/*分类展示*/


.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1;
}
.clear{
    clear:both;
    display:block;
    overflow:hidden;
    height:0;
    line-height:0;
    font-size:0;
}

.classified_box_warp{
    width:842px;
    margin:0 auto;
    box-shadow: 0 0 10px #999;
    border:1px solid #999;
    border-radius:3px;
    overflow:hidden;
}

.class_fl_tit{
    height:60px;
    line-height:60px;
    background: -webkit-linear-gradient(top, #f9f9f9, #e7e7e7);
    border-bottom:1px solid #a6a7a6;
}
.class_fl_tit span{
    margin-left:40px;
    font-size:24px;
    color:#222;
}
.class_fl_tit2{
    height:60px;
    line-height:60px;
    background:#e6eefc;
    border-bottom:1px dashed #90baf3;
}
.class_fl_tit2 span{
    margin-left:40px;
    font-size:20px;
    color:#2679eb;
    padding-left:20px;
    background:url("../images/box_group_i.png") no-repeat 0 8px;
}
.classified_box{
    min-height:418px;
    padding:30px;
}
.classified_box ul{
    list-style-type:none;
    margin:0;
}
.classified_box ul li{
    /*display:inline-block;*/
}
.display_box_group{
    /*height:174px;*/
    margin:0;
    padding:0;
}
.display_box_group li.display_box_g1{
    display:inline-block;
    width:170px;
    height:190px;
    margin-left:28px;
    border:2px solid #bcbcbc;
    box-shadow:0 0 3px #ccc;
    border-radius:3px;
    float:left;
    position:relative;
}
.display_box_group li.display_box_g1:first-child{
    margin:0;
}
.display_box_group li.display_box_g1:hover{
    border-color:#2679eb;
}
.class_tit{
    display:block;
    height:40px;
    line-height:40px;
    color:#252729;
    background:#f8f8f8;
    border-bottom:1px solid #e5e5e5;
    font-size:18px;
    padding-left:10px;
}
.class_tit em{
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:5px;
    background:url("../images/box_group_i.png") no-repeat 0 0;
}
.add_box{
    display:block;
    height:110px;
    padding-top:30px;
    text-align:center;
}
.display_box_list{
    padding:14px 10px;
}
.display_box_list li{
    float:left;
    margin:4px;
    width:50px;
    height:38px;
    /*padding: 2px;*/
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    background-color: rgb(242, 244, 243);
}
.display_box_list li.li_error{
    border:2px solid #fa6d41;
}
.display_box_list li:last-child{
    margin-right:0;
}
.display_box_list li span{
    display:inline-block;
    width:50px;
    height:38px;
    line-height:30px;
    text-align:center;
    background:#f2f4f3;
    border-radius:3px;
    overflow:hidden;
}
.display_box_list li span img{
    width:100%;
}
.display_box_g1 i{
    display:inline-block;
    width:35px;
    height:35px;
    background:url("../images/box_group_check.png") no-repeat 0 0;
    position:absolute;
    right:-10px;
    bottom:-10px;
}
.display_box_g1 i.right{
    background-position:0 0;
}

.display_box2{
    /*height:185px;*/
    background:#e6eefc;
    box-shadow:inset 0 1px 5px #999;
    margin-top:20px;
    border-radius:5px;
}
.display_box2 ul{
    padding:16px 17px;
}
.display_box2 li{
    /*width:72px;*/
    /*height:52px;*/
    /*padding: 4px;*/
    margin: 4px 9px;
    /*cursor:default;*/
    float:left;
    border: 2px solid #c3c3c3;
    border-radius: 4px;
}
.display_box2 li:hover{
    border-color:#2679eb;
}
.display_box2 li:last-child{
    margin-right:0;
}
.display_box2 li span{
    display:inline-block;
    width:72px;
    height:52px;
    text-align:center;
    line-height:54px;
    color:#333;
    font-size:20px;
    background:#f2f4f3;
}
.display_box2 li span img{
    width:100%;
}
.display_box2 li.display_box2_l1{
    padding:4px;
    background:none;
    border:2px dashed #aeaeae;
    border-radius:5px;
}
.display_box2 li.display_box2_l2{
    padding:4px;
    background:none;
    border:2px dashed #2679eb;
    border-radius:5px;
}

.scene_func {
    text-align:center;
    height:80px;
    line-height:80px;
    border-top:1px solid #b1b2b1;
    position:relative;
    background: -webkit-linear-gradient(top, #f3f3f3, #e5e5e5);
}
.btn_hedui{
    margin-top:20px;
    display:inline-block;
    width:127px;
    height:45px;
    line-height:45px;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    position:relative;
    z-index:1;
}
.btn_hedui_nomal,
.btn_hedui_disable{
    background:url("../images/btn_hedui.png") no-repeat 0 0;
}
.btn_hedui_nomal:hover{
    color:#fff;
    text-decoration:none;
    background-position:0 -45px;
}
.btn_hedui_disable{
    cursor:default;
    background-position:0 -90px;
}

.btn_scene_group{
    width:100%;
    padding:0 20px;
    height:42px;
    position:absolute;
    top:20px;
    left:0;
    z-index:0;
}
.btn_scene_group a{
    display:inline-block;
    width:42px;
    height:40px;
    text-indent:-99px;
    overflow:hidden;
    background:url("../images/btn_scene_group.png") no-repeat 0 0;
}
.btn_scene_group a.btn_scene_prev{
    background-position:0 0;
}
.btn_scene_group a.btn_scene_prev:hover{
    background-position:0 -41px;
}
.btn_scene_group a.btn_scene_prev:active{
    background-position:0 -82px;
}
.btn_scene_group a.btn_scene_prev_disable{
    background-position:0 -123px;
}
.btn_scene_group a.btn_scene_prev_disable:hover{
    background-position:0 -123px;
    cursor:default;
}
.btn_scene_group a.btn_scene_next{
    background-position:-42px 0;
}
.btn_scene_group a.btn_scene_next:hover{
    background-position:-42px -41px;
}
.btn_scene_group a.btn_scene_next:active{
    background-position:-42px -82px;
}
.btn_scene_group a.btn_scene_next_disable{
    background-position:-42px -123px;
}
.btn_scene_group a.btn_scene_next_disable:hover{
    background-position:-42px -123px;
    cursor:default;
}





/*连线题-播放界面*/

.lxt_bf{
    padding:0 60px;
}
.lxt_bf_li span.lxt_bf_li_img{
    display:block;
}
.lxt_bf_li span.lxt_bf_li_img img{
    max-height: 100%;
    max-width: 100%;
    vertical-align: super;
}
.lxt_bf_li span.lxt_bf_li_text{
    display:block;
    width:206px;
    padding:3px 12px;
    height:59px;
    overflow:hidden;
    text-align:left;
}


/*翻翻卡-播放界面*/
.ffka_bf_list{
    margin:0;
    padding:0 10px;
}
.ffka_bf_list li{
    display:inline-block;
    width:325px;
    height:214px;
    font-size:34px;
    color:#252729;
    line-height:214px;
    border:2px solid #c8c8c8;
    border-radius:3px;
    float:left;
    text-align:center;
    padding:6px;
    margin:18px;
    background:url("../images/ffka_bf_list.png") repeat 0 0;
}
.ffka_bf_list li img{
    display:inline-block;
    width:100%;
    height:214px;
}

/*测验——播放*/
.ceyan_tit p{
    margin:0;
    color:#898989;
}
.ceyan_tit h2{
    font-size:18px;
    margin-top:10px;
    font-weight:normal;
}
.ceyan_tit{
    border-bottom:1px dashed #d2d2d2;
}
.ceyan_box_con_type1{
    padding:50px 0;
}
.sub_detail_type_4{
    width:400px;
}
.sub_detail_type_4 li{
    width:400px;
    margin:10px 0;
}
.sub_detail_type_4 input{
    display:inline-block;
    float:right;
    width:305px;
    height:25px;
    line-height:25px;
}
.sub_tit_tare{
    display:inline-block;
    float:right;
    width:305px;
    height:63px;
    line-height:18px;
    resize:none;
    border:0;
    cursor:auto!important;
    box-shadow:none;
    background:#fff!important;
}
a.add_img_2_bf{
    width:336px;
    height:224px;
    margin: 0;
}
a.add_img_2_bf img{
    width:100%;
    height:100%;
}
.ceyan_box_con_type2{
    text-align:center;
}
.sub_detail_type_5 li{
    display:inline-block;
    margin:17px 59px;
    position:relative;
}
.sub_detail_type_5 li a.add_img{
    display:inline-block;
    width:220px;
    height:146px;
}
.sub_detail_type_5 li a.check_btn{
    position: absolute;
    right:-5px;
    bottom:-5px;
}

/*画廊-播放*/
.hualang_box{
    padding:0 87px;
}
.hualang_box_text{
    text-align:center;
    margin-top:22px;
    font-size:20px;
}
.gallery_btn_group2{
    text-align:center;
    position:relative;
    /*z-index:1;*/
    margin:0 60px;
    padding-top:3px;
}
.gallery_btn_group2 a{
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    text-align:center;
    text-decoration:none;
    font-size:20px;
    color:#333;
    margin:0 5px;
    background:url("../images/gbg_btn_bg2.png") no-repeat 0 0;
}
.gallery_btn_group2 a:hover,
.gallery_btn_group2 a.gbg_active2{
    color:#fff;
    background-position:0 -38px;
}

/*时间轴*/
.sjz_box{
    padding:0 23px;
}
.sjz_box_l{
    width:260px;
}
.sjz_box_l_list{
    min-height:600px;
    padding:50px 0;
    border-left:2px solid #d2d2d2;
}
.sjz_li_01{
    display:block;
    width:100%;
    margin:35px 0;
}
.sjz_li a{
    display:block;
    position:relative;
    text-decoration:none;
}

.sjz_li i.sjz_li_ic{
    /*display:inline-block;*/
    float: left;
    display:block;
    width:40px;
    height:40px;
    background:url("../images/sjz_ic_big.png") no-repeat 0 0;
    margin-top: -10px;
    margin-left: -21px;
}

.sjz_li i.sjz_li_ic2{
    /*display:inline-block;*/
    float: left;
    display:block;
    width:40px;
    height:40px;
    background:url("../images/sjz_ic_big.png") no-repeat 0 0;
    /*margin-top: -10px;*/
    /*margin-left: -21px;*/
}

.sjz_li_ic01{
    /*position:absolute;*/
    /*top:0;*/
    /*left:-20px;*/
}
.sjz_li a span{
    display:block;
    line-height:35px;
    font-size:22px;
    text-decoration:none;
    color:#222;
}
.sjz_li a span em{
    margin-left:50px;
    font-style:normal;
}

li.sjz_box_on span{
    font-weight:bold;
    color:#0656df;
}

.sjz_box_r{
    width:453px;
    padding-top:18px;
}
.sjz_box_top{
    text-align:center;
}
.sjz_box_r_img{
    display:inline-block;
    width:453px;
    height:280px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    box-shadow: 0 0 3px #ccc;
    background: #fff;
    padding: 6px;
}
.sjz_box_r_img img{
    width:100%;
    height:100%;
}
.sjz_box_r_tit{
    font-size:24px;
    color:#222;
    text-align:center;
    margin-top:10px;
    height: 30px;
}
.sjz_box_bot{
    margin-top:50px;
    border-top:2px solid #d2d2d2;
    position:relative;
    height:84px;
}
.sjz_box_r_con{
    font-size:18px;
    text-align:left;
}
.sjz_box_l_list2{
    height:84px;
    overflow:hidden;
    position:absolute;
    top:-20px;
    left:0;
    width: 14000px;
}
.sjz_li_02{
    display:inline-block;
    width:140px;
    margin:0 20px;
}
.sjz_li_02 a{
    text-align:center;
}