/* CSS Document */
.user_boxs { }
.user_boxs { padding: 50px 0; background: #fff; font-family: caien, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
#login_myform { width:450px; margin:100px auto; }
.login_title { color:#3e5c59; font-size:20px; display:block; font-weight:normal; text-align:center; margin-bottom:40px }
.th2{ font-size:80px; color: rgba(179, 102, 84); font-weight: normal; font-family:Fiona; line-height:normal; display:block;text-align:center; margin-bottom:50px; }
#login_myform input.login_input{ border:0; background:none; font-size:16px; font-family:skin; padding:10px;border-bottom:1px solid #ddd; width:100%}
#login_myform li{  margin-bottom:20px}
#login_myform li span.Validform_wrong{ font-size:14px; color:#F60; display:block; padding-top:10px; padding-left:10px}
.button-yellow{ padding:18px 25px; background:#ba6956; font-size:20px; font-family:skin; color:#fff; border:0; cursor:pointer; display:block; width:100%}
#login_myform li.submit input.button-yellow{ width:48%; float:left}
#login_myform li.submit input.reg{ float:right; background:#dcb4aa}
#login_myform li.submit{ border-bottom:0; padding-top:35px}
#login_myform li.submit p{ display:block; text-align:center; padding-top:35px}
#login_myform li.submit p a{ color:#3e5c59; font-size:16px;}
#login_myform li#login_msg{ border-bottom:0; margin-bottom:0}
#login_msg p{ color:#F60; text-align:center}
#login_myform li.submit#reg_page input{ float:none; margin:0 auto}
#login_myform li.submit#reg_page p span{ vertical-align:middle; display:inline-block}
#login_myform li.submit#reg_page p a{ color:#ba6956; vertical-align:middle; display:inline-block; margin-left:15px}
/***/
.goods_step{ margin-top:0px; float:left; width:100%}
.goods_step p{ float:left;}
.goods_step p.on i{ background:#b36654}
.goods_step p.on font{ color:#b36654}
.goods_step p em{ line-height:50px; display:inline-block; padding-right:35px; padding-left:15px;}
.goods_step p font{ display:block; color:#d1a398; font-weight:normal; padding-top:5px;}
.goods_step p i{display:inline-block; font-style:normal; background:#d1a398; 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_body #login_myform{ width:550px;}
#reg_form{margin-top:50px;}
#reg_form li{ position:relative}
#reg_form li.code{ width:70%; padding-right:200px}
#reg_form li.code img{ position:absolute; right:15px; top:0}
.success_icon{ display:block; text-align:center; color:#b36654; font-size:20px;}
.success_icon font{ display:block}
.success_icon i{ font-size:100px;}
.jump{  text-align:center; font-size:16px; margin-top:45px}
.jump em{ color:#b36654}
/***/
@media (max-width:800px){
	#login_myform{ margin:6.25vw auto}
	.goods_step p{ display:inline-block; text-align:center; float:none; height:76px; vertical-align:middle}
	.goods_step p em{ padding:0 15px;}
	.goods_step{ text-align:center}
	#forget_body #login_myform{ width:100%; padding-left:25px; padding-right:25px}
}
@media (max-width:600px){
.goods_step p em{ padding:0 0px}
.th2{ font-size:60px}
#reg_form li.code{ width:100%; padding-right:176px}
#reg_form li.code img{ right:0}
}
@media (max-width:550px){
.login_title{ margin-bottom:30px}
.th2{ margin-bottom:30px}
}

@media (max-width:500px){
#login_myform{ width:100%; padding-left:25px; padding-right:25px}
#login_myform li.submit{ padding-top:15px}
#login_myform li.submit p{ padding-top:15px}
#login_myform{ margin:50px 0}
.th2{ font-size:50px}
.goods_step p em{ padding:0 10px}
}
@media (max-width:4000px){
#reg_form li.code{ width:100%; padding-right:100px}
#reg_form li.code img{ right:0; height:30px; width:90px}	
}
@media (max-width:360px){
#login_myform li.submit input.button-yellow{ width:100%}
#login_myform li.submit input.reg{ margin-top:15px}
}