123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- .two-max {
- position: relative;
- width: 100%;
- margin-top: 35rpx;
- /* height:381rpx; */
- background-color: #fff;
- /* border:1px solid #eaeaea; */
- }
- .two-max image {
- position: relative;
- height: 292rpx;
- border-radius:28rpx;
- }
- .box-activity-title {
- display: flex;
- justify-content: space-between;
- position: relative;
- padding-left: 20rpx;
- box-sizing: border-box;
- height: 34rpx;
- line-height: 28rpx;
- margin-top: 40rpx;
- width: 98%;
- }
- .box-activity-title::after{
- position: absolute;
- content:'';
- left:0;
- top:50%;
- transform: translateY(-50%);
- width: 8rpx;
- height: 8rpx;
- opacity: 1;
- background: #9DDB52;
- border-radius: 50%;
- }
- .box-activity-titleone {
- display: flex;
- justify-content: space-between;
- /* margin: 23rpx 20rpx 23rpx 20rpx; */
- margin-left: 8rpx;
- padding-left: 12rpx;
- box-sizing: border-box;
- margin-top: 10rpx;
- }
- .activity-font{
- font-size: 35rpx;
- font-weight: 700;
- font-family: PingFang-SC-Bold;
- }
- .box-activity-audio {
- /* padding: 8rpx 22rpx; */
- font-size: 14px;
- color: #ffffff;
- border-radius: 25rpx;
- background: #9DDB52;
- height: 36rpx;
- padding-top: 8rpx;
- padding-bottom: 8rpx;
- padding-right: 15rpx;
- padding-left: 15rpx;
- }
- .box-activity-progress {
- display: flex;
- justify-content: space-between;
- margin: 23rpx 16rpx 23rpx 20rpx;
- }
- .box-activity-progress text:first-child {
- font-size: 27rpx;
- color: grey;
- letter-spacing: 1rpx;
- padding-top: 10rpx;
- width: 65%;
- }
- .box-activity-progress text:last-child {
- font-size: 34rpx;
- color: #ff8000;
- font-weight: 700;
- }
|