.page-profile{background-size:100% auto}.page-profile .user-detail{gap:.21333rem;width:9.12rem;margin:0 auto}.page-profile .user-detail .avatar img{width:1.6rem;height:1.6rem;border-radius:100%;-o-object-fit:cover;object-fit:cover}.page-profile .user-detail .detail{flex:1;max-width:48vw}.page-profile .user-detail .detail .name{font-size:.53333rem;font-weight:700;line-height:1;margin-bottom:.26667rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#000}.page-profile .user-detail .detail .id{color:rgba(0,0,0,.9);opacity:.75}.page-profile .user-detail .btn-logout{font-weight:500;cursor:pointer}.page-profile .user-detail .btn-logout,.page-profile .user-detail .btn-logout-cl{height:.8rem;padding:0 .4rem;border-radius:2.66667rem;color:#000;background:rgba(255,115,28,.1)}.page-profile .user-detail .btn-logout-cl{line-height:.8rem}.page-profile .vip-box .vip-con{margin-top:.16rem;height:2.56rem;width:9.12rem;margin-left:auto;margin-right:auto;background:url(../img/bg-vip.b9eb061f.png) 50% no-repeat;background-size:100% 100%;box-sizing:border-box;padding:.85333rem 0 0 .53333rem;color:#f3d6b5}.page-profile .vip-box .vip-con h3{font-size:.37333rem;margin-bottom:.13333rem}.page-profile .vip-box .vip-con p{opacity:.8}.page-profile .vip-box .free-con{height:3.2rem;width:9.12rem;margin-left:auto;margin-right:auto;background:url(../img/bg-free.1b130e73.png) 50% no-repeat;background-size:100% auto;box-sizing:border-box;padding:.85333rem 0 0 .53333rem;color:#ffe8de;line-height:1.65333rem}.page-profile .vip-box .free-con h3{font-size:.42667rem}.van-dialog__header{color:#333}