/**加载字体图标样式**/
@import "../font/iconfont.css";

/**动画样式**/
.move-right-appear,.move-right-enter-active{opacity:0;animation-name:MoveRightIn;animation-timing-function:ease-in-out}
.move-right-leave-active{animation-name:MoveRightOut;animation-timing-function:ease-in-out}
.move-right-appear,.move-right-enter-active,.move-right-leave-active{animation-duration:.3s;animation-fill-mode:both}
.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.fade-appear,.fade-enter-active,.fade-leave-active{-webkit-animation-timing-function:linear;animation-timing-function:linear}
.fade-appear,.fade-enter-active{opacity:0;-webkit-animation-name:FadeIn;animation-name:FadeIn;-webkit-animation-play-state:running;animation-play-state:running}
.fade-appear,.fade-enter-active,.fade-leave-active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes FadeIn{ 0%{opacity:0} to{opacity:1} }
@keyframes FadeIn{ 0%{opacity:0} to{opacity:1} }
@-webkit-keyframes FadeOut{ 0%{opacity:1} to{opacity:0} }
@keyframes FadeOut{ 0%{opacity:1} to{opacity:0} }
@-webkit-keyframes e{ 0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 5%{-webkit-transform:scale(1);transform:scale(1);opacity:.95} 95%{-webkit-transform:scale(0);transform:scale(0);opacity:.05} to{-webkit-transform:scale(0);transform:scale(0);opacity:0} }
@keyframes e{ 0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 5%{-webkit-transform:scale(1);transform:scale(1);opacity:.95} 95%{-webkit-transform:scale(0);transform:scale(0);opacity:.05} to{-webkit-transform:scale(0);transform:scale(0);opacity:0} }
@-webkit-keyframes f{ to{-webkit-transform:scale(1.3);transform:scale(1.3)} }
@keyframes f{to{-webkit-transform:scale(1.3);transform:scale(1.3)} }
@keyframes MoveRightIn { 0% {opacity: 0;transform-origin: 0 0;transform: translateX(100%)} to {opacity: 1;transform-origin: 0 0;transform: translateX(0)} }
@keyframes MoveRightOut { 0% {transform-origin: 0 0;transform: translateX(0);opacity: 1} to {transform-origin: 0 0;transform: translateX(100%);opacity: 0} }

/**弹出框基础样式**/
.one-user-modal-forum{position:relative;width:100%;text-align: center}
.one-user-message-wrap{width: 520px;margin: 0 auto;padding: 2rem 0}
.one-user-modal-wrap *, .one-user-message-wrap *, .one-user-modal-forum *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.one-user-modal-mask{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);height:100%;z-index:1000}
.one-user-modal-wrap{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0;display:none}
.open-modal .one-user-modal-mask{display:block}
.open-modal .one-user-modal-wrap{display:flex}
.one-user-modal-content{width:420px;min-height: 420px;position:relative;background-color:#fff;border:0;border-radius:6px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center}
.one-user-modal-close{z-index:1;font-size:12px;position:absolute;top:0;right:-56px;overflow:hidden;cursor:pointer;background:#fff;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
.one-user-modal-close i{width:18px;height:18px;background-image:url(../svg/close.svg);background-size:contain}
.one-user-align-center{display: flex;align-items: center;height: 100%}

/**通用样式**/
.one-user-login-wrapper{height:100%;margin: 0 40px;padding-bottom: 20px}
.one-user-register-wrapper{height:100%;margin:0 40px;padding-bottom:16px}
.one-user-forget-password-wrapper{height:100%;margin:0 40px}

/**弹框右侧样式**/
.one-user-modal-content.two-wrap{display:flex;width:780px;min-height:545px}
.one-user-modal-left-bg{background:#beffe9 url(../login/login-left.v1.jpg) no-repeat center bottom;background-size:100%;flex-grow:1;border-radius:6px 0 0 6px}
.popup-login-register .one-user-modal-forum{width:420px}
.one-user-modal-left{flex-grow:1;border-radius:6px 0 0 6px;background-image:linear-gradient(-225deg,#22e1ff 0,#1d8fe1 48%,#625eb1 100%);position:relative;display:flex;flex-direction:column}
.one-user-modal-left .modal-left-head{width:100%;text-align:center;display:flex;align-items:flex-end;justify-items:center;height:100px}
.one-user-modal-left .modal-left-head .modal-left-logo{width:200px;margin:0 auto}
.one-user-modal-left .modal-left-tips{text-align:left;display:flex;flex-grow:1;align-items:center;justify-content:center}
.one-user-modal-left .modal-left-tips .cl{max-width:260px}
.one-user-modal-left .modal-left-tips p{font-size:14px;color:#fff;line-height:20px;margin-bottom:24px}
.one-user-modal-left .modal-left-tips p .iconfont{font-size:16px;color:#fff;margin-right:14px}

/**注册页样式**/
.one-user-page.one-user-flex{display:flex;flex-direction:column}
.one-user-page .one-user-pipe{margin:0 5px;color:#f5f6f7}
.one-user-page .user-header-wrap{display:flex;max-width:90%;height:80px;margin:0 auto}
.one-user-page .user-header-nav{color:#fff;display:flex;align-items:center;font-size:24px}
.one-user-page .user-header-nav .user-header-logo{width:220px;height:32px;float:left;margin-right:10px;padding-right:10px;background-image:url(../svg/logo_light.svg);background-repeat:no-repeat;background-size:auto 32px;display:inline-block;vertical-align:middle;zoom:1;position:relative}
.one-user-page .user-header-nav .user-header-logo::after{content:"";width:1px;height:32px;background:#fff;position:absolute;right:0;top:50%;margin-top:-16px}
.one-user-page .one-user-middle{display:flex;align-items:center;flex-grow:1}
.one-user-page .user-middle-one{flex:auto;align-items:center}
.one-user-page .user-middle-one.middle-two{display:flex;flex:auto}
.one-user-page .user-middle-wrap{display:flex;position:relative;width:440px;margin:0 auto;min-height:400px;background-color:#fff;border-radius:6px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center}
.one-user-page .user-middle-logo-wrap{margin:0 auto;color:#fff;font-size:18px;text-align:center;padding:10px 0 30px}
.one-user-page .user-middle-logo p{margin:0}
.one-user-page .user-middle-logo img{max-height:40px;margin-bottom:20px;display:inline-block}
.one-user-page .user-footer-wrap{margin-top:32px;margin-bottom:20px}
.one-user-page .user-footer-wrap p{font-size:12px;text-align:center;color:#fff;margin-bottom:0}
.one-user-page .user-footer-wrap a{color:#fff}
.one-user-page .user-footer-wrap p:first-child{margin-bottom:8px}

/**登陆注册页面**/
.one-user-bg{background:url(../login/login-bg.v1.jpg);position:absolute;width:100%;height:100%;background-size:cover}
.one-user-page{overflow-y:auto;z-index:10000;position:fixed;left:0;top:0;right:0;bottom:0}
.one-user-page .page-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:100;opacity:0}
.one-user-page .one-user-modal-wrap{display:block}
.one-user-page .one-user-modal-content{position:fixed;margin:0;display:flex;z-index:10010;max-width:none;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}

/**密码安全提示条**/
.pass_level { padding-left: 80%; background: url(../images/passlevel.png) no-repeat 0 5px; }
.pass_level_1 { background-position: 0 -35px; }
.pass_level_2 { background-position: 0 -75px; }
.pass_level_3 { background-position: 0 -115px; }
.progress{width:100%;margin-top:10px;background:rgba(0,0,0,.25);border-radius:4px}
.progress-bar{position:relative;height:6px;border-radius:4px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}
.progress-bar:after, .progress-bar:before{content:'';position:absolute;top:0;left:0;right:0}
.progress-bar:before{bottom:0;background:url(../images/stripes.png) 0 0 repeat;border-radius:4px 4px 0 0}
.progress-bar:after{z-index:2;bottom:45%;border-radius:4px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05))}
.progress.level1 .progress-bar{width:33%;background-color:#f63a0f}
.progress.level2 .progress-bar{width:67%;background-color:#f2b01e}
.progress.level3 .progress-bar{width:100%;background-color:#86e01e}

/**数据为空提示**/
.one-user-null-tip{width: 100%;text-align: center}
.one-user-null-tip i{display: inline-block;padding: 30px;font-size: 60px;color: #bbb}
.one-user-null-tip p{font-size: 14px;margin-bottom: 30px;color: #bbb}

/**登陆注册切换样式**/
.register-toggle-way{position:absolute;top:0;right:0;display:inline-block;width:70px}
.register-toggle-way button{position:absolute;top:0;right:0;display:inline-block;width:77px;height:77px;background-image:url(../svg/logreg_sprite.svg);background-position:-553px -129px;cursor:pointer;border:none;background-color:#fff;border-radius: 0 6px 0 0;outline:0}
.register-toggle-way button:hover{background-position:-553px -225px}
.register-toggle-way.qrcode button{background-position-x:-669px}
.register-toggle-way-tips{position:absolute;right:60px;top:12px;width:133px;height:28px;background-image:url(../svg/toogle_way_tips.svg);color:#077efc;font-size:12px;padding-left:29px;text-align:left;line-height:28px}

/**微信登陆样式**/
.weixin-login-tab{padding-top:80px;padding-bottom: 40px;margin:0 auto}
.weixin-login-tab .weixin-login-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;color:rgba(0,0,0,.8)}
.weixin-login-tab .weixin-login-title i{display:inline-block;width:26px;height:26px;background-image:url(../svg/logreg_sprite.svg);background-position:-29px -28px;margin-right:10px}
.weixin-login-tab .qrcode-wrapper{width:204px;height:204px;background:#fff;border:1px solid #eee;border-radius:6px;margin:24px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.weixin-login-tab .qrcode-container{position:relative}
.weixin-login-tab .weixin-login-tips{font-size:14px;color:rgba(0,0,0,.8)}
.weixin-login-tab .weixin-error{margin-top:10px;font-size:12px;color:rgba(0,0,0,.4)}
.weixin-login-tab .weixin-error .weixin-error-btn{font-size:12px;color:#0773fc;cursor: pointer;}

/**密码登陆样式**/
.password-login-tab{width:100%}
.password-login-tab .one-user-login-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}
.password-login-tab .one-user-login-link .forget-password{font-size:14px;color:rgba(0,0,0,.8)}
.password-login-tab .one-user-login-link .registration{font-size:14px;color:#0773fc}
.password-login-title{font-size:18px;color:rgba(0,0,0,.8);font-weight:700;margin-top:45px;margin-bottom:24px;text-align:left;line-height:1}

/**第三方登陆样式A**/
.one-user-others{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:24px 0 24px}
.one-user-others i{display:inline-block;width:50px;height:50px;vertical-align:middle;background-image:url(../svg/logreg_sprite.svg);cursor:pointer;margin-right:32px}
.one-user-others i[class~=qq]{background-position:-93px -134px}
.one-user-others i[class~=weibo]{background-position:-166px -134px}
.one-user-others i[class~=wxwork]{background-position:-238px -134px}
.one-user-others i[class~=dingtalk]{margin-right:0;background-position:-309px -134px}

/**找回密码样式**/
.forget-password-box{width: 100%;margin-bottom: 16px}
.forget-password-head{position:relative;height:96px}
.forget-password-head .to-login{position:absolute;right:0;top:33px;margin:0;font-size:14px;color:rgba(0,0,0,.4)}
.forget-password-head .to-login span{font-size:14px;color:#0773fc;padding-left:15px;cursor:pointer}
.forget-password-go-back{position:absolute;top:30px;left:0;font-size:18px;color:rgba(0,0,0,.8);font-weight:700}
.forget-password-go-back-icon{position:relative;display:inline-block;border-left:2px solid #1b2337;border-top:2px solid #1b2337;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:12px;height:12px;left:3px;margin-right:10px}

/**密码注册样式**/
.password-register-tab{width:100%}

/**手机注册样式**/
.phone-register-tab{width:100%}
.phone-register-tab .phone-register-tab-head{position:relative;height:96px}
.phone-register-tab .phone-register-tab-head .to-login{position:absolute;right:0;top:33px;margin:0;font-size:14px;color:rgba(0,0,0,.4)}
.phone-register-tab .phone-register-tab-head .to-login span{font-size:14px;color:#0773fc;padding-left:15px;cursor:pointer}
.phone-register-tab-next{width:100%}
.phone-register-tab-next-head{padding-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}
.phone-register-tab-next-head h4{font-size:18px;color:rgba(0,0,0,.8);font-weight:700}
.phone-register-tab-next-head .to-login{margin:0;font-size:14px;color:rgba(0,0,0,.4)}
.phone-register-tab-next-head .to-login span{font-size:14px;color:#0773fc;padding-left:11px;cursor: pointer}

/**表单样式**/
.one-user-form-item{margin-bottom:24px;vertical-align:top;zoom:1;width: 100%;}
.one-user-form-item:after, .one-user-form-item:before{content:"";display:table}
.one-user-form-item:after{clear:both;visibility:hidden;font-size:0;height:0}
.one-user-form-item-content{position:relative;line-height:32px;font-size:12px}
.one-user-form-item-error-tip{position:absolute;top:100%;left:0;line-height:1;padding-top:6px;color:#fa2323}
.one-user-form-item-error .one-user-input{border:1px solid #fa2323}
.one-user-input-wrap{display:inline-block;position:relative;width:100%;height:100%}
.one-user-input{width:100%;height:42px;padding:0 32px 0 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;font-size:14px;outline:0}
.one-user-input.succeed{border:1px solid #8bc34a}
.one-user-input.invalid{border:1px solid #e91e63}

/**按键样式**/
.one-user-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid rgba(0,0,0,.1);white-space:nowrap;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:6px 15px;font-size:12px;border-radius:4px;-webkit-transition:color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear,-webkit-box-shadow .2s linear;color:#626262;background-color:#f7f7f7}
.one-user-btn,.one-user-btn:active,.one-user-btn:focus{outline:0}
.one-user-btn-large{padding:6px 15px;font-size:16px;border-radius:4px}
.one-user-btn-long{width:100%}
.one-user-btn-primary{color:#fff;background-color:#0773fc;border-color:#0773fc}
.one-user-btn-primary:hover{color:#fff;background-color:#0668e3;border-color:#0668e3}

/**第三方登陆注册样式**/
.thirdparty-tips{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.thirdparty-tips .centerline{width:124px;height:1px;background-color:#eee}
.thirdparty-tips .text{font-size:12px;color:rgba(0,0,0,.4)}
.thirdparty-tips .centerline{width:124px;height:1px;background-color:#eee}
.thirdparty-container{position:relative;margin-top:32px;margin-bottom: 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.thirdparty-container .thirdparty-icon{position:relative;display:inline-block;width:60px;height:60px;cursor:pointer;background-image:url(../svg/logreg_sprite.svg)}
.thirdparty-container .thirdparty-icon:not(:last-child){margin-right:48px}
.thirdparty-container .qq-icon{background-position:-86px -290px}
.thirdparty-container .weixin-icon{background-position:-378px -134px}
.thirdparty-container .wechat-icon{background-position:-378px -134px}
.thirdparty-container .weibo-icon{background-position:-166px -290px}

.modal-wechat .register-toggle-way{display:none}

.one-user-helpful{text-align: left;font-size: 12px;color: #a0a0a0;margin-top: 6px;margin-bottom: 0}
.one-user-remark{font-size:14px;color:rgba(0,0,0,.4);text-align:left;margin-bottom:16px}
.one-user-remark a{font-size:14px;color:#0773fc;cursor:pointer}

.phone-register-way{display:inline-block;margin-bottom:24px}
.phone-register-way a{cursor:pointer;font-size:16px;color:rgba(0,0,0,.8)}
.one-user-go-back{position:absolute;top:30px;left:0;font-size:18px;color:rgba(0,0,0,.8);font-weight:700}
.one-user-go-back-icon{position:relative;display:inline-block;border-left:2px solid #1b2337;border-top:2px solid #1b2337;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:12px;height:12px;left:3px;margin-right:10px}

/**弹出通知样式**/
.one-user-message{position:fixed;top:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.8);border-radius:24px;padding:8px 32px;z-index:100010}
.one-user-message.show{display:flex}
.one-user-message.light{background:#fff;border-radius:4px;padding:12px 16px}
.one-user-message.light .one-user-message__content{color:rgba(0,0,0,.8)}
.one-user-message__icon{width:16px;height:16px;line-height:16px;margin-right:8px}
.one-user-message__content{font-size:13px;color:hsla(0,0%,100%,.8);margin:0}
.one-user-message__content a{color: #FFEB3B;margin: 0 5px}
.one-user-message__appent-text{font-size:13px;color:#0773fc;font-weight:700;margin-left:16px;cursor:pointer}
.one-user-message-fade-enter-active,.one-user-message-fade-leave-active{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}
.one-user-message-fade-enter,.one-user-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-24px);transform:translate(-50%,-24px)}

/**语音验证码样式**/
.audio-validation{position:relative;margin-left:16px;width:135px;height:42px;line-height:42px;text-align:center;background-color:#f7f8f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:block}
.audio-validation .audio-play{display:inline-block;vertical-align:middle;background:url(../svg/play.svg) no-repeat left center;background-size:26px}
.audio-validation .audio-play span{padding-left:35px}
.audio-validation .audio-refresh{width:20px;height:20px;background:url(../svg/refresh.svg) no-repeat left center;background-size:20px;display:inline-block;vertical-align:middle;margin-left:20px}

/**验证码样式**/
.verification-code-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.verification-code-wrap .input-inner,.verification-code-wrap img{-ms-flex-negative:0;flex-shrink:0;height:42px}
.verification-code-wrap .get-code{margin-left:20px;width:130px;height:42px;text-align:center;background-color:#f7f8f9;border:1px solid #ddd;border-radius:4px;cursor:pointer}
.verification-code-wrap .get-code.wait{cursor: wait}
.verification-code-wrap .get-code span{width:130px;height:42px;font-size:14px;color:rgba(0,0,0,.8);line-height:40px;display: block}
.verification-code-wrap .get-code.wait span{font-size: 14px;color: rgba(0,0,0,.2)}

/**腾讯验证码样式**/
.tcaptcha-trigger{width:100%;height:42px;border:1px solid #e7e7e7;position:relative;border-radius:2px;background:linear-gradient(0deg,hsla(0,0%,93%,.6),hsla(0,0%,100%,0));cursor:pointer}
.tcaptcha-trigger:hover{background:linear-gradient(180deg,hsla(0,0%,93%,.6),hsla(0,0%,100%,0))}
.tcaptcha-trigger-text{font-size:14px;height:16px;position:absolute;left:57px;line-height:16px;top:50%;margin-top:-8px;color:#000}
.tcaptcha-trigger-icon{top:15%;left:15px;opacity:1;visibility:visible;float:left;width:29px;height:29px;position:relative;border-radius:50%;overflow:hidden}
.tcaptcha-trigger-icon-outer{width:100%;height:100%;-webkit-transform:rotate(90deg);transform:rotate(90deg);border-radius:50%;overflow:hidden}
.tcaptcha-trigger-icon-outer circle{stroke:#dee9fa;fill:#dee9fa;stroke-width:32;stroke-dasharray:0 100;-webkit-transform-origin:center;transform-origin:center;display:none}
.tcaptcha-trigger-icon circle{display:block}
.tcaptcha-trigger-icon-inner{position:absolute;width:7px;height:7px;border-radius:50%;top:11px;left:11px;background:#5d91f4}
.tcaptcha-trigger:hover .tcaptcha-trigger-icon-inner{-webkit-animation:f .6s ease-in-out infinite alternate;animation:f .6s ease-in-out infinite alternate}
.tcaptcha-trigger:hover .tcaptcha-trigger-icon-outer{-webkit-animation:e .6s ease-in-out infinite alternate;animation:e .6s ease-in-out infinite alternate}
.tcaptcha-trigger--success{height:42px;border:1px solid #42dd18;position:relative;border-radius:2px;line-height:40px;box-sizing:border-box;background:0 0}
.tcaptcha-trigger--success .tcaptcha-trigger-text{color:#2bc302}
.tcaptcha-trigger--success .tcaptcha-trigger-icon{position:absolute;top:50%;width:24px;height:24px;left:15px;margin-top:-12px;opacity:1;visibility:visible;background:url(../images/tcaptcha_sprites.png) top no-repeat;background-position:-10px -78px}

/**侧边样式**/
.widthauto .wp{width:90%}
.header-title-box{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.04);border-radius:2px;line-height:28px;text-align:center;color:#2d2f33;letter-spacing:0;font-weight:700;font-size:14px;cursor:pointer}

.user-aside-bar{width:36px;height:100%;float:right;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 8px 0 rgba(0,0,0,.04)}
.user-aside-bar .bar-nav{position:absolute;top:40%;bottom:45%;right:0;z-index:100}
.user-aside-bar .bar-nav label{height:32px;display:block;width:36px;position:relative;left:0;right:0;cursor:pointer;margin:10px 0 0}
.user-aside-bar .bar-nav .bar-nav-name{position:absolute;top:0;right:0;bottom:0;width:106px;line-height:32px;color:#fff;background:#0d8dfc;border-top-left-radius:20px;border-bottom-left-radius:20px;font-size:14px;padding-left:12px;display:none}
.user-aside-bar .bar-nav .iconfont{display:block;color:#5f6575;position:absolute;font-size:20px;right:8px;line-height:32px;height:32px;z-index:111}
.user-aside-bar .bar-nav label:hover .bar-nav-name{display:block}
.user-aside-bar .bar-nav label.active{background:#0d8dfc}
.user-aside-bar .bar-nav label.active .iconfont,.user-aside-bar .bar-nav label:hover .iconfont{color:#fff}
.user-aside-bar .scale-back{position:absolute;bottom:60px;right:0;z-index:100}
.user-aside-bar .scale-back label{height:32px;display:block;width:100%;margin:10px 0;position:relative;cursor:pointer}
.user-aside-bar .scale-back label i{display:block;color:#5f6575;position:absolute;line-height:32px;font-size:20px;right:8px}
.user-aside-bar .scale-back label .back-top{position:absolute;top:0;right:0;bottom:0;width:106px;line-height:32px;color:#fff;background:#0d8dfc;border-top-left-radius:20px;border-bottom-left-radius:20px;font-size:14px;padding-left:12px;display:none}
.user-aside-bar .scale-back label .load-qrcode{display:none;position:absolute;right:50px;bottom:-20px;font-size:12px;text-align:center;background:#fff;padding:5px;border-radius:4px;border: 1px solid #e8e8e8}
.user-aside-bar .scale-back label:hover .load-qrcode{display:inline-block}
.user-aside-bar .scale-back label:hover .back-top{display:block}
.user-aside-bar .scale-back label:hover .icon-top{color:#fff}

.user-aside-container{position:fixed;right:0;top:0;bottom:0;background:#fff;height:100%;z-index:100;-webkit-animation-name:aniShow;animation-name:aniShow;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.user-aside-container .border-left{border-left: 1px solid #e8e8e8;}
.user-aside-container,.user-aside-container.close{-webkit-animation-duration:.25s;animation-duration:.25s}
.user-aside-container .one-user-drawer-mask{background-color:rgba(55,55,55,.1)}
.user-aside-container .one-user-drawer-body{padding:0 0 0;background:#f7f8fa;overflow:visible;overflow:initial}
.user-aside-container .user-aside-bar{background:#fff;float:left;box-shadow:none}
.user-aside-container .user-aside-bar .scale-btn{position:absolute;right:0;z-index:100}
.user-aside-container .user-aside-bar .scale-btn label{height:32px;display:block;width:36px;position:relative;left:0;right:0;cursor:pointer;margin:10px 0 0}
.user-aside-container .user-aside-bar .scale-btn label i{display:block;color:#5f6575;position:absolute;font-size:20px;right:8px;line-height:32px;height:32px;z-index:111}
.user-aside-return-container{position:relative;width:calc(100% - 36px);padding:10px;height:100%;float:right;overflow:auto}
.user-aside-return-container::-webkit-scrollbar{width:3px;height:0;border:2px solid #fff}
.user-aside-return-container::-webkit-scrollbar-track{background:#f0f1f2}
.user-aside-return-container::-webkit-scrollbar-thumb{background:#d0d3d9}
.user-aside-return-container::-webkit-scrollbar-corner{width:3px;height:3px;background:#d0d3d9}
.user-aside-return-container::-webkit-scrollbar-resizer{display:none}

.user-aside-boundary-box{margin-top:10px;padding:15px;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.04);border-radius:2px;background:#fff}
.user-aside-boundary-box .block-title{height:22px;line-height:22px;text-align:left;font-weight:500;font-size:14px;color:#2d2f33;padding:0}
.user-aside-boundary-box .block-title em{width:2px;height:14px;margin-right:5px;border-bottom:2px solid #fff;display:inline-block;vertical-align:middle;background:#0d8dfc}
.user-aside-boundary-box .block-title .iconfont{float:right;opacity:.4;font-size:18px}
.user-aside-boundary-box .block-desc-box{margin-top:10px}

.one-user-drawer{width:auto;height:100%;position:fixed;top:0}
.one-user-drawer-right{right:0}
.one-user-drawer-hidden{display:none}
.one-user-drawer-loading:before{transition-duration:.5s;content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.05);background-image:url(../images/loading.gif);background-size:50px;background-position:center;background-repeat:no-repeat;left:0;right:0;top:0;bottom:0;z-index:2}
.one-user-drawer-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:100}
.one-user-drawer-wrap{position:fixed;overflow:auto;top:0;right:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}
.one-user-drawer-wrap *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.one-user-drawer-header{border-bottom:1px solid #e8eaec;padding:9px 16px;line-height:1}
.one-user-drawer-header p,.one-user-drawer-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:14px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.one-user-drawer-body{width:100%;height:calc(100% - 40px);padding:16px;line-height:1.5;word-wrap:break-word;position:absolute;overflow:auto;font-size:12px}
.one-user-drawer-content{width:100%;height:100%;position:absolute;top:0;bottom:0;background-color:#fff;border:0;background-clip:padding-box;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 8px 0 rgba(0,0,0,.04)}

/**个人中心**/
.user-block .user-block-panel{margin-top:10px;padding:20px 0 15px;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.04);border-radius:2px;background:#fff}
.user-block .block-nick-name{width:164px;font-size:16px;text-align:center;margin:15px auto 10px;color:#555;font-weight:500}
.user-block .block-avatar-info{width:60px;height:60px;margin:0 auto;position:relative;cursor:pointer}
.user-block .block-avatar-info .block-avatar{width:60px;height:60px;margin:0 auto;overflow:hidden;border-radius:50%;border:1px solid #f3f3f5;padding:2px}
.user-block .block-user-data-info{margin:20px 10px 0;width:calc(100% - 20px);border-bottom:1px solid #f0f1f2;padding-bottom:10px;overflow:hidden}
.user-block .block-user-data-info p{text-align:center;width:33%;float:left;border-right:1px solid #f3f3f5;cursor:pointer}
.user-block .block-user-data-info p:last-child{border-right:none}
.user-block .block-user-data-info p span{display:block;width:100%;line-height:16px;text-align:center}
.user-block .block-user-data-info p span:first-Child{font-weight:700;font-size:14px}
.user-block .block-user-level{margin:15px 15px 0}
.user-block .block-user-level .block-per{overflow:hidden}
.user-block .block-user-level .block-per span{margin-right:5px;color:#a8abb3}
.user-block .block-user-level .block-per .block-level{color:#fff;padding:2px 5px;border-radius:4px;letter-spacing:0;background:#0d8dfc}
.user-block .block-rate{width:100%;border-radius:2px;position:relative;overflow:hidden;margin:5px 0}
.user-block .block-rate.block-experience{height:6px;margin:8px 0 0;border-radius:8px}
.user-block .block-rate .block-bg{position:absolute;top:0;left:0;bottom:0;right:0;display:block;width:100%;height:100%;background:#ebebed;border-radius:8px}
.user-block .block-rate .block-percent{position:absolute;top:0;left:0;display:block;width:0;height:100%;background-image:linear-gradient(45deg,#137ff2,#1a97eb);border-radius:8px}
.user-block .block-wallet li{width:100%;margin-top:10px;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;list-style: none;border: 1px solid #f0f1f2}
.user-block .block-wallet li:hover{background: #fbfbfb}
.user-block .block-wallet li>.iconfont{position:absolute;right:-5px;top:-10px;font-size:60px;opacity:.1;color:#d5d5d5;transform:rotate(15deg)}
.user-block .block-wallet li .wallet-dec{padding:8px 14px;overflow:hidden;display:flex;align-items:center}
.user-block .block-wallet li .wallet-dec .dec-left{width:32px;height:32px;text-align:center;border-radius:50%;background: #f7f8fa;border: 1px solid #f0f1f2;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.user-block .block-wallet li .wallet-dec .dec-left img{width:24px;height:24px;line-height:32px;margin:0;border-radius:50%}
.user-block .block-wallet li .wallet-dec .dec-left i{font-size:24px;line-height:32px;color:#005ee6;margin:0}
.user-block .block-wallet li .wallet-dec .dec-right{width:calc(100% - 40px);color:#5f6575;line-height:32px;text-align:right;font-size:14px}
/*
.user-block .block-wallet .credits-bg-1{background-image:linear-gradient(45deg,#005ee6,#1a97eb)}
.user-block .block-wallet .credits-bg-2{background-image:linear-gradient(to top,#1e3c72 0,#1e3c72 1%,#2a5298 100%)}
.user-block .block-wallet .credits-bg-3{background-image:linear-gradient(135deg,#667eea 0,#764ba2 100%)}
.user-block .block-wallet .credits-bg-4{background-image:linear-gradient(-20deg,#00cdac 0,#8ddad5 100%)}
.user-block .block-wallet .credits-bg-5{background-image:linear-gradient(-60deg,#ff5858 0,#f09819 100%)}
.user-block .block-wallet .credits-bg-6{background-image:linear-gradient(to top,#48c6ef 0,#6f86d6 100%)}
.user-block .block-wallet .credits-bg-7{background-image:linear-gradient(to right,#868f96 0,#596164 100%)}
.user-block .block-wallet .credits-bg-8{background-image:linear-gradient(45deg,#c49f72,#e0cba8)}
 */
.user-block .block-task p{line-height:20px}
.user-block .block-task p strong{font-weight: inherit;color:#0d8dfc}
.user-block .one-user-medal-icon{width:100%;text-align:center;padding:0 15px}
.user-block .one-user-medal-icon img{max-width:18px;margin:12px 8px 0 8px}

/**我的关注**/
.follower-block-list{width:100%;flex-wrap:wrap;margin-top:10px;padding:0 15px;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.04);border-radius:2px;background:#fff}
.follower-block-list li{display:block;width:100%;border-bottom:1px dotted #f0f1f2;padding:12px 0 12px 0}
.follower-block-list li:last-child{border-bottom:0 dotted #f0f1f2}
.follower-block-list li a{display:inline-block}
.follower-block-list .block-user-left{position:relative;float:left;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.follower-block-list .block-user-left .block-items-img{height:40px;width:40px;border-radius:50%;border: 1px solid #f3f3f5;padding: 2px}
.follower-block-list .block-user-left .block-items-title{width:80px;margin-left:10px;font-size:14px;color:#2d2f33;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.follower-block-list .block-user-right{margin-top:9px;background:#f7f8fa;border-radius:16px;height:22px;line-height:22px;font-size:12px;color:#1985ff;padding:0 8px;float:right}
.follower-block-list .follower-block-more{text-align:center}

/**版块关注模块**/
.forum-block-list{width:100%;display:flex;flex-wrap:wrap;margin-top:10px;padding:0 15px;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.04);border-radius:2px;background:#fff}
.forum-block-list .forum-block-items{width:100%;padding:12px 0;border-bottom:1px solid #f0f1f2;text-decoration: none}
.forum-block-list .forum-block-items:last-child{border-bottom:none}
.forum-block-list .forum-block-items .forum-block-avatar{width:40px;border-radius:0;margin-right:6px;min-width:inherit;float:left}
.forum-block-list .forum-block-items .forum-block-avatar img{width:100%}
.forum-block-list .forum-block-items .forum-block-dec{padding:5px}
.forum-block-list .forum-block-items .forum-block-dec p{font-size:12px;line-height:16px;color:#a8abb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.forum-block-list .forum-block-items .forum-block-dec p:first-Child{font-size:14px;color:#2d2f33}
.forum-block-list .forum-block-more{padding:10px 0;line-height:32px;text-align:center;color:#2d2f33;cursor:pointer;overflow:hidden;width:100%}


/****/
.common-popup-box{display:flex;padding:2rem;min-height:300px;flex-direction:column;align-items:center;justify-content:center;}
.common-popup-box img{height:100px;}
.common-popup-box p{margin-top:1rem;font-size:14px;}