.tasks-page{ padding-top: 0rpx; background-color: #FFFFFF; } .tasks-head{ height: 185rpx; background-color: #FFFFFF; padding-left: 48rpx; } .cell-title{ color: #333333; font-size: 32rpx; } .cell-title image{ width: 24rpx; height: 16rpx; margin-left: 9rpx; } .cell-list{ color: #999999; font-size: 22rpx; } .cell-type{ color: #666666; font-size: 28rpx; } .cell-right{ float: right; width: 50%; padding-right: 48rpx; font-size: 24rpx; color: #999999; font-weight: normal; text-align: right; } .tasks-line{ background-color: #F3F3F3; border-top-right-radius: 28rpx; border-top-left-radius: 28rpx; padding-bottom: 25rpx; padding-top: 26rpx; } .tasks-tik{ background-color: #FFFFFF; margin-left: 23rpx; margin-right: 24rpx; border-radius: 12rpx; padding-top: 29rpx; padding-left: 24rpx; height: 258rpx; margin-bottom: 25rpx; } .tik-title{ color: #333333; font-size: 48rpx; font-weight: bold; } .tik-right{ color: #09AFFF; float: right; font-size: 20rpx; height: 80rpx; line-height: 80rpx; } .tik-right image{ width: 19.31rpx; height: 20rpx; margin-right: 6rpx; margin-top: 30rpx; float: left; } .tik-week-item{ float: left; width: 14.2%; color: #999999; text-align: center; height: 121rpx; padding-top: 23rpx; } .tik-week-item-select{ background: rgba(9, 175, 255, 0.05); color: #09AFFF; border-radius: 12px; } .tik-week-item view{ padding-bottom: 20rpx; } .tasks-list{ margin-top: 56rpx; background: #FFFFFF; border-radius: 18px; margin-left: 23rpx; margin-right: 24rpx; padding-top: 35rpx; padding-bottom: 23rpx; } .tasks-list-item{ height: 100rpx; background: #FAFAFA; border-radius: 12px; font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 100rpx; padding-left: 28rpx; margin-top: 30rpx; } .tasks-item-no{ width: 122rpx; height: 102rpx; float: right; background-color:#fff6f4; } .tasks-item-yes{ width: 122rpx; height: 102rpx; float: right; border-top-right-radius: 12rpx; border-bottom-right-radius: 12rpx; background-color:#f2fbff; } .tasks-list-item image{ width: 35rpx; height: 35rpx; margin-left: 44.5rpx; margin-top: 33.5rpx; } .tast-moneybox{ height: 102rpx; background-color: #F3F3F3; } .tasks-list-money{ height: 102rpx; margin-top: 25rpx; border-radius: 18px; background: #FFFFFF; margin-left: 23rpx; margin-right: 24rpx; width: 60%; float: left; } .nogood{ width: 120rpx; height: 31rpx; background: #FFEDEA; border-radius: 4px; color: #FF5030; font-size: 20rpx; display: inline-block; margin-left: 16rpx; text-align: center; } .tasks-set{ float: right; width: 27%; margin-right: 24rpx; height: 102rpx; line-height: 102rpx; } .tasks-set button{ border-radius: 68rpx; margin-top: 26rpx; } .tasks-list-pay{ font-weight: bold; color: #333333; font-size: 28rpx; float: left; width: 45%; line-height: 102rpx; padding-left: 24rpx; } .tasks-list-pay-right{ float: right; width: 40%; text-align: right; padding-right: 5%; height: 102rpx; line-height: 102rpx; font-weight: bold; } .tasks-list-pay-right input{ color: #09AFFF; font-weight: normal; width: 60%; margin-top: 24rpx; } .tasks-list-pay-right text{ float: right; } .notasks{ margin: 21rpx 24rpx 30rpx 24rpx; height: 327rpx; line-height: 327rpx; background: #FAFAFA; border-radius: 12rpx; text-align: center; font-size: 36rpx; color: #999999; } .cancel-box{ width: 100%; } .cancel-box label{ width: 100%; text-align: left; padding-left: 20%; font-size: 26rpx; } .cancel-box text{ font-size: 46rpx; font-weight: bold; margin-bottom: 30rpx; display: inline-block; } .radio{ width: 24rpx; height: 24rpx; } radio-checked::before { width: 24rpx; height: 24rpx; background-color: #09AFFF; } .cancel-box radio-group{ width: 100%; margin-bottom: 67rpx; } .cancel-left{ width: 50%; float: left; height: 102rpx; line-height: 102rpx; border-top: 1rpx #e5e5e5 solid; border-right: 1rpx #e5e5e5 solid; } .cancel-right{ float: right; width: 49%; height: 102rpx; line-height: 102rpx; border-top: 1rpx #e5e5e5 solid; font-size: 36rpx; color: #09AFFF; font-weight: bold; }