.icon.ic-back-top,.icon.ic-normal{width:40px;height:40px}.icon{display:block}.icon.ic-normal{background-size:40px}
.box.row,.box.row-reverse{-webkit-box-orient:horizontal}.box-fl,.box-fr{-webkit-transition:width .2s}.box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.box.row{flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;-webkit-box-direction:normal}.box.row-reverse{flex-direction:row-reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-webkit-box-direction:reverse}.box.column{flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.box.column-reverse{flex-direction:column-reverse;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse}.box.wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-lines:multiple}.box.nowrap{-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-lines:single}.box.flex-end{-webkit-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;-moz-box-pack:end;-webkit-box-pack:end}.box.justify{-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;-moz-box-pack:justify;-webkit-box-pack:justify}.box.around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.vertical{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;-ms-flex-align:center;align-items:center}.baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-grid-row-align:baseline;-ms-flex-align:baseline;align-items:baseline}.horizontal{-ms-flex-pack:center;-webkit-justify-content:center;-webkit-box-pack:center;justify-content:center}.horizontal-hack{display:table;table-layout:fixed}.box-fl{transition:width .2s;-ms-flex-order:1;-webkit-order:1;-webkit-box-ordinal-group:2;order:1}.box-fr{transition:width .2s;-ms-flex-order:3;-webkit-order:3;-webkit-box-ordinal-group:4;order:3}.box-aw{min-width:0;-webkit-transition:width .2s;transition:width .2s;-ms-flex-order:2;-webkit-order:2;-webkit-box-ordinal-group:3;order:2;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flex-col{min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.box-aw img{width:100%;max-width:intrinsic;max-width:-moz-fit-content;max-width:-webkit-fit-content;height:auto}.box-aw img.auto-width{width:auto;max-width:none}.box-aw img[data-delay]{max-width:none}.lee-container{overflow:hidden;width:100%;height:auto;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;white-space:normal;-ms-text-justify:inter-ideograph;text-justify:inter-ideograph}.lee-container:after{display:inline-block;overflow:hidden;width:100%;height:0;content:''}.lee-container .lee-item{display:inline-block;margin:10px auto}.align-items-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.align-self{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-align-self:center}.align-self-start{-ms-flex-item-align:start;align-self:flex-start;-webkit-align-self:flex-start}.align-self-end{-ms-flex-item-align:end;align-self:flex-end;-webkit-align-self:flex-end}.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline;-webkit-align-self:baseline}.align-self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-align-self:stretch}
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}*,:after,:before,legend{box-sizing:border-box}body,figure,ul{margin:0}legend,ul{padding:0}html{font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font:400 16px/1.618 'PingFang SC','Helvetica Neue','Microsoft YaHei UI','Microsoft YaHei','Noto Sans CJK SC',Sathu,EucrosiaUPC,sans-serif}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary,svg{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;outline:0}a:active,a:hover{outline-width:0}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}[type=button],img{border:none;outline:0}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0;outline:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}legend{display:table;max-width:100%;white-space:normal;color:inherit}textarea{overflow:auto}[type=radio],[type=checkbox]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{opacity:.54;color:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}ul{list-style:none}val,x-foo-define{font-size:0;display:none;visibility:hidden}
.sc.body{width:100%;min-width:1200px}.sc.sc-bgc{background:#f5f5f5}.sc .sc-container{width:100%;max-width:1200px;margin:0 auto}.sc.overh{overflow:hidden}.sc.sc-text{text-align:justify;text-justify:inter-ideograph;word-break:initial;word-break:break-all}.sc .wrap{white-space:normal;-ms-word-wrap:break-word;word-wrap:break-word;word-break:break-all;-ms-word-break:break-all}.sc.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc .sc-tool-backtop{position:fixed;right:20px;bottom:20px;overflow:hidden;width:41px;height:41px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:1px solid #ddd;background:#f5f5f5}.sc .sc-tool-backtop:hover .icon{margin:-40px 0 0;-webkit-transition:all .15s;transition:all .15s}.sc .sc-tool-backtop .sc-tool-name{font-size:14px;line-height:40px;display:block;width:40px;height:40px;text-align:center;color:#fff;background:#3aab4e}.sc .hide{display:none;opacity:0}.sc .show{display:block;opacity:1}.sc .text-gradient{position:relative;overflow:hidden}.sc .center{text-align:center}.sc .center .center-layer{display:inline-block;margin:0 auto}.sc .center .vam{vertical-align:middle}.cursor{cursor:pointer}.clear:after{font-size:0;display:block;visibility:hidden;clear:both;width:0;height:0;content:'.'}.no_more_data_flag{font-size:16px;text-align:center;-moz-text-align-last:center;text-align-last:center;color:#666}.nbitxroll{overflow:hidden!important}.anchorBL{display:none!important}.sk-circle{position:relative;width:40px;height:40px;margin:20px auto}.sk-circle .sk-child{position:absolute;top:0;left:0;width:100%;height:100%}.sk-circle .sk-child:before{display:block;width:15%;height:15%;margin:0 auto;content:'';-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;border-radius:100%;background-color:#333}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}body [data-aos=zoom-in-up]{-webkit-transform:translateY(100px) scale(.94);-ms-transform:translateY(100px) scale(.94);transform:translateY(100px) scale(.94)}
.btn-link,.btn-link a{color:#31b968}.btn-link a:hover,.btn-link:hover{color:lighten #31b968}

.page-bitx-login{position:relative;height:100%;background:#f7f8f9}.page-bitx-login a{color:#666}.page-bitx-login a:hover{color:#21b351}.page-bitx-login .hide{display:none}.page-bitx-login #yp-riddler-box{width:100%}.page-bitx-login #yp-riddler-box .yp-riddler-slider-bg{max-width:initial}.page-bitx-login #yp-riddler-box .yp-riddler.yp-riddler-button{line-height:48px;height:48px;border:1px solid #dce4e6;border-radius:3px;background:#f3f6f8}.page-bitx-login #yp-riddler-box .success-box{font-size:14px;line-height:48px;width:100%;height:48px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;text-decoration:none;color:#31b968;border:1px solid #31b968;border-radius:3px;outline:0;background:#eefff5}.page-bitx-login #yp-riddler-box .success-box .success-icon{line-height:16px;position:relative;top:2px;display:inline-block;width:26px;height:26px;margin-right:10px;padding:5px;color:#fff;border-radius:50%;background-color:#31b968;box-shadow:#31b968 0 0 10px}.page-bitx-login #yp-riddler-box .success-box .success-icon .ic-svg{width:16px;height:16px}.page-bitx-login .page-container{min-width:900px}.page-bitx-login .page-container-bg .bg-tl{position:fixed;z-index:-1;top:0;left:0;width:472px;height:197px;background:url(../img/bg-left-top-el.svg) no-repeat}.page-bitx-login .page-container-bg .bg-tr{position:fixed;z-index:-1;top:0;right:0;width:360px;height:151px;background:url(../img/bg-right-top-el.svg) no-repeat}.page-bitx-login .page-container-bg .bg-bl{position:fixed;z-index:-1;bottom:0;left:0;width:144px;height:445px;background:url(../img/bg-left-bottom-el.svg)}.page-bitx-login .page-container-logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;padding:48px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bitx-login .page-container-logo a{display:block}.page-bitx-login .page-container-logo a img{display:block;width:155px;height:44px}.page-bitx-login .page-container-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bitx-login .page-container-footer .footer-box{display:block;margin:0 auto;padding:60px 0 40px}.page-bitx-login .page-container-footer p{font-size:14px;font-weight:400;line-height:20px;margin:0 0 8px;padding:0;color:#898989}.page-bitx-login .page-container-footer p:last-child{margin-bottom:0}.page-bitx-login .page-container-footer a{margin:0 2px;color:#898989}.page-bitx-login .page-container-footer a:hover{color:#21b351}.page-bitx-login .card-box{position:relative;width:440px;margin:0 auto;border-radius:4px;background:#fff;box-shadow:0 10px 75px 0 rgba(0,0,0,.05),0 20px 87px 0 rgba(0,0,0,.07),0 30px 94px 0 rgba(0,0,0,.06),0 40px 100px 0 rgba(0,0,0,.03)}.page-bitx-login .card-box .card-box__footer{display:block;padding:24px 40px;border-radius:0 0 4px 4px;background-color:#f7f8f9}.page-bitx-login .card-box .card-box__footer .other-login-box__title{font-size:14px;line-height:20px;margin-bottom:16px;color:#666}.page-bitx-login .card-box .card-box__footer .other-login-box__btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:14px}.page-bitx-login .card-box .card-box__footer .other-login-box__btns a{margin-right:24px}.page-bitx-login .card-box .card-box__footer .other-login-box__desc{font-size:12px;line-height:20px;letter-spacing:0}.page-bitx-login .card-box .card-box__footer .other-login-box__desc p{margin:0;color:#898989}.page-bitx-login .card-box .card-box__footer .other-login-box__desc a{text-decoration:underline;color:#898989}.page-bitx-login .card-box .bitx-tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #ecedee;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bitx-login .card-box .bitx-tabs__item{font-size:18px;line-height:24px;min-width:0;height:36px;margin-bottom:-1px;cursor:pointer;-webkit-transition:color .1s ease,font-weight .1s ease;transition:color .1s ease,font-weight .1s ease;text-align:center;color:#666;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.page-bitx-login .card-box .bitx-tabs__item.active{font-weight:600;color:#111;border-bottom:3px solid #21b351}.page-bitx-login i.oicon{display:inline-block;overflow:hidden;width:1em;height:1em;vertical-align:-.15em;background-repeat:no-repeat;background-size:contain}.page-bitx-login i.oicon.oicon-arrow-left{background-image:url(../img/icon-arrow-left.svg)}.page-bitx-login i.oicon.oicon-eye{background-image:url(../img/icon-eye.svg)}.page-bitx-login i.oicon.oicon-eye-close{background-image:url(../img/icon-eye-close.svg)}.page-bitx-login .form-box{display:block}.page-bitx-login .form-box .form_item{position:relative}.page-bitx-login .form-box .form_item label{position: absolute;top: 8px;font-size: 14px;color: #666;}.page-bitx-login .form-box .form_item .prompt_tips{font-size:13px;line-height:16px;width:100%;height:24px;padding:4px 0;text-align:left;color:#e35b5a}.page-bitx-login .form-box .form_item .item_input{width:100%;height:40px;padding-left:0;text-align:left;border:none;border-bottom:#ddd 1px solid;border-radius:0;outline:0;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-bitx-login .form-box .form_item .item_input.success{border-bottom:#21b351 1px solid}.page-bitx-login .form-box .form_item .item_input.error{border-bottom:#e35b5a 1px solid}.page-bitx-login .form-box .form_item .item_input :-moz-placeholder,.page-bitx-login .form-box .form_item .item_input :-ms-input-placeholder,.page-bitx-login .form-box .form_item .item_input ::-moz-placeholder,.page-bitx-login .form-box .form_item .item_input ::-webkit-input-placeholder{font-size:14px;text-align:left;color:#cacaca}.page-bitx-login .form-box .form_item.form_item_sms .item_input{padding-right:100px}.page-bitx-login .form-box .form_item.form_item_sms .send_message{position:absolute;top:0;right:0;display:block;min-width:90px;height:40px;padding-top:2px;text-align:right}.page-bitx-login .form-box .form_item.form_item_sms .send_message button{font-size:14px;line-height:20px;height:36px;margin:0;padding:0;cursor:pointer;text-align:right;color:#21b351;border:none;outline:0;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-bitx-login .form-box .form_item.form_item_sms .send_message button[disabled]{cursor:not-allowed;pointer-events:none;color:#ddd}.page-bitx-login .form-box__buttons{margin-top:8px;text-align:center}.page-bitx-login .form-box__buttons .bitx-button{font-size:16px;font-weight:500;line-height:24px;height:40px;padding:8px 40px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;text-align:center;color:#fff;border:none;border-radius:2px;outline:0;background:#21b351;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-bitx-login .form-box__buttons .bitx-button--wide{min-width:180px}.page-bitx-login .form-box__buttons .bitx-button:hover{background:#1fa54a}.page-bitx-login .form-box__buttons .bitx-button[disabled]{pointer-events:none;opacity:.6}.page-bitx-login .form-box__error,.page-bitx-login .form-box__success{font-size:13px;line-height:16px;margin-top:6px;margin-bottom:14px;text-align:center}.page-bitx-login .form-box__error a,.page-bitx-login .form-box__success a{color:#21b351}.page-bitx-login .form-box__error{color:#e35b5a}.page-bitx-login .form-box__success{color:#21b351}.page-bitx-login .form-box__other{margin-top:24px;text-align:center}.page-bitx-login .form-box__other a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:8px 16px}.page-bitx-login .form-box__other a .gitee-login-icon{width:24px;height:24px}.page-bitx-login .form-box__other a .gitee-login-title{font-size:16px;margin-left:8px;letter-spacing:0;color:#111}.page-bitx-login .page-login .login-box .login-tab-header{position:absolute;z-index:1;top:0;right:0;display:block;overflow:hidden;width:64px;height:60px;border-top-right-radius:4px}.page-bitx-login .page-login .login-box .login-tab-header .tab-item{display:none;box-sizing:border-box;width:64px;height:60px;padding:10px;text-align:right}.page-bitx-login .page-login .login-box .login-tab-header .tab-item .login-icon{display:inline-block;width:40px;height:40px;margin:0;padding:0;cursor:pointer;background-repeat:no-repeat;background-size:contain}.page-bitx-login .page-login .login-box .login-tab-header .tab-item .login-icon-qrcode{background-image:url(../img/icon-qrcode.svg)}.page-bitx-login .page-login .login-box .login-tab-header .tab-item .login-icon-account{background-image:url(../img/icon-account.svg)}.page-bitx-login .page-login .login-box .login-tab-header .tab-item.active{display:block}.page-bitx-login .page-login .login-box .login-tab-header:before{position:absolute;z-index:-1;top:0;right:0;width:0;height:0;content:'';border-top:59px solid #4a4a4a;border-left:64px solid transparent}.page-bitx-login .page-login .login-box .login-tab-body{display:none}.page-bitx-login .page-login .login-box .login-tab-body.active{display:block}.page-bitx-login .page-login .login-box .login-tab-body.login_account{box-sizing:border-box;padding:40px 40px 32px}.page-bitx-login .page-login .login-box .login-tab-body.login_account .login_account-body{padding-top:32px}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box{display:none}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box.active{display:block}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password{margin-bottom:24px}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password .op_password_inner{font-size:14px;line-height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#111;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password .op_password_inner .checkbox-remember input{display:none;opacity:0}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password .op_password_inner .checkbox-remember input[type=checkbox]+label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password .op_password_inner .checkbox-remember input[type=checkbox]+label:before{line-height:1;display:inline-block;width:18px;height:18px;margin-right:8px;content:'';-webkit-transition:all .2s;transition:all .2s;color:#fff;border:1px solid #dce4e6;border-radius:3px;background-color:#f3f6f8;background-repeat:no-repeat;background-size:100%}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password .op_password_inner .checkbox-remember input[type=checkbox]:checked+label:before{border:1px solid #21b351;background-color:#21b351;background-image:url(../img/icon-check.svg)}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .op_password .op_password_inner .right-link a{text-decoration:underline;color:#111}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code{display:none}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code.active{display:block}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code_inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code_input{min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code_img{margin-left:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code_img .v-code-img{width:120px;height:40px;cursor:pointer}.page-bitx-login .page-login .login-box .login-tab-body.login_account .form-box--password .form_item_code_img .v-code-img img{display:block;width:100%;height:100%}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat{padding-top:80px;padding-bottom:50px}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat .scan-box{text-align:center}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat .scan-box__title{font-size:24px;font-weight:600;line-height:34px;color:#111}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat .scan-box__qrcode{display:block;box-sizing:border-box;width:148px;height:148px;margin:32px auto;padding:7px;border:1px solid #eee}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat .scan-box__qrcode img{display:block;width:132px;height:132px}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat .scan-box__desc{font-size:14px;line-height:20px;color:#111}.page-bitx-login .page-login .login-box .login-tab-body.login_wecheat .scan-box__desc a{color:#2a9cd5}.page-bitx-login .page-bind-phone .bind-phone-box{padding:32px 40px 55px}.page-bitx-login .page-bind-phone .bind-phone-box .box-header{font-size:16px;line-height:22px}.page-bitx-login .page-bind-phone .bind-phone-box .box-header i.oicon{margin-right:8px}.page-bitx-login .page-bind-phone .bind-phone-box .box-header,.page-bitx-login .page-bind-phone .bind-phone-box .box-header a{color:#4a4a4a}.page-bitx-login .page-bind-phone .bind-phone-box .box-title{font-size:18px;font-weight:600;line-height:24px;margin:32px 0;text-align:center;color:#111}.page-bitx-login .page-reset-pwd .reset-pwd-box{padding:32px 40px 80px}.page-bitx-login .page-reset-pwd .reset-pwd-box .box-header{font-size:16px;line-height:22px}.page-bitx-login .page-reset-pwd .reset-pwd-box .box-header i.oicon{margin-right:8px}.page-bitx-login .page-reset-pwd .reset-pwd-box .box-header,.page-bitx-login .page-reset-pwd .reset-pwd-box .box-header a{color:#4a4a4a}.page-bitx-login .page-reset-pwd .reset-pwd-box .box-title{font-size:24px;font-weight:600;line-height:34px;margin:40px 0;text-align:center;color:#111}.page-bitx-login .page-reset-pwd .reset-pwd-box .box-body{padding-top:32px}.page-bitx-login .page-reset-pwd .reset-pwd-box .form-box{display:none}.page-bitx-login .page-reset-pwd .reset-pwd-box .form-box.active{display:block}.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box{padding:80px 40px}.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box .box-title{font-size:24px;font-weight:600;line-height:34px;margin:0 0 40px;text-align:center;color:#111}.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box .form_item.form_item_password input{padding-right:32px}.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box .form_item.form_item_password .change-visible{position:absolute;z-index:1;top:4px;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;box-sizing:border-box;width:32px;height:32px;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box .form_item.form_item_password .change-visible i.oicon{display:none}.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box .form_item.form_item_password input[type=text]+.change-visible i.oicon.oicon-eye,.page-bitx-login .page-reset-new-pwd .reset-new-pwd-box .form_item.form_item_password input[type=password]+.change-visible i.oicon.oicon-eye-close{display:inline-block}
.hide{display:none;opacity:0}.show{display:block;opacity:1}.btn,.btn a{padding:.4rem 1.2rem;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:1px solid transparent;border-radius:2px;outline:0}.btn a.block,.btn.block{display:block;width:100%}.btn a.btn-lg,.btn.btn-lg{font-size:1.125rem}.btn a:disabled,.btn:disabled{cursor:default;opacity:.9}.btn a:disabled:not([class~=btn-disabled-green]),.btn:disabled:not([class~=btn-disabled-green]){color:#ccc;border-color:#eee;background:#f8f8f8}.btn-link,.btn-link a{padding:0;color:#31b968;border:none;border-radius:0}.btn-link a:not(:disabled):hover,.btn-link:not(:disabled):hover{color:#3bc372}.btn-green{color:#fff;background:#31b968}.btn-green:not(:disabled):hover{background:#3bc372}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.span-box{display:inline-block}input:not([type=button]){font-size:.875rem;line-height:1.6;padding:12px 20px;-webkit-transition:all .2s;transition:all .2s;color:#666;border:1px solid #dce4e6;border-radius:3px;outline:0;background:#f3f6f8}input:not([type=button]):focus{color:#666;border-color:#31b968;background:#eef1f3}input:not([type=button]).error{color:#666;border-color:#e35b5a}input:not([type=button])[type=number]{-moz-appearance:textfield}input:not([type=button]):disabled{opacity:.7}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder{color:#aaa}input:-ms-input-placeholder{color:#aaa}input:-moz-placeholder{color:#aaa}.form-wrapper .form-tips{font-size:.75rem;color:#31b968}.form-wrapper .form-tips .error,.form-wrapper .form-tips.error{color:#e35b5a}.form-wrapper .form-tips .error a,.form-wrapper .form-tips.error a{padding:0;color:#31b968;border:none;border-radius:0}.form-wrapper .form-tips .error a:not(:disabled):hover,.form-wrapper .form-tips.error a:not(:disabled):hover{color:#3bc372}.checkbox-group input{display:none;opacity:0}.home-body-box .form-wrapper .form-v-code .v-code-img:hover,.home-body-box .other-login-wrapper .other-login .login-logo:hover,.home-body-box .tab-item:hover,.login-body .form-wrapper .form-v-code .v-code-img:hover,.login-body .other-login-wrapper .other-login .login-logo:hover,.login-body .tab-item:hover,.logon-body .form-wrapper .form-v-code .v-code-img:hover,.logon-body .other-login-wrapper .other-login .login-logo:hover,.logon-body .tab-item:hover{opacity:.8}.checkbox-group input[type=checkbox]+label,.checkbox-group input[type=radio]+label{line-height:1;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.checkbox-group input[type=checkbox]+label:before,.checkbox-group input[type=radio]+label:before{line-height:1;display:inline-block;width:18px;height:18px;margin-right:8px;content:'';-webkit-transition:all .2s;transition:all .2s;color:#fff;border:1px solid #dce4e6;background-color:#f3f6f8}.checkbox-group input[type=checkbox]+label:before{border-radius:3px}.checkbox-group input[type=radio]+label:before{border-radius:50%}.checkbox-group input[type=checkbox]:checked+label:before,.checkbox-group input[type=radio]:checked+label:before{text-align:center;color:#fff;border-color:#31b968}.checkbox-group input[type=checkbox]:checked+label:before{content:'\2713';background-color:#31b968}.checkbox-group input[type=radio]:checked+label:before{border-width:6px;background:#fff}.ic-svg{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:contain}.ic-identifying{background-image:url(../imgs/icon/ic-identifying.svg)}.ic-refresh-green{background-image:url(../imgs/icon/ic-refresh-green.svg)}.ic-pc-white{background-image:url(../imgs/icon/ic-pc-white.svg)}.ic-qw-white{background-image:url(../imgs/icon/ic-qw-white.svg)}.ic-female{background-image:url(../imgs/icon/ic-female.svg)}.ic-male{background-image:url(../imgs/icon/ic-male.svg)}.ic-mail{background-image:url(../imgs/icon/ic-mail.svg)}.ic-mail-green{background-image:url(../imgs/icon/ic-mail-green.svg)}.ic-phone{background-image:url(../imgs/icon/ic-phone.svg)}.ic-phone-green{background-image:url(../imgs/icon/ic-phone-green.svg)}.ic-eye{background-image:url(../imgs/icon/ic-eye.svg)}.ic-eye-slash{background-image:url(../imgs/icon/ic-eye-slash.svg)}.ic-news-ok{background-image:url(../imgs/icon/ic-ok.svg)}body{position:relative;height:100vh;}hr{border:none;border-top:1px solid #eee}.home-header .logo{display:inline-block;width:214px;height:52px;margin:5vh 0 4vh 130px;background:url(../imgs/logo_bitx_white_new.svg) no-repeat}.home-body-box,.login-body,.logon-body{position:relative;width:685px;margin:auto;padding:35px 30px;color:#666;border-radius:4px;background:#fff;box-shadow:1px 1px 4px #767676}.home-body-box .login-title,.login-body .login-title,.logon-body .login-title{font-size:1.375rem;margin-bottom:40px}.home-body-box input,.login-body input,.logon-body input{width:100%}.home-body-box .form-wrapper .form-item,.login-body .form-wrapper .form-item,.logon-body .form-wrapper .form-item{position:relative}.home-body-box .form-wrapper .form-item .form-ctrl.icon input:not([type=button]),.login-body .form-wrapper .form-item .form-ctrl.icon input:not([type=button]),.logon-body .form-wrapper .form-item .form-ctrl.icon input:not([type=button]){padding:12px 48px 12px 20px}.home-body-box .form-wrapper .form-item .form-ctrl.icon .view-pwd,.login-body .form-wrapper .form-item .form-ctrl.icon .view-pwd,.logon-body .form-wrapper .form-item .form-ctrl.icon .view-pwd{position:absolute;top:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:48px;height:100%;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.home-body-box .form-wrapper .form-item .form-ctrl.icon .view-pwd .ic-svg,.login-body .form-wrapper .form-item .form-ctrl.icon .view-pwd .ic-svg,.logon-body .form-wrapper .form-item .form-ctrl.icon .view-pwd .ic-svg{width:18px;height:18px}.home-body-box .form-wrapper .form-item.form-box,.login-body .form-wrapper .form-item.form-box,.logon-body .form-wrapper .form-item.form-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.home-body-box .form-wrapper .form-item.form-box .form-label,.login-body .form-wrapper .form-item.form-box .form-label,.logon-body .form-wrapper .form-item.form-box .form-label{width:100px;padding-right:10px;text-align:right;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.home-body-box .form-wrapper .form-item.form-box .form-ctrl,.login-body .form-wrapper .form-item.form-box .form-ctrl,.logon-body .form-wrapper .form-item.form-box .form-ctrl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.home-body-box .form-wrapper .form-item.form-box .form-tips,.login-body .form-wrapper .form-item.form-box .form-tips,.logon-body .form-wrapper .form-item.form-box .form-tips{left:100px}.home-body-box .form-wrapper .form-item:not(:last-child),.login-body .form-wrapper .form-item:not(:last-child),.logon-body .form-wrapper .form-item:not(:last-child){margin-bottom:20px}.home-body-box .form-wrapper .form-item .form-tips,.login-body .form-wrapper .form-item .form-tips,.logon-body .form-wrapper .form-item .form-tips{position:absolute;top:100%}.home-body-box .form-wrapper .form-tips,.login-body .form-wrapper .form-tips,.logon-body .form-wrapper .form-tips{line-height:20px}.home-body-box .form-wrapper .v-code.show,.login-body .form-wrapper .v-code.show,.logon-body .form-wrapper .v-code.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.home-body-box .form-wrapper .form-v-code,.login-body .form-wrapper .form-v-code,.logon-body .form-wrapper .form-v-code{line-height:1;width:120px;margin-left:12px}.home-body-box .form-wrapper .form-v-code .ic-svg,.login-body .form-wrapper .form-v-code .ic-svg,.logon-body .form-wrapper .form-v-code .ic-svg{width:21px;height:21px}.home-body-box .form-wrapper .form-v-code .v-code-img,.login-body .form-wrapper .form-v-code .v-code-img,.logon-body .form-wrapper .form-v-code .v-code-img{height:100%;cursor:pointer;border-radius:3px;background:0 0}.home-body-box .form-wrapper .form-v-code .v-code-refresh,.login-body .form-wrapper .form-v-code .v-code-refresh,.logon-body .form-wrapper .form-v-code .v-code-refresh{cursor:pointer}.home-body-box .form-wrapper .form-phone-code,.login-body .form-wrapper .form-phone-code,.logon-body .form-wrapper .form-phone-code{font-size:.875rem;display:inherit;margin-left:12px}.home-body-box .form-wrapper .form-button,.login-body .form-wrapper .form-button,.logon-body .form-wrapper .form-button{font-size:1.25rem}.home-body-box .other-login-wrapper,.login-body .other-login-wrapper,.logon-body .other-login-wrapper{width:220px;padding-left:40px;border-left:1px dashed #eee}.home-body-box .other-login-wrapper .margin-forty,.login-body .other-login-wrapper .margin-forty,.logon-body .other-login-wrapper .margin-forty{display:block;margin-bottom:40px}.home-body-box .other-login-wrapper .span-box,.login-body .other-login-wrapper .span-box,.logon-body .other-login-wrapper .span-box{display:block}.home-body-box .other-login-wrapper .other-login,.login-body .other-login-wrapper .other-login,.logon-body .other-login-wrapper .other-login{margin-top:5px}.home-body-box .other-login-wrapper .other-login .login-logo,.login-body .other-login-wrapper .other-login .login-logo,.logon-body .other-login-wrapper .other-login .login-logo{display:inline-block;width:32px;height:32px;margin-top:10px;margin-right:20px;-webkit-transition:all .2s;transition:all .2s}.home-body-box .other-login-wrapper .other-login .login-logo svg,.login-body .other-login-wrapper .other-login .login-logo svg,.logon-body .other-login-wrapper .other-login .login-logo svg{width:100%;height:100%}.home-body-box .tab-item,.login-body .tab-item,.logon-body .tab-item{cursor:pointer}.home-body-box .user-gender,.login-body .user-gender,.logon-body .user-gender{padding-bottom:20px}.home-body-box .user-gender .checkbox-group input+label:before,.login-body .user-gender .checkbox-group input+label:before,.logon-body .user-gender .checkbox-group input+label:before{position:relative;width:24px;height:24px;border:none;background:#c9c9c9}.home-body-box .user-gender .checkbox-group input:checked+label:before,.login-body .user-gender .checkbox-group input:checked+label:before,.logon-body .user-gender .checkbox-group input:checked+label:before{background:#31b968}.home-body-box .user-gender .checkbox-group .ic-svg,.login-body .user-gender .checkbox-group .ic-svg,.logon-body .user-gender .checkbox-group .ic-svg{position:absolute;z-index:1;top:5px;left:4px;width:16px;height:16px}.login-body .form-wrapper,.logon-body .form-wrapper{width:300px;margin-right:52px;margin-left:38px}.login-body .login-tabs{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;width:93px;height:93px}.login-body .login-tabs .tab-bg{display:inline-block;width:130px;height:130px;margin:-65px 0 0 -65px;content:'';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#31b968}.login-body .login-tabs .tab-item{position:absolute;z-index:1;top:13px;left:13px;display:none}.login-body .login-tabs .tab-item.active{display:inline-block}.login-body .login-tabs .tab-item .ic-svg{width:40px;height:40px}.login-body .wechat-login .login-wechat-qr{width:150px;height:150px;margin:15px 0 35px;padding:5px;border:1px solid #eee}.login-body .wechat-login .login-wechat-qr img{width:100%;height:100%}.logon-body .logon-tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:300px;margin-bottom:30px;margin-left:38px}.logon-body .logon-tabs .tab-item{display:inline-block;float:left;width:50%;max-width:50%;padding-bottom:9px;text-align:center;border-bottom:1px solid #eee;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.logon-body .logon-tabs .tab-item.active{color:#31b968;border-bottom-color:#31b968}.logon-body .logon-tabs .tab-item.active .ic-phone{background-image:url(../imgs/icon/ic-phone-green.svg)}.logon-body .logon-tabs .tab-item.active .ic-mail{background-image:url(../imgs/icon/ic-mail-green.svg)}.logon-body .logon-tabs .ic-svg{width:18px;height:18px;margin-right:5px;vertical-align:sub}#mailFemale:checked+label:before,#phone-female:checked+label:before{background:#e957fb}.logon-succuss .ic-svg{width:100px;height:100px}.succuss-tips{padding:60px 0}.succuss-tips .succuss-title{font-size:1.875rem;margin-top:20px;padding:0;color:#31b968;border:none;border-radius:0}.succuss-tips .succuss-title:not(:disabled):hover{color:#3bc372}.interest h2{font-size:1.125rem;font-weight:200}.interest-list a img{color:#ccc}.interest-list .interest-item{min-width:33.3%;padding:0 10px 40px 0}.interest-list .interest-item .user-img{display:block;overflow:hidden;width:60px;height:60px;border-radius:50%}.interest-list .interest-item .user-img img{width:100%;height:100%}.interest-list .interest-item .btn{font-size:.75rem;display:block;margin-top:8px;padding:.2rem 0;text-align:center}.interest-list .interest-item .btn.followed{color:#999;background:#f2f2f2}.interest-list .interest-item .user-info{margin-left:15px}.interest-list .interest-item .user-info a{color:#666}.interest-list .interest-item .user-info span{display:block}.interest-list .interest-item .user-info .name{font-size:1rem;font-weight:500;color:#4a4a4a}.interest-list .interest-item .user-info .company{font-size:.875rem;color:#999}.succuss-text{width:80%;margin:auto;padding-top:40px}.succuss-text div{font-size:1.25rem}.succuss-text .tips-text{font-size:1rem;line-height:1.8;margin-top:20px;margin-left:15px}.succuss-text .tips-text dd{margin:0}.home-body-box{width:500px}.home-body-box .title{font-size:1.375rem;margin-bottom:15px;text-align:center}.home-body-box .reset-box{height:90%}.home-body-box .form-wrapper{width:300px;margin:auto}.change-email-body .btn-go-login{display:inline-block;margin-top:20px}.openid-body{height:550px}.openid-body .user-gender{padding:0}.home-footer{font-size:.875rem;line-height:2;width:100%;margin:5.5vh 0;text-align:center;color:#fff}.home-footer a:not([class]){color:#fff}.home-footer a{margin:0 2px}.home-footer>div{display:inline-block;margin:0 auto;text-align:left}.bitx-checkbox-accept-term{font-size:1rem;line-height:15px;position:relative;display:inline-block;min-width:17px;min-height:17px;vertical-align:middle;outline:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bitx-checkbox-accept-term .accept_term{width:15px!important}.bitx-checkbox-accept-term .label:after,.bitx-checkbox-accept-term .label:before{font-family:Checkbox;position:absolute;top:0;left:0;width:17px;height:17px}.bitx-checkbox-accept-term .label{font-size:14px;min-width:90px;text-align:right;color:#666}.bitx-checkbox-accept-term .label:before{line-height:1;content:'';-webkit-transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;border:1px solid #d4d4d5;border-radius:.25em;background:#fff}.bitx-checkbox-accept-term .label:after{line-height:17px;-webkit-transition:all .1s ease;transition:all .1s ease;text-align:center;opacity:0;color:rgba(0,0,0,.8)}#yp-riddler-box{width:100%}#yp-riddler-box .yp-riddler-slider-bg{max-width:initial}#yp-riddler-box .yp-riddler.yp-riddler-button{line-height:48px;height:48px;border:1px solid #dce4e6;border-radius:3px;background:#f3f6f8}#yp-riddler-box .success-box{font-size:14px;line-height:48px;width:100%;height:48px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;text-decoration:none;color:#31b968;border:1px solid #31b968;border-radius:3px;outline:0;background:#eefff5}#yp-riddler-box .success-box .success-icon{line-height:16px;position:relative;top:2px;display:inline-block;width:26px;height:26px;margin-right:10px;padding:5px;color:#fff;border-radius:50%;background-color:#31b968;box-shadow:#31b968 0 0 10px}#yp-riddler-box .success-box .success-icon .ic-svg{width:16px;height:16px}
.form-box--nopassword input{text-indent: 70px;}
main.welcome {
	flex: 1 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	text-align: center;
}

main.welcome h1 {
	color: #615f5f;
	font-size: 26px;
	line-height: 1;
	font-weight: 800;
	margin-top: 20px;
	letter-spacing: -.75px;
}
main.welcome p.subtitle {
	font-size: 14px;
	margin-bottom: 48px;
	color: #615f5f;
}

ul.change{
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}
ul.change li{
    width: 50%;
    float: left;
    padding: 20px;
}
ul.change li:hover{
    background-color: #e0e0e0;
    cursor: pointer;
}
ul.change li:active{
    background-color: #aaa;
    cursor: pointer;
}
.avatar {
    background-color: #87d068;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 5px;
}
.other{
    background-color: #d0d0d0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 5px;
}
.selected{
    font-size: 14px;
    color: rgba(0,0,0,.65);
    background-color: #f6ffed;
    border-left: 3px solid #b7eb8f;
    padding: 10px 20px;
}