| 1 |
- .wrap[data-v-a2b878e8]{width:100%;min-height:calc(100vh - 1.33333rem);display:flex;flex-direction:column;background:url(../img/my-bg.2bf5cde5.png) no-repeat;background-size:100% 100%}.head[data-v-a2b878e8]{width:100%;display:flex;align-items:center}.avatar[data-v-a2b878e8]{width:1.44rem;height:1.44rem}.avatar-2[data-v-a2b878e8],.avatar[data-v-a2b878e8]{border-radius:50%;margin-right:.266667rem;object-fit:cover}.avatar-2[data-v-a2b878e8]{width:1.6rem;height:1.6rem}.head-sidebar[data-v-a2b878e8]{flex:1;display:flex;flex-direction:column}.user-name[data-v-a2b878e8]{width:100%;font-weight:700;color:#222;font-size:.506667rem;margin-bottom:.08rem;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.tag[data-v-a2b878e8]{width:1.493333rem}.vip-end-time[data-v-a2b878e8]{position:absolute;right:0;display:flex;color:#fff;align-items:center;font-size:.266667rem;padding:0 .266667rem;height:.586667rem;background:#2a63f3;border-radius:.32rem 0 0 .32rem}.menu-list[data-v-a2b878e8]{width:100%;display:flex;flex-wrap:wrap;padding-top:.48rem}.menu-list>li[data-v-a2b878e8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222;font-size:.373333rem;margin-bottom:.373333rem}.img-box[data-v-a2b878e8]{margin-bottom:.32rem;position:relative}.img-box .circle[data-v-a2b878e8]{position:absolute;top:-.08rem;right:-.32rem}.menu-icon[data-v-a2b878e8]{width:1.226667rem;height:1.226667rem}.circle-num[data-v-a2b878e8]{min-width:.32rem;height:.32rem;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-size:.266667rem;background-color:#ff2727;position:absolute;right:-.053333rem;top:-.053333rem}.card[data-v-a2b878e8]{width:100%;height:4rem;position:relative;margin-top:.373333rem}.bg[data-v-a2b878e8]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10}.card-container-bottom[data-v-a2b878e8]{width:100%;height:1.44rem;line-height:1.44rem;position:absolute;left:0;bottom:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 .266667rem 0 .533333rem;box-sizing:border-box;background:linear-gradient(90deg,#d0d0d0,#d8d8d8);border-radius:0 0 .533333rem .533333rem}.end-time[data-v-a2b878e8]{color:#333;font-size:.32rem}.card-container-top[data-v-a2b878e8]{padding:1.5% 0 0 15%}.card-container-top2[data-v-a2b878e8],.card-container-top[data-v-a2b878e8]{width:100%;height:calc(100% - 1.14667rem);position:absolute;left:0;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.card-container-top2[data-v-a2b878e8]{padding:3% 0 0 15%}.card-name[data-v-a2b878e8]{color:#f9dbb7;font-size:.373333rem;line-height:.373333rem;font-weight:700}.card-name-gray[data-v-a2b878e8]{color:#222;font-size:.4rem;font-weight:700}.card-btn[data-v-a2b878e8]{background:#383c58;border-radius:2.666667rem;width:2.133333rem;height:.96rem;line-height:.96rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.32rem;font-weight:700}.module[data-v-a2b878e8]{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:.266667rem;margin-bottom:.266667rem}.module-label[data-v-a2b878e8]{width:100%;padding:.373333rem .373333rem;box-sizing:border-box}.module-label2[data-v-a2b878e8]{padding-bottom:0}.module-label>span[data-v-a2b878e8]{font-size:.4rem;color:#222;font-weight:700}.nav-list[data-v-a2b878e8]{width:100%;display:flex;flex-wrap:wrap}.nav-list>li[data-v-a2b878e8]{width:25%;display:flex;flex-direction:column;align-items:center;color:#222;font-size:.346667rem;margin-bottom:.4rem;position:relative}.nav-list>li .circle[data-v-a2b878e8]{position:absolute;right:.266667rem;top:-.133333rem}.nav-icon[data-v-a2b878e8]{height:.693333rem;margin-bottom:.16rem}.sub-nav-list[data-v-a2b878e8]{width:100%;display:flex;flex-direction:column;padding-top:.373333rem}.sub-nav-list>li[data-v-a2b878e8]{width:100%;display:flex;justify-content:space-between;align-items:center;color:#222;font-size:.373333rem;font-weight:700;padding:.133333rem .373333rem;box-sizing:border-box;margin-bottom:.4rem}.back-icon[data-v-a2b878e8]{width:.16rem}.circle[data-v-a2b878e8],.sub-nav-sidebar[data-v-a2b878e8]{display:flex;align-items:center}.circle[data-v-a2b878e8]{color:#fff;font-size:.266667rem;background-color:#fc4336;height:.373333rem;line-height:.373333rem;min-width:.373333rem;justify-content:center;border-radius:.213333rem;margin-right:.16rem;padding:0 .106667rem;box-sizing:border-box}.mask-layer[data-v-a2b878e8]{width:100%;height:100vh;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:199}.window[data-v-a2b878e8]{width:calc(100% - 2.66667rem);border-radius:.426667rem;background-color:#fff;height:5.866667rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.close-btn[data-v-a2b878e8]{position:absolute;top:0;right:0;border-radius:initial;padding:.373333rem}.close-btn>img[data-v-a2b878e8]{width:.373333rem}.window-icon[data-v-a2b878e8]{width:.96rem;margin-bottom:.48rem}.window-msg[data-v-a2b878e8]{color:#222;font-size:.4rem;font-weight:700}.window-btn-box[data-v-a2b878e8]{width:100%;display:flex;justify-content:center;align-items:center;padding:1.013333rem .8rem 0;box-sizing:border-box}.window-btn-box>button[data-v-a2b878e8]{width:100%;height:1.066667rem;line-height:1.066667rem;border-radius:2.666667rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.4rem;font-weight:700;background-color:#2a63f3}.head-wrap[data-v-a2b878e8]{width:100%;padding:1.173333rem .32rem 0;box-sizing:border-box;margin-bottom:.266667rem}.font-10[data-v-a2b878e8],.font-11[data-v-a2b878e8]{color:#333;font-size:.32rem}.font-12[data-v-a2b878e8]{line-height:.4rem}.font-12[data-v-a2b878e8],.ordinary-name[data-v-a2b878e8]{color:#222;font-size:.4rem;font-weight:700}.module-wrap[data-v-a2b878e8]{padding:0 .32rem}.module-wrap[data-v-a2b878e8],.my-menu-list[data-v-a2b878e8]{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.my-menu-list[data-v-a2b878e8]{padding:.426667rem .32rem .426667rem .373333rem;background-color:#fff;border-radius:.266667rem;margin-bottom:.266667rem}.my-menu-list>li[data-v-a2b878e8]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.586667rem}.my-menu-list>li[data-v-a2b878e8]:last-child{margin-bottom:0}.my-menu-img-box[data-v-a2b878e8]{display:flex;align-items:center;color:#222;font-size:.373333rem}.my-menu-img-box>img[data-v-a2b878e8]{width:.746667rem;height:.746667rem;margin-right:.32rem}.my-menu-sidebar[data-v-a2b878e8]{display:flex;align-items:center;margin-left:.08rem}.my-menu-back-img[data-v-a2b878e8]{width:.373333rem}.my-menu-circle[data-v-a2b878e8]{color:#fff;font-size:.266667rem;background-color:#fc4336;height:.373333rem;line-height:.373333rem;min-width:.373333rem;display:flex;justify-content:center;align-items:center;border-radius:.213333rem;padding:0 .106667rem;box-sizing:border-box}.new-text[data-v-a2b878e8]{color:#777;font-size:.32rem;margin-left:.186667rem}
|
