/* CSS Document */
@import url("../../static/css/core.css");
@import url("../../static/css/animate.css");
/*******/
@import url("../../static/css/fonts.css?v=106");
@import url("../../static/css/menu.css?v=363255");
@import url("../../static/css/flag.css?v=106");
.wcenter { max-width:1540px; margin:0 auto }
body * { font-family:'DINPro', Arial, Helvetica, sans-serif; }
body .layui-input{font-family:Arial, Helvetica, sans-serif; }
/*================================================== */
.login_bg{ background:#ecebeb url(../images/logbg.jpg) no-repeat center bottom; padding:150px 0}
.login_center { font-size:13px; line-height:1.4; max-width:1504px; margin:0 auto}
.login_center b { font-size:25px; font-weight:bold; display:block; margin-bottom:30px; }
.login_lt {width:460px; float:right; background:#fff;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:25px 30px}
.login_rt {width:460px; float:right; background:#fff;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:25px 30px}
.login_lt .layui-input{ border:1px solid #e6e6e6;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:15px 10px; height:auto; padding-left:65px;}
.login_lt li{ margin-bottom:20px; position:relative}
.login_lt li.email:before,.login_lt li.pwd:before{ background:url(../images/icon_em.jpg) no-repeat center center; border-right:1px solid #e6e6e6; width:40px; height:100%; content:""; display:block; position:absolute; left:0; top:0}
.login_lt li.pwd:before{ background-image:url(../images/icon_sz.jpg)}
.goreg{ float:right}
.goreg a{ vertical-align:top; color:#3963ef}
.login_lt .layui-btn{ width:100%; text-align:center; background:#3963ef; height:auto; padding:5px 0}
.login_lt a:hover{ color:#3963ef; text-decoration:underline}
/*================================================== */
#forget_myform .msg{ margin-bottom:15px}
.login_rt .layui-input{ border:1px solid #e6e6e6;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:15px 10px; height:auto; padding-left:65px;}
.login_rt li{ margin-bottom:20px; position:relative}
.login_rt li:before{ background:url(../images/icon_em.jpg) no-repeat center center; border-right:1px solid #e6e6e6; width:40px; height:100%; content:""; display:block; position:absolute; left:0; top:0}
.login_rt li.pwd:before{ background-image:url(../images/icon_sz.jpg)}
.login_rt li.company:before{ background-image:url(../images/icon_company.jpg)}
.login_rt li.mobile:before{ background-image:url(../images/icon_mobile.jpg)}
.login_rt .layui-btn{ width:100%; text-align:center; background:#3963ef; height:auto; padding:5px 0}
.login_rt li.sumbit:before{ display:none}
.return{ display:block; text-align:center; font-size:16px; padding-top:10px}
.return a{ color:#3963ef}
.return a:hover{ text-decoration:underline}
/*================================================== */
.forget_bg{ background:#ecebeb; padding:100px 0}
.th2 { font-size:25px; font-weight:bold; line-height:normal; display:block; text-align:center; margin-bottom:30px; }
/***/
.goods_step { margin-top:0px; float:left; width:100%; padding-left:15px }
.goods_step p { float:left; }
.goods_step p.on i { background:#119466 }
.goods_step p.on font { color:#119466 }
.goods_step p em { line-height:50px; display:inline-block; padding-right:35px; padding-left:15px; }
.goods_step p font { display:block; color:#50cfa2; font-weight:normal; padding-top:5px; }
.goods_step p i { display:inline-block; font-style:normal; background:#50cfa2; color:#fff; font-size:18px; text-align:center; line-height:50px; width:50px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
/***/
.forget_bg{ background:#ecebeb url(../images/logbg.jpg) no-repeat center bottom; padding:150px 0}
#forget_myform{ background:#fff; width:460px; float:right; padding:30px}
#reg_form .layui-input{ border:1px solid #e6e6e6;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:15px 10px; height:auto; padding-left:65px;}
#reg_form li{ margin-bottom:20px; position:relative}
#reg_form li.email:before,#reg_form li.code:before,#reg_form li.pwd:before{ background:url(../images/icon_em.jpg) no-repeat center center; border-right:1px solid #e6e6e6; width:40px; height:100%; content:""; display:block; position:absolute; left:0; top:0}
#reg_form li.code:before{ background-image:url(../images/icon_c.jpg)}
#reg_form li.code img{ position:absolute; right:10px; top:8px; border:1px solid #eee; cursor:pointer}
#reg_form .layui-btn{ width:100%; text-align:center; background:#3963ef; height:auto; padding:5px 0}
#reg_form li.pwd:before{ background-image:url(../images/icon_sz.jpg)}
#reg_form a:hover{ color:#3963ef; text-decoration:underline}
/***/
@media(max-width:1674px){
.login_bg,.forget_bg{ padding:8.96057347670251vw 0;}	
.login_center{ max-width:100%; padding-right:85px}
}
@media(max-width:1360px){
.login_center{padding-right:50px}
}
@media(max-width:980px){
.login_bg,.forget_bg{ background-position:-250px center}	
.login_center{padding-right:0px}	
.login_lt,.login_rt,#forget_myform{ margin:0 auto; float:none}
}
@media(max-width:600px){
.login_bg,.forget_bg{ background:#fff; border-top:1px solid #eee; padding-top:0}
.login_lt,.login_rt,#forget_myform{ width:100%; padding:25px 0}
}
@media(max-width:510px){
.login_center{padding-right:25px; padding-left:25px}	
}