/* pages/contest/score/score.wxss */ page { background: #fff; } .bg { position: fixed; background: transparent; width: 100%; height: 100vh; top: 0; z-index: 0; } .content { width: 100%; height: 100vh; position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; } .kuang { width: 730rpx; position: absolute; background: transparent; z-index: 9; } .detail { position: relative; z-index: 9; display: flex; flex-direction: column; align-items: center; height: 970rpx; } .title { font-weight: bold; font-size: 36rpx; color: #161616; margin-top: 124rpx; } .score { margin-top: 52rpx; position: relative; width: 670rpx; height: 266rpx; } .score-bg { width: 670rpx; height: 266rpx; position: absolute; background: transparent; z-index: 1; } .score-text { position: relative; z-index: 9; display: flex; justify-content: center; align-items: flex-end; margin-top: 70rpx; font-size: 28rpx; font-weight: 500; color: #FFFFFF; } .score-num { font-size: 72rpx; font-weight: 500; color: #FFBD92; line-height: 60rpx; } .text { font-size: 32rpx; font-weight: 400; color: #59598D; margin-top: -20rpx; } .ranking { position: relative; display: flex; justify-content: center; margin-top: 12rpx; font-size: 52rpx; font-weight: 500; color: #FFFFFF; height: 102rpx; } .icon{ position: absolute; width: 112rpx; z-index: 1; } .ranking > view { position: relative; z-index: 10; margin-top: 10rpx; } .button-group { margin-top: 36rpx; display: flex; justify-content: center; } button { background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit; } .button-group > button { width: 284rpx; height: 96rpx; border-radius: 50rpx; border: 2rpx solid #C7CCF9; font-weight: 500; color: #59598D; font-size: 28rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin: 0 5rpx; }