.zm-nav .searchnav{display: block;}
/* 大分类 */
.cate_big{display: flex;}
.cate_big a{display: flex; border: 1px solid #eee; border-radius: 8px;width: 270px;min-width:170px;height: 100px;align-items: center;margin-right: 20px;transition: all 0.2s;padding-right: 15px;}
.cate_big a:last-child{margin: 0;}
.cate_big a:hover,.cate_big a.active{box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: scale(1.03);}
.cate_big a img{width: 26px; margin-left:16%;}
.cate_big a .desc{margin-left: 20px;}
.cate_big a .desc h3{font-size: 20px;font-weight: bold;}
.cate_big a .desc p{font-size: 16px;color: #999;margin-top: 10px;}


/* 文字列表 */
.mb_left{overflow: hidden;clear: both; width: 880px;}
.index-tab-item{float: right; width: 300px; background: #fbfbfb;}
.index-tab-item ul li {  padding:10px 5px 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap: normal; border-bottom: 1px solid #f5f5f5; margin: 0 10px;}
.index-tab-item ul li:last-child{ border-bottom: 0;}
.index-tab-item ul li span{ font-size:22px; font-style: italic;color: #bbb; margin-right: 20px;font-family: Arial;}
.index-tab-item ul li a {font-size: 14px; vertical-align: 1px; color: #555;}
.index-tab-item ul li a:hover { color: #f68b0b;}

.contBox{width: calc(100% - 450px);float: left;}
.cont::after{content: '';display: block;clear: both;width: 100%;}
.contBox.detail{width: calc(100% - 320px);}
.contBox ul{height: auto;}
.contBox .c_title h2{font-size: 22px;}

/* 标签列表 */
.page_tags{padding: 18px 0 0px;}
.page_tags a {display:inline-block;margin:15px 20px 0px 0;color:#fff;background-color:#eee;padding:8px 12px;font-size:14px;  border-radius:35px; text-decoration:none}
.page_tags a em {font-style:normal;font-size:11px;margin-left:5px;}
.page_tags a:hover {opacity: 0.8; transform: scale(1.1)}
.page_tags a:nth-child(8n){background-color:#00a2ca;}
.page_tags a:nth-child(8n+1){background-color:#5CB85C;}
.page_tags a:nth-child(8n+2){background-color:#D9534F;font-size: 12px;padding:5px 10px;}
.page_tags a:nth-child(8n+3){background-color:#FF6600;font-size: 18px;padding:12px 20px;}
.page_tags a:nth-child(8n+4){background-color:#B433FF;}
.page_tags a:nth-child(8n+5){background-color:#00ABA9;font-size: 16px;padding:10px 16px;}
.page_tags a:nth-child(8n+6){background-color:#B37333;}
.page_tags a:nth-child(8n+7){background-color:#5CB85C;}

/* 热门模板 */
.hotCont{width: 300px; float: right;}
.hotCont .listli{padding:15px 10px; background-color: #fbfbfb; display: block;border-bottom: 1px solid #eee;}
.hotCont .listli .cont{ display: flex;}
.hotCont .listli .cont h3{font-size:15px;font-weight: normal;color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hotCont .listli .cont .thumb{width: 80px; height: 80px;}
.hotCont .listli .cont .thumb img{width:100%; height: 100%;border-radius: 5px; transition: all 0.3s;}
.hotCont .listli .cont .desR{flex: 1; margin-left: 10px;display: flex; overflow: hidden; flex-direction: column;}
.hotCont .listli .cont .desR p{font-size: 12px; color: #888; margin-top: 10px; line-height:20px; height: 40px; overflow: hidden;}
.hotCont .listli:hover h3{color: #f68b0b;}
.hotCont .listli:hover img{transform: scale(1.06);}

/* 分页 */
.hb_page{ margin:25px 0 30px; clear: both;}
.total {margin-left:10px;font-size:14px;color:#888;float:left}
.hb_page { text-align: center;}
.hb_page a {display:inline-block;color:#666;height:50px;line-height:50px;padding:0 20px !important;width:auto;background:#f4f5f9;margin:0 5px;border-radius:4px;vertical-align:middle; font-size:16px;border-color: #f4f5f9;}
.hb_page a.prevPage,.hb_page a.nextPage {color:#666;}
.hb_page a.cur,.hb_page a:hover {color:#fff;background-color:#3191f5;border-radius:4px;vertical-align:middle;border: 1px solid #f4f5f9;}
.hb_page .page a.top.cur::before,.page a.top::before{border: 0;}
.page a.next::before,.page a.top::before{display: none;}
.page a.bottom,.page a.top,.page a.next{border: 1px solid #f4f5f9;}
.page a.num,.page a.bottom,.page a.next,.page a.prev,.page a.top{width: auto;border-radius:5px;  margin:0 5px 5px;}
.hb_page .disabled {display:inline-block;height:36px;line-height:36px;padding:0 15px;margin:0 5px;color:#bfbfbf;background:#f2f2f2;border:1px solid #bfbfbf;border-radius:4px;vertical-align:middle;}
.page-jumper {display:inline-block;}
.page-jumper > span {margin:0 10px;padding:11px 0;text-align:center;font-size:16px;color:#666;line-height:1;}
.page-jumper > span:first-of-type {margin-left:20px;}
.page-jumper .page-number {display:inline-block;width:60px;height:50px;text-align:center;font-size:16px;font-weight:400;color:#333;line-height:50px;border-radius:4px;background:#f4f5f9;border:0;outline:0;}
.page-jumper .page-jump-btn {display:inline-block;width:70px;height:50px;text-align:center;font-size:16px;font-weight:400;color:#fff;line-height:50px;background-color:#3191f5; border-radius:4px;outline:0;cursor:pointer;}

.cont{padding-top:30px;}
.bookLeft{width: 420px;float: right;}
.bookLeft .cy-hover:nth-child(2n){margin-right: 0;}
.common_list_cont{margin-bottom: 30px;}

.hot_muban h3,.like_about h3 {font-size:22px;color:#444;border-bottom:1px solid #eee;padding-bottom:10px;}
.hot_muban h3::before,.like_about h3::before {content:'';display:inline-block;width:4px;height:20px;background-color:#3191f5;vertical-align:middle;margin-right:10px;}
.hot_muban h3 a {float:right;font-size:14px;margin-top:10px;color:#999;font-weight: normal;}
.hot_muban h3 a i{font-size: 14px;}
.hot_muban.detail h3 a{float:none;font-size: 16px;color: #333;}

.hot_muban .common_list_cont .list_li{   width: 200px; margin-right: 10px;}

