*{margin: 0;padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font-size: 14px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
a{text-decoration: none;color: #333;}
img{vertical-align: middle;}
.box-mark{display: block; position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.5);filter:alpha(opacity=50); background-color: #000\9;height: 100%;width: 100%;z-index: 10000;}
.hidden,.hide{display: none!important;}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.porela,.input-required{position: relative;}
.cursor-p{cursor: pointer;}
.default-color, .default-color:hover, .default-color:focus{color: #00b882 !important;}
.white-bg{background-color: #fff;}
.f-f55{color: #ff5555!important;}
.f-f66{color: #666!important;}
.f-999{color: #999!important;}
.f-999-12{color: #999;font-size: 12px;}
.ml-15{margin-left: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px;}
.pd-20{padding: 20px;}
.box-transition,.caret{-webkit-transition: all .3s linear 0s; transition: all .3s linear 0s;}
.text-weight{font-weight: bold;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pull-left{float: left!important;}
.pull-right{float: right!important;}
.tab-content>.tab-pane{display: none;}
.tab-content>.active{display: block;}
.list-inline{padding-left: 0;margin-left: -5px;list-style: none;}
.list-inline>li{display: inline-block;padding-right: 5px;padding-left: 5px;}
/*弹出层*/
.popup-box .popup{position: fixed;z-index: 10010;top: 20%;left: 50%;min-width: 400px;margin-left: -200px;background-color: #FFF;border-radius: 16px;}
.popup-box .popup .close-btn{position: absolute;top: -52px;right: 0;font-size:36px;color: #fff;cursor: pointer;}
.popup-box .popup .close-btn:hover{opacity: .66;filter: alpha(opacity=66);}
.popup-box .popup .welcome-title{padding-top: 50px;padding-bottom: 10px;font-size: 16px;color: #999;text-align: center;}
.popup-box .popup-tabs{height: 74px;line-height: 74px;border-bottom: 1px solid #eee;text-align: center;}
.popup-box .popup-tabs a{float: left;width: 50%;line-height: 72px;font-size: 18px;color: #666;text-decoration: none;outline: none;}
.popup-box .popup-tabs a.active span,.popup-box .popup-tabs .tab-title{display: inline-block;border-bottom: 2px solid #00B882;color: #333;font-weight: bold;}
.popup-box .popup-tabs .tab-title{line-height: 72px;font-size: 22px;cursor: default;color: #333;border-bottom: none;}
.popup-box form {padding-top: 35px;padding-bottom: 20px;}
.popup-box form .block-item{position: relative;margin: 0 auto 12px;width: 300px;line-height: 45px;}
.popup-box form .inline-item{display: inline-block;width: 160px;vertical-align: middle;}
.popup-box form .block-item input[type=submit],.popup-box form .block-item input[type=button]{padding: 0; width: 100%;height: 45px;background-color: #00B882;line-height: 45px;border: none;border-radius: 3px;font-weight: bold; font-size: 16px;color: #FFF;outline: none;box-shadow: 0 3px 7px 0	rgba(15, 199, 145, .35);}
.popup-box form .block-item input[disabled],.popup-box form .block-item input.disabled{background-color: #eee;color: #afafaf;box-shadow: none;cursor: not-allowed;}
.popup-box form .block-item .input-remember{margin-top: 0;margin-right: 3px;vertical-align: -2px;outline: none;}
.popup-box form .block-item.focus-psw{line-height: normal;margin-bottom: 0;}
.popup-box form .block-item.error-tip{min-height: 32px;margin-bottom: 0;line-height: 32px;opacity: 0;visibility: hidden;font-size: 14px;color: #ff0000;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.popup-box form .block-item.error-tip.visible{opacity: 1;visibility: visible;}
.popup-box form .block-item .login-ico{position: absolute;left: 10px;top:11px;width: 17px;height: 22px;}
.popup-box form .block-item .btn-waiting{position: absolute;left: 28%;top: 13px;opacity: 0;visibility: hidden;}
.popup-box form .block-item .btn-waiting.active{opacity: 1;visibility: visible;}
.popup-box form .block-item .btn-waiting:after{content: '';position: absolute;top: 0;left: 0;width: 20px;height: 20px;border-radius: 50%;animation: rotation infinite linear 0.5s;    border-top: 2px solid transparent;border-left: 2px solid #afafaf;border-right: 2px solid transparent;border-bottom: 2px solid transparent;z-index: 0;}
.popup-box form .long-input{display: block;padding-left: 35px;width: 100%;height: 45px;line-height: 45px;border: 1px solid #D2D2D2;font-size: 14px;}
.popup-box form .long-input.error{border-color: #f6a595;outline: none;}
.popup-box .verify-btn{display: inline-block;padding: 10px;line-height: normal;border: none;border-radius: 3px;background-color: #00b882;color: #fff;text-decoration: none;outline: none;vertical-align: middle;}
.popup-box .verify-btn.forbid{background-color: #ccc;cursor: not-allowed;}
.popup-box .wechat-qr-box{padding-top: 10px;}
.popup-box .wechat-qr-box p{margin-top: 10px;}
.popup-box .wechat-qr-box p:first-child{padding-left: 15px;}
.popup-box .wechat-qr-box .icon-ask-wx{vertical-align: sub;}
.popup-box .wechat-qr-box .wechat-back-login{color: #999;}

.popup-box .login-popup .psw-visible{position: absolute;top: 50%;right: 20px;margin-top: -3.5px;}
.popup-box .login-popup .block-item.focus-psw label+a{color: #666;outline: none;}
.popup-box .login-popup .other-login{padding-bottom: 20px;padding-top: 20px; border-top: 1px solid #eee;}
.popup-box .login-popup .other-login .tip{position: absolute;left: 62px;top: -82px; width: 263px;background-color: #ffffff;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.popup-box .login-popup .other-login .tip:after,.popup-box .login-popup .other-login .tip:before{position: absolute;left: 78px;bottom: -10px; content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;}
.popup-box .login-popup .other-login .tip:before{bottom: -12px;border-top-color: #dfdfdf;}
.popup-box .login-popup .other-login .tip a{display: inline-block;width: 60px;height: 25px;line-height: 23px; border-radius: 3px;border: 1px solid #00B28C;color: #00b882;font-size: 12px;text-align: center;text-decoration: none;}
.popup-box .login-popup .other-login .login-ico{margin-right: 30px; width: 36px;height: 36px;}
.popup-box .login-popup .other-login .icon-login-tip{margin-right: 10px; width: 22px;height: 22px;background-position: -57px -38px;vertical-align: middle;}
.popup-box .login-popup .other-login .register{display: inline-block; margin-top: 10px; vertical-align: top;}
.popup-box .login-popup .tip-title{display: inline-block;position: relative;margin-bottom: 20px;font-size: 14px;color: #999;}
.popup-box .login-popup .tip-title:before,.popup-box .login-popup .tip-title:after{content: '';position: absolute;top: 50%;width: 107px;height: 1px;background-color: #e5e5e5;}
.popup-box .login-popup .tip-title:before{left: -117px;}
.popup-box .login-popup .tip-title:after{right: -117px;}
/*弹窗*/
.dialog-box{z-index: 10001; position: fixed;left: 50%;top: 50%; 
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.dialog-box>div{border-radius: 6px;}
.dialog-box .pop-close{position: absolute;bottom: 100%;right: 0;color: #fff;background:none;border: none;font-size: 30px;outline: none;}
.dialog-box .pop-close:hover{opacity: .7;}
.dialog-header{padding: 15px 20px;background-color: #efefef;border-radius: 6px 6px 0 0;}
.dialog-body{padding: 25px 30px;}
.dialog-body .dialog-btn a{display: inline-block;margin-left: 15px;margin-right: 15px; width: 85px;height: 35px;line-height: 35px; border-radius: 3px;border: solid 1px #d5d5d5;color: #888;text-decoration: none;}
.update-browser-dialog .dialog-box{top: 30%\9; width: 800px;margin-left: -400px\9;}
.update-browser-dialog h4{line-height: 28px;font-size: 16px;}
.update-browser-dialog a{margin-left: 50px;margin-right: 50px; display: inline-block;width: 120px;}
.update-browser-dialog img{margin-bottom: 20px; display: block;}
/*新版登录*/
.login-ico{display: inline-block; background-image: url(//static.acc5.com/2018/images/login_ico.png);}
.login-ico.icon-login-qq{background-position: -38px 0;}
.login-ico.icon-login-qq:hover,.icon-login-qq.active{background-position: 0 0;}
.login-ico.icon-login-wx{background-position: -114px 0;}
.login-ico.icon-login-wx:hover,.icon-login-wx.active{background-position: -76px 0;}
.login-ico.icon-login-desktop{background-position: -190px 0;}
.login-ico.icon-login-desktop:hover,.icon-login-desktop.active{background-position: -152px 0;}
.login-ico.icon-login-mobile{background-position: -266px 0;}
.login-ico.icon-login-mobile:hover,.icon-login-mobile.active{background-position: -228px 0;}
.login-ico.ico-login-name{background-position: 0 -38px;}
.login-ico.ico-login-psw{background-position: -38px -38px;}
.login-ico.icon-login-qrcode{background-position: -304px 0;}
.login-ico.icon-login-acct{background-position: -304px -31px;}
.popup-box .block-item .login-ico.ico-login-imgcode{top: 16px;left: 8px;width: 20px; background-position: -101px -38px;}
.popup-box .block-item .login-ico.ico-login-nick{width: 18px; background-position: -81px -38px;}
.login-ico.ico-login-pcode{background-position: -19px -38px;}
.register-step:before{position: absolute;content: "";z-index: -1; left: 130px;top:14px;width: 138px; border-bottom: 1px dashed #eee;}
.register-step ul li{margin-left: 50px;margin-right: 50px;}
.register-step ul li i{display: inline-block;width: 28px;height: 28px;line-height: 26px; background-color: #ffffff;border: solid 1px #e9e9e9;font-style: normal; font-size: 16px;color: #b6b6b6;border-radius: 50%;}
.register-step ul li.active i{background-color: #00b882;border-color: #00b882;color: #fff;}
.register-step ul li.active p{font-weight: bold;color: #333;}
.register-popup .step{margin-top: 50px;}
.step.step-4{margin-top: 20px;margin-bottom: 20px;}
.step.step-4 a{display: inline-block;margin-top: 20px; width: 110px;height: 35px;line-height: 33px; box-shadow: 0 3px 7px 0 rgba(15, 199, 145, .35);border-radius: 3px;border: solid 1px #00b882;color: #00b882;text-decoration: none;}
.step.step-4 .mt-30.mb-20{line-height: 24px;}
.register-popup form .phone-msg{margin-bottom: 20px; line-height: 26px;}
.register-popup form .block-item.error-tip{margin-top: 30px;}
/*小程序码注册*/
.wx-mini-reg{position: absolute;top: 0;left: 0;z-index: 10;padding-top: 20px; padding-left: 25px;padding-right: 25px; width: 100%;height: 100%;background-color: #fff;border-radius: 16px;}
.popup-box .qr-login-tip{padding-right: 40px;display: inline-block;text-align: right;}
.popup-box .qr-login-tip span{position: relative; padding: 3px 8px;display: inline-block;border: 1px solid #df9c1f;color: #df9c1f;}
.popup-box .qr-login-tip span:before,.popup-box .qr-login-tip span:after{content: "";position: absolute;right: -7px;top: 50%;margin-top: -7px; width: 0;height: 0; border-top: 7px solid transparent;border-left: 7px solid #df9c1f;border-bottom: 7px solid transparent;}
.popup-box .qr-login-tip span:after{right: -6px;border-left-color: #fff;}
.popup-box .login-switch{width: 28px;height: 29px;vertical-align: top;}
.popup-box .icon-login-qrcode{position: absolute;right: 40px;top: 10px;z-index: 1;}
.popup-box .icon-login-qrcode.icon-reg-qrcode{right: 22px; top: -20px;}
.popup-box .wechat-qr-box p.coagent{margin-top: 30px;margin-bottom: 30px;}
.popup-box .qrcode-help-box .qrcode-help{position: absolute;top: 8px; visibility: hidden;opacity: 0; }
.popup-box .qrcode-help-box:hover .qrcode-help{visibility: visible;opacity: 1;}
.popup-box .qrcode-help-box:hover .qr-code{margin-left: -150px;}
.coagent i{margin-right: 6px; width: 15px;height: 16px;background-position: -123px -38px;vertical-align: text-top;}
.coagent .faster{margin-left: 50px;margin-right: 50px;}
.coagent .faster i{background-position: -138px -38px;}
.coagent i.safe{background-position: -154px -38px;}

.popup-box .register-popup form{padding-top: 0;}
.popup-box .register-popup .agree-tip{line-height: 22px;font-size: 12px;color: #999;}
.popup-box .bind-popup form{padding-bottom: 30px;padding-top: 20px;}
.popup-box .bind-popup .bind-tip{margin-top: 20px; width: 400px;height: 55px;background-color: #f1f8f4;}
.popup-box .bind-popup .bind-tip dl{padding-top: 8px;padding-right: 50px; margin-bottom: 0;}
.popup-box .bind-popup .bind-tip dl dt{width: 70px;}
.popup-box .bind-popup .bind-tip dl dt .img-circle{margin-top: 4px;}
.popup-box .bind-popup .bind-tip dl dd{margin-left: 80px;}
.popup-box .bind-popup .agree-tip{margin-top: 20px;margin-bottom: 0;}
.popup-box .forgot-psw-popup .back-login{font-size: 12px;color: #999;}
.popup-box.confirm-popup .close-btn{top: 19px;right: 22px;color: #919191;}
@media screen and (max-width: 1366px) {
	.popup-box .popup{margin-left: -169px;min-width: 338px;}
	.popup-box .popup .close-btn{top: -44px;font-size: 32px;}
	.popup-box .popup-tabs{height: 51px;line-height: 51px;}
	.popup-box .popup-tabs a,.popup-box .popup-tabs .tab-title{line-height: 49px;font-size: 16px;}
	.popup-box form{padding-top: 36px;padding-bottom: 10px;}
	.popup-box form .block-item{margin: 0 auto 14px;width: 260px;line-height: 38px;}
	.popup-box form .inline-item{width: 120px;}
	.popup-box form .long-input{height: 38px;line-height: 38px;}
	.popup-box form .block-item input[type=submit]{height: 38px;line-height: 38px;font-size: 14px;}
	.popup-box form .block-item .login-ico{top: 8px;}
	.popup-box .block-item .login-ico.ico-login-imgcode{top: 11px;}
	.popup-box .verify-btn{font-size: 12px;}
	.popup-box .wechat-qr-box{height: 280px;}
	.popup-box .wechat-qr-box p{margin-bottom: 0;}
	.popup-box .wechat-qr-box p.coagent{margin-top: 12px;margin-bottom: 0;}
	.popup-box .login-popup .other-login .tip{left: 39px;top: -81px;}
	.popup-box .login-popup .other-login .login-ico{margin-right: 15px;}
	.popup-box .login-popup .tip-title{margin-bottom: 6px;}
	.pop-notify.pop-left{margin-left: -667px;}
	.pop-notify.feedback .feedback-line{z-index: -1; bottom: 39px;margin-left: -101px;}
	.active-top .active-img{margin-left: -683px;width: 1366px;}
	.wx-mini-reg{padding-top: 5px;}
	.register-step:before{left: 97px;width: 142px;}
}
@keyframes rotation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
  }
}