.col-level.data-v-2d51d7e5 { color: #BA721B; } .current-level.data-v-2d51d7e5 { overflow-x: hidden; height: 370rpx; background: linear-gradient(-29deg, rgba(255, 68, 68, 1), rgba(255, 91, 91, 1)); } .upgrade-info.data-v-2d51d7e5 { position: relative; min-height: calc(100vh - 370rpx + 60rpx); border-radius: 30rpx 30rpx 0 0; margin-top: -60rpx; padding: 40rpx 30rpx 0; box-sizing: border-box; } .upgrade-info.data-v-2d51d7e5::after { content: " "; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 10px; border-style: solid; border-color: transparent transparent #FFFFFF transparent; } .upgrade-info.data-v-2d51d7e5 .part-loading { top: 40rpx; } .user-level.data-v-2d51d7e5 { padding-top: 40rpx; } .user-info.data-v-2d51d7e5 { margin-left: 30rpx; } .user-info .user-avatar.data-v-2d51d7e5 { width: 54rpx; height: 54rpx; display: block; margin-right: 10rpx; border-radius: 50%; } .level-info.data-v-2d51d7e5 { height: 54rpx; background: #F6C115; border-radius: 50px 0 0 50px; padding: 0 24rpx; } .level-info .level-icon.data-v-2d51d7e5 { width: 26rpx; height: 26rpx; display: block; vertical-align: bottom; margin-right: 10rpx; } .level-list.data-v-2d51d7e5 { margin: 65rpx 100rpx 0; white-space: nowrap; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; } .level-item.data-v-2d51d7e5 { position: relative; display: inline-block; width: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .level-dot.data-v-2d51d7e5 { width: 20rpx; height: 20rpx; border-radius: 50%; background: #FFF589; margin-right: 0 auto; border: 8rpx solid #FF7755; margin-bottom: 12rpx; position: relative; z-index: 2; } .level-vip.data-v-2d51d7e5 { width: 59rpx; height: 65rpx; display: block; margin-top: -60rpx; position: relative; z-index: 3; } .level-text.data-v-2d51d7e5 { color: #FFC0C0; margin-top: 10rpx; } .level-text.active.data-v-2d51d7e5 {} .item-line.data-v-2d51d7e5 { position: absolute; top: 12rpx; left: 0; right: 0; height: 10rpx; -webkit-transform: translateX(50%); transform: translateX(50%); background: #FF7755; } .up-title.data-v-2d51d7e5 { color: #333333; font-size: 30rpx; font-weight: bold; margin-bottom: 40rpx; } .up-title.dis-flex.data-v-2d51d7e5 { margin-bottom: 0; } .up-content.data-v-2d51d7e5 { padding-bottom: 40rpx; } .up-title .col-9.data-v-2d51d7e5 { font-weight: normal; } .commission-item.data-v-2d51d7e5 { height: 80rpx; background: rgba(255,166,166,0.2); padding: 0 25rpx; border-radius: 20rpx; margin-bottom: 20rpx; } .commission-left .commission-icon.data-v-2d51d7e5 { width: 36rpx; height: 36rpx; display: block; margin-right: 20rpx; } .commission-text.data-v-2d51d7e5 { color: #FF4444; } .commission-right.data-v-2d51d7e5 { color: #EB0000; } .condition-item.data-v-2d51d7e5 { min-height: 160rpx; } .upstand-text.data-v-2d51d7e5 { color: rgb(255, 82, 82); } .condition-status.data-v-2d51d7e5 { width: 123rpx; height: 58rpx; line-height: 58rpx; background: rgba(246, 246, 246, 1); border-radius: 29rpx; color: #999999; font-size: 26rpx; text-align: center; } .condition-status.completed.data-v-2d51d7e5 { color: #BA721B; background: #FFF4BB; } .goods-item.data-v-2d51d7e5 { padding: 12rpx 0; } .goods-item .goods-thumb.data-v-2d51d7e5 { width: 110rpx; height: 110rpx; border-radius: 8rpx; display: block; margin-right: 12rpx; }