@charset "UTF-8";
/*************资源检索总列表页 start**********/
.list_banner{
    position:relative;
    width:100%;
    min-width:1400px;
    height:300px;
    overflow:hidden;
}
.list_center{
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:1920px;
    height:300px;
    background:url("../images/list_banner.jpg") no-repeat center;
}
/*显式检索区 start*/
#kinds{
    width:100%;
    min-width:1400px;
    background:#fff;
    overflow:hidden;
}
.kinds_box{
    position:relative;
    overflow:hidden;
}
.kinds_nav{
    position:relative;
    width:100%;
    padding:12px 0;
    border-bottom:1px dashed #ddd;
    margin:0 auto;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.kinds_list{
    position:relative;
    width:100%;
    overflow:hidden;
}
.kinds_box .kinds_nav:last-child{
    border:0;
}
.kinds_list dt{
    position:absolute;
    left:0;
    top:0;
    width:80px;
    line-height:38px;
    font-size:16px;
    color:#000;
    overflow:hidden;
}
.kinds_list dd{
    position:relative;
    width:100%;
    padding:0 0 0 80px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.two .kinds_list,
.three .kinds_list,
.four .kinds_list{max-height:108px;}
.two .kinds_list.active,
.three .kinds_list.active,
.four .kinds_list.active{max-height:100%;}
.kinds_list dd a{
    float:left;
    height:28px;
    line-height:28px;
    border-radius:28px;
    padding:0 10px;
    margin:4px;
    transition:all 0.26s;
    overflow:hidden;
    cursor: pointer;
}
.kinds_list dd a:hover,
.kinds_list dd a.current{
    color:#fff;
    background:#fb5323;
}
.open,.open2,.open3{
    position:absolute;
    top:15px;
    right:0;
    width:65px;
    height:26px;
    line-height:26px;
    background:#fb5323;
    border:1px solid #fb5323;
    color:#fff;
    font-size:13px;
    border-radius:30px;
    text-align:center;
    cursor:pointer;
    transition:all .3s ease;
    display:none;
}
.open:hover,.open2:hover,.open3:hover{opacity:0.9;}
.open i,.open2 i{font-size:13px;}
.six .kinds_list dd{ padding:0 220px 0 80px;}
.kinds_btn{
    position:absolute;
    right:0;
    bottom:0;
    line-height:40px;
}
.kinds_btn p{
    float:left;
    margin-left:15px;
    overflow:hidden;
    cursor: pointer;
}
.kinds_btn i{
    float:left;
    width:40px;
    height:40px;
    background:url("../images/kinds_btn.png") no-repeat;
}
.kinds_btn i.btn1{ background-position:0 0;}
.kinds_btn i.btn2{ background-position:-40px 0;}
.kinds_btn p:hover,.kinds_btn p.sel{ color:#fb5323;}
.kinds_btn p:hover i.btn1,
.kinds_btn p.sel i.btn1{ background-position:0 -40px;}
.kinds_btn p:hover i.btn2,
.kinds_btn p.sel i.btn2{ background-position:-40px -40px;}
/*显式检索区 end*/

.list .item{
    display:none;
}
/*网格视频、列表展示 start*/
.item .itemlist{ display:none;}
.course_list li .c_down{ padding:0;}
.course_list li .c_down h4{ margin:5px 0;}
.course_list .c_down p{
    height:24px;
    line-height:24px;
    font-size:13px;
}
.tea_item{
    width:100%;
    overflow:hidden;
}
.tea_item li{
    position:relative;
    width:100%;
    min-height:200px;
    background:#fff;
    border-radius:5px;
    padding:20px;
    margin-top:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tea_item .t_left{
    position:absolute;
    left:20px;
    width:270px;
    height:180px;
    overflow:hidden;
}
.tea_item .t_left img{
    width:100%;
    border-radius:5px;
    transition:all .5s;
}
.tea_item .t_left:hover img{
    transform:scale(1.1,1.1);
}
.tea_item .t_left i.mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    z-index:9;
}
.tea_item .t_left i.icon_play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:url("../images/icon_play.png") no-repeat center;
    background-size:cover;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: all .3s ease-out;
    z-index:10;
    opacity:0;
}
.tea_item .t_left:hover i.mask{
    opacity:.3;
}
.tea_item .t_left:hover i.icon_play{
    transform:scale(1);
    opacity:1;
}
.tea_item .t_nav{
    width:100%;
    min-height:180px;
    padding:10px 180px 10px 290px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tea_item .t_nav a{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    color:#000;
    font-size:17px;
    margin-bottom:12px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.t_nav p{
    width:100%;
    height:35px;
    line-height:35px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.tea_item .t_nav a:hover{
    color:#fb5323;
    text-decoration: underline;
}
.tea_item .t_nav p{ color:#777;}
.tea_item .t_nav p span{
    float:left;
    min-width:280px;
    margin-right: 15px;
}
.tea_item .t_tag,.tea_item .t_nav i {
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    color:#999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tea_item .t_tag span {
    float: left;
    margin-right: 10px;
    color: #999;
}
.tea_item .t_nav .field{
    width:100%;
    height:60px;
    line-height:30px;
    color:#777;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.tea_item .t_watch{
    position:absolute;
    right:20px;
    bottom:30px;
    width:150px;
    line-height:40px;
    background-image: -moz-linear-gradient( 0deg, rgb(245,109,45) 1%, rgb(246,137,69) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(245,109,45) 1%, rgb(246,137,69) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(245,109,45) 1%, rgb(246,137,69) 100%);
    border-radius:40px;
    color:#fff;
    transition:all .3s;
    text-align: center;
    overflow:hidden;
}
.tea_item .t_watch:hover{
    opacity:0.8;
}
/*网格视频、列表展示 end*/

/*知识图谱、学习笔记 start*/
.tupu_list{
    width:100%;
    background:#fff;
    border-radius:5px;
    padding:20px 20px 5px;
    margin-top:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tupu_list li{
    position:relative;
    width:100%;
    background:#fff6f4;
    border-radius:8px;
    padding:15px;
    margin-bottom:15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tupu_list img{
    position:absolute;
    left:15px;
    top:50%;
    transform:translate(0,-50%);
    width:40px;
}
.tupu_list h2{
    width:100%;
    line-height:40px;
    font-size:16px;
    padding:0 230px 0 45px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tupu_list span{
    position:absolute;
    right:160px;
    top:50%;
    transform:translate(0,-50%);
    color:#777;
    font-size:14px;
    line-height:35px;
    cursor:pointer;
}
.tupu_list span i{
    float:right;
    width:24px;
    height:24px;
    background:url(../images/icon_shoucang1.png) no-repeat center;
    background-size:cover;
    margin-top:5px;
}
.tupu_list span i.sel{
    background:url(../images/icon_shoucang2.png) no-repeat center;
    background-size:cover;
}
.dagang_btn{
    position:absolute;
    right:15px;
    top:50%;
    transform:translate(0,-50%);
    width:120px;
    line-height:36px;
    border:2px solid #fb5323;
    border-radius:40px;
    color:#fb5323;
    text-align:center;
    transition:all .3s;
    overflow:hidden;
}
.dagang_btn:hover{
    color:#fff;
    background:#fb5323;
}
/*知识图谱、学习笔记 end*/
/*************资源检索总列表页 end**********/