123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- page {
- background-image: linear-gradient(to bottom, #F9FDFF 0%, #BEE8FF 100%);
- color: #666;
- font-size: 28rpx;
- height: 100%;
- }
- .scroll{
- height: 100vh;
- }
- .height{
- padding:28rpx 32rpx;
- background-color: #fff;
- font-size: 28rpx;
- color: #666;
- }
- .height image{
- width: 80rpx;
- height: 80rpx;
- margin-right: 20rpx;
- }
- .task{
- padding:28rpx 32rpx;
- position: relative;
- }
- .task image{
- position: absolute;
- right: 32rpx;
- top: 3rem;
- }
- .title{
- font-size: 44rpx;
- color: #222;
- margin-bottom: 40rpx;
- }
- .num{
- font-weight: 700;
- color: #1188F1;
- font-size: 46rpx;
- padding: 0 20rpx;
- }
- .item view{
- margin-bottom: 20rpx;
- }
- .openUrl{
- color:#1188F1;
- font-size:24rpx;
- }
- .text{
- font-size: 32rpx;
- color: #222;
- }
- .li .i{
- width: 24rpx;
- height: 24rpx;
- background-color: #26A2FF;
- border-radius: 50%;
- margin-right: 20rpx;
- position: relative;
- top: 8rpx;
- }
- .ci{
- color: #1188F1;
- }
- .li{
- margin-bottom: 40rpx !important;;
- }
- .jt{
- font-size: 36rpx;
- position: relative;
- top: -4rpx;
- }
- .cis{
- padding-left: 32rpx;
- }
- .li .flex-1{
- position: relative;
- padding-left: 0.32rem;
- }
- .li .flex-1::after{
- content: " ";
- width: 24rpx;
- height: 24rpx;
- background-color: #26A2FF;
- border-radius: 50%;
- position: absolute;
- left: 0;
- top: 8rpx;
- }
- .footer{
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 14rpx 0;
- background-color: #26A2FF;
- color: #fff;
- }
- .footer image{
- width: 40rpx;
- height: 40rpx;
- margin-right: 10rpx;
- }
- .margin-Top{
- margin-top: 80rpx;
- }
|