.backghui[data-v-5009de72]{width:100%;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:12}.rollbox_data[data-v-5009de72]{margin-right:5px;border-radius:5px;text-align:center;margin-top:15px;color:#dedddb}.rollbox_data p[data-v-5009de72]{font-size:12px}.rollbox_data_img[data-v-5009de72],.rollbox_data_img img[data-v-5009de72]{background-repeat:no-repeat;background-size:100% 100%;height:100px;border-radius:5px}#user{display:flex;margin:32px auto 64px;justify-content:center}#user .leftList{z-index:1;width:180px;box-shadow:0 6px 12px 0 rgba(0,0,0,.4);border-radius:8px;margin-right:10px;padding-top:1px;padding-bottom:40px}#user .leftList,#user .Menu{background:rgba(38,32,27,.6)}#user .ivu-menu-vertical .ivu-menu-item:hover,#user .ivu-menu-vertical .ivu-menu-submenu-title:hover{background:rgba(0,0,0,.2);color:#ff9939}#user .ivu-menu-submenu{color:#fff}#user .ivu-menu-submenu .ivu-menu-submenu-title{padding-right:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}#user .ivu-menu-item a{padding:14px 24px;color:#fff!important;display:inline-block}#user .ivu-menu-item a .ivu-icon{margin-right:5px}#user .ivu-menu-vertical .ivu-menu-item{padding:0}#user .ivu-menu-submenu a{padding:14px 5px!important}#user .ivu-menu-item-active:not(.ivu-menu-submenu):after,#user .ivu-menu-vertical.ivu-menu-light:after{background:none}#user .ivu-menu-child-item-active .ivu-menu-submenu-title{color:#ff9939}#user .ivu-menu-item.ivu-menu-item-active{background:linear-gradient(90deg,#38312b,rgba(56,49,43,0))}#user .ivu-menu-item.ivu-menu-item-active a{color:#ff9939!important}#user .ivu-menu-item>i,#user .ivu-menu-submenu-title>i{margin-right:5px}.user-center__R8SKINS-logo{display:flex;position:relative;width:100%;padding:20px 0;justify-content:center;align-items:center}#user .rightView,#user .rightView>*{flex:1}#user .rightView{display:flex}@media screen and (max-width:800px){.leftList[data-v-7cca09d0]{width:20%!important}}.picture[data-v-7cca09d0]{background-image:url(../img/cslogo.98283552.png)!important}.ivu-menu-item a[data-v-7cca09d0]{text-align:center}.user-center__R8SKINS-logo[data-v-7cca09d0]{padding:0}#userinfo{background:rgba(25,22,19,.6)}#userinfo a,#userinfo div,#userinfo input,#userinfo p{font-size:14px}#userinfo .userinfo{background:url() no-repeat;padding:30px}#userinfo .userinfo__title{display:flex;justify-content:space-between}#userinfo .userinfo__title .userinfo__title__text{font-size:26px;font-weight:700;color:#ff9939}#userinfo .userinfo__title .outLogin{font-weight:400;color:#fff;line-height:16px;display:flex;align-items:center;cursor:pointer}#userinfo .userinfo__title .outLogin img{margin-right:9px}#userinfo .userinfo__header{border-bottom:1px solid #383838;justify-content:space-between;padding-bottom:35px}#userinfo .userinfo__header .userinfo__header__information .userinfo__header__information__nickname{font-size:20px;font-weight:700}#userinfo .userinfo__header .userinfo__header__information .userinfo__header__information__ID{margin-top:10px;font-weight:400;color:#ccc}#userinfo .userinfo__header .userinfo__header__information .replaceFans{width:100px;height:30px;background:#6c46c6;border-radius:10px;text-align:center;line-height:30px;font-weight:400;margin-top:10px;cursor:pointer}#userinfo .userinfo__header .userinfo__header__setUp{display:flex;flex:1;flex-direction:column;align-items:flex-end}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__tips{font-weight:400;color:#ccc;text-align:right}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__tips a{color:#ab95ff}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__input{display:flex;width:60%;margin-top:20px;justify-content:flex-end}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__input .userinfo__header__setUp__input__title{font-weight:400;color:#fff;line-height:40px;width:98px;text-align:center}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__input form{display:flex;flex:1}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__input .btn{cursor:pointer;width:100px;height:40px;border:1px solid #e4e4e4;border-radius:10px;margin-left:20px;text-align:center;line-height:40px;background:#333}#userinfo .userinfo__header .userinfo__header__setUp .userinfo__header__setUp__input input{outline:none;height:40px;border-radius:5px;border:none;flex:1;background:#342f2a;padding:0 10px;color:#999}#userinfo .userinfo__main .userinfo__main__bind{display:flex;height:72px;align-items:center;border-bottom:1px solid #383838;justify-content:space-between}#userinfo .userinfo__main .userinfo__main__bind .userinfo__main__bind__left{display:flex;flex:1;align-items:center}#userinfo .userinfo__main .userinfo__main__bind .userinfo__main__bind__left .userinfo__main__bind__title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAcCAYAAAB1TwGBAAAEGElEQVRoQ+1azWscZRx+nnc2CZSISFW0QkmaVeihBwmC4MGA9iM7EsnuTA4eBMGDhx4KCi2IeIhUrB+tIir6H2QymxKTbbqSY1o/GlopirtIWsW2oLaWfkTNzvv+ZLZY02Y3uxt3k+lu5jjz+z3v88FvZnbeJcoc7rOJbYhxd7nrrXKexLzR5kQgMnP48NTZ5XTbtn1PR4eOK2X1wEgcxEMEVXVeSY7lCh3HTlKwszqg5qqS8CBySqmZubkLJ2dnZwslFNJ1n9mEQMepVA8ocRFuXKkTBnxnuTD2UrBlpeB3Yp9QLorIcWMWjo2NTV9crKG3t7etq+vBLlLHYVQcClso2FAPnQbyg+9nDpYMw3Xddpj5QwCseiwWcYwFCE4ZFmZ8P5sDICFf1+3rDILOHqVMnGQcwGYKYg3RUgje9saP/lgyjMFBe2tMYU9DFo4IqIicpcgxxC5/7XnH/3Td/vsAKw5tircdA/MAhWXvHPWTId97fub9EK/0ZCTtARB2/RaMBpIQV6HxVcEUviSVFYuhJ7zlkOgBePdqsyQhWnDA9yfnyobhOPbLFDyy2uQatJ4WYo5GzpMyr8Fukt0UdDRovaphDeQ738988G/Dksno6+uL3btxwyGCbVWjRrSw+FJEXBHgrupfMVdHTDgV8nfhLe/z7JmyYaRS2x9WaH9ldSi18io87fkTHy52YMlkuEnbBjHQyjY1Wns4FYGRN9PpzE/LhuEk+/eQamujCbUyvhDfjo5OfnS7B7dMhuu6lsj8wSg83Jo1LGH4HFP7PW/i5wph7OiGadvXrEZERNcpz5/8uBSXWyYjldq1U8FKRoR009EIp8IYeSOdPvJLxTDcVP9uQG1rOhciIshATvp+5pNydBZPBocc+z2p08eviOiPDI3ibx5LDXvexLmKYbju05thOl6NDPvmIzLr+ZOfLifr5mQ4zq6nKNZQ83mw9ooEYhYKheHx8S/OVxVGKpV4SYGPrj315mNgwBO+P/FZJWU3J8NNJd4F2FmpYf16dQ6I4HcokzMG+WvX9OlsNnu9UmcxjIGB7Zs62tpfr1S8fr28Azd2CZlTRucRk5znHb1Uq1/FMFy3/0kY9Vytza1dL5fEIA+LOa3/yt2+TbsSb4phOE7iRQofWwlAq/QI8IfA5EWQsyzkPe/Ib/XWfmMyUokDa7HTVW8x9cQTymUa5mHpXBCY/NhY9td64pfC4uDgjvtjqm240QvdKfjhJwtAzgG8AEAj3BkVZUgEKvyaYRiQDE8VaIq75IEYMYiJRgAtljLUOtBEkE5PfVOLbg4l+58QqudraVqvrewAIdMjfmakcuV/FXQGEy9Q8fFamtZrl3dAgOtXrhZeq+Z1djESHSexn//jn3DrwSx1QKhHRkenpmv15h/yIZOnI37/qQAAAABJRU5ErkJggg==) 50% no-repeat;width:99px;height:28px;text-align:center;line-height:28px;margin-right:58px}#userinfo .userinfo__main .userinfo__main__bind .userinfo__main__bind__left .userinfo__main__bind__title img{width:26px;height:26px}#userinfo .userinfo__main .userinfo__main__bind .userinfo__main__bind__left .userinfo__main__bind__content{font-size:14px;font-weight:400;color:#aaa}#userinfo .userinfo__main .userinfo__main__bind .btn{width:100px;height:40px;background:#333;border:1px solid #e4e4e4;border-radius:10px;line-height:40px;text-align:center;cursor:pointer}#userinfo .userinfo__header,#userinfo .userinfo__header .userinfo__header__information{display:flex;align-items:center}#userinfo .userinfo__header .userinfo__header__information .userinfo__header__information__avatar{margin-right:25px}.avatar,.avatar-container{position:relative}.avatar.avatar_has-border{box-shadow:0 0 0 2px #fff}.avatar{border-radius:50%;width:100%;padding-top:100%;overflow:hidden;align-self:center}.avatar__picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-size:cover}.update-password .ivu-modal-body,.update-password .ivu-modal-footer,.update-password .ivu-modal-header{padding:0;border:none}.update-password .ivu-modal-content{background:none}.vertical-center-modal{display:flex;align-items:center;justify-content:center}.vertical-center-modal .ivu-modal{top:0}.sign-up-modal .ivu-modal-footer,.sign-up-modal .ivu-modal-header{padding:0;border:none}.sign-up-modal .ivu-modal-body{padding:0}.sign-up-modal .ivu-modal-content{background:none!important}.sign-up-modal input::-webkit-input-placeholder{color:#524a3a}.sign-up-modal input::-moz-placeholder{color:#524a3a;font-weight:700}.sign-up-modal input:-ms-input-placeholder{color:#524a3a;font-weight:700}.sign-up-modal .ivu-form-item{margin-bottom:0}.sign-up-modal .ivu-form-item-error-tip{font-size:14px}.sign-up-modal .ivu-input{border:none!important;background:none!important;padding:0!important;color:#fff;font-size:16px}.sign-up-modal .ivu-input::-webkit-input-placeholder{font-size:16px}.sign-up-modal .ivu-input::-moz-placeholder{font-size:16px}.sign-up-modal .ivu-input::-ms-input-placeholder{font-size:16px}.sign-up{position:relative;border-radius:28px;box-shadow:0 4px 30px 0 rgb(0 0 0);padding:20px 40px;background-position:50%;background-repeat:no-repeat;background-size:120% 120%}.sign-up__header{display:flex;justify-content:space-around}.sign-up__tab{cursor:pointer;border-bottom:4px solid transparent;padding-bottom:4px;color:#ecd4ac;font-size:20px;font-weight:700;transition:border-bottom-color .4s linear}.sign-up__content,.sign-up__field{display:flex}.sign-up__content{flex-direction:column;margin:20px 0}.sign-up__field{position:relative;border-bottom:1px solid hsla(0,0%,100%,.3);margin-bottom:32px;padding:10px 0;justify-content:space-between;align-items:center;transition:border-color .4s linear}.sign-up__field__icon{margin:0 8px;width:24px}.sign-up__field__input{outline:none;caret-color:#fff;border:none;width:0;color:#fff;font-size:16px;flex:1;background-color:transparent}.sign-up__forget{display:flex;margin-bottom:32px;justify-content:flex-end}.sign-up__forget__action{cursor:pointer;color:hsla(38,62%,80%,.3);font-size:14px}.sign-up__submit-button{outline:none;cursor:pointer;width:100%;border:none;border-radius:8px;padding:12px 0;color:#2a261e;font-size:16px;font-weight:700;background-color:#ffae00;transition:all .4s}.sign-up__footer{display:flex;margin-top:60px;justify-content:space-between;align-items:center}.sign-up__toggle{cursor:pointer;color:hsla(38,62%,80%,.5);font-size:14px}.sign-up__join-us-link{color:#ffae00;font-size:14px}.sign-up__field:focus-within{border-color:#ecd4ac}.sign-up__forget__action:hover{color:#ecd4ac}.sign-up__join-us-link,.sign-up__join-us-link:hover{color:#ffae00;font-size:14px}.sign-up__toggle:hover{color:#ecd4ac}.sign-up__submit-button:hover{box-shadow:-1px 0 8px 0 #ffd939}.sign-up__field__action{cursor:pointer;outline:none;border:none;white-space:nowrap;color:#ecd4ac;font-size:16px;background-color:transparent}.sign-up__tab.sign-up__tab_active{border-bottom-color:#ffae00}.sign-up__field__desc,.sign-up__field__error{position:absolute;bottom:-40px;font-size:14px}.sign-up__field__desc{right:0;color:#999}.sign-up__agreement__checkbox{display:flex;cursor:pointer;height:20px;width:20px;border:2px solid #ffae00;border-radius:4px;margin:0 10px;justify-content:center;align-items:center;transition:background-color .4s linear}.sign-up__agreement__checkbox:after{content:"✓";color:transparent;font-size:18px;font-weight:700;transition:color .4s linear}.sign-up__agreement__text,.sign-up__agreement__text:hover{color:#ffae00;font-size:14px}.sign-up__agreement{display:flex;position:relative;cursor:pointer;margin-bottom:36px;align-items:center}.sign-up__agreement__value:checked+.sign-up__agreement__checkbox:after{color:#2a261e}.sign-up__agreement__value:checked+.sign-up__agreement__checkbox{background-color:#ffae00}.avatar-uploader .el-upload[data-v-131aba8e]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-131aba8e]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-131aba8e]{font-size:28px;color:#8c939d;width:80px;height:80px;line-height:100px;text-align:center}.avatar[data-v-131aba8e]{padding-top:0;width:80px;height:80px;margin-right:20px}.picture[data-v-131aba8e]{background-image:url(../img/logo.6a88e67b.6a88e67b.png)!important}@media screen and (max-width:800px){.leftList[data-v-131aba8e]{width:20%!important}.rightView[data-v-131aba8e]{display:block!important;width:80%}.userinfo__header[data-v-131aba8e]{display:block!important}.userinfo__header__setUp__input[data-v-131aba8e]{flex-direction:column!important;width:100%!important}.userinfo__header__setUp__input__title[data-v-131aba8e]{text-align:initial!important}.btn[data-v-131aba8e]{margin-left:0!important;margin-top:5px!important}.btnnone[data-v-131aba8e]{display:none}}@media screen and (max-width:800px){.el-message-box{width:95%}.btns{display:block!important}.userinfo__header__setUp__tips{text-align:center!important}}