html{overflow-y:auto;overflow-x:hidden}
body{margin:0;font:12px/1.7 '微软雅黑','\5B8B\4F53',Tahoma}
ul,dl,dt,dd,ol,input,h1,h2,h3,h4,h5,h6,p,form{padding:0;margin:0}img{border:none}
ul,li{list-style:none}i{font-style:normal}button,input{vertical-align:middle}.clear{clear:both}.clear:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0}.clear{zoom:1;/*for IE6 IE7*/}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}
button{background:none;border:none;cursor:pointer;padding:0;outline:none}
a,button{outline:none}


/*Result-Tip*/
#rTip{height:40px; position:fixed; top:-1px; left:50%; display:none; z-index:1034; border:1px solid #60a400; background-color:#cdfcd2; opacity:0.9; color:#090}
#rTip div{float:left; overflow:hidden; height:40px}
#rTip .r{width:20px}
#rTip .l:before{content:'\e657'; width:50px; font-family:"iconfont"!important; font-size:20px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; line-height:40px; padding-left:15px; text-align:center}
#rTip.error{background-color:#F9E4E3; border-color:#E89E9D}
#rTip.warning{background-color:#f8f3d6; border-color:#d8cd85}
#rTip.error .l:before{content:'\e659'}
#rTip.warning .l:before{content:'\e6e5'}
#rTip .c{height:14px; padding:13px 10px; line-height:14px; font-size:14px}
#rTip.error{color:#b32f2d}
#rTip.warning{color:#967132}

.login-title{border-bottom:1px solid #eee; color:#888; font-size:16px; text-align:center; margin: 0 auto; height:28px; padding:0; padding-top:60px; margin-top:40px; background-size:200px 40px}
.login-title span{background-color: #fff; position: relative; display: inline-block; height:24px; line-height: 24px; top: 14px; padding:0 10px;}

.loginform{
    margin:0 auto; width:400px; border:1px solid #ddd; border-radius: 8px;  overflow: hidden;
    background-color: #fff;
    margin-top: 30px;
}
.loginform .wrap-login{display: none}
.loginform .wrap-reg{display: none}
.loginform .wrap-wechat{display: none}
.loginform.reg-mode .wrap-reg{display: block}
.loginform.wechat-mode .wrap-wechat{display: block}
.loginform.login-mode .wrap-login{display: block}

/*登录，注册*/

.form-unit{font-size:14px; height:44px; margin-bottom:20px; position:relative}
.ipt-icon .iconfont{font-size:20px; line-height:16px; height:44px; width:44px; text-align:center; color:#888; padding:12px; box-sizing: border-box; float: left; border:1px solid #e8e8e8; border-right:none; border-radius: 3px 0 0 3px}

.form-input{height:44px; padding:6px 12px; border:1px solid #e8e8e8; background-color:#fff; outline:none; font-size:14px; display:block; width: calc(100% - 44px); line-height:20px; box-sizing: border-box; float: left; border-radius: 0 3px 3px 0}

.imgcode{height:44px; width:100px; float:left; box-sizing: border-box; border:1px solid #e8e8e8; position: absolute; right:0; top:0; border-radius:0 3px 3px 0;}
/*.codebox{float:left; width: calc(100% - 100px)}*/
.form-btn{line-height:24px; height:44px; background-color:#0094f5; display:block; text-align:center; font-size:18px; color:#fff; padding:10px; box-sizing: border-box; border-radius: 3px;}
.form-btn:hover{background-color:#0873b9}
.form-btn:active{background-color:#0873b9}
.form-unit .sub-btn{position:absolute; left:-30000px}
.form-unit .form-btn-reg{float: left; height:34px; background-color:#ddd; line-height:34px; text-align:center; color:#666; width:100px;}


.footer{flex-shrink: 0; margin-bottom: 30px; text-align: center; color:#999; font-size:13px; margin-top:20px;}





body{background-color: #fafafa}
.body-container{
    position: absolute;
    left:0; top:0; bottom:0; right:0;
    min-height: 600px;
    display: flex;
    flex-direction: column;
}
.main-box{flex: 1; justify-content: center; align-items: center; display: flex}

.loginform{/*height: 420px;*/ position: relative}
.login-type{display: flex; align-items: center; justify-content: center; font-size: 16px; width: 260px; margin: 0 auto 12px;}
.tab-btn{height:36px; line-height: 34px; flex: 1; text-align: center; color:#888}
.login-type .on{border-bottom: 2px solid #006bc8; color:#0b78e3}
.tab-mod{display: none;}
.wechat-qrcode-box{height:413px; overflow: hidden}
#login_container{display: flex; padding-top: 18px; /*background-color: #636363;*/ justify-content: center}
.scan-login-box{background-color: #fff}
.scan-wechat-tip{color:#666; font-size: 14px; text-align: center; border-top: 1px solid #eee; height: 46px; display: flex; justify-content: center; align-items: center;}
.close-wechat{color:#0b78e3; font-size: 14px; text-align: center; line-height: 32px;}


.header-wrap{height:60px; background-color: #fff; border-bottom: 1px solid #eee;}
.header{width:1000px; margin: 0 auto; display: flex; align-items: center; height:60px;}
.header a{display: block}
.header img{height:32px; display: block}


.wrap-wechat .bind-mobi{display: none}

.mode-bind-mobi .bind-mobi{display: block}
.mode-bind-mobi .wechat-qrcode-box{display: none}

.login-wrap{padding:40px 40px 30px}
.reg-wrap{padding:40px 40px 30px}
.wechat-reg-wrap{padding:20px 40px 30px}
.wechat-reg-wrap .scan-res-tip{font-size: 14px; color: green; display: flex; align-items: center; justify-content: center}
.wechat-reg-wrap .scan-res-tip .iconfont{font-size: 18px;margin-right: 3px;font-weight: bold;color: green;}

/*.wechat-reg-wrap .submit-btn{margin-bottom: 0}*/
.wechat-reg-wrap .accept-protocol{margin-bottom: 0}

.login-tag{
    display: flex;
    background-color: #f2f2f2;
    height: 46px;
    border-bottom: 1px solid #ddd;
}
.login-btn{
    display: flex;
    font-size: 16px;
    color: #666;
    width:65%;
    padding-left: 20px;
    background-color: #fff;
    height: 46px;
    align-items: center;
    cursor: default;
}
.switch-reg-btn{
    font-size: 14px;
    color: #666;
    height: 46px;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    position: relative;
}
.switch-reg-btn:before{
    z-index: 5;
    border-bottom: none;
    -webkit-transform: skew(-20deg, 0deg);
    left: -9px;
    border-left: 1px solid #ddd;
    width: 22px;
    height: 46px;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    background-color: #f4f4f4;
    content: " ";
    cursor: pointer;
}
.switch-reg-btn:hover{
    color:#0b79e3;
    text-decoration: underline;
}
.other-btn{
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}
.find-pwd{
    justify-content: flex-end;
}

.row-protocol{
    display: flex;
    height: 24px;
    margin-bottom: 16px;
    padding-left: 2px;
    margin-top: -4px;
    font-size: 14px;
    align-items: center;
}
.accept-protocol{
    display: flex;
    height: 24px;
    margin-bottom: 16px;
    padding-left: 2px;
    margin-top: -4px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color:#888;
}
.accept-protocol a{color:#0b78e3}
.btn-mobi-code{
    position: absolute;
    right: 0;
    top:0;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.btn-mobi-code span{
    padding:0 12px;
    color:#0b78e3;
    font-size: 12px;
    width: 88px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex: 1;
}
.btn-mobi-code:before{
    position: absolute;
    left:0;
    top:50%;
    height:24px;
    margin-top: -12px;
    border-left: 1px solid #ddd;
    content:" "
}
.btn-mobi-code.disabled span{
    color:#999
}

.row-protocol a{color:#0b79e3}
.row-protocol label{display: inline-flex; align-items: center}
.row-protocol label input{margin-right: 5px}

.login-link:hover{
    color:#0b79e3;
    text-decoration: underline;
}

.other-login-mode{
    justify-content: center; align-items: center; display: flex; margin-bottom: 0;
}

.other-login-line{border-bottom: 1px solid #ddd;margin:28px 0;position: relative;}
.other-login-line span{width:106px; background-color: #fff; font-size: 14px; color:#999; height:20px; line-height: 20px;position: absolute; left:50%; top:50%; margin-left: -53px; margin-top: -10px; text-align: center}
.other-btn .link-btn{
    font-size: 12px;
    color:#666;
}
.other-btn .link-btn:hover{
    color:#0b79e3;
    text-decoration: underline;
}
/*.login-weixin{display: flex; align-items: center; justify-content: center; background-color: #fff; position: absolute; top:50%; margin-top: -10px; left: 50%; margin-left: -50px; width:100px}*/
.login-weixin{display: flex; align-items: center; justify-content: center; background-color: #fff;}
.login-weixin span{display: none}
/*.login-weixin .iconfont{color:#0eab0e; font-size: 20px; display: block; height:20px; line-height: 20px; margin-right: 3px;}
.login-weixin span{height: 20px; color:#666; font-size: 14px; display: block; line-height: 20px;}*/
.login-weixin .iconfont{color:#0eab0e; margin-right: 2px; font-size: 22px; border-radius: 50%; border: 1px solid #090; width:32px; height:32px; display: flex; justify-content: center; align-items: center; line-height: 32px}
.login-weixin .iconfont:hover{background-color: #090; color:#fff}


.mode-pwd{display: none}
.mode-mobi-code{display: none}
.show-mode-pwd .mode-pwd{display: block}
.show-mode-mobi .mode-mobi-code{display: block}