.user-profile-main{display:-webkit-box;display:-ms-flexbox;display:flex;height:90vh;width:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--color-text);overflow-y:auto}.user-profile-main img{-o-object-fit:cover;object-fit:cover}@media (max-width:850px){.user-profile-main .col-profile-top-cont-place{height:70%!important}.user-profile-main .col-profile-2-content{width:97%!important}}.user-profile-main .col-profile-1{position:-webkit-sticky;position:sticky;top:0;-webkit-box-flex:1.2;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1.2;flex:1.2;height:78vh;padding:.2rem;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.user-profile-main .col-profile-1 .col-profile-1-dad{border-radius:20px;height:95%;width:80%}.user-profile-main .col-profile-1 .col-profile-1-dad .title{border-radius:20px 20px 0 0;color:var(--color-cale-text);padding:.3rem}.user-profile-main .col-profile-1 .col-profile-1-dad .user-recycle-scroller{height:92%}.user-profile-main .col-profile-1 .col-profile-1-dad .user-recycle-scroller .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view>div:first-child{padding:.25rem}.user-profile-main .hover-upload-bg{border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:absolute;width:100%;z-index:10;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.5rem;font-weight:500;opacity:0;-webkit-transition:all .4s;transition:all .4s}.user-profile-main .hover-upload-bg:hover{background-color:#00000080;opacity:1}.user-profile-main .col-profile-2{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:2;-ms-flex:2;flex:2;padding:.2rem}.user-profile-main .col-profile-2 .col-profile-2-content{border-radius:30px;height:100%;width:90%}.user-profile-main .col-profile-2 .col-profile-2-content,.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px 30px 0 0;height:3.4rem;max-height:3.4rem;min-height:3.4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont:before{background:-webkit-gradient(linear,left top,right top,color-stop(30%,hsla(0,3%,8%,.7)),color-stop(70%,rgba(0,0,0,0)));background:linear-gradient(90deg,#151414b3 30%,#0000 70%);border-radius:30px 30px 0 0;content:"";inset:0;position:absolute}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place{bottom:10%;display:-webkit-box;display:-ms-flexbox;display:flex;height:60%;left:.3rem;position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-data-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-head-img-div{border-radius:50%;position:relative}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-head-img-div .hover-upload{border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:absolute;width:100%;z-index:100;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.25rem;font-weight:500;opacity:0;-webkit-transition:all .4s;transition:all .4s}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-head-img-div .hover-upload:hover{background-color:#00000080;opacity:1}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;color:#b7b7b7;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.28rem;font-weight:500;justify-content:flex-start}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list .col-count{text-align:center}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list .col-count .count{color:#fff;margin-left:.12rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list .col-count .fg{margin:.2rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;font-weight:500;justify-content:center;margin-left:.1rem;z-index:11}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-relevant-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-relevant-1 .user-nick-name{color:#e2e2e2;font-size:.3rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-relevant-2{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.2rem;margin-top:.2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#cbcbcb}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-address{background-color:#5f5f5f4d;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.2rem;margin-left:.2rem;padding:.05rem .1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#cbcbcb;font-weight:500}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-address span{top:1px}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-address .icon{fill:#cbcbcb;height:.3rem;margin-right:.05rem;width:.2rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.3rem;max-height:1.3rem;min-height:1.3rem;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 0 25px 25px;color:var(--color-cale-text);font-size:.3rem;font-weight:500;margin-top:.05rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:.2rem;padding:.2rem;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span .el-icon{left:2px}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span:hover{color:var(--font-background-webkit)}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span:after{background:var(--color-cale-text);border-radius:30px;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);-webkit-transition:width .5s ease,left .5s ease;transition:width .5s ease,left .5s ease;width:0}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span:hover:after{width:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span.active{color:var(--font-background-webkit)}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span.active:after{width:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:.3rem;min-height:60vh;z-index:10}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .content-transition{height:100%;width:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .private-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .private-icon span{color:var(--color-cale-text);font-size:.35rem;font-weight:500;margin-top:.3rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .private-icon .icon{width:30%;fill:var(--color-background-mute)}