.nav_main {
    margin-left: 60px;
}

.container_1 {
    background: inherit;
    padding-left: 7px;
    padding-right: 7px;
}

textarea {
    width: 100%;
    height: 300px;
}

.navbar-nav > li > a {
    padding-top: 18px;
    padding-bottom: 5px;
}

.color-gray-1 { 
    color: #999;
}

.fulltab .nav-tabs{padding: 0;}
.fulltab.fixed{position: fixed; margin:auto; left:0; right:0; top:0; border-bottom: 1px solid #ddd; background: #F0F1F1; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%); z-index: 100;}
.answer-sheet-sidebar{position: relative;}
.show-hide-hidden{position: absolute; width: 40px; height: 60px; line-height: 60px; text-align: center; right: -12px; top: 25px; color: #888; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 5px 0 0 5px; background: linear-gradient(to right, #F0F1F1, #fff); cursor: pointer; z-index: 50;}
.show-hide-hidden .fa{line-height: 60px;}
.show-hidden .arrow-left{display: none;}
.show-hidden .arrow-right{display: block;}
.hide-hidden{right: 0 !important;}
.hide-hidden .arrow-left{display: block;}
.hide-hidden .arrow-right{display: none;}
.answer_sheet{float: right; right: 0;}
.test_preview{position: relative; padding: 0;}
.test_preview .tab-pane{padding: 0 45px 0 15px; overflow: hidden;}
.tab-pane .test_hov{margin-right: -45px !important; padding: 15px 45px 15px 15px !important;}
.fulltab-box{width: 100%; height: auto;}
.tab-content-wrap{position: relative;}

.fulltab-box{position: fixed; width: 100%; height: auto; top: 0; border-bottom: 1px solid #ddd; background: #F0F1F1; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%); z-index: 10;}
.btn_common_3:hover{ background-color: #f90; color: #fff;}
.fulltab-box .nav-tabs>li>a,
.fulltab-box .nav-tabs > li.active > a,
.fulltab-box .nav-tabs > li.active > a:hover,
.fulltab-box .nav-tabs > li.active > a:focus{
    border-bottom: none;
}
.fulltab-box .nav-tabs li{margin-bottom: 0;}
.fulltab-box .nav-tabs li:not(.pull-right) a{margin-top: 13px;}
.fulltab-box .pull-right{padding: 11px 0 0px; overflow: hidden; zoom: 1;}
.fulltab-box .pull-right span{float: left; display: block; padding: 0; margin-left: 10px;}
.fulltab-box .pull-right a{margin-top: 0; margin-left: 0px;}
.fulltab-box .pull-right .btn{margin-top: 0;}
.fulltab-box .pull-right .timer{height: 34px; line-height: 34px;}

.answer_sheet{overflow-y: auto;}

.answersheet-control-btn a{color: #00b2b0; border-color: #00b2b0;}
.answersheet-control-btn.show-sheet .fa-angle-down{display: inline-block;}
.answersheet-control-btn.show-sheet .fa-angle-up{display: none;}

.answersheet-control-btn.hide-sheet .fa-angle-up{display: inline-block;}
.answersheet-control-btn.hide-sheet .fa-angle-down{display: none;}
.tab-content-wrap{position: relative;}

body{width: auto !important; min-width: 768px !important;}
.init-test-wrap{position: relative; width: 100%; height: 100vh; min-height: 500px;}
.text-center{text-align: center;}

.test_preview .tab-pane{padding: 0 15px;}
.tab-content{margin-right: 238px;}
.answer_sheet{position: fixed; width: 226px; padding-right: 0px; margin-top: 0px; margin-left: 0;}

/* 全屏区域 start */
.full-screen-wrap{position: relative; width: 100%; height: 100vh;}
.full-screen-wrap .footer-btn-group .btn{float: left; display: block; padding: 0; border-radius: 0; }
.full-screen-wrap .footer-btn-group .btn + .btn{margin-left: 19px;}
.full-screen-wrap .footer-btn-group .btn-primary-gray_1{color: #323232; background-color: #ddd;}
.full-screen-wrap .footer-btn-group .btn-primary-gray_1:hover{background-color: #ccc; transition: all 0.3s ease;}
.full-screen-wrap .footer-btn-group .btn-primary_1{margin-right: 0; color: #fff; background-color: #00C4E1;}
.full-screen-wrap .footer-btn-group .btn-primary_1:hover,
.full-screen-wrap .footer-btn-group .btn-primary_1:focus{background-color: #03B2CB;color: #fff; transition: all 0.3s ease;}
/* 全屏区域 end */

/* 加入考试 start */
.join-test-wrap{display: block; width: 898px; height: 435px; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 21px 3px; position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background: url(//wetestoss.sflep.com/assets/test/images/test_login_bg.png) 100% 100%; overflow: hidden; zoom: 1;}

.join-test-wrap input::-webkit-input-placeholder{color: #999;font-size: 16px;}
.join-test-wrap input:-moz-placeholder {color: #999;font-size: 16px;}
.join-test-wrap input::-moz-placeholder{color: #999;font-size: 16px;}
.join-test-wrap input:-ms-input-placeholder{color: #999;font-size: 16px;}

.join-test-wrap .content-box{width: 371px; margin: 49px 47px 0;}
.join-test-wrap .content-box{float: right;}
.join-test-wrap .form-item{position: relative; width: 361px; margin: 65px auto 0; padding: 3px 0 3px 5px; border-bottom: 1px solid #ddd; overflow: hidden; zoom: 1;}
.join-test-wrap input{width: 100%; font-size: 16px; border: none; background: none;}
.join-test-wrap .title{color: #000; font-size: 23px; text-align: center;}
.join-test-wrap .footer-btn-group{width: 100%;margin-top: 90px; font-size: 16px; color: #fff; overflow: hidden; zoom: 1;}
.join-test-wrap .btn{width: 176px; height: 47px; font-size: 16px;}
.join-test-wrap .alert-warning{/* display: none; */ width: 378px;margin: 20px auto 0;padding: 10px 35px 10px 15px;text-align: left;}
/* 加入考试 end */

/* 考试信息 start */
.test-info-wrap{width: 898px; height: auto; position:absolute; top:50%;left:50%;  font-family: Microsoft YaHei; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background-color: #fff; background-image: url(//wetestoss.sflep.com/assets/test/images/test_info_bg.jpg); background-repeat: no-repeat; background-size: 373px 499px; box-shadow: 0px -3px 21px 0px rgba(0,0,0,0.14);}
.test-info-wrap .content-box{width: 470px; min-height: 403px; margin: 42px 0 48px 400px;}
.test-info-wrap .title{padding-left: 181px; font-size: 23px; font-weight: bold; color: #FF5400;}
.test-info-wrap .test-info{margin-top: 20px; font-size: 16px; color: #333;}
.test-info-wrap .test-info li{margin-bottom: 15px; overflow: hidden; zoom: 1;}
.test-info-wrap .test-info li:last-child{margin-bottom: 0;}
.test-info-wrap .test-info .label-text{float: left; display: block; width: 86px; height: 100%; font-size: 16px; font-weight: bold; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify;}
.test-info-wrap .test-info .info{float: left; width: 384px;}
.test-info-wrap .test-info .flag-1{color: #FF5400;}
.test-info-wrap .test-info .flag-2{color: #D3AF4F;}
.test-info-wrap .test-info .flag-3{color: #00C4E1;}
.test-info-wrap .test-info .flag-4{color: #67c23a;}
.test-info-wrap .test-info .flag-5{color: #FF0000;}

.test-info-wrap .footer-btn-group{margin-top: 27px; overflow: hidden; zoom: 1;}
.test-info-wrap .btn{min-width : 103px; height: 47px; padding: 0 25px !important; font-size: 16px; border-radius: 0 !important;}
.test-info-wrap .btn-primary-gray_1{color: #323232; background-color: #DDD;}
.test-info-wrap .btn-primary-gray_2{color: #FFF; background-color: #ADADAD;}
/* 考试信息 end */

/* 交卷成功 start */
.submit-success-wrap{display: none; position: relative;}
.success-info-wrap{position:absolute; min-width: 500px; color: #333; font-size: 16px; top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.success-info-wrap .success-info-main{display: flex; align-items: center; overflow: hidden; zoom: 1;}
.success-info-wrap .img-box{width: 249px; height: 161px;}
.success-info-wrap .img-box img{display: block; width: 100%; height: 100%;}
.success-info-wrap .content-box{min-width: 242px; margin-left: 10px;}
.success-info-wrap .title{margin-top: 10px; font-size: 20px; font-weight: bold; color: #FE7837;}
.success-info-wrap .test-info{margin-top: 13px; line-height: 32px;}
.success-info-wrap .test-info .label-text{float: left; font-weight: bold;}
.success-info-wrap .success-info-desc{margin-top: 20px; text-align: center;}
.success-info-wrap .success-info-desc .highlight{margin-right: 5px; color: #00C4DB;}
.success-info-wrap .footer-btn-group{display: flex;
    justify-content: center; margin-top: 80px; text-align: center; overflow: hidden; zoom: 1;}
.success-info-wrap .btn{width: auto; height: 40px; margin-top: 0; padding: 0 20px !important; line-height: 40px; font-size: 16px; border-radius: 4px !important;}
.success-info-wrap .btn + .btn{margin-left: 30px;}
/* 交卷成功 end */

/* 倒计时 start */
.fulltab-box .pull-right .fa-clock-o:before{margin-right: 3px;}
/* 倒计时 end */

/* 音频音量测试 start */
.audio-test-wrap{position: absolute; width: 640px; height: 653px; top: 50%; margin-top: -380px; left: 50%; margin-left: -320px;}
.audio-test-content{position: relative; width: 100%; height: 100%; margin: 0 auto; color: #000; overflow: hidden;}
.audio-test-bg{position: absolute; width: 100%; z-index: -1;}
.audio-test-bg img{display: block; width: 100%;}
.audio-test-wrap .audio-wrap{width: 100%; padding: 30px 69px 35px; margin-top: 150px; border-radius: 12px; background: #FFF; box-shadow: 0px 0px 18.1px 4px rgba(0, 0, 0, 0.05);}
.audio-test-wrap .title{font-size: 24px; text-align: center; font-weight: bold;}
.audio-test-wrap .desc{margin-top: 35px; font-size: 16px;}

.audio-test-wrap .audio-progress-box{width: 330px; margin: 55px auto 0;}
.audio-test-wrap .audio-progress-bar{width: 100%; height: 3px; border-radius: 11px; background: #F4F4F4;}
.audio-test-wrap .audio-progress-inner{width: 119px;
    height: 100%;border-radius: 11px;
    background: #00C4DB;}
.audio-test-wrap .time-box{width: 100%; margin-top: 5px; font-size: 12px; overflow: hidden; zoom: 1;}
.audio-test-wrap .current-time{float: left;}
.audio-test-wrap .duration-time{float: right;}

.audio-test-wrap .control-play-btn{width: 70px; height: 70px; margin: 28px auto 0; background: url(//wetestoss.sflep.com/assets/test/images/test_pause_btn.png); background-size: 100% 100%;}
.audio-test-wrap .control-play-btn.play{background: url(//wetestoss.sflep.com/assets/test/images/test_play_btn.png); background-size: 100% 100%;}
.audio-test-wrap .control-play-btn.pause{background: url(//wetestoss.sflep.com/assets/test/images/test_pause_btn.png); background-size: 100% 100%;}
.audio-test-wrap .audio-test{position: absolute; bottom: -1000px;}

.audio-test-wrap .footer-btn-group{margin-top: 50px;}
.audio-test-wrap .footer-btn-group .btn{float: none; width: 358px; height: 46px; margin: 0 auto; line-height: 46px; font-size: 16px; border-radius: 8px;
    background: #00C4DB;}
/* 音频音量测试 end */

.biaoji-btn,
.biaoji-btn:hover,
.biaoji-btn:focus {
    background-color: #f60 !important;
    color: #fff !important;
    border: 1px solid #f60 !important;
    transition: all 0.3s;
}
.biaoji-btn.active {
    color: #fff !important;
    background-color: #f90 !important;
    border-color: #f90 !important;
}

/* 考中切屏提示 start */
.success-info-wrap{min-width: 750px;}
.success-info-wrap .danger-tip{margin-bottom: 50px; font-size: 26px; font-weight: bold; color: #FF0000;}

.danger-dialog-wrap{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 100; display: none;}
.danger-dialog{width: 820px; height: auto; padding-bottom: 50px; position:relative; margin: 0 auto; top: 15%; background-color: #fff; border: 2px solid #D9001B;}
.danger-dialog .dialog-header{width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 28px; font-weight: bold; text-align: center; letter-spacing: 2px; background-color: #D9001B;}
.danger-dialog .dialog-body{width: 100%; padding: 75px 50px;  font-size: 28px; color: #000; background-color: #fff;}
.danger-dialog .dialog-footer{text-align: center;}
.danger-dialog .dialog-footer .btn + .btn{margin-left: 20px;}
.danger-dialog .dialog-footer .btn-default{color: #323232;
    background-color: #ddd;}
.danger-dialog .dialog-footer .btn-primary{color: #fff;
    background-color: #00C4E1;}
.danger-dialog .color-danger{color: #D9001B;}
/* 考中切屏提示 end */

/* 音频播放提示 start */
.audio-notice-alert .fa{margin-right: 3px;}
/* 音频播放提示 end */
/* 音频播放器 start */
.audio-controller-box{width: 159px; height: 40px; margin: 16px auto 0; background: url(//wetestoss.sflep.com/assets/test/images/audio_paused_btn.svg) 100% 100%; border-radius: 40px; overflow: hidden; cursor: default;}
.audio-controller-box.audio-paused{background: url(//wetestoss.sflep.com/assets/test/images/audio_paused_btn.svg) 100% 100%; cursor: pointer;}
.audio-controller-box.audio-paused:hover{ box-shadow: 0px 0px 4px 0px #7595FF; transition: all 0.3s;}
.audio-controller-box.audio-playing{background: url(//wetestoss.sflep.com/assets/test/images/audio_playing_btn.svg) 100% 100%; cursor: default;}
.audio-controller-box.audio-ended{background: url(//wetestoss.sflep.com/assets/test/images/audio_ended_btn.svg) 100% 100%; cursor: default;}
.audio-controller-box.audio-loading{background: url(//wetestoss.sflep.com/assets/test/images/audio_loading_btn.svg) 100% 100%; cursor: default;}
.audio-controller-box.audio-error{background: url(//wetestoss.sflep.com/assets/test/images/audio_error_btn.svg) 100% 100%; cursor: default;}
/* 音频播放器 end */

@media (min-width: 1200px) {
    .tab-content{margin-right: 300px;}
    .answer_sheet {width: 288px;}
}
@media (max-width: 768px) {
    body, .container {
        width: 100% !important;
        min-width: auto;
    }
    #ulParts {
        position: relative;
        padding-top: 42px;
    }
    #ulParts #spDefaultTimer {
        position: absolute;
        top: 0;
        right: 0;
    }
    #navHeader, #navFooter {
        display: none;
    }
}

@media (min-width: 768px) {
    .btn_return {
        display: none;
    }
}

@media (max-width: 767px){
    .tab-content{margin-right: 0;}
    .answersheet-control-btn,
    .answer_sheet{display: none!important;}
}