@charset "utf-8";
body{ background:#999;}
/*登录*/
.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;height:50px;line-height:50px; width:50%; text-align:center; font-size:0.8rem; color:#222;}
.login-radio ul li.active {color: #f23030; border-bottom:1px solid #f23030;}
.btn-submit,a.btn-submit{ display:block; width:100%; margin-top:10px;height:40px; line-height:40px; background:#f23030; border:0px; border-radius:4px; color:#fff; font-size:0.8rem; text-align:center;}
.ng-foot{ padding:10px;}
.ng-foot .ng-cookie-area{font-size: 14px;text-align: right;color: #999; vertical-align: middle; width: 35%; float:right; cursor: pointer;}
.ng-foot .remember-info { color: #666;  float:left; width:60%;}
.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{color: #4B89DC;font-size:0.65rem; }
.ng-foot .remember-info a:hover,.ng-foot .ng-cookie-area a:hover{ color: #f23030}
input[type="checkbox"]{position: relative;width:20px;height:20px;border:1px solid #CCC;-webkit-border-radius: 50%;
border-radius: 50%;vertical-align: middle;}
input[type="checkbox"]:checked{border-color: #f23030;background-color: #f23030;}
input[type="checkbox"]:checked:after{content: '';position: absolute;left: 0.14rem;top: 0.16rem;width: 0.5rem;height: 0.25rem;border-left: 0.065rem solid #fff;border-bottom: 0.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{background: url(../images/top1.png) no-repeat;background-size: auto 230px;background-position: 12px 12px; display:inline-block; display:none;}
.login-top .header-left a:last-child{background: url(../images/index_icon.png) no-repeat center center;display: inline-block;background-size:25px; width:50px;background-position: 20px 12px;}
.login-top .header-middle{ color:#fff; width:auto;}
.login-top .header-right a.text {color: #fff; font-size:0.7rem;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{text-align: center;display: block;color: #f23030;line-height: 20px;margin-top: 20px;font-size: 0.8rem;}

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

/*注册协议*/
#user_protocol{-ms-flex-direction: column;-webkit-box-orient: vertical;box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;
width: 100%;height: 100%;position: fixed;top: 0;right: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);-webkit-transition: all .3s linear;transition: all .3s linear;z-index: 999999999;background: #fff;overflow-y: scroll;}
#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{ width:94%; margin:auto; position:relative}
.other-login .other-login-title{font-size:0.65rem;position: relative;z-index: 1;height:2rem;line-height:2rem;overflow: hidden;color: #666;text-align: center;margin-top:0.8rem;}
.other-login .other-login-title span{ line-height:1rem;padding:0.5rem;font-size:0.65rem;z-index: 10; background:#f3f5f7; font-weight:normal;}
.other-login .other-login-title hr {background: #eee;height: 1px;border: 0;position: absolute;left: 0;right: 0;top: 50%;margin-top:-1px;z-index: -1;}
.other-login .other-login-content{ text-align:center;}
.other-login a {display: inline-block;width:2rem;height:2rem;background-color: #FFF;background-position: 50% 50%;background-repeat: no-repeat;
background-size: 70%;border: solid 0.05rem;-webkit-border-radius: 50%;border-radius: 50%;margin: 15px 20px 0px; overflow:hidden;}
.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 0.5rem;}
#bind_select .bind-select-top .wellcome-pic img{ width:100%; height:auto; border-radius:50%;}
#bind_select .bind-select-top p{ color:#222; font-size:14px;}
#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%;margin-top: 10px;height: 40px;line-height: 40px;background: #f23030;border: 0;border-radius: 4px;color: #fff;font-size: 0.8rem;text-align: center;letter-spacing:1px;}
#bind_select .no-account .no-account-btn{ background:none; border:1px solid #f23030; color:#f23030; box-sizing:border-box;}
#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 { margin: 35px 0 10px 0; height: 60px; 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 { line-height: 25px; text-align: center; font-size: .8rem; color: #222;}
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 **********************/
.login-radio ul li.active { color: #51adf8; border-bottom: 1px solid #51adf8;}
.btn-submit, a.btn-submit { background: #51adf8;}
.ng-foot input[type="checkbox"]:checked { background-color: #51adf8; border-color: #51adf8;}
.agree-deal input[type="checkbox"]:checked { background-image: none !important; background-color: #51adf8; border-color: #51adf8;}
.ng-foot .remember-info a:hover, .ng-foot .ng-cookie-area a:hover { color: #006ac1;}
a.footer-register { color: #51adf8;}