page{ overflow-y:visible!important; height: 100%!important; background: #f6f6f6; } .icons { display: block; width: 50rpx; margin: 0 auto 10rpx; } .navigator-hover { opacity: 1 !important; background: #fff; } .user-title { position: relative; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); border-radius: 8px; width: 94%; padding-left: 30rpx; display: flex; flex-direction: row; box-sizing: border-box; background: #fff; margin: 28rpx auto 0; border-bottom: 6rpx solid orange; } .version { position: absolute; right: 0; width: 307rpx; height: 50rpx; bottom: 0; text-align: center; font-size: 15rpx; color: #999; } .couponnum { display: inline-block; position: absolute; top: 39rpx; bottom: 0; right: 20px; width: 16rpx; height: 16rpx; border-radius: 50%; background: red; font-size: 22rpx; } .user-avatar open-data { display: block; width: 100%; height: 100%; } .user-phone { font-family: PingFangSC-Regular; height: 120rpx; margin-left: 149rpx; letter-spacing: 0.64rpx; line-height: 44rpx; margin-top: 43rpx; font-size: 36rpx; color: #000; } .user-avatar { position: absolute; left: 30rpx; top: 0; bottom: 0; width: 120rpx; height: 120rpx; border-radius: 50%; overflow: hidden; margin: auto; } .chengzhang { font-size: 24rpx; font-weight: 400; color: rgba(122, 122, 122, 1); margin-left: 10rpx; } .chengzhang1 { position: absolute; right: 0; bottom: 0; top: 0; margin: auto; text-align: center; } .chengzhang1 text { display: block; } .view { font-size: 24rpx; color: #AF6E34; } .view image { width: 12rpx; vertical-align: middle; margin-top: -6rpx; } .chengzhang1 text { text-align: center; font-size: 26rpx; line-height: 33rpx; margin-right: 30rpx; } .bannerbg { width: 100%; } .bannerbg image { display: block; width: 100%; } .open01 { display: block; width: 120rpx; height: 120rpx; } .user-btns{ background: #fff; margin-top: 20rpx; display: flex; justify-content: space-around; text-align: center; margin-bottom: 50rpx; } .user-btns:nth-of-type(3){ margin-bottom: 0; } .user-btns .user-btn { font-size: 30rpx; letter-spacing: 1.16rpx; } .btns_bg{ width: 94%; background: #fff; border-radius: 16rpx; margin: 30rpx auto 0; padding: 20rpx 0; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .user-btns .user-btn > view { padding: 0 10px 20rpx 0; 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-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 { /* display: none; */ position: absolute; bottom: 70rpx; width: 90%; left: 0; right: 0; margin: auto; z-index: 10; background: #ccc; border-radius: 16rpx; overflow: hidden; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15); } .act { display: none; } .of { position:absolute; bottom:70rpx; left:0; right:0; height: 170rpx; } .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; } .memberIds { }