@import "../base/utils.scss";

@mixin setStyleAframeExam($project) {
    .mta-examConfigPage{
        .exam-control-box{
            >div{display: inline-block;margin-right: 24px;}
            //防切屏
            > div.ToggleScreenFlagStatusClass{
                background-color: #eaeaea;
                text-align: center;
                padding: 10px 0;
                margin-left: -24px;
                vertical-align: middle;
                .ToggleScreenSpan{
                    width: 120px;
                    text-align: right;
                }
                span{
                    display: inline-block;
                    margin: 0 5px;
                }
                .el-input__inner{
                    height: 28px!important;
                    line-height: 28px!important;
                }
            }
        }
        .mta-two-left-box{flex: 3;}
        .mta-two-right-box{flex: 1;margin-bottom: 15px}
        .exam-span{margin-bottom: 5px;display: block;@include setFontBase(-2); }
        .exam-cover{width: 180px;text-align: center;margin-top: 15px;}
        .djms-item .el-radio{margin-right: 10px;}
        @media screen and (max-width: 1600px){
            .exam-cover{margin-top:10px;}
            .mta-two-right-box{margin-bottom: 10px;}
            .mta-KC-wrap > div.mta-box div.mta-scroll-box .mta-test-attributes .first-left-box .mta-two-left-box{margin-right: 14px}
        }
        @media screen and (max-width: 1440px){
            .exam-cover{width: 140px;margin-top: 5px;}
            .mta-two-right-box{margin-bottom: 5px;}
            .exam-span{@include setFontBase(-4); }
        }

    }
}