/* 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:'Arial', Arial, Helvetica, sans-serif; }
/*================================================== */
#login_body { background:#ededed; }
.login_center { margin:60px auto; max-width:800px; background:#fff; padding:30px; font-size:13px; line-height:1.4 }
.login_center h2 { font-size:25px; font-weight:bold; display:block; margin-bottom:30px; }
.login_lt { width:50%; float:left; padding-right:30px; }
.login_rt { width:50%; float:left; padding-left:30px; border-left:1px solid #eee }
.login_center input { border: 1px solid #c3c3c5; -webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px; box-shadow: inset 0 1px 0 rgb(0 0 0 / 10%), inset 0 1px 1px rgb(0 0 0 / 5%); }
.login_center b { font-size:16px; color:#000; display:block; margin-bottom:10px }
.login_center li { margin-bottom:15px }
.login_center li label { display:block; margin-bottom:8px }
.login_center input:focus { border: 1px solid #119466; -webkit-box-shadow: 0 0 2px #119466; -moz-box-shadow: 0 0 2px #119466; -ms-box-shadow: 0 0 2px #119466; -o-box-shadow: 0 0 2px #119466; box-shadow: 0 0 2px #119466; background-color: #eefff6; }
.login_center li label em { color:#119466 }
.login_center .layui-btn { width: 100%; background: #119466; line-height:normal; padding:8px 25px; border: 1px solid transparent; border-width: 1px 1px 1px; border-color: #038b5b #038b5b #038b5b; background: #119466; background: linear-gradient(to top, #119466 0, #109f6d 100%); }
.login_rt .layui-btn { background:#F60; border-color: #ed6307 #ed6307 #ed6307; }
.login_rt .layui-form-checkbox[lay-skin=primary] span { line-height:15px; }
.layui-form-checkbox[lay-skin=primary]:hover i { border-color:#119466 }
.layui-form-checked[lay-skin=primary] i { border-color:#119466; background:#119466 }
.login_rt li.check a { float:right; color:#999 }
.login_rt li.check a:hover { color:#119466; text-decoration:underline }
#login_body .box-shadow { -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); }
.login-or {
    text-align: center;
    margin:8px 0;
    position: relative;
}
.login-or > span {
    z-index: 1;
    background: white;
    position: relative;
    padding: 0 10px;
}
.login-or::after {
    position: absolute;
    left: 0;
    top: 9px;
    width: 100%;
    height: 1px;
    background-color: #F2F2F2;
    content: "";
}
#googleReg11Btn, #googleLogin11Btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #D4D4D4;
    padding: 6px 0;
    color: #444444;
}
/*================================================== */
.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%; }
/***/
#login_myform { width:600px; margin:100px auto; background:#fff; padding:35px }
#reg_form { }
#login_myform .msg p { background: none repeat scroll 0 0 #EAFFEA; border: 1px solid #88AA88; color: #333333; font-size:14px; margin: 10px 0; padding: 10px 0 8px 10px; text-align: left; }
#reg_form li { position:relative; margin-bottom:15px; }
#reg_form li input { border: 1px solid #c3c3c5; -webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px; box-shadow: inset 0 1px 0 rgb(0 0 0 / 10%), inset 0 1px 1px rgb(0 0 0 / 5%); }
#reg_form li input:focus { border: 1px solid #119466; -webkit-box-shadow: 0 0 2px #119466; -moz-box-shadow: 0 0 2px #119466; -ms-box-shadow: 0 0 2px #119466; -o-box-shadow: 0 0 2px #119466; box-shadow: 0 0 2px #119466; background-color: #eefff6; }
#reg_form li label { display:block; margin-bottom:8px; }
#reg_form li.code { width:70%; padding-right:160px }
#reg_form li.code img { position:absolute; right:25px; top:29px; cursor:pointer; }
#reg_form li.sumbit button { width:100%; background:#119466 }
#reg_form li.sumbit { text-align:center; margin-top:25px; margin-bottom:0 }
@media(max-width:900px){
.login_center{ margin:50px 30px}
#login_myform{ margin:50px auto}
}
@media(max-width:660px){
.login_center{ margin:0;}	
#login_myform{ margin:0px 0px;width:auto;}
#reg_form li.code{ width:100%}
#reg_form li.code{}
}
@media(max-width:700px){
.login_rt{ width:100%; padding:0; border:0;}
.login_lt{ width:100%;padding:0; border:0; margin-top:25px; padding-top:25px; border-top:1px solid #ddd}
}
@media(max-width:450px){
	#reg_form li.code img{ right:0}
#reg_form li.code{ padding-right:120px}
#login_myform{}
}

@media(max-width:1280px){

.action_quote>a {
	display: none;
}
}