@charset "UTF-8";
/**************学习书库 start************/
.book_banner{
    position:relative;
    width:100%;
    min-width:1280px;
    height:350px;
    overflow:hidden;
}
.book_center{
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:1920px;
    height:350px;
    background:url("../images/book_banner.jpg") no-repeat center;
}
/*书库列表 start*/
#book{
    width:100%;
    min-width:1280px;
    height:940px;
    background:url("../images/book_bg.jpg") no-repeat center;
}
.book_title{
    width:100%;
    padding:30px 0;
    text-align:center;
    overflow:hidden;
}
.book_nav{
    width:100%;
    overflow:hidden;
}
.book_nav .book_list1{ margin-bottom:76px;}
.book_nav .book_list2{ margin-bottom:40px;}
.book_list{
    width:100%;
    overflow:hidden;
}
.book_list li{
    position:relative;
    float:left;
    width:219px;
    height:288px;
    background:#fff;
    border-radius:8px;
    padding:2px;
    margin:0 0 0 104px;
    overflow:hidden; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.book_list li span{
    display:block;
    width:215px;
    height:284px;
    border-radius:8px;
    overflow:hidden;
}
.book_nr{
    position:absolute;
    left:0;
    bottom:-140px;
    width:100%;
    height:140px;
    background:rgba(0,0,0,.7);
    padding:10px;
    transition:all .5s ease;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.book_nr h3{
    width:100%;
    color:#fff;
    font-size:15px;
    line-height:26px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.book_nr p{
    width:100%;
    color:#ccc;
    font-size:14px;
    line-height:24px;
    margin:10px 0;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.book_list li:hover .book_nr{
    bottom:0;
}
@media screen and (max-width: 1399px){
    .book_list li{
        margin:0 0 0 80px;
    }
} 
/*书库列表 end*/
/**************学习书库 end*************/

/**************学习书库详情页 start*************/
.book_detail{
    width:100%;
    min-width:1280px;
    height:435px;
    background:url("../images/detail_tu.jpg") no-repeat center;
    overflow:hidden;
}
/*内容上 start*/
.book_up{
    position:relative;
    width:100%;
    height:325px;
    background:#fff;
    border-radius:10px;
    padding:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.book_left{
    position:absolute;
    left:20px;
    width:215px;
    height:284px;
    border:1px solid #eee;
    border-radius:8px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.book_left img{
    width:100%;
}
.book_right{
    position:relative;
    width:100%;
    padding:0 0 0 235px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.book_right h2{
    width:100%;
    line-height:40px;
    font-size:18px;
    color:#000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.book_right>span{
    display:block;
    width:100%;
    color:#333;
    font-size:14px;
    line-height:35px;
    padding-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.book_introduce{
    width:100%;
    padding:10px 20px;
    background:#f3f3f3;
    border-radius:8px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.introduce_list{
    float:left;
    width:calc((100% - 20px)/2);
    overflow:hidden;
}
.introduce_list:first-child{
    margin-right:20px;
}
.introduce_list li{
    width:100%;
    line-height:35px;
    color:#666;
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*内容上 end*/

/*图书简介 start*/
.book_down{
    width:100%;
    overflow:hidden;
}
.book_btn{
    width:100%;
    background:#fff;
    margin:0 auto;
    text-align: center;
    overflow:hidden;
}
.book_btn li{
    display:inline-block;
    line-height:60px;
    padding:0 10px;
    font-size:16px;
    margin-right:30px;
    cursor:pointer;
}
.book_btn li.active{
    border-bottom:2px solid #0b388e;
    color:#0b388e;
}
.book_box{
    background:#fff;
    border-radius:10px;
    padding:20px 30px;
    margin:20px auto;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.book_box .book_item{
    width:100%;
    overflow:hidden;
    display:none;
}
.book_intro{
    width:100%;
    overflow:hidden;
}
.book_intro p{
    line-height:30px;
    text-indent:28px;
    color:#555;
    margin-top:15px;
    font-family: 'FZBIAOYSJW'!important;
}
/*图书简介 end*/

/*图书目录 start*/
.book_intro h1{
    font-size:17px;
    color:#000;
    margin-top:15px;
}
/*图书目录 end*/
/**************学习书库详情页 end*************/