@charset "UTF-8"; .text-center.data-v-f56f8dee { text-align: center; } .font-weight.data-v-f56f8dee { font-weight: bold; } .page-width.data-v-f56f8dee { width: 100%; } .goods-hover-class.data-v-f56f8dee { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-f56f8dee { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-f56f8dee { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-f56f8dee { width: 100%; } .u-hover-class.data-v-f56f8dee { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-f56f8dee { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .preventTouchMove.data-v-f56f8dee { top: 0; left: 0; width: 100%; overflow: hidden; position: fixed; z-index: 0; } .app-layout.data-v-f56f8dee { background-color: #ffa854; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .user.data-v-f56f8dee { width: 100%; height: 360rpx; background-size: 100% 100%; padding: 40rpx; color: #fff; } .user .user-info.data-v-f56f8dee { height: 56rpx; font-size: 28rpx; } .user .user-info image.data-v-f56f8dee { height: 56rpx; width: 56rpx; border-radius: 28rpx; display: block; margin-right: 20rpx; } .user .level.data-v-f56f8dee { margin-top: 16rpx; font-size: 40rpx; text-align: center; } .user .about.data-v-f56f8dee { font-size: 26rpx; padding-top: 54rpx; position: relative; } .user .about .about-item.data-v-f56f8dee { width: 50%; text-align: center; } .user .about .about-item .info.data-v-f56f8dee { font-size: 40rpx; font-family: DIN; margin-bottom: 6rpx; } .user .about .line.data-v-f56f8dee { position: absolute; left: 50%; top: 70rpx; width: 1rpx; height: 40rpx; opacity: 0.5; background-color: #fff; margin-left: -1rpx; } .all-level.data-v-f56f8dee { background-color: #ffa854; padding: 66rpx 24rpx 180rpx; } .all-level .level-item.data-v-f56f8dee { background-color: #fff; border-radius: 16rpx; height: 184rpx; width: 702rpx; position: relative; margin-bottom: 24rpx; } .all-level .level-item .level-left.data-v-f56f8dee { width: 450rpx; padding-left: 40rpx; } .all-level .level-item .level-left .level-condition.data-v-f56f8dee { font-size: 24rpx; color: #999999; margin-top: 6rpx; width: 200rpx; text-align: center; margin-left: -100rpx; position: relative; } .all-level .level-item .level-left .level-condition.left.data-v-f56f8dee { text-align: left; } .all-level .level-item .level-left .level-condition.right.data-v-f56f8dee { text-align: right; margin-left: -115rpx; } .all-level .level-item .level-left .can-update.data-v-f56f8dee { position: absolute; top: 0; left: 0; height: 48rpx; width: 110rpx; line-height: 48rpx; padding: 0 16rpx; border-top-left-radius: 16rpx; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 16rpx; color: #fff; font-size: 26rpx; background-color: #25bb3e; } .all-level .level-item .level-left .level-long.data-v-f56f8dee { margin-top: 74rpx; width: 400rpx; height: 16rpx; border-radius: 8rpx; background-color: #e3e3e3; position: relative; } .all-level .level-item .level-left .level-long .level-rate.data-v-f56f8dee { background-color: #ff4544; height: 16rpx; position: absolute; top: 0; left: 0; } .all-level .level-item .level-left .level-long .level-rate.big.data-v-f56f8dee { border-radius: 8rpx; } .all-level .level-item .level-left .level-long .level-rate.small.data-v-f56f8dee { border-top-left-radius: 8rpx; border-bottom-left-radius: 8rpx; } .all-level .level-item .level-left .level-long .about-level.data-v-f56f8dee { padding: 2rpx 8rpx; background-color: #ff4544; color: #fff; font-size: 22rpx; border-radius: 4rpx; position: absolute; top: -50rpx; white-space: nowrap; z-index: 2; } .all-level .level-item .level-left .level-long .triangle.data-v-f56f8dee { width: 0; height: 0; border-left: 24rpx solid transparent; border-right: 24rpx solid transparent; border-top: 24rpx solid #ff4544; position: absolute; top: -30rpx; margin-left: -24rpx; } .all-level .level-item .level-right.data-v-f56f8dee { font-size: 24rpx; width: 252rpx; color: #353535; } .all-level .level-item .level-right .level-name.data-v-f56f8dee { font-size: 28rpx; color: #999999; text-align: center; width: 90%; } .all-level .level-item .level-right .level-rate.data-v-f56f8dee { font-family: DIN; font-size: 32rpx; color: #ff4544; } .all-level .level-item .level-right .level-condition.data-v-f56f8dee { font-family: DIN; font-size: 36rpx; color: #ff4544; } .max-area.data-v-f56f8dee { width: 702rpx; margin: 0 auto; padding: 80rpx 0 75rpx; border-radius: 16rpx; font-size: 28rpx; color: #999999; background-color: #fff; } .max-area .max-logo.data-v-f56f8dee { height: 300rpx; width: 300rpx; margin-bottom: 32rpx; display: block; } .max-area .max-title.data-v-f56f8dee { font-size: 40rpx; color: #353535; margin-bottom: 6rpx; } .bottom.data-v-f56f8dee { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 128rpx; background-color: #fff; } .bottom .update-btn.data-v-f56f8dee { width: 702rpx; height: 80rpx; line-height: 80rpx; margin: 24rpx; border-radius: 40rpx; background-color: #ff4544; text-align: center; color: #fff; font-size: 32rpx; } .bottom.iphone_x.data-v-f56f8dee { height: 178rpx; padding-bottom: 50rpx; } .dialog.data-v-f56f8dee { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; z-index: 100; } .dialog .dialog-content.data-v-f56f8dee { width: 504rpx; font-size: 32rpx; color: #353535; background-color: #fff; border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; } .dialog .dialog-content image.data-v-f56f8dee { width: 504rpx; height: 246rpx; display: block; margin-bottom: 30rpx; margin-top: -20%; } .dialog .dialog-content .isee.data-v-f56f8dee { width: 300rpx; height: 80rpx; line-height: 80rpx; text-align: center; border-radius: 40rpx; font-size: 32rpx; color: #fff; background-color: #ff4544; margin-top: 40rpx; margin-bottom: 48rpx; }