@charset "UTF-8";
/******试卷信息概览页 start*****/
#test{
    width:100%;
    min-width:1400px;
    height:400px;
    background:url("../images/test_bg.jpg") no-repeat top center;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#position,#position a,
.layui-breadcrumb span[lay-separator],
.layui-breadcrumb a cite,
#position a:hover{ color:#fff!important;}
#position>span{ padding:30px 0;}
/*试卷信息 start*/
.message{
    position:relative;
    width:100%;
    margin-top:20px;
    overflow:hidden;
}
.message h1{
    display:block;
    width:100%;
    line-height:30px;
    font-size:24px;
    font-weight:bold;
    color:#fff;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.m_tag{
    display:flex;
    justify-content:center;
    width:100%;
    margin:35px auto;
    overflow:hidden;
}
.m_tag span{
    position:relative;
    flex:1;
    height:35px;
    line-height:35px;
    color:#fff;
    padding:0 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.m_tag span::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    transform:translate(0,-50%);
    width:1px;
    height:10px;
    background:#fff;
}
.m_tag span:last-child::after{display:none;}
.message_btn{
    width:100%;
    text-align: center;
    overflow:hidden;
}
.message_btn span{
    display:inline-block;
    width:120px;
    height:45px;
    line-height:45px;
    background:#fff;
    border:2px solid #fff;
    border-radius:8px;
    color:#333;
    font-size:16px;
    margin:0 10px;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
    cursor: pointer;
}
.message_btn span i{
    display:inline-block;
    width:25px;
    height:25px;
    background:url("../images/video_collect1.png") no-repeat center;
    vertical-align:-6px;
    cursor:pointer;
}
.message_btn span.dian i{
    background:url("../images/video_collect2.png") no-repeat center;
}
.message a.m_study{
    display: inline-block;
    width:150px;
    height:45px;
    line-height:45px;
    background:#fff;
    border:2px solid #fff;
    border-radius:8px;
    color:#333;
    font-size:16px;
    margin:0 10px;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
}
.message .m_study:hover{
    color:#fff;
    background:#002fa7;
    box-shadow:2px 3px 6px 2px rgba(0,0,0,.1);
    color:#fff;
}
/*试卷信息 end*/

/*试卷详情 start*/
.exam_nav{
    min-height:300px;
    margin:-40px auto 25px;
}
.detail_btn{
    width:100%;
    background:#fff;
    border-radius:15px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    padding:20px 20px;
    overflow:hidden;
    box-sizing: border-box;
}
.detail_btn li{
    position:relative;
    float:left;
    color:#000;
    font-size:17px;
    line-height:45px;
    padding:0 15px;
    border-radius:8px;
    margin-right:20px;
    transition:all 0.3s;
    overflow:hidden;
    cursor:pointer;
}
.detail_btn li i{
    float:left;
    width:30px;
    height:30px;
    background-size:cover;
    margin:7px 5px 0 0;
    transition:all 0.3s;
}
.detail_btn li:first-child i{background:url(../images/xq_tb6.png) no-repeat;}
.detail_btn li:last-child i{background:url(../images/xq_tb7.png) no-repeat;}
.detail_btn li:first-child.sel i,.detail_btn li:first-child:hover i{background:url(../images/xq_w_tb6.png) no-repeat;}
.detail_btn li:last-child.sel i,.detail_btn li:last-child:hover i{background:url(../images/xq_w_tb7.png) no-repeat;}
.detail_btn li.sel,.detail_btn li:hover{
    background:#002fa7;
    color:#fff;
}

.detail_nav{
    width:100%;
    background:#fff;
    border-radius:15px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    margin-top:20px;
    overflow:hidden;
}
.detail_list{
    width:100%;
    padding:0 20px;
    overflow:hidden;
    box-sizing: border-box;
    display:none;
}
/*相关课程 start*/
.tea_item li{
    border-bottom:1px dashed #ddd;
    border-radius:0;
    padding:20px 0;
    margin:0;
}
.tea_item li:last-child{border:0;}
.tea_item .t_left{left:0;}
.tea_item .t_watch{right:0;}
/*相关课程 end*/

/*相关试卷 start*/
.test_list{ 
    padding:0;
    margin:0 auto;
}
.test_list li{
    border:0;
    background:#f0f4fe;
    border-radius:6px;
    padding:15px 20px 15px 15px;
    margin-top:20px;
    box-sizing: border-box;
}
.test_list .icon_test{ left:15px;}
.test_nav{ padding:0 140px 0 50px;}
.test_message i{ background:#fff;}
.test_btn{
    background:transparent;
    right:20px;
}
/*相关试卷 end*/

/*选择答题模式 start*/
.exam_type{
    width:100%;
    padding:20px 25px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}
.exam_type a{
    float:left;
    width:330px;
    text-align: center;
}
.exam_type a img{
    width:100%;
    border-radius:15px;
}
.exam_type a:first-child{
    margin-right:20px;
}
.exam_type a span{
    display:block;
    width:100%;
    font-size:16px;
    font-weight:bold;
    color:#000;
    margin:15px 0 10px;
    text-align: center;
    overflow: hidden;
}
.exam_type a p{
    font-size:14px;
    color:#888;
    line-height:25px;
    text-align:justify;
}
.exam_type a:first-child img:hover{
    box-shadow: 0 0 15px 1px rgba(0,47,167,0.6);
}
.exam_type a:last-child img:hover{
    box-shadow: 0 0 15px 1px rgba(251,85,36,0.6);
}
/*选择答题模式 end*/
/******试卷信息概览页 end*****/