.mui-signle-exam {
    border-top: 1px solid $line-color;
    border-bottom: 1px solid $line-color;
    padding: .30rem;
    background: #fff;
    .single-exam-top {
        display:flex;
        position: relative;
        padding-bottom: .30rem;
        border-bottom: 1px dashed $line-color;
        .drop-down{
            position: absolute;
            width: .40rem;
            height: .20rem;
            border-radius: 0 0 .20rem .20rem;
            bottom: -.20rem;
            transform: translateX(-50%);
            left: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: $info-color;
            box-shadow: 2px 2px 5px #ddd;
            i{
                font-size: .20rem;
            }
        }
        .box-img {
            width: 2.80rem;
            height: 1.70rem;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .box-info {
            flex: 1;
            min-width: 0;
            padding-left: $single-info-pad;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .box-info-name {
                font-size: $title-size;
                cursor: pointer;
                color: $title-color;
            }
            .box-info-time {
                font-size: $info-size;
                color: $info-color;
                overflow: hidden;
            }
            .box-info-span{
                display: inline-block;
                width: .96rem;
                height: .42rem;
                line-height: .42rem;
                font-size: .22rem;
                color: #fff;
                text-align: center;
                background: #727072;
                &.notgo{
                    background-color: #ca2c2c;
                }
                &.going{
                    background-color: #39a030;
                }
                &.done{
                    background-color: #727073;
                }
            }
        }
    }
    .single-exam-mid{
        &.open{
            display: flex;
        }
        display:none;
        padding: .30rem 0;
        border-bottom: 1px solid $line-color;
        .status-one{
            flex: 1;
            min-width: 0;
            text-align: center;
            font-size: .24rem;
            color: $title-color;
            .span-txt{
                color: $primary-color;
                font-weight: bold;
            }
        }
    }
    .single-exam-bot{
        padding: .25rem .20rem 0;
    }
    .ant-btn {
        width: 3.0rem;
        height: .60rem;
        line-height: .60rem;
        font-size: .32rem;
        border: 0;
    }
    .ant-btn-primary[disabled] {
        background: $disable-color;
        color: #fff;
    }
    .logoff {
        color: #000;
        background: #fde53d;
    }
}
.userC{
    color: #3D3FEA !important;
}