@charset "utf-8";
*{margin:0; padding:0;}

#msgs{z-index:1000;position:absolute;width:150px;margin:-42px auto 0 96px;background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
.login-show {width: 800px;min-height: 430px;float:left;}
.login-main {width:342px;background:#FFFFFF;border:#E5E5E5 1px solid;margin:0 28px;border-radius:5px;float:left;}
.login-head {height:50px;overflow:hidden;}
.login-head ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.login-head li {float:left;width:114px;height:48px;line-height:48px;text-align:center;font-size:16px;border-bottom:#E5E5E5 2px solid;}
.login-head a {display:block;width:114px;height:48px;}
.login-head li:hover {border-bottom:#666666 2px solid;}
.login-head .on,.login-head .on:hover {border-bottom: #2f9833 2px solid;font-weight:bold;}
.login-head .on a{color: #108415;}
.login-body {padding-bottom:20px;}
.login-body div {padding:20px 20px 0 20px;font-size:14px;}
.login-oauth {border-top:#E5E5E5 1px solid;text-align:center;margin-top:20px;}
.login-oauth img {width:24px;height:24px;padding:8px;}
.login-oauth img:hover {transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.login-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.input-captcha {background:url('../images/input-captcha.png') no-repeat 8px center;width:100px;}
.input-question {background:url('../images/input-question.png') no-repeat 8px center;width:260px;}
.input-user {background:url('../images/input-username.png') no-repeat 8px center;width:260px;}
.input-pass {background:url('../images/input-password.png') no-repeat 8px center;width:260px;}
.input-mob {background:url('../images/input-mobile.png') no-repeat 8px center;width:260px;}
.input-mail {background:url('../images/input-mail.png') no-repeat 8px center;width:260px;}
.input-text {background:url('../images/input-text.png') no-repeat 8px center;width:260px;}
.input-code {background:url('../images/input-password.png') no-repeat 8px center;width:100px;}

.reg-main {width: 100%;margin:0 auto;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li {display:inline;float:left;width: 220px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px solid;color:#9999B2;}
.reg-step li i {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('../images/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('../images/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on {border-bottom: #c50000 2px solid;color: #c50000;}
.reg-step .on i {background:url('../images/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b {background:url('../images/reg-step.png') no-repeat 0 -72px;}
.reg-tb {width:100%;margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {width:120px;text-align:right;}
.reg-tb .tr {width:330px;}
.reg-inp {width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.tips {position:absolute;z-index:100;width:300px;background:url('../images/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('../images/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px; width:200px;}


/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {

}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {

}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {

}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {



}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
.reg-main{    width: 100%;}
.reg-step li{ width:33.3%;}
.reg-step li i,.reg-step li b{ display:none}
.reg-tb {width: 100%;}
.reg-tb .tl{display:none}
.reg-tb .tr{ width:90%;}
.reg-tb .tt{ width:1%; position:relative;}
.reg-tb .tt span{position: absolute;
    right: 0;
    top: 18px;
    width: 160px;}
.input-mob{ width:88%;}
.reg-tb td {padding: 2%;}
.reg-btn {width:100%;}



}