#swiper {  height: 384px; position: relative; clear: both; overflow: hidden;}
#swiper .swiper-item { position: absolute; left: 0; white-space: normal; width: 100%;}
#swiper .swiper-img { float: left; background-size: cover; background-position: center; height: 384px;  width: 100%; background-image: url(../img/banner-s.png)}

#content { width: 1400px; margin: 0 auto; }
#content .left { float: left; width: 88px; margin-top: -58px;}
#content .left .lb-title{ position: relative; background-color: #8C0000; height: 88px; width: 220px;}
#content .left .lb-title .title{  color: #FFFFFF; font-size: 24px; line-height: 1; padding: 32px 15px;}
#content .left .lb-title .shadow{ width: 165px; height: 44px; position: absolute; right: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2FFFFFFF,endColorstr=#2FFFFFFF); background-color: rgba(255,255,255,.2);}
#content .left .lb-title .shadow2{ position: absolute; right: 0; bottom: -54px; width: 220px; height: 54px;  background: #F8F8F8;}
#content .left .lb-subtitle { width: 220px; background-color: #F8F8F8; position: relative; } 
#content .left .lb-subtitle li{ width: 200px; height: 66px; border-left: 20px solid #F8F8F8; list-style-type: none; text-align: center; cursor: pointer;}
#content .left .lb-subtitle li:hover { background-color: #FFFFFF; border-left-color: #8C0000;}
#content .left .lb-subtitle li a{ display: block; text-align: center; line-height: 1; padding: 24px 0; font-size: 18px; color: #666666;}
#content .left .lb-subtitle .active{ width: 200px; background-color: #FFFFFF; border-left-color: #8C0000; list-style-type: none; text-align: center; font-size: 18px; color: #820000;}

#content .right .router {height: 77px; line-height: 77px; text-align: right;}
#content .right .list {width: 1141px; float: right; position: relative;}
#content .right .list .list-title-shadow {position: absolute; top: 20px; left: 20px; width: 1120px; height: 82px; background-color:  #EEEEEE;}
#content .right .list .list-title { position:relative; width: 1070px; height: 82px; padding: 0 25px; background-color: #FFFFFF; border: 1px solid #EEEEEE;}
#content .right .list .list-title .dot { position: relative; top: 30px; height: 22px;}
#content .right .list .list-title .dot .dot1 { position: absolute; bottom: 0; left: 0; display: inline-block;width: 5px; height: 8px; background-color: #8C0000;}
#content .right .list .list-title .dot .dot2 { position: absolute; bottom: 0; left: 10px; display: inline-block;width: 5px; height: 14px; background-color: #8C0000;}
#content .right .list .list-title .dot .dot3 { position: absolute; bottom: 0; left: 20px; display: inline-block;width: 5px; height: 21px; background-color: #8C0000;}
/* #content .right .list .list-title .dot { clear: both; display: inline-block; position:relative; top: 4px; width: 5px; height: 14px; background-color: #8C0000; }
#content .right .list .list-title .dot:before {content: ''; position:absolute; right: 10px; bottom: 0; width: 5px; height: 8px; background-color: #8C0000;}
#content .right .list .list-title .dot:after {content: ''; position:absolute; left: 10px; bottom: 0; width: 5px; height: 21px; background-color: #8C0000;} */
#content .right .list .list-title .title { display: inline-block; position: absolute; left: 40px; top: 22px; line-height: 1.5; font-weight: bold; font-size: 24px; color: #8C0000; margin-left: 20px;}
#content .right .list .list-con { width: 100%; height: auto; margin-top: 18px; }
#content .right .list .list-con .list-item { position: relative; height: 95px; line-height: 95px; padding: 0 35px;background: #FDFDFD; cursor: pointer;}
#content .right .list .list-con .list-item:hover { background: #EEEEEE;}
#content .right .list .list-con .list-item+.list-item{ border-top: 1px solid #EEEEEE;}
#content .right .list .list-con .list-item .list-item-dot{display: inline-block; position: absolute; top: 45%; width: 12px; height: 12px; background: #E5E5E5; line-height: 95px;}
#content .right .list .list-con .list-item .list-item-content{display: inline-block; position: absolute; left: 30px; margin-left: 30px; font-size: 16px; color: #333333; width: 800px; height: 95px; line-height: 95px; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap;}
#content .right .list .list-con .list-item .list-item-time {display: inline-block; font-size: 16px; color: #666666; line-height: 1; position: absolute; right: 30px; top: 40px;}
/* 书籍列表 */
#content .right .list .list-con .book-list { white-space: normal; padding: 30px 35px; background: #FDFDFD;}
#content .right .list .list-con .book-list .book-item { display: inline-table; height: 368px; margin-bottom: 20px; margin-right: 22px; padding: 0 20px 0; border: 1px solid #EEEEEE; background: #FFFFFF; box-sizing: border-box; cursor: pointer;}
#content .right .list .list-con .book-list .book-item:nth-child(4n) { margin-right: 0;}
#content .right .list .list-con .book-list .book-item img {width: 205px; height: 269px; margin-top: 20px; }
#content .right .list .list-con .book-list .book-item .book-name {margin: 10px auto 0; width: 200px; font-size: 16px; line-height: 1.2; color: #666666; text-align: center; white-space: normal; }
/* 分页 */
#content .right .list .pages {margin: 0 auto; text-align: center; height: 95px; line-height: 95px; }
#content .right .list .pages span{margin: 0 6px; }
#content .right .list .pages .total-num,.total-page { color: #333333; font-size: 14px; }
#content .right .list .pages .page-index,.page-previous,.page-next,.page-last { background: #EEEEEE !important; padding: 8px 6px; line-height: 1; color: #333333; cursor: pointer;}
#content .right .list .pages .disable { color: #999999; cursor: not-allowed;}
#content .right .list .pages .page { color: #333333; line-height: 1; padding: 6px 8px; background: #EEEEEE; cursor: pointer;} 
#content .right .list .pages .page-active { background: #8C0000; color: #FFFFFF;