page { overflow-y: scroll !important; /* height: none; */ background: #f6f6f6; } .outSide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000059; } .showPrivacy { position: fixed; width: 520rpx; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 60rpx 40rpx; border-radius: 20rpx; box-shadow: #00000047 2px 1px 2px 2px; } .showPrivacy .title { text-align: center; } .showPrivacy .content { text-indent: 2em; margin: 30rpx 0; } .showPrivacy button { width: 350rpx; } .showPrivacy button.agree { margin-bottom: 25rpx; } .showPrivacy button.check { background-color: #ffffff00; font-size: 21rpx; text-decoration: underline; padding: 0; } .showPrivacy button.check::after { border: none; } .showPrivacy .delete { position: absolute; top: 15rpx; right: 15rpx; width: 65rpx; height: 65rpx; } .icons { display: block; width: 50rpx; margin: 0 auto 10rpx; } .particulars_list { overflow: hidden; border-bottom: 1rpx #f6f6f6 solid; width: 90%; margin: auto; height: 80rpx; line-height: 80rpx; color: #888; 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 image { display: block; width: 100%; height: 100%; } .user-name { font-family: PingFangSC-Medium; height: 42rpx; margin-top: 66rpx; 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; 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: 20rpx 10rpx 0 40rpx; float: left; } .memberLogo { max-width: 150rpx; height: 80rpx; margin: 20rpx 10rpx 0 30rpx; float: left; } .memberBox { float: left; margin-left: 20rpx; margin-top: 10rpx; margin-bottom: 10rpx; } .memberCode { font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: 400; color: #888; line-height: 34rpx; } .user-phone { font-family: PingFangSC-Regular; line-height: 44rpx; font-size: 36rpx; color: #000; } .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: #007cc1; overflow: hidden; height: 172rpx; position: relative; } .share { position: absolute; bottom: 20rpx; right: 0; font-size: 26rpx; border-radius: 10rpx 0 0 10rpx; background-color: #f6f6f6; color: #993300; padding: 5rpx 10rpx; } .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 .link { 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: 30rpx 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; color: #888; } .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; } */ .integral { font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: 400; color: rgba(166, 166, 166, 1); line-height: 34rpx } .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; }