@charset "utf-8";
body { background: #f3f5f7;}
/*登录*/
.login-radio { height: 50px; line-height: 50px; background: #fff;}
.login-radio ul { width: 100%; height: 51px; line-height: 50px;}
.login-radio ul li { float: left; width: 50%; height: 50px; font-size: .8rem; line-height: 50px; color: #222; text-align: center;}
.login-radio ul li.active { color: #538fdb; border-bottom: 1px solid #538fdb;}
.btn-submit, a.btn-submit { display: block; width: 100%; height: 40px; margin-top: 10px; font-size: .8rem; line-height: 40px; color: #fff; text-align: center; background: #538fdb; border: 0; border-radius: 4px;}
.ng-foot { padding: 10px;}
.ng-foot .ng-cookie-area { float: right; width: 35%; font-size: 14px; color: #999; text-align: right; vertical-align: middle; cursor: pointer;}
.ng-foot .remember-info { float: left; width: 60%; color: #666;}
.ng-foot .remember-info input[type="checkbox"], .ng-foot .remember-info span { display: inline-block;}
.ng-foot .remember-info span { margin-left: 5px;}
.ng-foot .remember-info a,.ng-foot .ng-cookie-area a { font-size: .65rem; color: #4b89dc;}
.ng-foot .remember-info a:hover,.ng-foot .ng-cookie-area a:hover { color: #f23030;}
input[type="checkbox"] { position: relative; width: 20px; height: 20px; vertical-align: middle; border: 1px solid #ccc; -webkit-border-radius: 50%; border-radius: 50%;}
input[type="checkbox"]:checked { background-color: #538fdb; border-color: #538fdb;}
input[type="checkbox"]:checked:after { content: ''; position: absolute; top: .16rem; left: .14rem; width: .5rem; height: .25rem; border-left: .065rem solid #fff; border-bottom: .065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.bg-no { background: none !important;}
.login-top{ background: url(../images/login_top_bg.png) no-repeat; background-size: cover;}
.login-top .header { background: none; border-bottom: none;}
.login-top .header-left { width: auto;}
.login-top .header-left a { display: none; background: url(../images/top1.png) no-repeat; background-size: auto 230px; background-position: 12px 12px;}
.login-top .header-left a:last-child { display: inline-block; width: 50px; background: url(../images/index_icon.png) no-repeat center center; background-size: 25px; background-position: 20px 12px;}
.login-top .header-middle { width: auto; color: #fff;}
.login-top .header-right a.text { font-size: .7rem; color: #fff; letter-spacing: 1px;}
.login-top .login-img { height: 70px; text-align: center;}
.login-top .login-img img { height: 60px; margin-top: -5px;}
a.footer-register { display: block; margin-top: 20px; font-size: .8rem; line-height: 20px; color: #f23030; text-align: center;}

/*注册修改*/
.m-l-3 { margin-left: 3%;}
.tip-text { display: block; margin-bottom: .5rem; font-size: .6rem; line-height: 20px; color: #999;}
.register-content .form-group dl dt { width: 110px;}
.register-content .form-group dl dd { padding-left: 110px;}
.middle-content .agree-deal { width: 94%; margin: .5rem auto 1.5rem; color: #999;}
.middle-content .agree-deal .agree-checkbox { float: left; width: 20px; height: 20px; margin: 5px 5px 0 2px; background: #fff url(../images/flow/flow_icon.png) no-repeat 0 0; border: none; border-radius: 50%;}
.middle-content .agree-deal .agree-checkbox:checked { background-image: url(../images/flow/flow_icon.png); background-position: 0 -47px;}
.middle-content .agree-deal span { float: left; line-height: 30px; font-size: .65rem;}
.middle-content .agree-deal span a { font-size: .65rem; color: #999;}

/*注册协议*/
#user_protocol { -ms-flex-direction: column; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; position: fixed; top: 0; right: 0; z-index: 999999999; width: 100%; height: 100%; overflow-y: scroll; background: #fff; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .3s linear; transition: all .3s linear;}
#user_protocol.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s linear; transition: all .3s linear;}
.protocol { padding: 10px;}
.protocol .protocol-con p { font-size: 14px !important; word-break: break-all;}
.protocol .protocol-con p:first-child { display: none;}

/*第三方登录*/
.other-login { position: relative; width: 94%; margin: auto;}
.other-login .other-login-title { position: relative; z-index: 1; height: 2rem; margin-top: .8rem; font-size: .65rem; line-height: 2rem; color: #666; text-align: center; overflow: hidden;}
.other-login .other-login-title span { z-index: 10; padding: .5rem; font-size: .65rem; font-weight: normal; line-height: 1rem; background: #f3f5f7;}
.other-login .other-login-title hr { position: absolute; top: 50%; right: 0; left: 0; z-index: -1; height: 1px; margin-top: -1px; background: #eee; border: 0;}
.other-login .other-login-content { text-align: center;}
.other-login a { display: inline-block; width: 2rem; height: 2rem; margin: 15px 20px 0; overflow: hidden; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat;
background-size: 70%; border: solid .05rem; -webkit-border-radius: 50%; border-radius: 50%;}
.other-login a.qq { background-image: url(../images/qq.png);border-color: #4fc0e8;}
.other-login a.sina { background-image: url(../images/sina.png); border-color: #ed5564;}
.other-login a.weixin { background-image: url(../images/weixin.png); border-color: #43a510;}

/*绑定账号*/
#bind_select .bind-select-top { width: 94%; margin: 1rem auto 0;}
#bind_select .bind-select-top .wellcome-pic { width: 3.5rem; height: 3.5rem; margin: 0 auto .5rem;}
#bind_select .bind-select-top .wellcome-pic img { width: 100%; height: auto; border-radius: 50%;}
#bind_select .bind-select-top p { font-size: 14px; color: #222;}
#bind_select .bind-select-top p span { color:#999;}
#bind_select .bind-select-top p span:nth-child(2) { font-size: 16px; color: #222;}
#bind_select .no-account,#bind_select .have-account { width: 94%; margin: 1rem auto 0;}
#bind_select .no-account .no-account-btn, #bind_select .have-account .have-account-btn { display: block; width: 100%; height: 40px; margin-top: 10px; font-size: .8rem; line-height: 40px; color: #fff; text-align: center; letter-spacing: 1px; background: #f23030; border: 0; border-radius: 4px;}
#bind_select .no-account .no-account-btn { color: #f23030; box-sizing: border-box; background: none; border: 1px solid #f23030;}
#bind_account { display: none;}
.wellcome-tip { width: 94%; margin-bottom: 10px; font-size: 14px; line-height: 18px;}
#bind_content .wellcome-tip { margin: 0 auto 10px;}
#bind_content .middle-content .submit-btn { margin-top: 20px;}

/*注册成功页面*/
.register-success { width: 100%; margin: 0 auto; text-align: center;}
.register-success .register-success-icon { height: 60px; margin: 35px 0 10px 0; text-align: center;}
.register-success .register-success-icon i { font-size: 80px; line-height: 60px; color: #f23030;}
.register-success .register-success-tip { display: block; height: 40px; font-size: 16px; line-height: 40px; color: #222; text-align: center;}
.register-success .register-success-btn { margin-top: 40px;}
.register-success .register-success-btn  a.btn { display: inline-block; width: 44%; height: 40px; padding: 0; margin: 0 auto; font-size: 16px; line-height: 40px; color: #fff; text-align: center; background: #f23030; border: none; border-radius: 3px;}
.register-success .register-success-btn  a.btn:first-child { margin-right: 2%; background: #ff9301;}

/*扫码登录*/
.qrcode-login-con { position: relative; width: 100%; height: auto;}
.qrcode-login-con .qrcode-login-pic { width: 100%; height: auto; padding: 50px 30px 30px; box-sizing: border-box;}
.qrcode-login-con .qrcode-login-pic img { display: block; width: 100%;}
.qrcode-login-con .qrcode-login-des { height: 30px; font-size: .8rem; line-height: 30px; color: #222; text-align: center;}
.qrcode-login-con .qrcode-login-bottom { padding: 0 15px;}
.qrcode-login-con .qrcode-login-bottom .btn { display: block; width: 100%; margin-top: 20px; font-size: 18px; line-height: 45px; text-align: center; border-radius: 4px; color: #fff;}
.qrcode-login-con .qrcode-login-bottom .btn:last-child { position: relative; color: #222; background: #fff;}
.qrcode-login-con .qrcode-login-bottom .btn:last-child:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 200%; height: 200%; border: 1px solid #ddd; border-radius: 8px; transform: scale(.5,.5); -webkit-transform: scale(.5,.5); transform-origin: left top; -webkit-transform-origin: left top; box-sizing: border-box;}
.qrcode-login-con i { display: block; width: 75px; height: 75px; margin: 4.5rem auto 1rem; background: url(../images/qrcode-login-error.png); background-size: contain;}
.qrcode-login-con .error-des { font-size: .8rem; line-height: 25px; color: #222; text-align: center;}
a.rescan-btn { position: relative; display: block; height: 45px; margin: 3rem 15px 10px; font-size: 18px; line-height: 45px; color: #f23030; text-align: center;}
.rescan-btn:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 200%; height: 200%; border: 1px solid #f23030; border-radius: 8px; transform: scale(.5,.5);-webkit-transform: scale(.5,.5); transform-origin: left top; -webkit-transform-origin: left top; box-sizing: border-box;}

/*登录主推微信修改*/
.weixin-login-con { height: 100%; background: #fff;}
.weixin-login-con .weixin-login-text { padding-top: 2.5rem; margin: 0 auto; text-align: center;}
.weixin-login-con .weixin-login-text span { display: block; font-size: 16px; line-height: 30px; color: #222;}
.weixin-login-con .weixin-login-logo { margin: 1.5rem auto 2rem; text-align: center;}
.weixin-login-con .weixin-login-logo img { width: auto; height: 3.5rem;}
.weixin-login-con .weixin-login-bottom { width: 94%; padding: 5px 0; margin: 0 auto;}
.weixin-login-con .weixin-login-bottom a.btn-submit { display: block; width: 100%; height: 40px; margin-top: 10px; line-height: 40px; font-size: .8rem; color: #fff; text-align: center; background: #00be00; border: 0; border-radius: 4px;}
.weixin-login-con .other-login-tip { display: block; height: 40px; margin-top: 30px; font-size: .8rem; line-height: 40px; color: #51eb16; text-align: center; cursor: pointer; background: #e2ffd9; border: 1px solid #acf192; border-radius: 3px; box-sizing: border-box;}
.other-login-layer { position: fixed; bottom: 0; left: 0; z-index: 5000; width: 100%; background-color: #efeff4; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s;}
.other-login-layer.show { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
.other-login-layer .other-login-list { background-color: #fff;}
.other-login-layer .other-login-item { position: relative; padding: 10px 0; font-size: 18px; color: #222; text-align: center;}
.other-login-layer .other-login-item em { display: inline-block; width: 25px; height: 25px; margin-right: 10px; vertical-align: middle;}
.other-login-layer .other-login-item em.phone { background-image: url(../images/phone_other_login.png); background-size: contain;}
.other-login-layer .other-login-item em.qq { background-image: url(../images/qq_other_login.png); background-size: contain;}
.other-login-layer .other-login-item em.sina { background-image: url(../images/sina_other_login.png); background-size: contain;}
.other-login-layer .other-login-item span { display: inline-block; text-align: left;}
.other-login-layer .other-login-bottom { margin-top: 6px; background-color: #fff;}
.other-login-layer .other-login-bottom a { position: relative; display: block; padding: 10px 0; font-size: 18px; color: #666; text-align: center;}

/******************** 修改 start 2017-12-28 **********************/
.agree-deal input[type="checkbox"]:checked { background-image: none !important; background-color: #538fdb; border-color: #538fdb;}
.ng-foot .remember-info a:hover, .ng-foot .ng-cookie-area a:hover { color: #006ac1;}
a.footer-register { color: #538fdb;}