.page-profile[data-v-b4b86548]{overflow:auto}.page-profile .identity[data-v-b4b86548]{margin-bottom:20px;position:relative;width:100%;height:250px}.page-profile .identity .cover[data-v-b4b86548]{position:absolute;top:0;left:0;right:0;bottom:0;background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}.page-profile .identity .username[data-v-b4b86548]{color:#32325d;position:absolute;width:100%;height:50px;bottom:75px;left:0;right:0;background:#fff;line-height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:250px;font-size:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07)}.page-profile .identity .username .admin-name[data-v-b4b86548]{font-size:32px;font-weight:700}.page-profile .identity .username .cover-small[data-v-b4b86548]{width:220px;margin-right:-220px;left:-250px;border-radius:9px;border:4px solid #fff;background-position:50%;background-size:cover;background-repeat:no-repeat}.page-profile .identity .username .avatar-small[data-v-b4b86548],.page-profile .identity .username .cover-small[data-v-b4b86548]{height:50px;overflow:hidden;display:block;float:left;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;top:0;-webkit-transition:all .5s;transition:all .5s}.page-profile .identity .username .avatar-small[data-v-b4b86548]{width:50px;margin-right:-50px;left:-100px;border-radius:50%;border:4px solid #fff;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}.page-profile .identity .username .avatar-small img[data-v-b4b86548]{width:100%}.page-profile .identity .username.affix[data-v-b4b86548]{z-index:99;border-radius:5px}.page-profile .identity .username.affix .cover-small[data-v-b4b86548]{opacity:1}.page-profile .identity .username.affix .avatar-small[data-v-b4b86548]{opacity:1;left:-60px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.page-profile .identity .username .colors-box[data-v-b4b86548]{height:50px;background:#fff;float:right}.page-profile .identity .username .colors-box .color[data-v-b4b86548]{width:50px;height:50px;background:#fff;float:right;-webkit-transform:skew(-45deg);transform:skew(-45deg);-webkit-box-shadow:1px 0 1px 0 transparent;box-shadow:1px 0 1px 0 transparent;position:relative;right:-25px;margin-right:-50px;-webkit-transition:margin-right .75s;transition:margin-right .75s}.page-profile .identity .username .colors-box .color.active[data-v-b4b86548]{margin-right:0}.page-profile .identity .username .colors-box .color[data-v-b4b86548]:nth-child(2){opacity:.8}.page-profile .identity .username .colors-box .color[data-v-b4b86548]:nth-child(3){opacity:.6}.page-profile .identity .username .colors-box .color[data-v-b4b86548]:nth-child(4){opacity:.4}.page-profile .identity .username .colors-box .color[data-v-b4b86548]:nth-child(5){opacity:.2}.page-profile .identity .avatar[data-v-b4b86548]{border:6px solid #fff;position:absolute;bottom:10px;left:50px;width:180px;height:180px;overflow:hidden;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 20px 15px -15px rgba(0,0,0,.15);box-shadow:0 20px 15px -15px rgba(0,0,0,.15)}.page-profile .identity .avatar img[data-v-b4b86548]{width:100%}.page-profile .identity .color-thief[data-v-b4b86548]{display:block;width:100px;visibility:hidden;z-index:-999999;position:absolute}.page-profile .info[data-v-b4b86548]{padding:24px 32px}@media screen and (max-width:1350px){.form-wrapper[data-v-b4b86548]{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-wrapper .form-item[data-v-b4b86548]{width:100%;border:none!important}}@media (max-width:768px){.page-profile .identity[data-v-b4b86548]{height:auto}.page-profile .identity .avatar[data-v-b4b86548]{bottom:inherit;top:10px;left:50%;width:100px;margin-left:-50px;height:100px;border-width:3px}.page-profile .identity .username[data-v-b4b86548]{position:inherit;padding:10px;margin:0;top:inherit;left:inherit;z-index:1;right:inherit;text-align:center;bottom:inherit;white-space:inherit;line-height:inherit;height:auto;margin-top:120px;width:90%;margin-left:5%;margin-bottom:10px;border-radius:50px}.page-profile .identity .username .avatar-small[data-v-b4b86548],.page-profile .identity .username .colors-box[data-v-b4b86548],.page-profile .identity .username .cover-small[data-v-b4b86548]{display:none}.page-profile .info[data-v-b4b86548]{padding:8px 16px}}