cqcarbonwxapp/pages/use/assignment/assignment.css

page{background-color: #4EBC6B;}
/* .top-img{height: 1130rpx;} */
.target{background-color: #fff;border-radius: 16rpx;padding: 24rpx;text-align: center;margin-bottom: 8rpx;}
.target .year{margin-bottom: 16rpx;font-size: 28rpx;color: #333;line-height: 40rpx;letter-spacing: 1rpx;font-weight: 500;}
.carbon{display: flex;justify-content: space-between;}
.carbon .carbon-item{flex: 1;position: relative;}
.carbon .carbon-item + .carbon-item::before{content: '';width: 1px;height: 60rpx;background-color: #979797;position: absolute;left: 0;top: 29rpx;}
.carbon-item .num{font-size: 56rpx;color: #26D18B;line-height: 74rpx;letter-spacing: 3rpx;}
.carbon-item .text{font-size: 28rpx;color: #999;line-height: 40rpx;}

.content-down{background-color: #fff;border-radius: 16rpx;padding: 24rpx;}
.step-text{margin-bottom: 51rpx;}
.content-down .step-text-item-cn{font-size: 24rpx;}
.content-down .step-text-item-cn.active{font-size: 28rpx;}

.explain{font-size: 24rpx;color: #333;margin-bottom: 32rpx;line-height: 33rpx;letter-spacing: 1rpx;}
.status-btn{padding: 24rpx;background:#F2F2F2;border-radius: 8rpx;text-align: center;color: #999;font-weight: 400;}
.active .status-btn{background: linear-gradient(-45deg, #FD4B35 0%, #FF945B 100%);color: #fff;}
.finish .status-btn{background: linear-gradient(90deg, #FFF900 0%, #FFD200 100%);color: #333;}
.active .status-btn .status-btn-small,
.finish .status-btn .status-btn-small{opacity: 0.5;}
.status-btn-big{font-size: 34rpx;line-height: 48rpx;}
.status-btn-small{font-size: 24rpx;line-height: 33rpx;}