/*
*@Name: 母婴商城
*@Author: xuzhiwen
*@Copyright:layui.com
*/


body{font-family: "Microsoft YaHei", "SimSun", '\5b8b\4f53', sans-serif;  -moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;     }
.w1200{width: 1200px; margin:0 auto;}
.nobor{border-bottom: 0!important;}
.margin0{margin: 0!important;}
.padding0{padding: 0!important;}
i{font-style: normal;}

/*site-nav*/
.site-nav-bg{height: 30px; line-height: 30px; background-color: #f5f5f5;}
.site-nav{position: relative;}
.sn-back-home{float: left;}
.sn-back-home i{margin:0 4px 0 8px; font-size: 14px;}
.sn-quick-menu{position: absolute; right: 12px;}
.sn-quick-menu div{float: left;}
.sn-quick-menu div.login{margin-right: 22px; }
.sn-quick-menu div.login a{color: #ff5500;}
.sn-quick-menu div.sp-cart span{margin-left:4px; color: #ff5500; font-weight: bold;}
/*end-site-nav*/



/*header*/
.header{height: 100px; line-height: 100px;}
.header .mallLogo{margin-left: 38px; float: left;}
.header .mallSearch{float: right; width: 500px; padding-top: 30px; position: relative;}
.header .mallSearch form{height: 38px; line-height: 38px; border-width: 1px 0 1px 1px; border: solid #cfb2f6; position: relative;}
.header .mallSearch input{height: 38px; line-height: 38px; width: 436px; float: left; border:none; position: relative; z-index: 2; background: none;}
.header .mallSearch button{width: 58px; height: 38px; line-height: 38px; float: left; background: #cfb2f6; border-radius:0
;}
/*end-header*/













/*login*/

.login-content .login-bg{width: 100%; background: url(../img/load_bg.jpg) no-repeat; background-size: cover;}
.login-content .login-bg .login-cont{ height: 1200px;height:560px;margin:180px auto; position: relative;border:1px solid #d9dadc; border-radius: 10px;-webkit-border-radius: 10px;background: #FFFFFF;}
.login-content .login-bg .login-cont .form-box-left{background: url('public/img/home_login2.jpg') no-repeat;background-size: 100% 100%;width: 550px; height: 510px;border:none;position: absolute; top: 0px; left: 30px; padding:0 30px;}
.login-content .login-bg .login-cont .form-box{max-width: 360px; height: 420px; border:1px solid #d9dadc; background: #fff9ec; position: absolute; top: 50px; right: 90px; padding:0 30px;border-radius: 10px;-webkit-border-radius: 10px;}
.login-content .login-bg .login-cont .form-box legend{font-size: 22px; color: #323232; text-align: center; padding:50px 0;}
.login-content .login-bg .login-cont .layui-inline,.login-content .login-bg .login-cont .layui-input-inline{width: 100%; position: relative;}
.login-content .login-bg .login-cont .layui-input-inline .iphone-icon{position: absolute; top: 8px; left: 10px; color: #d3d3d3; font-size: 20px;}
.login-content .login-bg .login-cont .iphone{margin-bottom: 20px;}
.login-content .login-bg .login-cont .iphone .layui-input{padding-left: 40px;}
.login-content .login-bg .login-cont .veri-code .layui-btn{width: 102px; background: #eeeeee; text-align: center; color: #333; height: 36px; line-height: 36px; display: inline-block; border:none; cursor: pointer; position: absolute; top: 1px; right: 1px; font-size: 12px; padding:0 14px;}
.login-content .login-bg .login-cont .login-btn .layui-input-block{margin-left: 0; padding:20px 0px;}
.login-content .login-bg .login-cont .login-btn .layui-input-block button{width: 100%; background: #00A1EB; font-size: 18px;color:#FFFFFF;letter-spacing: 10px;}
@media screen and (max-width:1199px){
	.login-content .login-bg .login-cont .form-box-left{width:390px;height:410px;}
	}
@media screen and (max-width:990px){
	.login-content .login-bg .login-cont .form-box {
    width: 220px;
    height: 370px;
    border: 1px solid #d9dadc;
    background: #fff9ec;
   position:absolute;
   top:50px;
   left:50%;
   transform:translateX(-50%);
    padding: 0 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	
	}
	.login-content .login-bg .login-cont .form-box legend{font-size:14px;}
	.login-content .login-bg .login-cont .form-box-left{width:85%;height:450px;}
	
}
@media screen and (max-width: 789px){
	.login-content .login-bg .login-cont .form-box-left{width:68%;height:450px;}
.login-content .login-bg .login-cont{margin:50px auto;height: 480px;}
	}

@media screen and (max-width: 450px){
.layui-form-item .layui-input-inline {
   
     margin: 0 0 10px 0 !important; 
}
}

/*end-login*/