.container-view{ height: 100vh; background-color: #FFF; } .open-bg-view{ padding-top: 80rpx; } .open-bg{ width: 100vw; height: 620rpx; background-size: cover; } .explain-view{ margin-bottom: 62rpx; } .explain-num-view{ text-align: center; display: flex; justify-content: center; font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 36rpx; color: #2A3A5A; margin-bottom: 64rpx; } .explain-num{ font-family: DIN; font-weight: bold; font-size: 64rpx; color: #0074FF; } .explain-text{ font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 36rpx; color: #828DA2; text-align: center; margin-bottom: 24rpx; } .explain-text-grap{ font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #9FA7B7; text-align: center; } /* 弹窗 */ .modal-group { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); } .payment-info-main { background-color: #ffffff; position: fixed; width: 100%; bottom: 0; border-top-left-radius: 32rpx; /* 左上角圆角 */ border-top-right-radius: 32rpx; /* 右上角圆角 */ } .payment-info-top{ padding: 80rpx 32rpx 32rpx 32rpx; justify-content: center; } .check-icon{ width: 88rpx; height: 88rpx; } .open-result-view{ width: 100%; margin-bottom: 108rpx; } .open-result{ justify-content: center; text-align: center; margin-bottom:24rpx; font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 40rpx; color: #2A3A5A; } .open-result-tip{ font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #8B939C; line-height: 28rpx; justify-content: center; } .over-btn-view{ padding: 0 32rpx; margin-bottom: 74rpx; display: flex; align-items: center; justify-content: space-between; } .over-btn{ margin: 0 20rpx; height: 80rpx; background: #060809; border-radius: 40rpx; justify-content: center; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #FFFFFF; }