.fix{position: fixed;
    z-index: 10;}
/* 公共 */
.flex-wrp {flex-flow:row;}
::-webkit-scrollbar {width: 0;height: 0;color: transparent;}

/*右侧顶部的筛选 */
.flex {display:box;display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex1 {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.sort{position:fixed;top:3rem;right:0;width:100%;z-index:2;height:40px;line-height:40px;border-bottom:1px solid #f0f0f0;text-align:center;background:#fff;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1);box-shadow:2px 2px 10px rgba(0,0,0,0.1); overflow:hidden;}
.sort .on{font-weight:700;color:#f90;}
.sort .span{display:inline-block;vertical-align:middle; }
.sort .ity{display:inline-block;width:40px;height:40px; top:10px;}
.sort .px1{background:url(skin/asc.png) no-repeat;background-size:18px 18px; }
.sort .px2{background:url(skin/desc.png) no-repeat;background-size:18px 18px; }
.sort .px3{background:url(skin/as.png) no-repeat;background-size:18px 18px}
/*当前高亮*/
.sort .spa,.sort .on{font-size:16px;}


/* 左侧布局 */
.category{width:20%; height:100vh;background:#f8f8f8; position:fixed; top:3rem; float:left; overflow-y:auto;}
/* 右侧布局 */
.goods-list{width:100%; min-height:100vh; float:right;overflow-y:auto;}

.ulku{ display:block;height:100%;}
.pn{height:3rem;line-height:3rem;overflow:hidden;font-size:14px;text-align:center;    display: list-item; border-bottom:1px solid #fff; font-weight:600;}
.category .on{color:#f90;background:#fff}
.category .on .sx{ background: #d81e06; width:3px;height:3rem; left: 0;}

/*分类的封面*/
.ci{}
.cit{ display:block; text-align:center; font-size:1.1rem; padding:.9rem 0;}
.cit2{ display:block; font-weight:500; text-align:center; font-size:.8rem; padding:.6rem 0;}
.cia{ margin:.3rem}
.cia img{ width:100%;border-radius:.4rem;}

.ciz{ margin:0 .5rem; border-bottom:1px solid #eee; padding:.5rem 0}
.ciz b{}
.ciz span{ float:right;margin-top:.2rem}
.ciz span a{ font-size:.8rem; color:#999; }

.cix{ padding:1rem 0;}

/*通用的产品图片*/ul.zcx {display:block;}
ul.zcx li {float:left;width:30%; margin:0 4px .8rem 4px;text-align:center;}
ul.zcx li:nth-child(3n+3){ margin-right:0px;  } 
ul.zcx li a strong {display:block;font-weight:normal;font-size:14px;padding:3px 0;text-align:center;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.zcx li span.zcp {height:7rem;overflow:hidden;text-align:center; }
ul.zcx li span.zcp img {height:7rem;border:0px solid #eee;border-radius:.3rem;}

ul.zcx li .mjg {height:2rem;line-height:2rem; position:relative;}
ul.zcx li .mjg span.kj {}
ul.zcx li .mjg span.kj em {font-size:.7rem;font-family:Arial;color:#fc4d52;font-style:normal;}

ul.zcx li .mjg .tc {width:1.6rem;height:1.6rem;background:url(skin/j.png) no-repeat center;position:relative;margin-top:0rem;margin-right:.5rem; background-size:cover; position:absolute; right:0; bottom:.2rem; z-index:1}
ul.zcx li .mjg .tc .cx {position:absolute;width:1.6rem;height:3.5rem;bottom:1.6rem;left:0rem;z-index:100;text-align:center;}
ul.zcx li .mjg .tc .cx a {display:block;width:1.5rem;height:1.5rem;color:#f00;margin-bottom:.2rem;background-repeat:no-repeat;background-size:cover}
ul.zcx li .mjg .tc .cx a.cxa {background-image:url(skin/ppt.jpg)}
ul.zcx li .mjg .tc .cx a.cxb {background-image:url(skin/gw.jpg)}
ul.zcx li.cmo{}
ul.zcx li.cmo i{ display:block; padding:1.5rem 0 0 1rem} 
ul.zcx li.cmo a{ display: table-cell; width:3.5rem; height:3.5rem; vertical-align:middle; text-align:center;  font-size:.6rem; background:#ff2f2f; border-radius:50%; color:#fff; 


box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}



/* 右侧下面产品 */
.goods-list{ margin-top:3rem;  padding-bottom:5rem;}
.g3m{ height:3rem;}


.morecase{ text-align:center; font-size:.8rem;border-radius: 10px;  border:1px solid #eee; width:50%; margin:0 auto; padding:.6rem 0;}



/*左侧弹出*/