.content {
    padding: 24rpx;
    .details {
        padding: 16rpx 24rpx;
        border-radius: 12rpx;
        background: #ffffff;
        color: #4e5969;
        &-header {
            &-top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 16rpx;
                .txt {
                    color: #f53f3f;
                    font-size: 32rpx;
                }
            }
            &-bottom {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-bottom: 16rpx;
                .left {
                    display: flex;
                    align-items: center;
                    .left-icon {
                        margin-right: 16rpx;
                    }
                }
            }
        }
        &-body {
            border-top: 2rpx solid #F4F4F4;
            border-bottom: 2rpx solid #F4F4F4;
            padding: 16rpx 0;
            &-top {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .left {
                    display: flex;
                    align-items: center;
                    text {
                        margin-left: 4rpx;
                    }
                }
                .right {
                    text{
                       margin-left: 24rpx; 
                    }
                }
            }
            &-bottom{
                margin-top: 16rpx;
                font-size: 30rpx;
                line-height: 42rpx;
            }
        }
        &-footer{
            padding-top: 16rpx;
            &-top{
                color: #1D2129;
                display: flex;
                align-items: center;
                text{
                    margin-left: 16rpx;
                }
            }
            &-center{
                line-height: 40rpx;
                padding: 16rpx 0;
            }
            &-bottom{
                color: #1D2129;
                display: flex;
                justify-content: flex-end;
                .person-info{
                    display: flex;
                    align-items: center;
                    text{
                        margin-left: 16rpx;
                    }
                    &:first-child{
                        margin-right: 32rpx;
                    }
                }
            }
        }
    }
   
}
