.icons{ width: 40rpx; margin-right: 20rpx; vertical-align: middle; } .user { background: #fff; min-height: 100vh; } .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: 698rpx; padding: 0 30rpx; display: flex; flex-direction: row; box-sizing: border-box; background: #fff; margin: -116rpx auto 0; border-bottom: 6rpx solid #02c0ff; } /* .user-avatar { padding-right: 30rpx; width: 126rpx; height: 126rpx; border-radius: 16rpx; overflow: hidden; border: 1px solid red; } */ .version{ width: 600rpx; height: 300rpx; line-height: 300rpx; text-align: center; font-size: 30rpx; color: #999; margin: 0 auto; } .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: 28rpx; color: #999; line-height: 40rpx; } .chengzhang1 { position: absolute; right: 24rpx; bottom: 0; top: 32rpx; } .chengzhang1 text { display: block; } .chengzhang1 image { width: 30rpx; height: 30rpx; vertical-align: top; } .chengzhang1 .view { font-size: 44rpx; color: #01bffe; line-height: 67rpx; } .chengzhang1 text { text-align: center; font-size: 24rpx; color: #333; line-height: 33rpx; } .bannerbg { width: 100%; } .bannerbg image { display: block; width: 100%; } .open01 { display: block; width: 120rpx; height: 120rpx; } .user-btns { background: #fff; margin-top: 65rpx; padding: 0 30rpx; } .user-btns .user-btn { display: flex; height: 88rpx; font-size: 30rpx; color: #333; letter-spacing: 1.16rpx; line-height: 88rpx; border-bottom: 1rpx solid #efefef; } .user-btns .user-btn > view { flex: 1; padding: 0 10px 0 0; font-size: 30rpx; color: #333; letter-spacing: 1.16rpx; } .user-btns .user-btn > view:last-child { font-size: 28rpx; color: #888; letter-spacing: 1.16rpx; text-align: right; } .iconfont { position: absolute; right: 0; top: 0; bottom: 0; width: 44rpx; height: 44rpx; line-height: 44rpx; color: #c7c7cc; font-size: 44rpx; margin: auto; } .look { display: inline-block; padding-right: 25rpx; } .user-out-btn { background-color: #fff; height: 88rpx; line-height: 88rpx; 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: 6%; width: 90%; left: 0; right: 0; margin: auto; z-index: 1000000; background: #ccc; border-radius: 16rpx; overflow: hidden; box-shadow:0 6px 20px 0 rgba(0,0,0,0.15); } .of{ display: block; }