/*分类展示*/


.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:4px;
    border:2px solid #e3e3e3;
    border-radius:5px;
}
.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:6px 6px 8px;
    margin:5px 20px;
    cursor:default;
    float:left;
    background:url("../images/box2_group.png") no-repeat 0 0;
}
.display_box2 li:hover{
    background-position:0 -66px;
}
.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:800px;
    padding:0 20px;
    height:42px;
    position:absolute;
    top:20px;
    left:0;
    z-index:0;
}
.btn_scene_group a{
    display:inline-block;
    width:42px;
    height:41px;
    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;
    padding:3px;
}
.lxt_bf_li span.lxt_bf_li_img img{
    width:78px;
    height:59px;
}
.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;
    margin-bottom:0;
    font-weight:normal;
}