.container-view { background-color: #ffffff; height: 100vh; } .user { /* background: url('https://qiniu.bms16.com/FjTiZgePOrZrT7OWtRHqv_Y6SG6F'); */ background: #C2DEFF; padding: 64rpx 40rpx 60rpx 40rpx; } .user-img { width: 144rpx; height: 144rpx; border-radius: 50%; border: 4rpx solid #ffffff; } .head_img { border-radius: 50%; width: 144rpx; height: 144rpx; overflow: hidden; background: none; padding: 0; margin: 0 auto; line-height: 1; } .user-information { /* margin-left: 24rpx; */ } .user-phone, .user-login { font-size: 48rpx; font-weight: bold; color: #2A3A5A; margin-bottom: 16rpx; margin-top: 20rpx; } .user-status { border: 2rpx solid #626E86; color: #626E86; font-size: 24rpx; border-radius: 24rpx; width: 144rpx; text-align: center; padding: 12rpx 0; } .ok-status { color: #2A3A5A; font-size: 28rpx; font-weight: bold; } .ok-status > img { width: 40rpx; height: 40rpx; margin-left: 12rpx; vertical-align: middle; } .my-vip { position: relative; width: 670rpx; height: 104rpx; margin-top: 40rpx; background: url('https://qiniu.bms16.com/FgFCmXNIafwuy0KIxhS_iOTeStLT') no-repeat; background-size: cover; } .vip-text { color: #ffffff; font-size: 28rpx; position: absolute; top: 38rpx; left: 144rpx; } .activate-vip { position: absolute; top: 24rpx; right: 32rpx; background: linear-gradient( to right, #FFE5A5 0%, #FFC76C 100%); border-radius: 32rpx; padding: 16rpx 24rpx; font-size: 24rpx; color: #2F3248; font-weight: bold; } .option { /* padding: 40rpx 72rpx; */ padding: 40rpx 35rpx; } .option-first { display: flex; flex-wrap: wrap; justify-content: space-between; /* display: grid; grid-template-columns: repeat(4, 1fr); */ margin-bottom: 40rpx; } .my_function { flex: 0 0 25%; } .no-button { overflow: hidden; background: none; padding: 0; margin: 0 auto; line-height: 1; } .my_icon { width: 80rpx; height: 80rpx; margin: 0 auto; vertical-align: middle; text-align: center; } .my_title_o { width: 100%; height: 28rpx; line-height: 28rpx; margin-top: 12rpx; font-size: 28rpx; text-align: center; vertical-align: middle; color: #2A3A5A; } .my_title_t { width: 100%; height: 24rpx; line-height: 24rpx; margin-top: 8rpx; font-size: 24rpx; text-align: center; vertical-align: middle; color: #5B677D; } .service-btn { padding: 0; margin: 0; }