body{ position: relative; transition:transform 0.3s ease;font-family:"微软雅黑",Helvetica,Arial,sans-serif;}


.m-homeHeader{ position:relative;width:10rem;height:1.466667rem; margin: 0 auto;}
.header{ width:10rem; height:1.466667rem; background: #fff; position:fixed; top:0; z-index: 999;}
.header.shadow{box-shadow: 0 .05rem .1rem rgba(6, 0, 1, .1);}
.header h1{ float: left; width: 180px; height: 40px; font-size:0; text-indent: -9999px; background: url(../images/logo.png) no-repeat; background-size:180px 40px; margin: .266667rem;}

.header .m-search{float:left; margin-top: .213333rem; width: 5.666667rem; height: 1.04rem;background: #f1f3f5; border-radius: 4px;}
.header .m-search .ipt{float:left;width:4.4rem; height: 0.75rem; line-height:  0.75rem; margin:0.15rem 0.2rem; padding-right:0.1rem;border: none;  overflow: hidden; border-right: 1px solid #e6e6e6;font-size:0.37rem; color: #ccc;}
.header .m-search .button{ border: none;  background: none;height: 1.04rem; line-height:  1.04rem; }
.header .m-search .button i{color: #ccc; font-size: .55rem;}

.header .m-menu{float: right; width:0.8rem;height: 0.8rem;line-height: 1.466667rem; margin:0 .266667rem;}
.header .m-menu i{ display:block; font-size: 0.6rem; color: #0070ea}


.fixed{ position: fixed; left: 0;right: 0; top: 0; z-index: 100;}

/*焦点图*/
.swiper-container1 { width:10rem; margin:0 auto;/* height:4.44rem; */position:relative; overflow: hidden; }
.swiper-container1 .swiper-slide {width: 10rem;height:4.44rem;}
.swiper-container1 img { width: 10rem;height:4.44rem;display:block;}
.swiper-pagination-bullet { width:.266667rem; height: .266667rem; opacity: 1;background: #f8f2f1;}
.swiper-pagination-bullet-active{ background: #619d43;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: .266667rem; }


.newsBanner { height:2.773333rem; }
.newsBanner .swiper-slide {height:2.773333rem;}
.newsBanner img {height:2.773333rem;}

/* navMenu*/
.navMenu {clear:both;width:9.066667rem; height: 2.533333rem; margin:0 auto;background:#fff;overflow: hidden; display: flex; display: -webkit-flex;justify-content:space-between }
.navMenu li { position: relative; height:1.866667rem;text-align:center;display:block;margin:0.3125rem 0 0 0;}
.navMenu li a{ display: block; width: 1.333333rem; height:1.333333rem; border-radius: 50%;}
.navMenu li.nav1 a{ border:.066667rem solid #619d43;width: 1.2rem; height: 1.2rem;}
.navMenu li.nav2 a{ border:.066667rem solid #619d43;width: 1.2rem; height: 1.2rem;}
.navMenu li.nav3 a{
    background: -moz-linear-gradient(135deg, #619d43, #81b7fd);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#619d43),to(#81b7fd));
    background: -webkit-linear-gradient(135deg, #619d43, #81b7fd);
    background: -o-linear-gradient(135deg, #619d43, #81b7fd);}
.navMenu li.nav4 a{  background: -moz-linear-gradient(135deg, #619d43, #d5b3fa);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#619d43),to(#d5b3fa));
    background: -webkit-linear-gradient(135deg, #619d43, #d5b3fa);
    background: -o-linear-gradient(135deg, #619d43, #d5b3fa);}
.navMenu li.nav5 a{ background: -moz-linear-gradient(135deg, #fb6b7f, #ff9fac);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#fb6b7f),to(#ff9fac));
    background: -webkit-linear-gradient(135deg, #fb6b7f, #ff9fac);
    background: -o-linear-gradient(135deg, #fb6b7f, #ff9fac);}
.navMenu li i {display:block;width:0.703125rem;height:1.333333rem;  line-height:1.333333rem; margin: 0 auto; font-size: 0.7rem; color: #fff;}
.navMenu li.nav1 a i{color: #619d43;height: 1.2rem;line-height: 1.2rem;}
.navMenu li.nav2 a i{color: #619d43;height: 1.2rem;line-height: 1.2rem;}
.navMenu li h3{ line-height: 0.8rem; font-size: .32rem; color: #111;}
.navMenu li.nav1 a h3{color: #000000; width:1.333333rem; margin-left: -0.05rem; line-height: 0.9rem;}
.navMenu li.nav2 a h3{color: #000000; width:1.333333rem; margin-left: -0.05rem; line-height: 0.9rem;}

/* 热门行业 */
.m-hotList {clear:both; width:10rem; background:#f1f3f5;overflow: hidden;}
.m-hotList ul {width:9.466667rem; height: 3.25rem; margin:0.4rem auto;display: flex; display: -webkit-flex;justify-content:space-between; flex-wrap: wrap}
.m-hotList li { width: 1.733333rem; height: 1.466667rem;text-align:center;display:block; margin-bottom: 0.35rem; background: #fff; border-radius: 4px;box-shadow:.066667rem .066667rem .066667rem 0 #eee}
.m-hotList li a{ display: block;  width: 1.733333rem; height: 1.466667rem;}

.m-hotList li i {display:block;width:0.703125rem;height:0.65rem;  line-height:1.05rem; margin: 0 auto; font-size: 0.5rem; color: #b6babf;}
.m-hotList li h3{ line-height: 0.8rem; font-size: .32rem; color: #555;}

.m-hotList ul.moreHotList{ height: auto; margin-bottom: 0rem;}

.bottom-more{ text-align: center; display: block; font-size: .306667rem; color: #999;padding:0 0 0.2rem;}
.bottom-more .icon-more{ color: #abb7d4;font-size: .213333rem}
.btn-up{display:none;}

/*意向代理*/
.m-agent{width:10rem;}
.m-agent ul{ width:9.466667rem; margin: 0 auto;}
.m-agent li{height:1.013333rem; line-height: 1.013333rem; border-top: .013333rem solid #eee; overflow: hidden;}
.m-agent li a{display: block;padding:0 .133333rem;}
.m-agent li p.tit{ float:left; /*width:270px; */font-size: 12px; color: #333;}
.m-agent li p.time{ float: right; /*width:75px;*/ text-align: right; font-size: 0.32rem;color: #666;}
.m-agent li:last-child{ border-bottom: .013333rem solid #eee;}

/*展会*/
.m-meeting li{height:1.013333rem; line-height: 1.013333rem; border-bottom: .013333rem solid #eee; overflow: hidden;}
.m-meeting li a{display: block;padding:0 .133333rem;}
.m-meeting li p.tit{ float:left; width:7rem; font-size: .346667rem; color: #333;}
.m-meeting li p.time{ float: right; width:2rem; text-align: right; font-size: 0.32rem;color: #666;}
.m-meeting li:last-child{ border-bottom: .013333rem solid #eee; }

/*采购*/
.m-buy{width:10rem; height: 9.25rem; background: #f1f3f5; position: relative;}
.m-buy .swiper-container2{ width:9.466667rem; height: 6rem; margin: 0 auto; padding-bottom: 0.5rem; overflow: hidden;}

.m-buy .swiper-slide{width:9.466667rem;  height:1.466667rem; margin-bottom:.2rem; overflow: hidden; background: #fff;border-radius: 4px;box-shadow:.066667rem .066667rem .066667rem 0 #eee}
.m-buy .swiper-slide a{display: block;padding:0 .2rem; line-height: 0.6rem;}
.m-buy .swiper-slide p.tit{ float:left; width:260px; height: .65rem; overflow: hidden; font-size: .346667rem; color: #333; padding-top: 0.14rem;}
.m-buy .swiper-slide p.time{ float: right; width:80px; text-align: right; /*font-size: .32rem;*/color: #c0c0c0;padding-top: 0.14rem;}
.m-buy .swiper-slide p.numArea{clear: both; font-size:.293333rem;color: #999;}
.m-buy .swiper-slide p.numArea .num{ float:left; display: block; width: 283px; }
.m-buy .swiper-slide p.numArea .area { float:left; display: block; width: 60px;}

.m-buy .swiper-button-next,.m-buy .swiper-button-prev { width: 1.573333rem; height: .64rem;line-height: .64rem; border: solid 1px #619d43; top:8.7rem; background: #fff;border-radius: 4px; text-align: center; color: #619d43;}
.m-buy .swiper-button-next{ right: 3rem;}
.m-buy .swiper-button-prev{ left: 3rem;}

/* 提示 */
.m-tip{ height: 1.333333rem; line-height: 1.333333rem; text-align: center; font-size: .32rem; color: #999;}
.m-tip a.c1{ color: #619d43;}
.m-tip a.c2{ color: #619d43;}

.btn-more{ display: block; margin:0 auto .4rem; width: 2.373333rem; height:.64rem; line-height: .64rem; text-align: center; font-size:.346667rem; color: #999; border:1px solid #ddd; border-radius: 4px;}

/* product */
.m-product{width:9.466667rem; margin: 0 auto; background: #fff; position: relative;}
.m-product .swiper-container3{ overflow: hidden;}
.m-product .swiper-slide{ width: 1.733333rem; height: .933333rem; line-height: .933333rem; text-align: center; margin-bottom:.266667rem; overflow: hidden; background: #f1f3f5;border-radius: 4px; font-size: .346667rem; color: #666; margin-right: .106667rem}

.m-product .swiper-slide.active{color: #fff;
    background: -moz-linear-gradient(135deg, #4ba9ea, #63c4f6);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#4ba9ea),to(#63c4f6));
    background: -webkit-linear-gradient(135deg, #4ba9ea, #63c4f6);
    background: -o-linear-gradient(135deg, #4ba9ea, #63c4f6);}

.productList{ display: none;}
.productList:nth-child(1){ display: block;}
.productList ul{ overflow: hidden;}
.productList ul>li{float: left; position: relative; padding:.306667rem;background: #f1f3f5; margin-bottom: .266667rem; border-radius: 4px;}
.productList ul>li:nth-child(even){float: right;}
.productList ul>li .u-img { display: block; width: 4rem;height: 4rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.productList ul>li .u-img img{display:block; margin: 0 auto; 
    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;
}
.productList ul>li .tit{ width:4rem; display:block; margin: .2rem 0 0.15rem; height: .8rem; line-height:.4rem; color: #333; font-size: .32rem; overflow: hidden;}
.productList ul>li .numPrice{clear: both; font-size:.28rem;color: #999; height: .5rem;line-height: .5rem;overflow: hidden;}
.productList ul>li .numPrice .num{ float:left; display: block; }
.productList ul>li .numPrice .price{ float: right; display: block; width:2.2rem; text-align: right; }
.productList ul>li .numPrice .price span{ color: #e66060;}

/* company */
.m-company{width:9.466667rem; margin: 0 auto; background: #fff; position: relative;}
.m-company .swiper-container3{ overflow: hidden;}
.m-company .swiper-slide{ width: 1.733333rem; height: .933333rem; line-height: .933333rem; text-align: center; margin-bottom:.266667rem; overflow: hidden; background: #f1f3f5;border-radius: 4px; font-size: .346667rem; color: #666; margin-right: .106667rem}

.m-company .swiper-slide.active{color: #fff;
    background: -moz-linear-gradient(135deg, #fb6b7f, #ff9fac);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#fb6b7f),to(#ff9fac));
    background: -webkit-linear-gradient(135deg, #fb6b7f, #ff9fac);
    background: -o-linear-gradient(135deg, #fb6b7f, #ff9fac);}

.m-companyContent{width:9.466667rem; margin: 0 auto; background: #fff; position: relative;}
.m-companyContent .swiper-container3{ overflow: hidden;}
.m-companyContent .swiper-slide{}
    

.company-item{ display: none;}
.company-item:nth-child(1){ display: block;}
.company-item ul{ border-top: .013333rem solid #eee; margin-bottom: 0.36rem;}
.company-item ul li{padding:.333333rem 0;clear:both; position:relative; border-bottom: .013333rem solid #eee;}
.company-item ul li .company-item-info{ width: 7.5rem; margin-left: 2.1rem; overflow:hidden;}
.company-item ul li h3{ width:6rem; height:0.55rem; line-height: 0.5rem;overflow:hidden;font-size: .346667rem; color: #333;}
.company-item ul li p.info{ width: 5.5rem; height:0.66rem; line-height: 0.6rem; font-size: .293333rem; color: #999;overflow:hidden;}
.company-item ul li p.tag{ background: #fae8eb; color: #fd8f9c; font-size: .293333rem;width:1.6rem; height:.506667rem;line-height:.506667rem; border-radius: .3rem; text-align: center;}

.company-item ul li .icon-v{ position: absolute; top: 0.4rem; right: 0.1rem; display: block; width: 1.173333rem; height: .4rem; line-height: .4rem; text-align: center; font-size: .266667rem; color: #fff; font-style: normal; border-radius: 4px;}
.company-item ul li .icon-v.zz{ background: #ec4949;}
.company-item ul li .icon-v.zs{ background: #d7c18e;}
.company-item ul li .icon-v.bj{ background: #a9bcde;}
.company-item ul li .icon-v.jct{ font-size: .24rem; color: #b50000; background: url(../img/icon-jct.jpg) no-repeat 0 0; background-size: 1.173333rem .4rem;padding-top: .42rem}
.company-item ul li .icon-v.jct i{ font-size: .346667rem; font-weight: bold; padding:0 0.15rem 0 0.06rem;}

.company-item ul li .company-item-pic{position: absolute;left:0; top:.333333rem; display: table-cell;border: 1px solid #f1f3f5;background: #fff; border-radius: 4px;box-shadow:.066667rem .066667rem .066667rem 0 #eee;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 1.733333rem; height:1.733333rem;
    vertical-align: middle;
    *font-size: 1.506667rem;  /*高x0.873*/}
.company-item ul li .company-item-pic img{margin:0 auto;line-height:1.733333rem
    display:block;
    max-width: 1.733333rem;
    max-height: 1.733333rem;
    width: expression(this.width > 1.733333rem && this.width > this.height ? 1.733333rem: true);
    height: expression(this.height >1.733333rem ? 1.733333rem: true);
    vertical-align: middle;
    overflow: hidden;}

.brandList {width:9.466667rem; margin: 0 auto; background: #fff; position: relative;}    
.brandList ul{ overflow: hidden; padding-bottom: 0.1rem;}
.brandList li{float: left;padding:.306667rem; height:5.55rem;background: #f1f3f5; margin-bottom: .266667rem; border-radius: 4px;}
.brandList li:nth-child(odd){float: right;}
.brandList li .u-img span{ position: absolute; left: 0; top: 0.1rem; display: block; width: 1.466667rem; height: .56rem;line-height: .56rem; text-align: center; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem;  background: rgba(251, 107, 127, 0.5); color: #e66060; font-size: .293333rem; color: #fff;}  
.brandList li .u-img{ display:block; position: relative;display: table-cell;
    width:4rem; height:4rem;
    vertical-align: middle;
    *font-size: 3.493333rem  /*高x0.873*/}
.brandList li .u-img { display: block; width: 4rem;height: 4rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.brandList li .u-img img{display:block; margin: 0 auto; 
    
    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;
}
.brandList li .tit{ width:4rem; display:block; margin: .2rem 0; height: .4rem; line-height:.4rem; text-align: center; color: #333; font-size: .32rem; overflow: hidden;}
.brandList li .join-btn p{font-size:.32rem;color: #d7c18e;text-align: center; border-radius: 4px; font-weight: bold;}
.brandList li .join-btn .btn-ziliao{ float:left; width: 1.906667rem; height: .64rem; line-height: .64rem; border: 1px solid #d7c18e; }
.brandList li .join-btn .btn-jiameng{ float: right; width: 1.933333rem; height: .666667rem; line-height: .666667rem; background: #d7c18e; color:#fff; }
  
    

/*新闻*/
.swiper-container4{ overflow: hidden; padding: .333333rem 0 0 .266667rem; background: #f1f3f5;}
.swiper-container4 .swiper-slide{ width: 2.2rem; height:.773333rem; line-height: .773333rem; text-align: center; margin-bottom:.266667rem; overflow: hidden; background: #fff;border-radius: 4px;  margin-right:.16rem}
.swiper-container4 .swiper-slide a{font-size: .32rem; color: #666;}
.swiper-container4 .swiper-slide.active{background: #3a6ad9; box-shadow: 0 0 .16rem rgba(58, 106, 217, .5)}
.swiper-container4 .swiper-slide.active a{color: #fff; }

.m-news{width:9.466667rem; margin: 0 auto .466667rem; }
.m-news .m-tabMenu{display: flex;justify-content:space-between}
.m-news .swiper-slide{ width: 3rem;height:1.466667rem;line-height:1.6rem;overflow: hidden;font-size: .426667rem; color: #555;}
.m-news .swiper-slide i{ display: inline-block; width:.2rem; height: .2rem; margin-right: .533333rem;border-radius: 2px; 
    background: -moz-linear-gradient(135deg, #bbb, #ddd);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#bbb),to(#ddd));
    background: -webkit-linear-gradient(135deg, #bbb, #ddd);
    background: -o-linear-gradient(135deg, #bbb, #ddd);}

.m-news .swiper-slide.active{color: #000000; font-weight: bold}
.m-news .swiper-slide.active i{
    background: -moz-linear-gradient(135deg, #619d43, #81b7fd);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#619d43),to(#81b7fd));
    background: -webkit-linear-gradient(135deg, #619d43, #81b7fd);
    background: -o-linear-gradient(135deg, #619d43, #81b7fd);}

/*供求*/
.gqList{ display: none;}
.gqList:nth-child(1){ display: block;}
.gqList ul{border-top: .013333rem solid #eee; overflow: hidden; margin-bottom: .333333rem;}
.gqitem table tr{border-bottom: .013333rem solid #eee; padding: .257rem 0; clear:both; position:relative;}
.gqitem table tr td.gylist { width: 8.66667rem;
    height: 0.85rem;
    padding-left: 0.5rem;}
.gqitem table tr td.gylist a{height:0.5rem; line-height: 0.5rem; overflow:hidden; margin-bottom: 0.2rem;}
.gqitem table tr td.gylist  a{ font-size:.346667rem;color: #333;}


.gqitem .gylist .info p{ float:left;font-size: .293333rem; line-height: .506667rem; color: #999;}
.gqitem .gylist .info p.sum{ width: 1.5rem; padding-right: 0.3rem}
.gqitem table tr td.gylist span{margin-right:20px; background: #f1f4fc;color: #619d43;font-size: .293333rem;width: 1.6rem;height: .506667rem;line-height: .506667rem;border-radius: .3rem;text-align: center; }
.gqitem .gylist .info p i{ font-size: 0.3rem; color: #999; padding-right: 0.1rem; float: left;}
.gqitem .gylist .info p span{float: left; margin-top: 0.02rem;}

.gqitem .gylist .gq-item-pic{position: absolute;left:0; top: .346667rem; display: block;}
.gqitem .gylist .gq-item-pic a{  display: table-cell;
    width: 2.8rem; height: 1.68rem;
    vertical-align: middle;
    *font-size: 2.046875rem;  /*高x0.873*/}
.gqitem .gylist .gq-item-pic a img{margin:0 auto;
    display:block;
    max-width: 2.8rem;
    max-height: 1.68rem;
    width: expression(this.width > 2.8rem && this.width > this.height ? 1.68rem: true);
    height: expression(this.height >1.68rem ? 1.68rem: true);
    vertical-align: middle;
    overflow: hidden;}
.gqitem .gylist .noImg .gq-item-info{ width: 9.375rem; margin-left:0;}
.gqitem .gylist .noImg .sum{padding-left: 3.1rem;}


/*新闻分类切换*/
.newsList{ display: none;}
.newsList:nth-child(1){ display: block;}
.newsList ul{border-top: .013333rem solid #eee; overflow: hidden; margin-bottom: .333333rem;}
.news-item li{border-bottom: .013333rem solid #eee; padding: .346667rem 0; clear:both; position:relative;}
.news-item li .news-item-info{ width: 6.266667rem;height: 1.68rem; margin-left: 3.066667rem;}
.news-item li h3{height:1rem; line-height: 0.5rem; overflow:hidden; margin-bottom: 0.2rem;}
.news-item li h3 a{ font-size:.346667rem;color: #333;}


.news-item li .info p{ float:left;font-size: .293333rem; line-height: .506667rem; color: #999;}
.news-item li .info p.sum{ width: 1.5rem; padding-right: 0.3rem}
.news-item li .info p.tag{margin-right:20px; background: #f1f4fc;color: #619d43;font-size: .293333rem;width: 1.6rem;height: .506667rem;line-height: .506667rem;border-radius: .3rem;text-align: center; }
.news-item li .info p i{ font-size: 0.3rem; color: #999; padding-right: 0.1rem; float: left;}
.news-item li .info p span{float: left; margin-top: 0.02rem;}

.news-item li .news-item-pic{position: absolute;left:0; top: .346667rem; display: block;}
.news-item li .news-item-pic a{  display: table-cell;
    width: 2.8rem; height: 1.68rem;
    vertical-align: middle;
    *font-size: 2.046875rem;  /*高x0.873*/}
.news-item li .news-item-pic a img{margin:0 auto;
    display:block;
    max-width: 2.8rem;
    max-height: 1.68rem;
    width: expression(this.width > 2.8rem && this.width > this.height ? 1.68rem: true);
    height: expression(this.height >1.68rem ? 1.68rem: true);
    vertical-align: middle;
    overflow: hidden;}


.news-item li.noImg .news-item-info{ width: 9.375rem; margin-left:0;}
.news-item li.noImg .sum{padding-left: 3.1rem;}


/* 弹窗 */
#layer-shade{display:none;background-color:#000;filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;position: fixed;
    _position: absolute;top: 0;left: 0;width:100%; height:100%;_height:expression(document.body.offsetHeight+"px");z-index: 9998;}
.layer-close::after{ font-family:"iconfont" !important;content: "\e649";position: absolute;right: .26rem;top: .26rem; font-size:0.4rem; color: #666}

.layer-content{display:none; width: 8rem; height: 7.066667rem;position:fixed; top:50%; left:50%; background:#fff; border-radius:8px; margin-left:-4rem; margin-top:-3.5rem; z-index:9999;}
.layer-content h3{ height: 1.25rem; font-size:.48rem; color: #000; text-align: center;margin-top: .44rem; background: url(../img/layer_titbg.jpg) no-repeat center bottom; background-size: 3.6rem .533333rem;}
.layer-content .tip{ line-height: 0.8rem; font-size:.293333rem; color: #999; text-align: center;}
.layer-content .layerList{ width: 6.933333rem; height: .8rem; line-height: .8rem; margin:0 auto; border-bottom: .013333rem solid #eee;}
.layer-content .layerList .tit{width:1.8rem; float: left; font-size: .346667rem; color: #666;}
.layer-content .layerList .txt{width:5rem;height: 0.6rem;margin-top: 0.1rem; border: none; float: left; font-size: .346667rem; color: #000;}
.layer-content .layerList .s-select{ float: left; position: relative;width:5rem;height: 0.6rem; line-height: 1rem;}
.layer-content .layerList .s-select select {position:relative;color:#333;width:5rem;height: 0.6rem;line-height:0.6rem; font-size: .346667rem; border:none; }


.layer-content .btn_submit{ display:block; width: 2.933333rem; height: .8rem; line-height: .8rem; margin:.23rem auto; border: none; text-align: center; border-radius:4px; background: #d7c18e; color: #fff; font-size:.373333rem;}
.layer-content  .select{position:relative;color:#333;width:5rem;height: 0.6rem;line-height:0.6rem; font-size: .346667rem; }
.layer-content  .select::after{ font-family:"iconfont" !important;content: "\e611";position: absolute;right: 0;}
.layer-content  .option{display:none;width:5.1rem;height:auto;border:1px solid #eee;position:absolute;left:0;top:0.7rem; background: #fff; z-index: 9;}
.layer-content  .option li{ color:#000;line-height:0.6rem;height:0.6rem; text-align: center;}
.layer-content  .option li:hover{background:#316AC5;color:#FFF;}


.layer-content2{display:none; width: 8rem; height: 5.6rem;position:fixed; top:50%; left:50%; background:#fff; border-radius:8px; margin-left:-4rem; margin-top:-3rem; z-index:9999;}
.layer-content2 h3{ height: 1.25rem; font-size:.48rem; color: #000; text-align: center;margin-top: .44rem; background: url(../img/layer_titbg.jpg) no-repeat center bottom; background-size: 3.6rem .533333rem;}
.layer-content2 .tip{ line-height: 0.8rem; font-size:.293333rem; color: #999; text-align: center;}
.layer-content2 .layerList{ width: 6.933333rem; height: .8rem; line-height: .8rem; margin:0 auto; border-bottom: .013333rem solid #eee;}
.layer-content2 .layerList .tit{width:1.8rem; float: left; font-size: .346667rem; color: #666;}
.layer-content2 .layerList .txt{width:5rem;height: 0.6rem;margin-top: 0.1rem; border: none; float: left; font-size: .346667rem; color: #000;}
.layer-content2 .layerList .s-select{ float: left; position: relative;width:5rem;height: 0.6rem;margin-top: 0.1rem; }
.layer-content2 .btn_submit{ display:block; width: 2.933333rem; height: .8rem; line-height: .8rem; margin:.23rem auto; border: none; text-align: center; border-radius:4px; background: #d7c18e; color: #fff;font-size:.373333rem;}


/* ==========================list内页========================== */


.content{ display: block; width: 9.466667rem;margin: 0 auto;}


.m-back i.ipt::after{font-family:"iconfont" !important;content: "\e627"; position: absolute; right:1.5rem; font-size: 0.6rem; color: #ccc; font-style: normal;}
.m-back .m-menu{float: right; width:0.8rem;height: 0.8rem;margin:0 .266667rem;}
.m-back .m-menu i{ display:block; font-size: 0.6rem; color: #333; }


.selMenu{ position: relative; z-index: 99; width: 10rem; height: 1.2rem; margin: 0 auto; background: #f1f3f5;}
.selMenu.hy{ background: #fff;}
/* .selMenu.hy .tabSelMenu a{position: absolute;}
.selMenu.hy .tabSelMenu a.i-area{ left: 3rem;} */
.selMenu.hy .tabSelMenu a.active{border: 1px solid #eee; border-radius: 4px 4px 0 0; border-bottom: none;}

.btn-supply {position: absolute; right: 0; top: 0.2rem; width: 2rem;}
.btn-supply i{padding-left: 0.2rem; color: #bbb; font-size: 0.6rem; font-style: normal;}
.btn-supply i.active{ color: #619d43;}
.btn-supply .smallImg::after{font-family:"iconfont" !important;content: "\e617";}
.btn-supply .bigImg::after{font-family:"iconfont" !important;content: "\e612";}

.tabSelMenu {padding: .133333rem 0 0; margin: 0 .266667rem;}
.tabSelMenu.active{ height: 1.06rem; border-bottom: 1px solid #eee;}
.tabSelMenu a{position: relative; display: inline-block; padding:.266667rem 0.3rem 0.28rem 0.26667rem; font-size: .4rem; color: #000000; }
.tabSelMenu a::after{font-family:"iconfont" !important;content: "\e626"; color: #999;}
.tabSelMenu a.active{background: #fff;border-radius: 4px 4px 0 0;}

.tabSelList{ display: none; position: absolute; z-index: 99;  top: 1.2rem; width: 10rem; background: #fff;}
.tabSelList p {width: 9.066667rem; margin: .4rem auto 0; padding-bottom:  .266667rem; border-bottom: 1px solid #ddd;}
.tabSelList p a{ display: inline-block; margin:0 .16rem .2rem 0; color: #666; border-radius: 4px;  padding: .266667rem .333333rem; background: #f1f3f5; font-size:.32rem}
.tabSelList p a.active{ color: #fff;
    background: -moz-linear-gradient(115deg, #619d43, #4c7ff4);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#619d43),to(#4c7ff4));
    background: -webkit-linear-gradient(115deg, #619d43, #4c7ff4);
    background: -o-linear-gradient(115deg, #619d43, #4c7ff4);}   

.btn-reset{display: block; margin: .466667rem auto; text-align: center; width: 2.4rem; height: .666667rem;line-height: .666667rem; border: 1px solid #ddd; font-size: .346667rem; color: #999; border-radius: 4px;}    
.productList{ background: #fff;}
.productList ul{ width:9.466667rem; margin:.333333rem auto; overflow: hidden;}
.productList li .icon-tg{ position: absolute; left: 0; top: 0; z-index: 9; width: 1.333333rem; height: .8rem; background: url(../img/icon-tg.png) no-repeat; background-size: contain;}


.productList.bigList{ display: block;}
.productList.bigList li{ width: 4rem;}
.productList.smallList{ display: block;}
.productList.smallList .list_box>li{ float: none; height: 2.7rem;}

.productList.smallList .list_box>li .u-img{ float: left; margin-right: .24rem;
    width:2.666667rem; height:2.666667rem;
    vertical-align: middle;
    *font-size: 2.333333rem;  /*?§???x0.873*/}
.productList.smallList .list_box>li .u-img { display: block; width: 2.666667rem;height: 2.666667rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.productList.smallList .list_box>li .u-img img{display:block; margin: 0 auto; 
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}
.productList.smallList .list_box>li .tit{ float: left; width: 5.9rem; height: 1rem; line-height: 0.5rem; font-size: .373333rem;}
.productList.smallList .list_box>li .tit strong{ font-weight: normal; color: #f00;}
.productList.smallList .list_box>li .numPrice{ clear: none; float: left; height: 1rem;line-height: 0.5rem; font-size: .32rem;}
.productList.smallList .list_box>li .numPrice p.num{ float:none; width: 5rem;}
.productList.smallList .list_box>li .numPrice p.price{ float:none; text-align: left;}

.productList.smallList li.b-tip{width: 8.85rem; height: 1rem;}
.productList.bigList li.b-tip{width: 8.85rem; height: 1rem;}
/* buy */
.buyList{ background: #f1f3f5; overflow: hidden;}
.buyList li{ position: relative; padding:.2rem; margin-top: .2rem; height:2.133333rem; background: #fff; border-radius: 4px; box-sizing: border-box;  box-shadow:0 0.06rem .066667rem #ccc;}
.buyList li i.price{ position: absolute; right: 0; top: .2rem; width: 1.733333rem; height: .56rem;line-height: .56rem; text-align: center; border-radius: 50px 0 0 50px; background: #fdb5bf; font-style: normal; font-size: .293333rem; color: #fff;}
.buyList li i.price.end{ background: #ccc;}

.buyList li h3.tit{ width: 7.5rem; height: .6rem; line-height: .6rem;  font-size: .346667rem; color: #333; overflow: hidden;}
.buyList li p.info{ height: .4rem; line-height: .4rem; overflow: hidden; font-size: .293333rem; color: #999;}
.buyList li .other{  display:flex;height: 0.9rem; line-height: 0.9rem; overflow: hidden; }
.buyList li p.num{ width: 3.733333rem; font-size: .293333rem; color: #999;}
.buyList li p.area{ width:4.533333rem; font-size: .293333rem; color: #999;}
.buyList li p.time{ width: 1rem; font-size: .293333rem; color: #999; text-align: right}

/* 提示 */
.upMore{ position: relative; font-size: .32rem; color: #bbb; text-align: center;margin-top:0.8rem;padding-top: 0.9rem;}
.upMore::before{ font-family:"iconfont" !important;content: "\e618";position: absolute;right: 0; left: 0; top: 0; font-size: 0.7rem; color: #bbb;}

.b-tip{ text-align: center; padding:0 0 .533333rem; line-height: .506667rem; font-size: .32rem; color: #999;}
.b-tip.mt40{ margin-top: .533333rem;}
.b-tip a{ color: #0070ea;font-weight: bold;}

#popupShade { display: none; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px");
    z-index:9;} 


/*新闻详细页面*/
/*bp*/
.bp-info{ background: #fff;width:9.466667rem; margin: 0 auto; }
.bp-info h1 { text-align:center;padding: 0.16rem 0;font-size:.506667rem;color: #111; }
.bp-info h2 { text-align:center;font:0.4rem/1rem "微软雅黑";color: #666; }
.bp-info .detail {background: #f1f3f5; border-radius: 50px; text-align: center;}
.bp-info .detail p{ height: .666667rem; line-height: .666667rem; font-size: .293333rem;color: #999;}
.bp-info .detail p span { padding:0 10px;}
.bp-info .info_detail{font-size: .346667rem;color: #666;line-height:.613333rem;}
.bp-info .info_detail table{ margin:0 auto;max-width:9rem; border:0.015625rem solid #ccc;border-collapse:collapse; }
.bp-info .info_detail table td{ padding:0.2rem; font-size: 0.2rem; border:0.015625rem solid #ccc;border-collapse:collapse; }
.bp-info .info_detail video{ width:100%; display:block; margin:0 auto;}
.bp-info .info_detail #youkuplayer{margin: 0 auto;max-width: 10rem;height: 6rem;position: relative;color: #fff;}
.bp-info .info_detail P{ line-height: 0.8rem;padding: 0.15rem 0;text-align: Justify;word-wrap: break-word;}
.bp-info .info_detail P img{display: block;margin:0 auto;max-width: 9rem; }
.bp-info .info_detail P.exdeta{width: 50%;float: left;line-height: 20px;}
.bp-info .info_detail iframe{ width:100%; height:5.5rem;}
.bp-info .info_detail embed { display: block; margin: 0 auto; max-width: 10rem;}

#youkuplayer iframe{ position:absolute; left:0; top:0;}
#youkuplayer .ykplayer{top:-1rem;}

/* buyInfo */
.buyTitle { height: 2.4rem; text-align: center; overflow: hidden;}
.buyTitle h1{ font-size: .453333rem; color: #000; height: 1.2rem;line-height: 1.2rem; overflow: hidden; margin-top: 0.3rem;}
.buyTitle p{ font-size: .32rem; color: #999;}
.buyTitle p span{ color: #619d43;}

.buyMes{ position: relative; width: 9.466667rem; margin: 0 auto; height: 4.666667rem;background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.06rem 0.066667rem #ccc;}
.buyMes ul{padding-top: 0.2rem;}    
.buyMes li {clear: both; height: .8rem; line-height: .8rem;}    
.buyMes li span{ display:block; float: left; width: 2.2rem; text-align: right; font-size: .346667rem; color: #999;}
.buyMes li p{ position: relative; float: left; width:6rem; font-size: .346667rem; color: #666;}
.buyMes li p b{ font-weight: normal; color: #e66060;}
.buyMes li p strong{ font-weight: normal; color: #619d43;}
.buyMes li p a{ position: absolute; left: 3rem; top: 0.05rem; display: inline-block; width:1.573333rem; height: .693333rem; background: url(../img/icon-iphone.png) no-repeat; background-size:1.573333rem .693333rem;}
.buyMes .tel{position: absolute; left: 1.6rem; top: 4.25rem; width: 6.4rem; height: .8rem; line-height: .8rem; background: #619d43; color: #fff; font-size: .32rem; border-radius: 100px;}
.buyMes .tel i{ display: inline-block; margin: 0.08rem 0.15rem; text-align: center; float: left; font-size: .346667rem; background: #fff;border-radius: 50%;  width: .613333rem; height: .613333rem; color: #619d43;}
.buyMes .tel span{font-size: .346667rem;}


.m-source{margin:.266667rem 0 .4rem;text-align: center;font-size: .32rem;color: #999;letter-spacing: 0;line-height: .293333rem;}
.m-source h2 {position: relative;display: inline-block}

.m-source h2::before,
.m-source h2::after {content: '';position: absolute;width: 2.666667rem;height: 1px;background-color: #ddd;top:.133333rem;}
.m-source h2::before {left: -3.066667rem;}

.m-source h2::after {right: -3.066667rem;}

.buyInfo{ position: relative; width: 9.466667rem; margin: 0.6rem auto; padding:.26rem; background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.06rem 0.066667rem #ccc;}
    
.buyInfo h3{ font-size: .4rem; color: #000;height:1rem; line-height:1rem;}
.buyInfo p{ font-size: .32rem; color: #666; line-height: 0.6rem;     word-break: break-all;}

/* 分享 */
.share-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:1000;left:-1000%;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}
.share-mask.show{left:0;opacity:.7}
.share-box{position:fixed;z-index:1100;bottom:0;left:0;width:100%;height:4.8rem;overflow:hidden;background:#fff;box-sizing:border-box;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
.share-box.show{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.share-box .share-component{height: 3.2rem; border-bottom: .2rem solid #f1f3f5;}
.share-box .share-component ul {display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:space-around; width: 9.066667rem;margin: 0 auto; }
.share-box .share-component ul li{display: block; text-align: center;}
.share-box .share-component ul li i{ display: block; width: 1.4rem; height: 1.4rem;border-radius: 50%; background: #f1f3f5; margin-top: 0.5rem; background-size:1rem 1rem; background-repeat: no-repeat; background-position: center}
.share-box .share-component ul li h3{font-size: .32rem; color: #000; line-height: 0.8rem;}
.share-box .btn-cancel{display: block; height: 1.386667rem; line-height: 1.386667rem; text-align: center; border-top: 1px solid #eee;font-size:.48rem; color: #000;}
.share-box .share-component ul li .icon-share1{ background-image: url(../img/icon-share5.png);}
.share-box .share-component ul li .icon-share2{ background-image: url(../img/icon-share3.png);}
.share-box .share-component ul li .icon-share3{ background-image: url(../img/icon-share4.png);}
.share-box .share-component ul li .icon-share4{ background-image: url(../img/icon-share1.png);}
.share-box .share-component ul li .icon-share5{ background-image: url(../img/icon-share2.png);}
/* 图片二维码 */
.popBg{ display: none; width:9.066667rem; height: 11.733333rem; margin: 0 auto;position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-6rem;background: #f1f3f5; border-radius: 5px;}
.popBg .imgInfo{ width:5.6rem; height:9.066667rem;margin: 0.7rem auto 0; padding:.266667rem; background: #fff;  box-shadow:0 5px 4px rgba(6, 0, 1, .1);}
.popBg .imgInfo .img{display: block; margin: 0 auto; width: 4.6rem; height:2.333333rem;}
.popBg .imgInfo h3{text-align: center; font-size: .373333rem; color: #333;line-height: .48rem;margin: .133333rem 0;}
.popBg .imgInfo h4{text-align: center; font-size: .293333rem; color: #333;line-height: .48rem;margin: .133333rem 0;}
.popBg .imgInfo h5{text-align: center; font-size: .266667rem; color: #07af12;line-height: .48rem;margin: .133333rem 0; background: url(../img/icon-rz.png) no-repeat 0.5rem 0.06rem; background-size: .333333rem .386667rem}
.popBg .imgInfo p{ font-size: .293333rem; color: #999; line-height: .426667rem; height: 1.28rem; overflow: hidden;}
.popBg .imgInfo .line{ height: 1px; background: #ccc; position: relative;margin: .2rem 0;}
.popBg .imgInfo .line .icon-line{ display: block;  position: absolute; margin: 0 auto; top: -0.02rem; left: 0; right: 0; width: .746667rem; height: .066667rem; background: #ccc;}
.popBg .imgInfo .weixin{ width: 3.6rem; height: 1.533333rem; margin: 0 auto; background: url(../img/weixin-bg1.png) no-repeat right 0; background-size: 1.36rem 1.36rem}
.popBg .imgInfo .weixin .qrcode { width: 1.4rem; height:1.4rem; margin: 0.1rem 0.2rem; }
.popBg .imgInfo .weixin .qrcode canvas{  width: 1.4rem; height:1.4rem;display: block;}

.popBg .tip{ font-size: .346667rem; color: #333; text-align: center; line-height: 1.2rem}

/* 微信、朋友圈 */
.popBg2{ display: none; width:8.266667rem; height: 10rem; margin: 0 auto;position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-5.5rem; background: #fff; border-radius: 5px; padding:.4rem}
.popBg2 h2{font-size:.346667rem; color: #333;}

.popBg2 .imgInfo {border: 1px solid #ddd;border-radius:8px; margin-top: 0.3rem; padding-bottom:0.4rem;}
.popBg2 .imgInfo h3{font-size: .32rem; color: #000;line-height: .706667rem;height: .706667rem; padding-left: .266667rem; background: #f6f6f6;border-bottom: 1px solid #ddd;}
.popBg2 .imgInfo p{padding:0 .266667rem; font-size: .32rem; color: #666; line-height: 0.6rem;}
.popBg2 .imgInfo p.pt30{padding-top:0.4rem;}
.popBg2 .imgInfo .img{display: block; margin: 0 auto; width: 5.6rem; height:3.333333rem;}
.btn-ok{ display: block; width: 3.466667rem; height: .88rem; line-height: .88rem;border-radius: 4px; background: #619d43; font-size: .32rem; color: #f6f6f6; text-align: center; border: none; margin: 0.5rem auto;}


/* hy */
/* hy-navMenu*/
.hy-navMenu {clear:both;background:#f1f3f5; position: relative;z-index: 99;}
.hy-navMenu ul{width:9.2rem; margin:0 auto;overflow: hidden; display: flex; display: -webkit-flex;justify-content:space-between }
.hy-navMenu li { position: relative; height:1rem;text-align:center;display:block;margin:0.34rem 0 0 0;}
.hy-navMenu li.nav5::after{position: absolute;left: 1.15rem;top: 0; content: ''; background: url(../img/icon-hot.png) no-repeat; z-index: 99; background-size:.36rem .333333rem; width: .36rem;height:.333333rem;}

.hy-navMenu li a{ display: block; width: 1.333333rem;font-size: .453333rem; color: #000;}
.hy-navMenu li a.active{ color: #619d43;}
.hy-navMenu li a.active::after{  content:'';
    position: absolute;left: .4rem;top: .65rem; width: .533333rem; height: .16rem;border-radius: .08rem;
    background: -moz-linear-gradient(115deg, #619d43, #4c7ff4);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#619d43),to(#4c7ff4));
    background: -webkit-linear-gradient(115deg, #619d43, #4c7ff4);
    background: -o-linear-gradient(115deg, #619d43, #4c7ff4);}

.m-hy .productList{ height: 13rem;}    
.m-hy .company-item { height: 10rem;}
.m-hy .company-item ul li:last-child{ border: none;}    
.m-hy .news-item li:last-child{ border: none;}

.m-hyJoin{ background: #f1f3f5; overflow: hidden;}
.m-hyJoin .m-tit h2{ width: 77%;}
.m-hyJoin .m-tit .align-r{ width: 19%;}

.hyJoinNav{width:9.466667rem; margin: 0 auto;display: flex;display: -webkit-flex;justify-content: space-between;}
.hyJoinNav a{ display: block; width: 3.066667rem; height: 1.6rem; line-height: 1.6rem; font-weight: bold; font-size: .346667rem; color: #fff; text-align: center; border-radius: 5px;}
.hyJoinNav a.a1{ box-shadow:0 5px 5px rgba(251, 107, 127, .2);
    background: -moz-linear-gradient(135deg, #fb6b7f, #ff9fac);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#fb6b7f),to(#ff9fac));
    background: -webkit-linear-gradient(135deg, #fb6b7f, #ff9fac);
    background: -o-linear-gradient(135deg, #fb6b7f, #ff9fac);}
.hyJoinNav a.a2{  box-shadow:0 5px 5px rgba(75, 153, 254, .2);
    background: -moz-linear-gradient(135deg, #619d43, #81b7fd);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#619d43),to(#81b7fd));
    background: -webkit-linear-gradient(135deg, #619d43, #81b7fd);
    background: -o-linear-gradient(135deg, #619d43, #81b7fd);}
.hyJoinNav a.a3{  box-shadow:0 5px 5px rgba(169, 125, 240, .2);
    background: -moz-linear-gradient(135deg, #a97df2, #c7acf9);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#a97df2),to(#c7acf9));
    background: -webkit-linear-gradient(135deg, #a97df2, #c7acf9);
    background: -o-linear-gradient(135deg, #a97df2, #c7acf9);}

.buy-flow{ width: 9.466667rem; height: 3.733333rem; margin: .333333rem auto; background: #fff;border-radius: 4px;}
.buy-flow h3{font-size: .373333rem; color: #000; line-height: 1.2rem; height: 1.1rem; text-align: center;}
.buy-flow img{ width:8.933333rem;height: 1.6rem;margin: 0 auto; display: block;}
.buy-flow{ width: 9.466667rem; height: 3.733333rem; margin: .333333rem auto; background: #fff;border-radius: 4px;}
.buy-flow .m-tip{line-height: 1rem; height: 1rem;}


.zhaoshangList{}
.zhaoshangList li { position: relative; width: 9.466667rem;margin: 0 auto .2rem; padding:.266667rem; background: #f1f3f5;border-radius: 4px;}
.zhaoshangList li .u-img { position: absolute;display: block; width: 2.666667rem;height: 2.666667rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.zhaoshangList li .u-img img{display:block; margin: 0 auto; 
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}
.zhaoshangList li .icon-v{ position: absolute; top: 0.4rem; left: 0.3rem; display: block; width: 1.173333rem; height: .4rem; line-height: .4rem; text-align: center; font-size: .266667rem; color: #fff; font-style: normal; border-radius: 4px;}
.zhaoshangList li .icon-v.zz{ background: #ec4949;}
.zhaoshangList li .icon-v.zs{ background: #d7c18e;}
.zhaoshangList li .icon-v.bj{ background: #a9bcde;}
.zhaoshangList li .icon-v.jct{ top: 0.25rem; font-size: .2rem; color: #b50000; background: url(../img/icon-jct.jpg) no-repeat 0 0; background-size: 1.173333rem .4rem;padding-top: .4rem}
.zhaoshangList li .icon-v.jct i{ font-size: .2rem; font-weight: bold; padding:0 0.15rem 0 0.06rem;}

.zhaoshangList li .info{ width: 6rem;height: 2.666667rem; margin-left: 2.933333rem;}
.zhaoshangList li .company{ margin-left:1.5rem;width:8rem; display:block; height:0.8rem; line-height:0.6rem; color: #666; font-size: .32rem; overflow: hidden;}
.zhaoshangList li .tit{display:block; height:.96rem; line-height:.48rem; color: #333; font-size: .373333rem; overflow: hidden;}
.zhaoshangList li .other{ width: 4rem;float: left; line-height: 0.5rem; margin-top:0.2rem; overflow: hidden; font-size: .32rem; color: #999; }
.zhaoshangList li p.num{ width: 3.733333rem; font-size: .293333rem; color: #999;}
.zhaoshangList li p.area{ width:4.533333rem; font-size: .293333rem; color: #999;}
.zhaoshangList li p.time{ width: .746667rem; font-size: .293333rem; color: #999;}
.zhaoshangList li .join-btn{width: 1.906667rem; float: right; margin-top: 0.2rem; }
.zhaoshangList li .join-btn p{margin-top: 0.1rem; font-size:.32rem;color: #d7c18e;text-align: center; border-radius: 4px; font-weight: bold;}
.zhaoshangList li .join-btn .btn-ziliao{  width: 1.906667rem; height: .64rem; line-height: .64rem; border: 1px solid #d7c18e; background: #fff; }
.zhaoshangList li .join-btn .btn-jiameng{ width: 1.933333rem; height: .666667rem; line-height: .666667rem; background: #d7c18e; color:#fff; }

    /* 旧的 */
/*找回密码*/
.jobForm .contact li.m-yzm{  border: none;}
.jobForm .contact li.m-yzm .yzm{ float: left; width: 6.25rem;height: 1.375rem; line-height: 1.375rem;border-radius: 0.09375rem;border-bottom: 0.015625rem solid #f2f2f2;}
.jobForm .contact li.m-yzm .yzmImg{float: right; margin-top: 0.15625rem; width: 2.8125rem; height: 1rem; border-radius: 0.09375rem;}
.jobForm .contact li.m-yzm .yzmImg img{ width: 2.8125rem;}

.jobForm .contact li.m-yzm .info{ width: 3.8rem;float:left;}
.jobForm .contact li.m-yzm .info input{ width: 3.8rem;float:left;}


.jobForm .contact .tit{float:left;font-size: 0.4375rem; color: #999;}
.jobForm .contact .tit em{font-style: normal; color: #bf1d1b;}

.jobForm .contact .info{ width: 7rem;float:right;}
.jobForm .contact .info input{width:6.2rem; line-height:1.25rem; text-align: right;border: none;font-size: 0.4375rem; color: #111;}
.jobForm .contact .info span { float: left; text-align: right;width: 6.2rem; font-size: 0.4375rem; color: #111;}
.jobForm .contact .info i{ float: right; font-size:0.5rem; color: #ccc;}
.jobForm .contact .info i.c{ color: #1aac19;}

.jobForm .contact li h3{ font-size: 0.4375rem; color: #999;}
.jobForm .contact li .tArea{display: block; width: 8.6rem; height:2.5rem;font-size: 0.375rem; color: #333; border-radius: 0.125rem;  margin: 0 auto 0.46875rem; padding:0.3125rem 0.3125rem;line-height: 0.5rem;border: 0.015625rem solid #f2f2f2;}

.jobForm .btnSubmit{display: block; width: 9.375rem;  margin: 0 auto 0.1rem;border: none; height: 1.40625rem; line-height: 1.40625rem;font-size: 0.5rem;  border-radius: 0.125rem; background: #1e8fe1; color: #fff; cursor: pointer;}


/*登录*/
.m-login{ width: 10.0rem; margin: 0 auto; background: #fff; overflow: hidden;}
.m-login .logo{ display: block; width:4.625rem; height: 1.765625rem; margin: 1.2rem auto;}
.m-login .tabLogin{padding: 0 0.3125rem; margin: 0 auto 0.5rem; background: #fff;}
.m-login .tabLogin .tabNav{ width: 5.5rem; margin: 0 auto; overflow: hidden;}
.m-login .tabLogin .tabNav p{float: left; width: 2.6875rem; height: 0.859375rem; line-height: 0.859375rem; text-align: center; font-size: 0.4375rem;}
.m-login .tabLogin .tabNav p{ background: #fff; color: #1e8fe1; border: 0.015625rem solid #1e8fe1;}
.m-login .tabLogin .tabNav p.pwdLogin{ border-top-left-radius: 0.078125rem;border-bottom-left-radius: 0.078125rem;}
.m-login .tabLogin .tabNav p.smsLogin{ border-top-right-radius: 0.078125rem;border-bottom-right-radius: 0.078125rem;}
.m-login .tabLogin .tabNav p.active{background: #1e8fe1;color: #fff;}
.m-login .tabLogin .tabCon{ margin-top:0.15625rem; }
.m-login .tabLogin li{clear:both; background: #f3f3f5;height: 1.375rem; line-height: 1.375rem;border-radius: 0.09375rem; margin-top: 0.46875rem;}
.m-login .tabLogin li.hAuto{ height: auto; border:none;}
.m-login .tabLogin li.m-yzm{ background: #fff;}
.m-login .tabLogin li.m-yzm .yzm{ float: left; width: 6.25rem;height: 1.375rem; line-height: 1.375rem;border-radius: 0.09375rem;  background: #f3f3f5;}
.m-login .tabLogin li.m-yzm .yzmImg{float: right; margin-top: 0.15625rem; width: 2.8125rem; height: 1rem; border-radius: 0.09375rem;}
.m-login .tabLogin li.m-yzm .yzmImg img{ width: 2.8125rem;}
.m-login .tabLogin li.m-yzm .info{ width: 4.8rem;float:left;}
.m-login .tabLogin li.m-yzm .info input{ width: 4.8rem;float:left;}
.yzmBtn{ float: right; width: 2.75rem; height: 1.34375rem; line-height: 1.34375rem;border-radius: 0.09375rem; border: 0.015625rem solid #1e8fe1;  text-align: center; }
.yzmBtn #sendsms{display:block;width: 2.75rem; height: 1.34375rem; line-height: 1.34375rem;font-size: 0.375rem;color: #4a89dc; border: none; background:none;}


.m-login .tabLogin .tit{float:left;font-size: 0.4375rem; color: #999;}
.m-login .tabLogin .info i{ float: left; font-size:1rem; color: #ccc;}

.tabLogin .tabCon i{ float: right; font-size:0.6rem; color: #ccc; padding: 0 0.28125rem;}
.tabLogin .info{ width:8rem;float:left;}
.tabLogin .info input{width:6.8rem; height:1.09375rem; line-height: 1.09375rem; margin-top:0.125rem; border: none;font-size: 0.4375rem; color: #333; background: none;}
.tabLogin .info .mui-input-password{float: left;}
.tabLogin .info span { float: left;width: 0.625rem; height: 0.4375rem; background: url(../img/icon2_pwd.png) no-repeat; background-size: 0.625rem 0.4375rem; margin:0.46875rem 0.234375rem}
.tabLogin .info span.mui-active{background: url(../img/icon1_pwd.png) no-repeat; background-size: 0.625rem 0.4375rem;}

.m-login .btnSubmit{display: block; width: 9.375rem;  margin: 0.4rem auto 0.2rem;border: none; height: 1.375rem; line-height: 1.375rem;font-size: 0.5rem;  border-radius: 0.125rem; background: #1e8fe1; color: #fff; cursor: pointer;}

.m-login  .loginBottom{width: 9.3rem;  margin: 0 auto 0.4rem; overflow: hidden;}
.m-login  .loginBottom a{ font-size: 0.4375rem; color: #555;}
.m-login  .loginBottom .forgetPwd{ float: left;}
.m-login  .loginBottom .register{ float: right;}

.m-login .tel{ font-size: 0.4375rem; text-align: center; padding: 0.3125rem 0;}
.m-login .tel i{ font-size:0.7rem; color: #cccccc; padding-right: 0.18rem;}
.m-login .tel a{ font-size: 0.4375rem; color: #4a89dc;}
#captcha_div{ width:8rem; margin:0 auto;}








.productList td tbody
{
   
    float: left;
    position: relative;
    padding: .306667rem;
    background: #f1f3f5;
    margin-bottom: .266667rem;
    border-radius: 4px;
    
    }


.tp
{
    
      display: block;
    margin: 0 auto;
    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;
 
    
    }
    
    
    
    
.tpbt
{
    
       width: 4rem;
    display: block;
    margin: .2rem 0 0.15rem;
    height: .8rem;
    line-height: .4rem;
    color: #333;
    font-size: .32rem;
    overflow: hidden;
    text-align: center;
}



.zh1 
{
    
    height: 1.013333rem;
    line-height: 1.013333rem;
    border-bottom: .013333rem solid #eee;
    overflow: hidden;
    
    }
    
.zh1 a
    {
        float: left;
    width: 359px;
    font-size: .346667rem;
    color: #333;
        
        }
/*知道页面*/
#main1{width: 96%;margin: 3% 2%;}
#main_left,#main_content{width: 100%;}
#subnav,#main_content .Solution_rem{width: 100%;padding-bottom: 10px;
    border-bottom: 1px double #999;}
#sub_top,
#main_content .rem_title{width: 100%;font-weight: bold;font-size:16px;line-height: 40px;border-bottom: 1px solid #ddd;}
#sub_content {width: 100%;font-size:12px;line-height: 25px;overflow: hidden;padding-bottom: 10px;padding-top: 5px;}
#sub_content .classknow{width: 50%;float:left;font-size:13px;line-height: 20px;text-align: center;}
#sub_content .classknow dl dd a{color: #616161;}
#sub_content .classknow dl dt a{font-weight: 500;font-size: 14px;color: #000;}
#main_content .Solution_rem{margin-bottom: 20px;}
#main_content .rem_title h3{width: 80%;float: left;}
#main_content .rem_title span{width: 20%;}
#main_content .rem_title span a{color: #999;text-align: right;}
#main_content .rem_content ul li{color: #000;border-bottom: 1px dashed #ddd;}
#main_content .rem_content ul li:last-child{border-bottom: none;}
#main_content .rem_content ul li a{line-height: 35px;color: #000;text-align: left;}
#main_content .rem_content ul li span{line-height: 35px;color: #000;float: right;}
/*知道问答详情页*/
#main_conther .reply .rep_title{width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;}
#main_conther .reply{width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px double #999;}
#main_conther .reply .rep_title h3{   font-weight: bold;}
#main_conther .reply .rep_content h2{width: 100%;font-size: 15px;line-height: 35px;}
#main_conther .reply .rep_content p{width: 100%;line-height: 35px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
#answer{width: 90%;
    height: 20px;
    background: #619d43;
    position: absolute;
    text-align: center;
    padding: 12px;
    margin-bottom: 20px;}
#answer a{height: 60px;color: #fff;font-size: 14px;}
#main_conther .reply .rep_content .c1{margin-top: 55px;}
#main_conther .reply .rep_content .c2{color: #000;}
#main_conther .reply .rep_content .c2 a{color: #000;}