page{ overflow-y: scroll !important; /* height: none; */ background: #f6f6f6; } .icons { display: block; width: 50rpx; margin: 0 auto 10rpx; } .particulars_list{ overflow: hidden; border-bottom: 1rpx #ccc solid; width: 90%; margin: auto; height: 80rpx; line-height: 80rpx; color: #666666; font-family: PingFangSC-Regular; } .particulars_name{ float: left } .particulars_go{ color: rgba(0, 0, 0, 0.1); float: right; } .navigator-hover { opacity: 1 !important; background: #fff; } .couponnum { display: inline-block; position: absolute; top: 18rpx; bottom: 0; right: 45px; width: 16rpx; height: 16rpx; border-radius: 50%; background: red; font-size: 22rpx; } .user-avatar open-data { display: block; width: 100%; height: 100%; } .user-name{ font-family: PingFangSC-Medium; height: 42rpx; margin-top: 66rpx; letter-spacing: 0.64rpx; line-height: 44rpx; font-size: 32rpx; color: #FFFFFF; /* font-weight: 600; */ display: flex; align-items: center; vertical-align: center; justify-content: center; flex-direction: row; position: absolute; top: -190rpx; left: 200rpx; } .user_phone{ font-family: PingFangSC-Medium; height: 42rpx; letter-spacing: 0.64rpx; line-height: 44rpx; font-size: 32rpx; color: #FFFFFF; display: flex; align-items: center; vertical-align: center; justify-content: center; flex-direction: row; position: absolute; top: -96rpx; left: 200rpx; } .user_growth_box{ overflow: hidden; } .RQcode{ width: 80rpx; height: 80rpx; margin: 10rpx 10rpx 0 40rpx; float: left; } .memberLogo{ width: 80rpx; height: 80rpx; margin: 10rpx 10rpx 0 60rpx; float: left; } .memberBox{ float: left; } .memberCode{ font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: 400; color: rgba(166,166,166,1); line-height: 34rpx; margin: 10rpx 0 0 20rpx; } .user-phone { font-family: PingFangSC-Regular; letter-spacing: 0.64rpx; line-height: 44rpx; font-size: 36rpx; color: #000; padding: 0 20rpx 20rpx; text-align: center; } .user-avatar { position: absolute; width: 119rpx; height: 119rpx; border-radius: 50%; overflow: hidden; top:-133rpx; left: -500rpx; right: 0; margin: auto; } .marketTitleBox{ border-radius: 16rpx 16rpx 0 0; background-color: #ff9933; overflow: hidden; } .marketName{ margin: 30rpx 40rpx; font-weight: 600; width: 80%; font-size: 32rpx; color: #fff; } .levelName{ font-size: 34rpx; font-weight: 600; margin: 0 40rpx 20rpx 40rpx ; width: 80%; color: #fff; } .chengzhang { font-size: 24rpx; font-weight: 400; color: #FFFFFF; padding: 0 8rpx; } .view { font-size: 24rpx; } .view image { width: 12rpx; vertical-align: middle; margin-top: -6rpx; } .bannerbg { width: 100%; } .bannerbg image { display: block; width: 100%; } .open01 { display: block; width: 120rpx; height: 120rpx; } .user-btns{ display: flex; text-align: center; flex-wrap: wrap; width: 94%; background: #fff; border-radius: 16rpx; margin: 30rpx auto ; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .user-btns navigator{ width: 25%; height: 160rpx; } .user-btns:nth-of-type(3){ margin-bottom: 0; } .user-btns .user-btn { font-size: 30rpx; letter-spacing: 1.16rpx; } .top-content{ width: 100%; height: auto; } .user_title{ position: relative; width: 94%; background: #fff; border-radius: 16rpx; margin: -100rpx auto 0; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .btns_bg{ width: 94%; background: #fff; border-radius: 16rpx; margin: 30rpx auto; padding: 20rpx 0; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .user-btns .user-btn > view { padding: 20rpx 10px ; font-size: 28rpx; color: #888; letter-spacing: 1.16rpx; text-align: center; } .iconfont { position: absolute; right: 0; top: 0; bottom: 0; width: 30rpx; height: 30rpx; line-height: 44rpx; color: #c7c7cc; font-size: 44rpx; margin: auto; } .look { display: inline-block; padding-right: 25rpx; } .user{ position: relative; } .user .version{ position: absolute; top: 140rpx; left:30rpx; width: 307rpx; height: 50rpx; text-align: center; font-size: 30rpx; color: #999; z-index: 100; } .user-out-btn { background-color: #fff; height: 100rpx; line-height: 100rpx; font-family: PingFangSC-Semibold; font-size: 30rpx; color: #000; text-align: center; border-radius: 0; border: none; } .user-out-btn.button-hover { background-color: rgba(237, 237, 237, 1); } .user-out-btn::after { opacity: 0; } .gzh button::after { border: none!important; } .gzh { width: 100%; height: 170rpx; z-index: 10; background: #fff; border-radius: 16rpx; overflow: hidden; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15); } .act { display: none; } .of { width: 90%; margin: 30rpx auto; height: auto; background: #fff; border-radius: 16rpx; overflow: hidden; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15); } .of1{ width: 90%; margin: auto; height: 160rpx; background: #fff; border-radius: 16rpx; overflow: hidden; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15); display: flex; } .of1 .img{ width:100rpx; height: 100rpx; } .activeimg { width: 200rpx !important; position: absolute; bottom: 0; right: 0; z-index: 10000; } .edit { width: 26rpx; vertical-align: middle; } .qrcode{ display: none; } .qrcode image { width: 70rpx; margin-right: 20rpx; } .edits { margin-top: 44rpx; } .showQrcode { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); } .qrcodes { position: absolute; width: 400rpx; height: 440rpx; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15rpx; margin: auto; background: #fff; text-align: center; } .qrcodes text { text-align: center; font-size: 26rpx; display: inline-block; line-height: 40rpx; } .container-box { width: 100%; height: 100%; background: 0 0 0 0.6; position: relative; } .img-box { width: 500rpx; margin: 200rpx auto 0; background-color: #fff; border-radius: 16rpx; } .img-box text { display: block; text-align: center; font-size: 28rpx; } .img-box image { display: block; width: 500rpx; } .input-row { border-bottom: 1rpx solid #e5e5e5; border-top: 1rpx solid #e5e5e5; display: flex; align-items: center; height: 100rpx; padding: 0 32rpx; background-color: #fff; font-size: 34rpx; color: #000; } .input-row input { margin-left: 100rpx; flex: 1; } .mybtn { width: 686rpx; margin: 60rpx auto; } .mask { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; opacity: 0; } .canvas-box { position: fixed; width: 500rpx; height: 587rpx; overflow: hidden; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: #fff; border-radius: 16rpx; } .showQrcode text{ display: block; text-align: center; font-size: 28rpx; } .membercode { margin-top: 20rpx; } .top{ width: 100%; height: 234rpx; position: relative; } .usre_level{ height:32rpx; border-radius:9px 9px 9px 0px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(255,255,255,1); line-height:32rpx; float: left; margin-top: 8rpx; } .my{ font-size:24rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(166,166,166,1); line-height:34rpx; } .chengzhang_h{ /* color: #fff; */ font-size:28rpx; margin-right: 10rpx; /* font-weight: 600; */ } .my_line{ margin: 0 10rpx; } .usre_level{ font-size:20rpx; } .name{ float: left; } .aboutUs{ border-radius: 12rpx; background: #fff; position: absolute; top: 40rpx; right: 20rpx; display: flex; padding: 10rpx 20rpx; } .aboutUs .aboutIcons { display: block; width: 50rpx; height: 40rpx; line-height: 40rpx; } .aboutUs text { margin-left: 10rpx; line-height: 55rpx; font-size: 28rpx; color: #888; }