.details {
    background: #fff;
    padding: 24rpx;
    &-header {
        &-left {
            display: flex;
            align-items: center;
            .txt {
                margin-left: 16rpx;
            }
        }
        &-right {
            margin-top: 16rpx;
        }
    }
    &-body {
        &-box {
            padding-bottom: 16rpx;
            border-bottom: 2rpx solid #f4f4f4;
        }
        &-field {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            margin-top: 16rpx;
        }
        &-item {
            margin-top: 16rpx;
            .title {
                font-size: 34rpx;
                color: $mocp-text-5;
                margin-bottom: 16rpx;
            }
            .content {
                color: $mocp-text-4;
                line-height: 42rpx;
                font-size: 30rpx;
            }
        }
    }
}
.time-list {
    background: #fff;
    margin-top: 16rpx;
    padding: 16rpx 24rpx 0 24rpx;
    overflow: hidden;
    .time-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 16rpx;
    }
}
