.details {
    padding: 24rpx;
    color: $mocp-text-4;
    background: #fff;
    &-header {
        &-title {
            font-size: 48rpx;
            color: $mocp-text-5;
            margin-bottom: 16rpx;
        }
        &-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            .left {
                font-size: 48rpx;
                color: $mocp-danger-6;
            }
            .right {
                color: $mocp-text-5;
            }
        }
        &-center {
            margin-top: 16rpx;
            .left {
                .txt {
                    margin-left: 8rpx;
                }
            }
            .right {
                margin-top: 16rpx;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .txt {
                    margin-left: 16rpx;
                }
            }
        }
        &-footer {
            margin-top: 16rpx;
            padding-bottom: 16rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .left {
                .txt {
                    margin-left: 16rpx;
                    color: $mocp-text-5;
                }
            }
        }
    }
    &-body {
        &-content {
            padding: 16rpx 0;
            font-size: 30rpx;
            border-top: 2rpx solid #f4f4f4;
            border-bottom: 2rpx solid #f4f4f4;
        }
        &-file {
            padding: 16rpx 0;
            image {
                width: 100%;
            }
        }
    }
    &-footer {
        display: flex;
        justify-content: space-between;
    }
}

