/* pages/user/user.wxss */ page {background: #F0F0F0;} .mine {/* height: 388rpx; */position: relative;background: linear-gradient(180deg, #64C991 0%, #63C477 100%);} .wdbg {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;} .minec {position: relative;z-index: 2;display: flex;display: -webkit-flex;align-items: center;padding: 20rpx 0 0 30rpx;} .minec-img{position: relative;width: 130rpx;margin-right: 25rpx;} .user {display: block;width: 120rpx;height: 120rpx;border: 4rpx solid #fff;border-radius: 50%;margin-right: 30rpx;background: #fff;} .rz-sta{width: 82rpx;height: 35rpx;background: linear-gradient(270deg, #FF7F34 0%, #FF5126 100%);border-radius: 12rpx 0 12rpx 0;font-size: 20rpx;color: #fff;text-align: center;line-height: 32rpx;position: absolute;right: -20rpx;top: -5rpx;} .mines {flex: 1;-webkit-flex: 1;margin-right: 20rpx;} .mines view {font-size: 36rpx;color: #fff;} .common-vip{width: 142rpx;height: 38rpx;margin-left: 15rpx;} .edu {display: block;font-size: 24rpx;color: #fff;margin: 5rpx 0 0;} .set {width: 45rpx;height: 45rpx;} .set image {display: block;width: 45rpx;height: 45rpx;} .datas {margin: 0 30rpx;position: relative;z-index: 3;} .datas .li {text-align: center;font-size: 26rpx;color: #fff;width: 33.33%;position: relative;padding: 30rpx 0;} .datas .li text {display: block;font-size: 36rpx;font-weight: bold;margin-bottom: 10rpx;} .auth-img{ width: 36rpx;height: 36rpx;margin-left: 10rpx; } .order {margin: 20rpx 30rpx 20rpx;border-radius: 20rpx;background: #fff;position: relative;z-index: 3;} .order-item{ line-height: 40rpx; font-size: 28rpx; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; color: #333333; display: flex; flex-direction: column; justify-content: center; align-items: center; } .order-item image{ width: 64rpx; height: 64rpx; background: linear-gradient(360deg, #FF985A 0%, #FF5700 100%); opacity: 1; border-radius: 100%; margin-bottom: 18rpx; } .order-line{ width: 1rpx; height: 30rpx; opacity: 1; background-color: #DEDEDE; } .tits {font-size: 24rpx;color: #999;align-items: center;height: 47rpx;line-height: 47rpx;position: relative;z-index: 2;padding: 0 30rpx;padding-top: 20rpx;} .tits view {font-size: 32rpx;color: #333;font-weight: bold;} .role{font-size: 24rpx;color: #333;align-items: center;height: 47rpx;line-height: 47rpx;position: relative;z-index: 2;padding: 10rpx 0rpx;justify-content: space-between;border-bottom: 1px solid #E9E9E9;} .role:last-child{border: none;} .role_icon{width: 44rpx;height: 44rpx;margin-right: 20rpx;} .rico {display: block;width: 14rpx;height: 21rpx;margin-left: 16rpx;} .list1 {display: flex;display: -webkit-flex;} .list1 .li {width: 20%;text-align: center;font-size: 26rpx;color: #333;padding: 32rpx 0;position: relative;box-sizing: border-box;} .list1 .li image {display: block;width: 62rpx;height: 54rpx;margin: 0 auto 20rpx;} .new {display: block;width: 28rpx;height: 28rpx;background: #ED462F;border-radius: 50%;font-size: 20rpx;color: #fff;text-align: center;line-height: 28rpx;position: absolute;top: 29rpx;right: 30%;} .list2 {flex-wrap: wrap;padding-bottom: 25rpx;} .list2 .li {width: 25% !important;text-align: center;font-size: 26rpx !important;color: #666;padding: 30rpx 0 !important;} .list2 .li image {width: 40rpx;height: 40rpx;margin: 0 auto 8rpx;} .list2 .li button{font-size: 26rpx;color: #666;} .tuig {padding-bottom: 25rpx;} .fenxiao {width: 630rpx;height: 107rpx;margin: 0 auto;} .list3 .li {width: 25%;text-align: center;font-size: 26rpx;color: #555;padding: 32rpx 0;} .list3 .li image {width: 64rpx;height: 57rpx;margin: 0 auto 20rpx;} .shopname {padding: 0 0 30rpx;position: relative;} .md_ic_bg {position: absolute;top: 17rpx;right: 0;width: 132rpx;height: 187rpx;z-index: 1;} .tits .flex {align-items: center;} .bico {width: 22rpx;height: 26rpx;margin-right: 15rpx;} .datasw {margin: 0 30rpx;position: relative;z-index: 2;background: #F8F8F8;} .datasw .li {text-align: center;font-size: 24rpx;color: #999;width: 33.33%;position: relative;padding: 20rpx 0;} .datasw .li text {display: block;font-size: 32rpx;color: #333;font-weight: bold;margin-top: 8rpx;} .con {/* margin-top: -120rpx; */margin-top: 30rpx;position: relative;z-index: 4;} .vip {margin: 20rpx 40rpx 30rpx;position: relative; /* background-image: linear-gradient(to left, #FFC957, #FFEA73); */ border-radius: 20rpx;} .vipbg {position: absolute;top: 0;left: 0;width: 100%;height: 100rpx;z-index: 1;} .vipc {position: relative;z-index: 2;font-size: 30rpx;color: #915D31;height: 100rpx;align-items: center;padding: 0 30rpx;} .vipc .flex {align-items: center;} .vipc image {width: 44rpx;height: 37rpx;margin: 0 13rpx;} .level {font-size: 36rpx;} .cheng {font-size: 24rpx;color: #FFDEC2;opacity: .5;} .ling { /* padding: 15rpx 24rpx; */ width: 122rpx;height: 44rpx;line-height: 44rpx;border-radius: 22rpx;font-size: 24rpx;color: #915D31;text-align: center;background: #FFFFFF;background: linear-gradient(270deg, #FCBC85 0%, #FFE2C9 100%);} .vipimg {width: 33rpx;height: 29rpx;} .huiyuan {font-size: 28rpx;color: #FFDEC2;} .rule {font-size: 30rpx;color: #FC9816;background: linear-gradient(90deg, #FFF6E9 0%, #FCEEDB 60%, #FFDFB5 100%);height: 64rpx;border-radius: 32rpx 0 0 32rpx;padding: 0 30rpx 0 27rpx;align-items: center;justify-content: center;} .rule image {width: 34rpx;height: 32rpx;margin-right: 11rpx;} /* 注册会员 */ /* .regi{position: fixed;left: 0;bottom: 0;right: 0;padding: 0 30rpx 30rpx;background: #fff;z-index: 100;} .regi-tit{border-bottom: 2rpx solid #D8D8D8;font-size: 30rpx;color: #333;padding: 25rpx 0 15rpx;text-align: center;} .regi-close{width: 37rpx;height: 37rpx;position: absolute;top: 20rpx;right: 22rpx;} .phone{align-items: center;margin: 30rpx 0 40rpx;} .phone input{font-size: 30rpx;color: #333;} .getphone{background: #62B23F;width: 216rpx !important;height: 60rpx !important;border-radius: 30rpx !important;font-size: 24rpx;color: #fff;align-items: center;justify-content: center;} .getphone image{width: 33rpx;height: 27rpx;margin-right: 10rpx;} .regi-btn{background: #EA6739;height: 70rpx;line-height: 70rpx;font-size: 30rpx;color: #fff;text-align: center;} */ /* vip */ .login-btn {border: 2rpx solid #fff;height: 60rpx;line-height: 60rpx;border-radius: 30rpx;font-size: 30rpx;color: #fff;padding: 0 30rpx;display: inline-block;} /* 设置主页面颜色为黑白 */ .not-color{background: #fff !important;} .not-color .login-btn{border-color: #333;color: #333;} .not-color .datas .li,.not-color .mines view{color: #333;} .not-color .edu{color: #999;} /* 会员升级 */ .upgrade{position: relative;z-index: 5;padding: 30rpx 40rpx;font-size: 26rpx;color: #333;justify-content: space-between;text-align: center;flex-wrap: nowrap;} .upgrade::before{content: '';display: block;height: 6rpx;background: rgba(0,0,0,.3);border-radius: 3rpx;position: absolute;left: 88rpx;right: 85rpx;bottom: 32rpx;} .upgrade .li{position: relative;} .upgrade .li::after{content: '';display: block;width: 10rpx;height: 10rpx;background: #333;border-radius: 50%;margin: 20rpx auto 0;} .upgrade .li.active::after{background: var(--mina);} .upgrade .li.active{color: var(--mina);} .vip-info{position: absolute;width: 380rpx;top: 115%;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,.9);padding: 10rpx 20rpx;border-radius: 10rpx;font-size: 24rpx;color: #fff;box-shadow: 0 0 10rpx rgba(0,0,0,.1);z-index: 10;display: inline-block;} .vip-info text{display: block;} .vip-info::before{content: '';display: block;width: 0;height: 0;border: 10rpx solid transparent;border-bottom-color: rgba(0,0,0,.9);border-top: none;position: absolute;left: 50%;transform: translateX(-50%);top: -10rpx;z-index: 10;} .upgrade .li:last-child .vip-info{right: 0;left: auto;transform: inherit;} .upgrade .li:last-child .vip-info::before{right: 45rpx;left: auto;transform: inherit;} .box {background: #fff;border-radius: 24rpx;padding: 0 30rpx;margin: 0 30rpx;} .mlist {margin-top: 30rpx;} .mlist .li {font-size: 30rpx;color: #000;border-bottom: 1rpx solid #E9E9E9;padding: 25rpx 0 !important;text-align: left;} .mlist .li:last-child {border-bottom: none;} .mlist .li text{display: block;font-size: 24rpx;color: var(--main);margin-right: 10rpx;} .mlist .li button{font-size: 30rpx;color: #000;} .mlist .li button image{width: 49rpx;height: 49rpx;margin-right: 25rpx;} .mlistBtn{font-size: 30rpx;text-align: left !important;} .mico {width: 49rpx;height: 49rpx;margin-right: 25rpx;} .service-person{ padding: 43rpx 0 0rpx; } .service-person-header{ width: 116rpx; height: 116rpx; margin: 0 30rpx; border-radius: 100%; } .service-person-name{ font-size: 32rpx; font-weight: bold; color: #333333; line-height: 45rpx; } .service-person-number{ font-size: 20rpx; font-weight: 500; color: #333333; line-height: 28rpx; } .service-person-options{ font-size: 20rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 28rpx; margin-top: 14rpx; } .service-person-option{ margin-right: 17rpx; } .service-person-option image{ width: 28rpx; height: 28rpx; margin-right: 3rpx; } .service-person-phone{ margin: 37rpx 30rpx 0; border-top: 2rpx solid #F1F1F1; padding: 38rpx 0; font-size: 24rpx; } .service-person-phone image{ width: 28rpx; height: 28rpx; margin-right: 10rpx; } .lt{ width: 92rpx; height: 92rpx; line-height: 92rpx; background: #FFFFFF; box-shadow: 0rpx 5rpx 15rpx 1rpx rgba(0,0,0,0.15); opacity: 1; position: fixed; bottom:200rpx; right: 30rpx; border-radius: 100%; z-index: 5; } .lt image{ width: 48rpx; height: 48rpx; margin: auto; } .lt-num{ width: 38rpx; height: 38rpx; background: #FF5700; opacity: 1; border: 2rpx solid #FFFFFF; position: absolute; top: -8rpx; right: -8rpx; border-radius: 100%; text-align: center; line-height: 38rpx; font-size: 20rpx; font-weight: 500; color: #FFFFFF; } /* 邀请码弹窗 */ .ceng2{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;} .code-pop{ position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); width: 574rpx; background: #FFFFFF; border-radius: 20rpx 20rpx 20rpx 20rpx; z-index: 100; } .code-text{ line-height: 41rpx; color: #151515; font-size: 28rpx; margin: 51rpx 47rpx 50rpx; text-align: center; } .code-content image{ width: 365rpx; height: 365rpx; margin: 50rpx auto 30rpx; } .code-btn{ padding: 25rpx; text-align: center; font-size: 28rpx; color: #2A82FD; border-top: 1px solid #E9E9E9; } .pop-scroll{ max-height: 750rpx; overflow: scroll; padding: 30rpx; } .pop-scroll::-webkit-scrollbar { display: none; }