@media only screen and (min-width:320px)and (max-width:768px) {
	
/* 公共 */
.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:2.3rem;right:0;width:80%;z-index:1;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 .ij{background:url(image/asc.png) no-repeat;background-size:18px 18px; }
.sort .ix{background:url(image/desc.png) no-repeat;background-size:18px 18px}
.sort .spa,.sort .on{font-size:16px;}


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

.ulku{ display:block;height:100%;}
.pn{height:40px;line-height:40px;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: #f90; width:2px;height:40px; left: 0;}



/* 右侧下面产品 */
.litu{margin:30px 10px 1px 15px; overflow:hidden; width:40%; float:left;position: relative; }
.litu a{position:relative;display:block;}
.litu img{display: block; width: 100%;}
.tulj{ display:block; overflow:hidden;border:1px solid #eee;border-radius:5px;}
.tup{}
.litu span{ line-height:26px; }
.span1{display:block;font-size:14px; color:#666;height:52px; line-height:26px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.span2{display:block;color:#999;font-size: 12px;}
.span3{display:block;color:#f90;text-align:left;font-size:14px}

.gwtb {  display: block;  position: absolute; bottom:-7px;  right: 0;}
.gwtb a{  display: block;  width:40px;  height:40px;  background: url(image/gwtb.png) no-repeat right;  background-size: 50%;}
.gwtb img{  display: block;}

/*产品幻灯*/
.cp{ height:350px; }
.cp img{ width:100%;}
 .swiper-container {        width: 100%;        height: 100%;        margin-left: auto;        margin-right: auto;    }
    .swiper-slide {        text-align: center;        font-size: 18px;        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.product-wrap{padding:1px 10px 0;    display: -webkit-box;    -webkit-box-orient: vertical; }
.product-wrap span{ display:block;}
.product-title{line-height:26px; font-size:16px;color:#333; padding-top:15px;}
.ftitle{ color:#f00; font-size:12px; padding:10px 0;}
.price-info{ position: relative;}
.jg { display:block;color: #e83632;font-size:20px; padding:15px 0; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif}
.zp{ padding-right:10px; position: absolute; right:5px; bottom: 2px;}

.sct{width:24px; height:24px; margin: 0 auto; background: url(image/sc.png) no-repeat right;  background-size: 100%;}/*默认灰色，点击收藏成功变成红色scc.png,已经上传*/
.scz{ font-size: 14px;}


.fx{ padding-right: 10px; position: absolute; right:60px; bottom: 2px;}
.fsct{width:24px; height:24rpx; margin: 0 auto; background: url(image/fx.png) no-repeat right;  background-size: 100%;}/*默认灰色，点击收藏成功变成红色scc.png,已经上传*/
.fscz{ font-size:14px;}
.fenx{ display: block;width:24px; height:24px; background: none; border: 0;}
.fenx:after{ border: 0;}


.cns{margin: 30px 0px; text-align: center;}
.cnls{ width:100%;  border-radius:5px;}
.cnn{margin: 15px 10px; text-align: center;}
.cnl{ width:100%;  border-radius:5px;}


.guige{border-radius: 10px; margin: 20px 0; background: #f6f6f6; padding:10px 25px;}
.gxt{ }
.gxz{ padding-top: 15px; color: #f00; }


.productyh{line-height:30px; border-top:1px solid #ebebeb; padding:15px 0;}
.productyh view{ display:block;-webkit-box-flex:1}
.pyhtjg{ color:#F00;}
.pyhtr{text-align:right}
.area{text-align:right}
.xs{ background: #d74b45; color: #fff;border-radius:8rpx; font-size:12px; padding: 0 10px; margin:0 10px; 
height:30px; line-height: 30px; }

/*tab*/
.tab_box{ padding:0 10px;}
.tab_nav{ border-bottom:1px solid #ddd;}
.tab_nav li {float:left;width:50%;height:40px;line-height:40px;font-size:16px;text-align:center;cursor:pointer;}
.tab_nav li.current {font-weight:700;color:#ff0000;background:#f9f9f9;}
.tab_items {height: auto;}
.tab_items.off {display:none;}

.xq{ padding:10px 0;}
.xq img{ width:100%;}

.zw{ min-height:600px;}
.zw span{ display:block;border-radius: 10px;  border:1px solid #eee; width:40%; margin:30px auto; text-align:center; padding:20px 30px; color:#999}


/* 模块大题 */
.kts{ display:block; padding:10px 15px; border-bottom: 1px solid #eee; margin-top:10px;}
.kti{display:block;font-size:20px;color: #000; font-weight: 600}
.kmo{ font-size:14px; margin-top:6px;}


/* 一行两个图 */
.pt{ margin:10px auto;  overflow:hidden; width:90%;  border-bottom:1px solid #eee; padding-bottom:10px;}
.pt a{position:relative;display:block;}
.tulj{ display:block; overflow:hidden;}
.tp{ width: 100%;}
.tpt{display:block;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;padding-top: 8px; font-size:12px; line-height:26px; }
.span2{display:block;color:#999;font-size: 12px;}
.span3{display:block;color:#f90;text-align:left;font-size:14px;  height:30px; line-height:30px; overflow:hidden; position:relative}

.spj{ float:left;color:#f90; margin-top: 3px;}
.gwtb{ float:right; display:block; position:absolute; right:0; top:8px}
.gwtb a{ display:block; width:60px; height:60px; background:url(gwtb.png) no-repeat right top; background-size:40%}
.gwtb image{ display:block;}



}


@media only screen and (min-width:1440px) {
	.page, .sort{ display:none;}
	
	}