.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.hudong::before{background:url(../images/index/c7.png) no-repeat left top/100%;}
.cate_big a.shorts::before{background:url(../images/index/shorts.png) no-repeat left top/100%;}
.cate_big a.video::before{background:url(../images/index/video.png) no-repeat left top/100%;}

.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;}

/* 分类筛选 */
.assortment {padding:5px 0 5px;color:#5c5c5c;font-size:16px;line-height:26px;background:#fff;}
.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;min-width:60px;text-align:center;border-radius:3px;color:#555;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 a.on,.assortment li span 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;}
.screening {padding:15px 0 0;border-top:1px solid #eee;font-size: 14px;margin-top: 20px;}
.screening .pxcomt {padding:0 20px 0 0px;}
.screening .pxcomt .color {display:inline-block; }
.screening .pxcomt span a {display:inline-block;text-align:center;font-size:14px;color:#898989;margin-right:30px;}
.screening .pxcomt span a:hover,.screening .pxcomt span a.on {color:#17A1FF;}
.screening .pxcomt ins {color:#898989;}
.screening .scolor {padding:0 20px 0 0;color:#898989;position:relative;cursor: pointer;}
.screening .scolor ins {display:block;float:left;color: #898989;}
.screening .scolor .colorCont{ display: inline-block; margin-left: 10px;}
.screening .scolor .allColor{width:20px; height: 20px; background: url(../images/list/color.jpg) no-repeat left center;position:relative; }
.screening .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;}
.screening .scolor .colorList{position: absolute; top: 20px; left: 0; width: 150px; height: auto; padding: 12px; background: #fff; box-shadow: 0 0 16px 0 rgb(0 0 0 / 16%);
    z-index: 10; display: none;}
.screening .scolor .colorList a{display:inline-block;margin:2px;padding:0;width:24px;height:24px;border:2px solid #eee;border-radius:4px;background-position:50%;background-size:100%;background-repeat:no-repeat;cursor:pointer;font-size: 0;}
.screening .scolor .colorList a:hover,.screening .scolor .colorList a.on {background-color:#3191f5;box-shadow:0 0 5px #3191f5;}
.screening .scolor .colorList a i {display:block;width:100%;height:100%;} 
.screening .scolor .allColor{ background: url(../images/list/color.jpg) no-repeat;background-size: 20px auto;}
.screening .scolor .pink{background: #FFB6C1}
.screening .scolor .blakgold{background-image: linear-gradient(to right,#FFD700,#9b7300,#ffdd00);}
.screening .scolor .Silver{background: #E6E8FA}
.screening .scolor .color{background-image: linear-gradient(to right,#ff0000,#ffa500,#ffff00,#00ff00,#007fff,#0000ff,#8b00ff)}
.screening .scolor .blue{background: #0000ff}
.screening .scolor .Beige{background: #f5f5dc}
.screening .scolor .red{background: #ff0000}
.screening .scolor .Inkcolor{background: #6f717d}
.screening .scolor .block{background: #000000}
.screening .scolor .blockwhite{background-image: linear-gradient(to right,#000000,#ffffff)}
.screening .scolor .white{background: #ffffff;border: 1px solid #eee;}
.screening .scolor .green{background: #3CB371}
.screening .scolor .yellow{background: #ffff00}
.screening .scolor .purple{background: #9933FA}
.screening .scolor .brown{background: #802A2A}
.screening .scolor .gray{background: #CCCCCC}    
.screening .scolor .orange{background: #FFA500}   
.screening .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 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;}