.item {
    padding: 24rpx;
    margin-bottom: 16rpx;
    border-radius: 12rpx;
    background: linear-gradient(#e6eeff, #ffffff, #ffffff);
    &-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16rpx;
        border-bottom: 2rpx solid #f4f4f4;
        .desc {
            display: flex;
            align-items: center;
            .txt {
                color: $mocp-text-5;
                font-size: 34rpx;
                margin: 0 16rpx;
            }
            .place {
                font-size: 28rpx;
                color: $mocp-text-3;
            }
        }
        .left {
            display: flex;
            align-items: center;
            .txt {
                color: $mocp-text-5;
                font-size: 34rpx;
                margin: 0 16rpx;
            }
        }
        .right {
            color: $mocp-primary-6;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .txt {
                font-size: 28rpx;
                margin-left: 16rpx;
            }
        }
    }
    &-content {
        padding-top: 16rpx;
        font-size: 30rpx;
        color: $mocp-text-4;
        line-height: 40rpx;
    }
    &-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;
        .label {
            display: flex;
            align-items: center;
            .txt {
                margin-left: 16rpx;
            }
        }
        .left {
            color: $mocp-primary-6;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .txt {
                color: $mocp-text-5;
                font-size: 28rpx;
                margin-left: 16rpx;
                &:first-child {
                    margin-left: 0;
                }
            }
        }
    }
}
