.padding-l-r-5{padding:0 5px;}
.tpl-header-list li:last-child>a{position:relative;}
#topbar-collapse{text-align:center;color:#999;}
#topbar-collapse>span{font-size:18px;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.test-footer{width:100%;height:30px;line-height:15px;font-size:12px;color:#999;text-align:right;position:fixed;bottom:0;left:0;right:0;padding:5px 25px 0;}
.tpl-page-container{position:fixed;top:0;bottom:35px;left:0;right:0;}
.tpl-left-nav{height:100%;display:-webkit-flex;display:flex;flex-direction:column;}
.tpl-left-nav .test-question-types{flex-grow:1;}
.total-points{line-height:55px;padding-left:18px;border-bottom:1px solid #cfcfcf;}
.question-type .title{padding:8px 0 8px 18px;}
.question-num{padding:0 0 0 10px;}
.question-num li{width:28px;height:28px;text-align:center;line-height:28px;border:1px solid #9b9b9b;border-radius:100%;float:left;margin:6px 6px;cursor:pointer;font-size:1.3rem;}
.question-num li:hover{border-color:#383838;}
.question-num li.do_active{background:#00b7d3;color:#fff;border-color:#00b7d3;}
.question-num li.do-mark{background:orange;color:#fff;border-color:orange;}
.question-num li.selected-active{background:#dadada;color:#fff;border-color:#dadada;}
.test-question-types{height:100%;overflow-y:auto;}
.tpl-content-wrapper,.tpl-content-wrapper .row,.tpl-content-wrapper .row .row-mb,.tpl-content-wrapper .row .row-mb .tpl-portlet{height:100%;}
.index-icon{display:inline-block;margin-right:5px;}
.alarm-icon{background:url(../img/alarm.svg);background-size:100% 100%;width:18px;height:18px;position:relative;top:4px;}
.sub-paper-icon{background:url(../img/sub-paper.svg);background-size:100% 100%;width:17px;height:17px;position:relative;top:4px;}
.test-instructions{box-sizing:border-box;}
.test-instructions .row,.test-instructions .am-u-md-6{margin:auto;min-height:500px;min-width:460px;}
.test-instructions .test-info{height:100%;}
.test-instructions .test-subject{margin-top:20px;}
.test-instructions .tpl-portlet .title{border-bottom:1px solid #e5e5e5;padding-bottom:12px;font-size:20px;}
.test-instructions .peo-info{position:relative;}
.test-instructions .peo-info ul li{color:#8d8d8d;line-height:40px}
.test-instructions .peo-info ul li span{color:#333;padding-left:20px;}
.test-instructions .peo-info #test-img{position:absolute;right:20px;top:80px;width:100px;height:100px;border-radius:100%}
.test-instructions .start-btn{padding:11px 40px;border:1px solid #3b4450;border-radius:30px;color:#3b4450;}
.test-instructions .test-start{text-align:center;margin-top:40px;}
.test-instructions .copyright{text-align:center;color:#999;font-size:12px;margin-top:3%;}
.no-test{text-align:center;margin-top:150px;display:none}
.tpl-task-remind li .cosA{margin-right:0;}
.tpl-task-remind li .cosA p{margin:0;}
.test-instructions .test-info-icon{display:inline-block;width:18px;height:16px;position:relative;top:3px;background-size:100%}
.tpl-content-wrapper .swiper-container,.tpl-content-wrapper .swiper-container .swiper-wrapper,.tpl-content-wrapper .swiper-container .swiper-wrapper .swiper-slide{height:100%;}
/*选项*/
.test-option-content .txt{display:inline-block;font-size:14px;padding-left:40px;word-wrap:break-word;word-break:break-word;}
.test-option-content li{position:relative;margin:10px 0;}
.test-option-content li .zxf-radio,.test-option-content li .zxf-check{position:absolute;top:5px;}
.test-slide-title{padding:5px 35px 10px 0;border-bottom:1px solid #cfcfcf;position:relative;}
.test-slide-title span:nth-of-type(2){margin:0 5px;}
.test-slide-title .text-icon-mark{display:inline-block;width:20px;height:21px;cursor:pointer;position:absolute;right:0;top:10px;}
.test-slide-title .icon-mark{background:url(../img/icon-mark.png);background-size:100%;}
.test-slide-title .icon-mark-full{background:url(../img/icon-mark-full.png);background-size:100%;}
#test-prev-btn{position:absolute;top:50%;left:10px;border-radius:1px;width:50px;height:80px;background:url(../img/left_down.png) no-repeat;background-size:30px;background-position:0px;z-index:1;color:#333;}
#test-next-btn{position:absolute;top:50%;right:0px;border-radius:1px;width:50px;height:80px;background:url(../img/right_down.png) no-repeat;background-size:30px;background-position:20px;z-index:1;color:#333;}
#test-prev-btn:hover{background-color:#f8f4f4}
#test-next-btn:hover{background-color:#f8f4f4}
/* #test-prev-img{width:40px;}
*/
/* #test-next-img{width:40px;}
*/
/*单选框*/
.zxf-radio,.zxf-check{width:16px;height:16px;border:2px solid #9e9e9e;position:relative;display:inline-block;padding:5px;}
.zxf-radio{border-radius:100%;}
.zxf-radio input[type='radio'],.zxf-check input[type='checkbox']{width:16px;height:16px;position:absolute;top:-5px;left:-2px;z-index:10;}
.zxf-radio label,.zxf-check label{display:block;width:8px;height:8px;cursor:pointer;position:absolute;top:2px;left:2px;z-index:1;background:#fff;}
.zxf-radio label{border-radius:100px;}
.zxf-radio .letterArr,.zxf-check .letterArr{position:absolute;left:20px;top:-7px;}
.zxf-radio input[type=radio],.zxf-check input[type=checkbox]{opacity:0}
.zxf-radio input[type=radio]:checked+label,.zxf-check input[type=checkbox]:checked+label{background:#4c90cb;}
.test-modal-box .xc_layer{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:1510;width:100%;height:100%;}
.test-modal-box .popBox{width:450px;position:fixed;left:50%;top:50%;background-color:#fff;z-index:1520;transform:translate(-50%,-50%);border-radius:5px;color:#535e66;box-sizing:border-box;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.14);}
.test-modal-box .popBox .txtBox{font-weight:700;margin:30px 0;text-align:center;min-height:100px;line-height:100px;}
.test-modal-box .popBox .sgBtn{padding:7px 25px;background:rgba(51,122,183,1);color:#fff;border-radius:3px;margin:0 5px;}
.test-modal-box .popBox .sgBtn.ok{background:#f44a56;background:rgba(244,74,86,1);}
.savepaper_tit{border-bottom:1px solid #D8D8D8;padding:5px 10px;}
.savepaper_tit img{width:25px;float:right;}
.btnArea{border-top:1px solid #D8D8D8;padding:10px;text-align:right;}
.btnArea button{outline:none;border-radius:3px;padding:5px 20px;font-size:14px;border:0;}
#ok-paper{background:#17B8D8;color:#fff;}
#del-paper{background:#fff;border:1px solid #CFCFCF;color:#4D4D4D;}
.test-slide-content{height:100%;overflow: hidden;overflow-y: auto;}
.test-slide-content .test-slide-question{ padding-bottom:55px;padding-top:20px;word-wrap:break-word;word-break:break-word;}
#test-slide-answer{height:94%;overflow:auto;}
.fr-wrapper.show-placeholder .fr-placeholder{color:#fff;}
.fr-quick-insert{display:none}
.quit-btn{float:right;font-size:28px;cursor:pointer;padding-top:15px;}
#submit-paper{color:#00b7d3 !important;}
.tpl-task-remind li{color:#000;border-radius:5px;background:#F5F6F9;}
.tpl-task-remind li:hover{background:#D4E1F1;}
.start-btns{font-size:14px;padding:4px 6px;color:#fff;background:#24A1FF;border-radius:5px;text-align:center;display:inline-block;}
.clearfix:after,.clearfix:before{display:table;content:''}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
/* 添加B型题 */
.b_content{font-size:14px;color:#201F1F;/* padding-top:12px;*/
 padding-left:48px;}
.b_content p,.b_title .title p{/**选项里过来的是p标签**/
 display:inline-block;margin:0;width:90%;}
.b_content li{padding:10px 0;}
.self-answer{margin:5px;}
.tpl-header-list #face-photo{position:absolute;left:-175px;top:13px;}
/* 媒体播放 */
/* .medialist{width:95%;position:absolute;left:10px;bottom:0px;} */
.medialist{width:100%;}
.clearfix::after,.clearfix::before{content:'';display:table;}
.clearfix::after{clear:both;}
.clearfix{zoom:1;cursor: pointer;}
.playlist{overflow:auto;max-height:360px;border:1px solid rgb(222,222,222);}
.playlist li{padding:3px 15px;background:#ffffff;color:#337ab7;box-sizing:border-box;}
.playlist li div{width:70%;float:left;}
.playhasnum{color:#989898;width:30%;float:right;text-align:right;}
.playlist li:nth-child(odd){background:rgba(246,246,246,0.5);}
.playlist li:hover{font-weight:bold;border-left:3px solid #1abc9c;}
.playlist li.playing{font-weight:bold;border-left:3px solid #1abc9c;}
.player-box{width:500px;overflow:hidden;position:absolute;z-index:1500;display:none;background:#fff;left:35%;top:20%;margin-left:-250px;box-shadow:0 0 10px 3px #D8D8D8;border-radius:3px;}
.player video{width:100%;}
.player{display:flex;}
.playstop-icon{width:25px;float:left;margin-left:10px;}
.mediaclose{width:25px;height:25px;position:absolute;right:5px;z-index:999;}
.close-box{position:relative;height:25px;border-bottom:1px solid #ccc;}
.progress{text-align:center;padding-bottom:3px;}
.progress progress{height:16px;width:360px;float:left;margin:8px 5px 8px;}
#ran{height:3px;width:90px;float:left;margin-top:14px;overflow:inherit;}
.volume{margin:5px 5px 0 10px;float:left;margin-top:7px;}
/* 媒体播放 */
/* 人脸登录 */
.facephoto-bg{width:350px;height:400px;background:url(../img/photo.png) no-repeat;background-size:100%;position:fixed;top:50%;left:50%;z-index:999;margin-left:-175px;margin-top:-145px;}
.facephoto-bg .camera{position:absolute;left:66px;top:67px;background:#fff;width:217px;height:207px;border-radius:8px;text-align:center;}
.facephoto-bg #capture{width:200px;height:30px;background:#24A1FF;border:0;outline:none;color:#fff;font-size:14px;border-radius:5px;position:absolute;bottom:15px;left:50%;margin-left:-100px;}
.face-shadow{background:rgba(255,255,255,.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;}
#face-close{width:25px;height:25px;position:absolute;right:-15px;top:-5px;}
#photoerr{position:absolute;left:0;top:25px;right:0;}
#photoerr img{margin:20px;}
#photoerr div{color:#f00;font-size:14px;text-align:center;}
/* 人脸登录 */
.alert_shadow{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10000;background:rgba(255,255,255,.3);}
.alert_hint{width:460px;position:fixed;left:50%;top:50%;background-color:#fff;z-index:10001;transform:translate(-50%,-50%);border-radius:5px;color:#201F1F;box-sizing:border-box;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.14);}
.alert_tit{border-bottom:1px solid #D8D8D8;padding:5px 10px;}
.alert_tit img{width:25px;float:right;display:none;}
.alert_cont_box{text-align:center;font-size:18px;word-break:break-word;min-height:206px;padding:10px;display:flex;align-items:center;}
.alert_cont{flex:1;}
.alert_btns{border-top:1px solid #D8D8D8;padding:10px;text-align:right;}
.alert_btns button{outline:none;border-radius:3px;padding:5px 20px;font-size:14px;}
.alert_ok{background:#17B8D8;color:#fff;border:0;}
.alert_no{background:#fff;border:1px solid #CFCFCF;color:#4D4D4D;display:none;}
.abnormal_camera{font-size:14px;display:inline-block;}
.abnormal_camera div{margin-bottom:25px;text-align:left;}
.verifycode{width:293px;height:38px;border-radius:5px;border:1px solid #D5D5D5;}
/* loading */
.load-shadow{width:100%;height:100%;position:fixed;left:0;top:0;z-index:2000;/* display:none;*/
}
.loader{border:1px solid #ccc;background:#ffffff;color:#666;padding:5px 20px;border-radius:5px;font-size:16px;position:absolute;left:50%;top:50%;z-index:2000;transform:translate(-50%);/* display:none;*/
}

.user_agreement{position:fixed;left:50%;top:50%;border:1px solid #ccc;border-radius:5px;width:500px;height:600px;margin-left:-250px;margin-top:-300px;overflow:hidden;background:#ffffff;z-index:200;display:none;}
#close_user_agreement{position:absolute;right:5px;top:5px;width:30px;}
.agreement_tit{font-size:20px;padding-left:10px;}
.agreement_text{height:85%;padding:15px;overflow:auto;}