.exam_page .exam_box{width:1200px;padding:20px;margin:50px auto;box-sizing:border-box}.exam_page .exam_box>h2{font-size:20px;font-weight:600;color:#333;display:flex;align-items:center;padding-bottom:20px;border-bottom:1px solid #e3e3e3;cursor:pointer}.exam_page .exam_box>h2>p{color:#b9babd;margin-left:10px}.exam_page .exam_box>ul{display:flex;padding:50px 0}.exam_page .exam_box>ul>li{margin-right:100px;width:215px;height:300px;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s}.exam_page .exam_box>ul>li .exam_img_box{position:relative;width:190px;height:190px;margin:20px auto}.exam_page .exam_box>ul>li .exam_img_box .img_box_top{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.exam_page .exam_box>ul>li .exam_img_box .bg_img_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:all .3s}.exam_page .exam_box>ul>li .exam_img_box .bg_img_box>img{width:190px;height:190px;transition:all .5s}.exam_page .exam_box>ul>li>h4{text-align:center;font-size:18px}.exam_page .exam_box>ul>li:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.15)}.exam_page .exam_box>ul>li:hover .exam_img_box .bg_img_box{opacity:1}.exam_page .exam_box>ul>li:hover .exam_img_box .bg_img_box>img{transform:rotate(10deg)}.exam_page .exam_box>ul>:last-child{margin-right:0}.exam_page .el-dialog{border-radius:10px}.exam_page .el-dialog .el-dialog__header{padding:0}.exam_page .el-dialog .el-dialog__header .dialog_title{background:#ff6630;height:55px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 25px}.exam_page .el-dialog .el-dialog__header .dialog_title>h3{font-size:20px;color:#fff}.exam_page .el-dialog .el-dialog__header .dialog_title .close_box{font-size:20px;color:#fff;cursor:pointer}.exam_page .el-dialog .el-dialog__body{padding:30px 20px 30px 25px;height:450px;overflow-y:scroll}.exam_page .el-dialog .el-dialog__body::-webkit-scrollbar{width:5px;height:1px}.exam_page .el-dialog .el-dialog__body::-webkit-scrollbar-thumb{border-radius:5px;background:#ccc}.exam_page .el-dialog .el-dialog__body::-webkit-scrollbar-track{border-radius:5px;background:#ededed}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_All{margin-bottom:20px}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_All>h3{font-size:18px;color:#333;cursor:pointer;transition:all .3s}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_All>h3:hover{color:#ff6630}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list{margin-bottom:20px}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>h3{font-size:18px;color:#333}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>ul{display:flex;flex-wrap:wrap}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>ul>li{margin-top:20px;padding:7px 10px;background:#f1f2f7;margin-right:20px;border:1px solid transparent;transition:all .3s;position:relative;cursor:pointer}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>ul>li:hover{border:1px solid #ff6630;background:#fff}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>ul>li .el-icon-circle-check{display:block;position:absolute;top:-5px;right:-5px;color:#ff6630;opacity:0;background:#fff}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>ul .li_avtive{border:1px solid #ff6630;background:#fff}.exam_page .el-dialog .el-dialog__body .dialog_body .setSubject_list>ul .li_avtive .el-icon-circle-check{opacity:1}