@charset "utf-8";
/****************试卷页面 start************/
body{ font-family:"微软雅黑"!important;}
#top{
    height:100px;
    background:url(../images/testing_bg.jpg) no-repeat center;
}
.logo{ margin:15px 0;}
.rtbox{ margin:33px 0;}
.rtbox,.rtbox a{
    color:#ffd500;
}
/*试卷介绍 start*/
#testing_top{
    padding:30px 20px;
    background:#fff;
    margin:20px auto 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#testing_top h1{
    width:100%;
    height:35px;
    line-height:35px;
    font-size:22px;
    color:#000;
    border-bottom:1px dashed #e6e6e6;
    text-align: center;
    padding-bottom:20px;
    margin-bottom:20px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.testing_intro{
    width:820px;
    height:35px;
    text-align:center;
    margin:0 auto;
    overflow:hidden;
}
.testing_intro p{
    display:inline-block;
    line-height:35px;
    margin:0 20px;
    color:#6e6e6e;
    font-size:14px;
}
/*试卷介绍 end*/

/*开始做题 start*/
.testing{
    width:100%;
    margin:20px 0;
    overflow:hidden;
}
/*试卷内容左侧 start*/
.testing_l{
    float:left;
    width:1065px;
    overflow:hidden;
}
/*题型 start*/
.testing_select{
    width:1065px;
    background:#fff;
    margin-bottom:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.testing_select.active{
    position:fixed;
    top:0;
    z-index:999;
    background:#eee;
    box-shadow:2px 1px 5px 0 rgba(0,0,0,.2);
}
.testing_select a{
    display:inline-block;
    line-height:50px;
    padding:0 15px;
    color:#000;
    font-weight:bold;
    padding-bottom:4px;
}
.testing_select a.col_sel{
    color:#1d4a9f;
    border-top:4px solid #1d4a9f;
    background-image: -moz-linear-gradient( -90deg, #d9e6ff 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, #d9e6ff 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient( -90deg, #d9e6ff 0%, rgba(255,255,255,0) 100%);
}
/*题型 end*/

/*试题 start*/
.testing_nav{
    width:100%;
    overflow:hidden;
}
.question_all{
    width:100%;
    overflow:hidden;
}
.question_topic{
    width:100%;
    overflow:hidden;
}
.topic_type{
    width:100%;
    background:#fff;
    padding:15px 0 5px;
    overflow:hidden;
}
.topic_type h2{
    float:left;
    height:30px;
    line-height:30px;
    font-size:16px;
    font-weight:bold;
    overflow:hidden;
}
.topic_type h2 em{
    float:left;
    width:5px;
    height:22px;
    margin:4px 20px 0 0;
    background:#1d4a9f;
}
.topic_type h2 span{
    font-size:14px;
    font-weight:400;
    color:#999;
    margin-left:15px;

}
.question_all_same{
    position:relative;
    width:100%;
    background:#fff;
    padding:0 20px 20px;
    margin-bottom:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.question_stem{
    position:relative;
    width:100%;
    background:#fff;
    padding:0 20px;
    margin:0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.question_stem .question_title{
    margin-bottom:15px;
}
.question_content{
    width:100%;
    text-align:left;
    margin-top:20px;
}
.question_content pre,.question_title pre{
    line-height:28px;
    color:#000;
    font-family:"微软雅黑";
}
.question_content span.num{
    float:left;
    line-height:25px;
    border-radius:50%;
    color:#000;
    text-align:center;
    overflow:hidden;
}
.question_content .layui-form-item{
    margin:15px 0;
}

.question_all_list{
    position:relative;
    width:100%;
    background:#fff;
    padding-bottom:5px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.question_all_list .question_all_same{
    padding:0 20px;
    margin-bottom:15px;
}
.question_all_list .question_content{
    margin-top:0;
}
.question_all_list .question_title{
    width:100%;
    background:#eee;
    padding:15px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.testing_nav .layui-form-radio>i:hover, .layui-form-radioed>i{
    color:#1d4a9f;
}
.testing_nav .layui-form-checked[lay-skin=primary] i {
    border-color:#1d4a9f!important;
    background-color:#1d4a9f;
}
.testing_nav .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color:#1d4a9f;
}
/*试题 end*/

/*标记 start*/
.question_btn{
    width:100%;
    padding-right:5px;
    text-align:right;
    overflow:hidden;
    box-sizing: border-box;
}
.question_btn>div{
    display:inline-block;
    height:30px;
    line-height:30px;
    border-radius:5px;
    font-size:14px;
    color:#999;
    margin-left:20px;
    text-align:center;
    overflow:hidden;
    cursor:pointer;
}
.question_btn>div i{
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:-3px;
    margin-right:5px;
    overflow:hidden;
}
.question_btn>div.q_tag i{
    background:url("../images/icon_tag1.png") no-repeat center;
    background-size:cover;
}
.question_btn>div.q_tag.change i{
    background:url("../images/icon_tag2.png") no-repeat center;
    background-size:cover;
}
.question_btn>div.q_wrong i{
    background:url("../images/icon_error.png") no-repeat center;
    background-size:cover;
}
.question_btn>div.q_collect i{
    background:url("../images/icon_sc1.png") no-repeat center;
    background-size:cover;
}
.question_btn>div.q_collect.change i{
    background:url("../images/icon_sc2.png") no-repeat center;
    background-size:cover;
}
.question_btn>div.q_answer i{
    background:url("../images/icon_answer.png") no-repeat center;
    background-size:cover;
}

.biaoji{
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    background:url("../images/icon_biaoji.png") no-repeat center;
    overflow:hidden;
    display:none;
}
/*标记 end*/
/*试题 end*/
/*试卷内容左侧 end*/

/*右侧 start*/
.testing_r{
    position:relative;
    z-index:999;
    float:right;
    width:325px;
    overflow:hidden;
}
.testing_r.active{
    position:fixed;
    top:0;
    z-index:999;
    margin-left:1075px;
}
.testing_r_change{
    width:100%;
    background:#fff;
    padding:15px 20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.change_font,.change_color{
    width:100%;
    overflow:hidden;
}
.change_font dt,.change_color dt{
    float:left;
    color:#999;
    line-height:30px;
}
.change_font dd,.change_color dd{
    float:left;
    line-height:30px;
    overflow:hidden;
}
.change_font dd i{
    display:inline-block;
    width:35px;
    text-align: center;
    overflow:hidden;
    cursor:pointer;
}
.change_font dd i.font_size12{
    font-size:12px;
}
.change_font dd i.font_size14{
    font-size:14px;
}.change_font dd i.font_size16{
     font-size:16px;
 }
.change_font dd i.font_size18{
    font-size:18px;
}
.change_font dd i.font_size20{
    font-size:20px;
}

.change_color dd span{
    float:left;
    width:21px;
    height:20px;
    border:1px solid #eee;
    margin:5px 0;
    overflow:hidden;
    cursor:pointer;
}
.change_color dd span:not(:first-child){
    margin-left:5px;
}
.change_color span.col_white{
    background:#f4f4f4;
}
.change_color span.col_purple{
    background:#aa96da;
}
.change_color span.col_red{
    background:#fcbad3;
}
.change_color span.col_orange{
    background:#FF5722;
}
.change_color span.col_yellow{
    background:#ffffd2;
}
.change_color span.col_green{
    background:#8ad7c1;
}
.change_color span.col_blue{
    background:#a8d8ea;
}
.action{
    width:100%;
    background:#fff;
    padding:15px 20px;
    margin-top:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.action .surplus{
    width:100%;
    line-height:30px;
    color:#333;
    font-size:16px;
}
.action .surplus>img{
    width:30px;
    margin-right:5px;
    vertical-align:-9px;
}

.hand_paper{
    width:100%;
    background:#fff;
    padding:15px 20px;
    margin-top:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hand_paper a{
    float:left;
    width:135px;
    height:40px;
    line-height:40px;
    border-radius:5px;
    font-size:15px;
    text-align: center;
    overflow:hidden;
}
.hand_paper a:not(:nth-child(2n)){
    margin-right:15px;
}
.hand_paper a.hand{
    color:#fff;
    background:#1d4a9f;
}
.hand_paper a.leave{
    color:#000;
    background:#ddd;
}

.topic_card{
    width:100%;
    background:#fff;
    padding-bottom:15px;
    margin-top:10px;
    overflow:hidden;
}
.card_title{
    width:100%;
    padding:15px 20px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card_title h2{
    width:100%;
    font-size:18px;
    font-weight:bold;
    padding-bottom:5px;
    text-align: center;
    overflow:hidden;
}
.card_title h4{
    width:100%;
    line-height:30px;
    background:#f0f4fe;
    border-radius:5px;
    color:#1d4a9f;
    font-size:14px;
    margin-top:10px;
    text-align:center;
    overflow:hidden;
}
.card_title_kuai{
    width:100%;
    margin:15px 0;
    overflow:hidden;
}
.card_title_kuai p{
    float:left;
    height:20px;
    line-height:20px;
    color:#000;
    overflow:hidden;
}
.card_title_kuai p:not(:first-child){
    margin-left:45px;
}
.card_title_kuai p span{
    float:left;
    width:20px;
    height:20px;
    border-radius:3px;
    margin-right:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card_title_kuai p.card_do span{
    background:#FF5722;
}
.card_title_kuai p.card_not span{
    background:#d7d7d7;
    border:1px solid #d7d7d7;
}
.card_title_kuai p.card_tag span{
    position:relative;
    border:1px solid #d7d7d7;
}
.card_title_kuai p.card_wrong span{
    background:#d7271f;
}
.card_title_kuai p.card_right span{
    background:#47ad76;
}

.card_title_kuai p.card_tag i{
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:8px;
    height:8px;
    background:url("../images/icon_biaoji.png") no-repeat center;
    background-size:cover;
    overflow:hidden;
}

.sel_topic{
    width:100%;
    height:410px;
    overflow-y:scroll;
}
/*单项选择题选项 start*/
.single_item{
    width:100%;
    padding:0 20px;
    margin-bottom:15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.single_item h2{
    color:#000;
    line-height:26px;
    font-size:16px;
}
.single_list{
    width:100%;
    overflow:hidden;
}
.single_list li{
    float:left;
    width:30px;
    font-size:12px;
    text-align:center;
    margin:15px 15px 0 0;
    position:relative;
    overflow:hidden;
}
.single_list li.icon_tag:after{
    content: "";
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:8px;
    height:8px;
    background:url(../images/icon_biaoji.png) no-repeat center;
    background-size:cover;
    overflow:hidden;
}
.single_list li:nth-child(6n){
    margin-right:0;
}
.single_list li a{
    display:block;
    width:30px;
    height:26px;
    line-height:24px;
    border:1px solid #d7d7d7;
    border-radius:3px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.single_list li a.add_color{
    color:#fff;
    border:1px solid #FF5722;
    background:#FF5722;
}
.single_list li a.add_color1{
    color:#fff;
    border:1px solid #d7271f;
    background:#d7271f;
}
.single_list li a.add_color2{
    color:#fff;
    border:1px solid #47ad76;
    background:#47ad76;
}
.single_list li a.add_color3{
    color:#fff;
    border:1px solid #d7d7d7;
    background:#d7d7d7;
}
/*单项选择题选项 end*/
/*右侧 end*/

/*暂停做题弹出框 start*/
.shade{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 99;
}
.pop-up{
    display:none;
    position:fixed;
    top:calc(50% - 165px);
    right:calc(50% - 200px);
    width:330px;
    height:400px;
    background:#fff;
    z-index:999;
}
.pop-up p{
    width:100%;
    margin-top:20px;
    text-align: center;
}
.pop-up .pop-button{
    width:150px;
    height:40px;
    text-align:center;
    line-height:40px;
    background:#1d4a9f;
    color:#fff;
    font-size:16px;
    border-radius:5px;
    margin:20px auto;
    cursor:pointer;
}
/*暂停做题弹出框 end*/

/*查看答案弹出框 start*/
.pop-up2{
    display:none;
}
.right_answer{
    width:94%;
    margin:15px auto;
    overflow:hidden;
}
.right_answer h2{
    width:100%;
    font-size:15px;
}
.right_answer h2 i{
    color:#f00;
}
.right_export{
    width:100%;
    margin-top:10px;
    padding:10px;
    border:1px dashed #1d4a9f;
    border-radius:5px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.right_export p{
    width:100%;
    line-height:25px;
    color:#666;
    margin-top:10px;
    text-align: justify;
    overflow:hidden;
}
/*查看答案弹出框 end*/
#return_top{
    position:fixed;
    right:50px;
    bottom:100px;
    width:40px;
    height:40px;
    background:#1d4a9f;
    border-radius:50%;
    text-align:center;
    overflow:hidden;
    display:none;
    cursor:pointer;
}
#return_top i {
    font-size: 18px;
    color: #fff;
    line-height: 40px;
}
/*滚动条样式 start*/
*::-webkit-scrollbar {
    width:8px;
}
*::-webkit-scrollbar-thumb {
    border-radius:5px;
    background:rgba(0,0,0,0.12);
}
*::-webkit-scrollbar-track {
    border-radius:0;
    background:rgba(0,0,0,0.08);
}
/*滚动条样式 end*/

/*成绩结果 start*/
.submit_layer{
    position:fixed;
    top:0;
    z-index:99999;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    display:none;
}
.result_box{
    position:absolute;
    top:50%;
    left:50%;
    width:800px;
    height:530px;
    margin:-220px 0 0 -315px;
    background:#fff;
    padding:13px 20px 15px;
    border-radius:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.result_box .close{
    position:absolute;
    right:15px;
    top:10px;
    width:20px;
    height:20px;
    line-height:18px;
    border:2px solid #1d4a9f;
    font-weight:bold;
    border-radius:50%;
    color:#1d4a9f;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    transition:all .5s;
}
.result_box .close:hover{
    transform:rotate(180deg);
}
.result_box h1{
    width:100%;
    line-height:30px;
    color:#000;
    font-size:16px;
    font-weight:bold;
    padding:0 30px;
    text-align: center;
    margin:10px auto 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.result_box h2{
    width:100%;
    color:#1d4a9f;
    font-size:14px;
    text-align:center;
    margin:0 auto 15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.result_c{
    position:relative;
    width:100%;
    border:2px solid #1d4a9f;
    border-radius:5px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.result_scroll{
    width:100%;
    height:240px;
    overflow-y:auto;
}
.layui-table[lay-even] tr:nth-child(even),
.layui-table tbody tr:hover{
    background:#f0f4fe;
}
.result_c .layui-table{
    margin:0;
}
.result_c .layui-table th{
    font-size:15px;
    font-weight:bold;
    color:#333;
    text-align:center;
}
.result_c .layui-table thead tr{
    background:#1d4a9f;
}
.result_c .layui-table thead tr th{
    color:#fff;
}
.layui-table tbody tr{
    background:#fff;
    color:#333;
}
.result_c .layui-table[lay-size=lg] td,
.layui-table[lay-size=lg] th{
    padding:13px 5px;
    text-align:center;
}
.result_c .layui-table[lay-size=lg] td{
    padding:10px 5px;
}
.submit_btn{
    width:100%;
    margin:15px 0;
    text-align: center;
    overflow:hidden;
}
.submit_btn a{
    display:inline-block;
    padding:13px 40px;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    margin:0 20px;
}
.submit_btn a:hover{
    opacity:0.9;
}
.result_box p{
    color:#f00;
    font-size:13px;
    margin-top:10px;
}
.result_box p span{
    display:block;
    line-height:22px;
}
.submit_btn .btn_watch{
    background:#1d4a9f;
}
.submit_btn .btn_return{
    background:#FF5722;
}

.notice_layer{
    text-align:center;
}
.notice_layer>p{
    margin-top:10px;
}
.notice_layer>img{
    height:155px;
}
.layui-layer-btn{
    padding:0 15px 20px!important;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color:#1d4a9f!important;
    background-color:#1d4a9f!important;
}
/*成绩结果 end*/
.layui-form-checkbox[lay-skin=primary] span{
    white-space: normal;
}
.layui-form-radio>i{
    position:absolute;
}
.layui-form-radio>div{
    margin-left:30px;
}
/************************试卷页面 start************************/

/************************报错弹出页 start**********************/
.error_box{
    width:94%;
    margin:0 auto;
    overflow:hidden;
}
.error_title{
    width:100%;
    margin:10px 0;
    overflow:hidden;
}
.error_title p{
    width:100%;
    line-height:25px;
    text-indent:25px;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    overflow:hidden;
}
.error_box .layui-textarea{
    min-height:55px;
}
.error_box .layui-form-item{
    margin-bottom:10px;
}
#save{
    background:#1d4a9f;
}
/************************报错弹出页 end**********************/

/************************答案解析页 start**********************/
.analysis{
    width:100%;
    background:#f1f1f1;
    border-radius:5px;
    padding:5px 20px 20px;
    margin:10px 0 0 0;
    text-align: justify;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.daan{
    width:100%;
    line-height:35px;
    border-bottom:1px dashed #bbb;
    font-size:15px;
    overflow:hidden;
}
.daan span{
    float:left;
    font-size:16px;
    margin-right:20px;
}
.daan i.standard{
    color:#47ad76;
}
.daan i.mine{
    color:#f00;
}
.daan_jiexi{
    width:100%;
    padding-top:10px;
    overflow:hidden;
}
.daan_jiexi h3{
    font-size:16px;
}
.daan_jiexi p{
    width:100%;
    line-height:30px;
    margin-top:10px;
    overflow:hidden;
}
.layui-form-radioed i,.layui-form-checked i{
    float:left;
}
.layui-form-checkbox i.icon_wrong, .layui-form-radio i.icon_wrong,
.layui-form-checkbox i.icon_right, .layui-form-radio i.icon_right{
    width:26px;
    height:26px;
    font-size:0;
    margin-left:-3px;
    border: none;
}
.layui-form-checkbox i.icon_wrong, .layui-form-radio i.icon_wrong{
    background:url("../images/icon_wrong.png") no-repeat center;
    background-size:cover;
}
.layui-form-checkbox i.icon_right, .layui-form-radio i.icon_right{
    background:url("../images/icon_right.png") no-repeat center;
    background-size:cover;
}
.layui-disabled, .layui-disabled:hover,.layui-checkbox-disbaled[lay-skin=primary] span {
    color:#333!important;
}
.layui-form-checked i{
    border-color:#fff!important;
}
/************************答案解析页 end**********************/
@media screen and (max-width: 1399px){
    .testing_l,.testing_l_select{ width:945px;}
    .testing_r.active{ margin-left:955px;}
}