@charset "utf-8";
*{box-sizing:border-box;padding:0;margin:0;}
html {background-color:#f5f6fa}
ul li{list-style:none;}
a {text-decoration:none;}
a {color:#333;}
a:hover {color:#c61b3b;}
 
button {outline:0;border:0;background-color:transparent;cursor:pointer}
input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"] {
    min-height: 24px;
    padding: 2px 8px;
    outline: 0;
    border: 1px solid #dedede;
    border-radius: 3px;
    font-size: 14px;
    background: #f5f6fa;

}
 
 
.text-danger { color: #999; font-size:12px;}
 
.head{position:fixed;width:100%;top:0;left:0;height:100px;z-index:11;  background:#fff;    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.headcenter {width:1080px;overflow:hidden;  margin:0 auto }
.logo {float:left;margin-top:20px;margin-right:55px;} 
.logo img{max-width:100%; max-height:55px; margin-right:10px;}
.logo a{font-size:28px;font-weight:bold;display:flex;align-items:center; color:#555;width:340px; position:relative;color:#0083cf}
.logo a span{position:absolute;top:15px;right:10px; font-size:12px; background:#0083cf;width:110px;  line-height:28px;height:30px;display:block;text-align:center;border:1px solid #dedede; color:#fff;}
 
.login-box { float:right; margin-top:30px;line-height:30px;}
.login-box a{height:30px; line-height:30px;font-size:14px;width:80px;border-radius: 6px; border:1px solid #dedede;display:block; float:right;text-align:center;}
.login-box .active {color:#FFFFFF;background-image:linear-gradient(90deg,#0083cf,#0097e2); margin-left:20px; }
 
  
 .w100 {
    width: 100%;
}
 
 .mt-5{margin-top:10px;}

.app {width:1080px;overflow:hidden;  margin:140px auto 30px auto}


.regbox{width:100%;overflow:hidden; z-index:100;position:relative;background:#fff;padding:50px;}
.regtitle{ text-align:center; font-size:28px; margin-bottom:30px }

.regbox .reg {border-radius: 4px;    padding:20px; width:70%;margin:0 auto }
.regbox .reg .wrap {position:relative}
 
.regbox .reg input[type="text"] {height:52px;padding-left:15px}
.regbox .reg input[type="text"]:focus {border-color:#b2b2b2}
.regbox .reg .message-box {height:22px;line-height:22px;margin:10px 0;}
 
.regbox .reg .sms-box {position:relative}
.regbox .reg .sms-box input[type="text"] {padding-right:100px;}
.regbox .reg .sms-box .sms-btn {position:absolute;color:#ff6700;font-size:14px;right:18px;height:52px;top:20px;background-color:transparent;border:0;outline:0;cursor:pointer}
.regbox .reg .sms-box .sms-btn:hover {color:#0f69dc}
.regbox .reg .sms-box .sms-btn[disabled] {color:#999}
 
.regbox .reg .register-btn {line-height:44px;color:#fff;font-size:18px;border-radius:3px;background-image:linear-gradient(90deg,#0083cf,#0097e2);box-shadow:0 20px 16px 0 rgba(231,1,1,0.06)}
.regbox .reg .register-btn:hover {background-image:linear-gradient(90deg,#e60000,#f64f1b);box-shadow:0 20px 16px 0 rgba(231,1,1,0.08)}
.regbox .reg .register-btn.disabled {background:#ccc;box-shadow:none;display:none;cursor:not-allowed}

.regbox .reg .terms-wrap {color:#999;font-size:14px;text-align:center;padding-top:28px;padding-bottom:14px}
.regbox .reg .terms-wrap input[type="checkbox"] {opacity:1;filter:alpha(opacity=100)}
.regbox .reg .terms-wrap a {color:#999}
 
.regbox h2{font-size:22px;color:#555;margin-bottom:15px; font-weight:normal} 
.regbox .error {display:none;line-height:22px}
 
 .youshibox{width:1080px;overflow:hidden;  margin:20px auto; background:#FFF; padding:20px 70px;}
.youshili {    
    float: left;
    padding: 20px 0px 0px 70px;
    height: 72px;
    font-size: 14px;
    line-height: 18px;
    width: 230px;
     
}
.icon01{background: url("http://user.44983.com/login/u2032.png") 20px 20px no-repeat;}
.icon02{background: url("http://user.44983.com/login/u2033.png") 20px 20px no-repeat;}
.icon03{background: url("http://user.44983.com/login/u2034.png") 20px 20px no-repeat;}
.icon04{background: url("http://user.44983.com/login/u2035.png") 20px 20px no-repeat;}
 
#footer {width:100%;margin:0 auto;padding:20px 0; }
#footer .banquan { line-height:30px;color:#333;text-align:center;}
#footer .banquan a {color:#333;}
#footer .banquan a:hover {color:#ff552e;}
@media(max-width:767px) {
	
 .headcenter,.app{width:100%;}
 .app{margin-top:120px;}
 .regbox{padding:20px 10px;}
 .regtitle{font-size:20px;margin-bottom:10px;}
.regbox .reg{width:100%}
.youshibox,.login-box{display:none;}