.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::before{content: '';display: block;width: 26px;height: 30px;margin-left: 16%;}
.cate_big a.h5::before{background:url(../images/index/a2.png) no-repeat left top/100%;}
.cate_big a.haibao::before{background:url(../images/index/a3.png) no-repeat left top/100%;}
.cate_big a.book::before{background:url(../images/index/a5.png) no-repeat left top/100%;}
.cate_big a.long::before{background:url(../images/index/a4.png) no-repeat left top/100%;}
.cate_big a.form::before{background:url(../images/index/a6.png) no-repeat left top/100%;}

.cate_big a:last-child{margin: 0;}
.cate_big a:hover,.cate_big a.active{border-color:#3191f5;color: #3191f5;}
.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;}

/* 分类筛选 */
.assortment {padding:5px 0 35px;color:#5c5c5c;font-size:16px;line-height:26px;background:#fff;border-bottom: 1px solid #e1e1e1;display: none;}
.assortment.active{display: block;}
.assortment li {padding:15px 0 0px; display: flex; }
.assortment li.buttonline {border-bottom:1px solid #e9e9e9;padding-bottom:15px;margin-bottom:10px;}
.assortment li.underline {border-top:1px solid #e9e9e9;}
.assortment li ins {display:block;float:left;width:48px;text-align:center;padding:5px 0;font-size:16px;color:#898989; margin-top: 7px;;}
.assortment li span {display:block;float:left;padding-left:5px;flex: 1;}

.assortment li span a,.assortment li .more_list {display:block;float:left;margin:8px 0px 0px 20px;height:35px;line-height:35px;color:rgba(0,0,0,0.65);padding:0 16px;text-align:center;border-radius:3px;color:#333;cursor: pointer; }
.assortment li.buttonline span a {margin:5px 15px 5px 5px;}
.assortment li span a i.icon {margin-right:6px;vertical-align:-1px;font-size:19px;}
.assortment li .more_list{display: none;}
.assortment li.active span{height: auto;}
.assortment li .more_list i{transition: all 0.3s;transform:rotate(90deg);display: inline-block;}
.assortment li.active .more_list i{transform:rotate(-90deg);}
.assortment li span .clist a.on,.assortment li span .clist a:hover,.assortment li .more_list:hover,.assortment li.active .more_list {background-color:#3191f5; color:#fff;}

.assortment li .color {display:block;padding-left:5px;overflow:hidden;}
.assortment li .color a {display:block;float:left;margin-right:20px;padding:10px;}
.assortment li .color i {display:block;width:24px;height:24px;border-radius:50%;position:relative;}
.assortment li .color a:hover i:after,.assortment li .color a.on i:after {content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:30px;height:30px;border-radius:50%;border:2px solid #187cea;}


.assortment .scolor {padding:10px 20px 0 20px;color:#898989;position:relative;cursor: pointer;}
.assortment .scolor ins {display:block;float:left;color: #898989;}
.assortment .scolor .colorCont{ display: inline-block; margin-left: 10px;}
.assortment .scolor .allColor{width:20px; height: 20px; background: url(../images/list/color.jpg) no-repeat left center;position:relative; }
.assortment .scolor .colorCont .allColor::after{content: '';width: 0; height: 0; border-left: 3px solid transparent;  border-right:3px solid transparent; border-top:4px solid #888;position: absolute;right: -10px; top: 8px;}
.assortment .scolor .colorList a{display:inline-block;margin:2px 5px 0 3px;padding:0;width:50px;height:30px;border:2px solid #fff;border-radius:4px;background-position:50%;background-size:100%;background-repeat:no-repeat;cursor:pointer;font-size: 0;overflow: hidden;}
.assortment .scolor .colorList a:hover,.assortment .scolor .colorList a.on {background-color:#3191f5;border-color: #3191f5;overflow: hidden;}
.assortment .scolor .colorList a i {display:block;width:100%;height:100%;} 
.assortment .scolor .allColor{ background: url(../images/list/color.jpg) no-repeat center;background-size: cover;}
.assortment .scolor .pink{background: #FFB6C1}
.assortment .scolor .blakgold{background-image: linear-gradient(to right,#FFD700,#9b7300,#ffdd00);}
.assortment .scolor .Silver{background: #E6E8FA}
.assortment .scolor .color{background-image: linear-gradient(to right,#ff0000,#ffa500,#ffff00,#00ff00,#007fff,#0000ff,#8b00ff)}
.assortment .scolor .blue{background: #0000ff}
.assortment .scolor .Beige{background: #f5f5dc}
.assortment .scolor .red{background: #ff0000}
.assortment .scolor .Inkcolor{background: #6f717d}
.assortment .scolor .block{background: #000000}
.assortment .scolor .blockwhite{background-image: linear-gradient(to right,#000000,#ffffff)}
.assortment .scolor .white,.otherColor{background: #ffffff;border: 1px solid #e1e1e1;}
.assortment .scolor .green{background: #3CB371}
.assortment .scolor .yellow{background: #ffff00}
.assortment .scolor .purple{background: #9933FA}
.assortment .scolor .brown{background: #802A2A}
.assortment .scolor .gray{background: #CCCCCC}    
.assortment .scolor .orange{background: #FFA500}   
.assortment .scolor:hover .colorList{display: block;}
/* 版式选择 */
.sizeCate{margin-left: 35px;position: relative;}
.sizeCate ins{ color: #898989;}
.sizeCate ins::after{content: '';width: 0; height: 0; border-left: 3px solid transparent;  border-right:3px solid transparent; border-top:4px solid #888;position: absolute;right: -10px; top: 8px;}
.sizeCate .sizeList {display:none;position:absolute;top:17px;left:-8px;z-index:1;background:white;border-radius:4px;padding-top:10px;padding-bottom:10px;width:80px;box-shadow:0 8px 15px rgb(47 63 95 / 10%);}
.sizeCate .sizeList a {display:block;height:100%;padding:8px 0 8px 10px;text-align:left;}
.sizeCate .sizeList a.active,.sizeCate .sizeList a:hover {color:#3191f5;background:#F6F7F9;}
.sizeCate:hover ins {color:#3191f5;}
.sizeCate:hover .sizeList {display:block;}
.sizeCate:hover ins::after {border-top-color:#3191f5;}


/* 分页 */
.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;}
.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;}
/* 滑动切换 */
.swiper {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;position:relative;}
.swiper-vertical>.swiper-wrapper {flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide {flex-shrink:0;width:100%;height:auto;position:relative;transition-property:transform}
.swiper-button-next,.swiper-button-prev {width:55px;height:55px;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;transition:opacity .2s ease-in;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15);border-radius:50%;line-height:55px;font-size:18px;text-align:center;color:#53585c;outline:none}
.swiper-button-next i,.swiper-button-prev i {font-size:26px;}
.swiper-button-next:hover,.swiper-button-prev:hover {color:#3191f5;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {display:none;}
.swiper-button-next {right:0;transform:translate(50%,-50%)}
.swiper-button-prev {left:0;transform:translate(-50%,-50%)}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: pointer;width: 8px;height: 8px;display: inline-block;margin:0 5px;border-radius: 50%;background-color: #fff;}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 25px;border-radius: 4px;}
/* vip广告 */
.vipBanner{width: 100%;overflow: hidden; margin-top: 25px;}
.vipBanner a{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    cursor: pointer;}
    .vipBanner a img{width: 100%;}    

/* 大标题 */
.c_title{clear: both;display: flex;align-items: center;}
.c_title::after{content: ''; display: block; clear: both; overflow: hidden;}
.c_title h2{font-size:22px; float: left;position: relative;}
.c_title h2.txt{margin-right: 60px;}
.c_title h2 span{font-size: 12px;font-weight: normal; background-color: #3191f5;color: #fff; display:inline-block;line-height:20px;border-radius: 10px 10px 10px 0;position: absolute; right: -70px; top: -5px; width: 66px;text-align: center;}
.c_title .cate_link{ margin:2px 0 0 20px;flex: 1;display: flex;align-items: center;}
.c_title .cate_link a {display:inline-block;margin-right:20px;text-align:center;height:30px;color:#666;padding:0px 15px;line-height:28px;border-radius:5px;background-color: #f2f3f7;border-radius: 20px; }
.c_title .cate_link a i{font-size: 12px;}
.c_title .cate_link a.on,.cate_link a:hover {color:#fff; background-color: #3191f5;}
.c_title .lookAll{color: #888;font-size: 14px;}
.c_title .lookAll i{margin-left: 5px;}
.c_title .lookAll:hover{color: #3191f5;}