/* pages/task/task.wxss */
.task_container {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: rgba(240, 242, 245, 1);
}
.banner {
    width: 100%;
    height: 420rpx;
    margin-top: 20rpx;
}
.banner-swiper {
    height: 420rpx;
}
.banner-image {
    width: 100%;
    height: 420rpx;
}
.task_box {
    box-sizing: border-box;
    width: 100%;
    padding: 0 40rpx 80rpx 40rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.all_task {
    width: 100%;
    margin: 20rpx 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.task_card {
    box-sizing: border-box;
    width: 100%;
    height: 334rpx;
    padding: 30rpx;
    margin-bottom: 20rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.25);
    color: #666666;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.card_head {
    width: 100%;
    margin-bottom: 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.task_icon {
    width: 34rpx;
    height: 40rpx;
    margin-right: 15rpx;
}
.more {
    font-size: 26rpx;
    color: #999999;
}
.task_main {
    flex: 1;
}