123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- page {
- background-color: #f2f2f2;
- }
- .flex-box {
- width: 80%;
- margin: 0 auto;
- position: absolute;
- top: 50rpx;
- left: 75rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- color: white;
- }
- .jifen {
- /* color: #2087F7; */
- color: white;
- height: 100rpx;
- font-size: 38rpx;
- display: flex;
- }
- .fen {
- position: absolute;
- top: 10rpx;
- left: 40rpx;
- color: #2188f7;
- font-size: 70rpx;
- }
- .wenzi {
- margin-top: 40rpx;
- font-size: 38rpx;
- }
- .btn {
- width: 100%;
- background: linear-gradient(0deg, rgba(255, 160, 53, 1) 0%, rgba(255, 226, 63, 1) 100%);
- border-radius: 39px;
- color: #333333;
- text-align: center;
- padding: 20rpx 0;
- margin-top: 50rpx;
- }
- .shuzi {
- font-weight: bold;
- margin: 0 20rpx;
- }
- .white-box {
- width: 90%;
- padding-bottom: 40rpx;
- background: rgba(255, 255, 255, 1);
- box-shadow: 0px 0px 21px 0px rgba(13, 109, 195, 0.2);
- border-top-left-radius: 20rpx;
- border-top-right-radius: 20rpx;
- border: 5rpx solid white;
- margin: 0 auto;
- position: absolute;
- top: 430rpx;
- left: 5%;
- }
- .flex-shu {
- display: flex;
- justify-content: space-between;
- padding: 20rpx 40rpx;
- border-bottom: 1rpx solid rgba(227, 229, 235, 1);
- }
- .addfive {
- color: #FD1200;
- font-size: 40rpx;
- }
- .tabs-time {
- color: #878787;
- font-size: 26rpx;
- }
|