/* 广告部分 */
.banner {
  width: 100%;
  height: 440px;
  max-width: 2830px;
  margin: 0 auto;
}



.folding_line{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-left{ width:100%; overflow:hidden; position:relative;height: 476px;}
.picScroll-left .hd{ overflow:hidden;    position: absolute;bottom: 10px; left:50%;}
.picScroll-left  .prev,.picScroll-left  .next{color: #fff; display:block;cursor:pointer;position: absolute;top: 50%;margin: 0;width: 60px;height: 80px;margin-top: -30px; line-height: 80px;font-size: 80px}
.picScroll-left  .prev,.picScroll-left  .next:hover{color:none; text-decoration: none;    outline: 0; } .picScroll-left  .prev:hover{color:none; text-decoration: none; }
.picScroll-left  .next{ right: 10px  }
.picScroll-left  .prev{ left: 10px  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{float: left; width: 10px; height: 10px; border-radius: 50%; /*background: #ccc;*/ border:2px solid #fff; opacity: 0.6; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; }
.picScroll-left .hd ul li.on{ background-color: #fff ;opacity: 1; }
/*.picScroll-left .bd{ padding:10px;   }*/
.picScroll-left .bd ul{ overflow:hidden; zoom:1; width: 100%}
.picScroll-left .bd ul li{ margin:0; float:left; display:inline; overflow:hidden; text-align:center; width: 100% }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic a{ display: block; width: 100%; height: 100%; }
.picScroll-left .bd ul li .pic img{ width:100%;height:500px; }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.carousel-control{line-height: 500px; font-size: 150px; }










.banner img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-nav {
  width: 100%;
}

.banner-nav-w {
  position: relative;
}

.banner-nav .nav-left {
  height: 440px;
  width: 210px;
  background-color: #fff;
  position: absolute;
  top: -476px;
  float: left;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
}
.nav-left .site-box{
  height: 100%;
  width: 210px;
  background-color: #fff;
  overflow: hidden;
}

/* 更改品目 */
.nav-left .purchasing-list>li,
.nav-left .bidding-list>li{
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 25px;
  box-sizing: border-box;
  cursor: pointer;
  color: #363636;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  user-select: none;
}

.nav-left .purchasing-list>li.active,
.nav-left .bidding-list>li.active {
  background: #E0EFFF;
  color: #2f94ff;
}
.nav-left .purchasing-list>li img,
.nav-left .bidding-list>li img {
  margin-right: 28px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.nav-left .purchasing-list>li span,
.nav-left .bidding-list>li span {
  margin-right: 28px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.nav-left .purchasing-list .cate1-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 0;
}
.nav-left .purchasing-list .cate2-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -16px;
}
.nav-left .purchasing-list .cate3-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -32px;
}
.nav-left .purchasing-list .cate4-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -48px;
}
.nav-left .purchasing-list .cate5-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -64px;
}
.nav-left .purchasing-list .cate6-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -80px;
}
.nav-left .purchasing-list .cate7-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -96px;
}
.nav-left .purchasing-list .cate8-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -112px;
}
.nav-left .purchasing-list .cate9-all span{
  background: url(../images/index-images/emall.png) no-repeat 0 -128px;
}
.nav-left .bidding-list .cate1-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 0;
}
.nav-left .bidding-list .cate2-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 -16px;
}
.nav-left .bidding-list .cate3-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 -32px;
}
.nav-left .bidding-list .cate4-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 -48px;
}
.nav-left .bidding-list .cate5-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 -64px;
}
.nav-left .bidding-list .cate6-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 -80px;
}
.nav-left .bidding-list .cate7-all span{
  background: url(../images/index-images/mall.png) no-repeat 0 -96px;
}
/* 更改品目结束 */
.nav-right {
  height: 440px;
  width: 210px;
  background-color: #fff;
  position: absolute;
  top: -476px;
  right: 0px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);
  background: url("../images/index-images/img.png") no-repeat center;
}

.nav-right .right-up {
  width: 100%;
  height: 190px;
  padding: 20px 19px 14px;
}
.nav-right .right-up .admin{
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 14px;
}
.nav-right .right-up .admin img{
  width: 100%;
  height: 100%;
  display: inline-block;
}
.nav-right .right-up .say-hi {
  width: 100%;
  text-align: center;
  color: #2f94ff;
  margin-bottom: 20px;
  font-family: PingFang-SC-Medium;
  font-size: 18px;
  line-height: 16px;
}
.nav-right .right-up .setting-words{
  color: #646464;
}
.nav-right .right-btm {
  width: 100%;
  height: 325px;

}

.nav-right .right-btm>li {
  padding: 20px 20px;
  height: 40px;
}
.lines{
  margin: 0px 20px;
  border-bottom: 1px dashed #ccc;
}
.nav-right .right-btm>li .info {
  width: 40px;
  height: 46px;
  float: left;
  margin-right: 10px;
}

.nav-right .right-btm>li .info img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.nav-right .right-btm>li .btm-wrods {
  float: left;
}
.nav-right .right-btm>li .btm-wrods .wrods{
  color: #2f94ff;
  font-size: 16px;
  margin-bottom: 8px;
}
.nav-right .right-btm>li .btm-wrods .wrods2{
  color: #ff7e7e;
}
.nav-right .right-btm>li .btm-wrods .wrods3{
  color: #ffb200;
}
.nav-right .right-btm>li .btm-wrods .wrods-down {
  color: #909090;
  font-size: 12px;
}

/* 三级品目 */
.order-three {
  display: none;
  width: 780px;
  height: 441px;
  position: absolute;
  top: -476px;
  left: 210px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);
}
.order-three .purchasing-cates {
  position: absolute;
  top: 0;
  left: 0;
  width: 780px;
  height: 440px;
  overflow: hidden;
}
.order-three .purchasing-cates .cate-item-all,
.order-three .bidding-cates .cate-item-all  {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 439px;
  /* display: none; */
  overflow-y: auto;
}

.order-three .purchasing-cates .cate-item-all.active,
.order-three .bidding-cates .cate-item-all.active {
  display: block;
}

.cate-item-all .cate-list {
  width: 100%;
  box-sizing: border-box;
}

.cate-item-all .cate-list .list-title {
  float: left;
  width: 180px;
  color: #323232;
  font-weight: 600;
  padding: 10px 0;
  text-align: right;
}

.cate-item-all .cate-list .list-title .title2{
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cate-item-all .cate-list .list-main {
  margin-left: 6px;
  float: left;
  width: 570px;
  padding: 10px 0;
  border-bottom: 1px dashed #e2e2e2;
}
.cate-item-all .cate-list .list-main span {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #909090;
  margin-bottom: 15px;
}
.cate-item-all .cate-list .list-main span a{
  font-size: 14px;
}

.cate-item-all .cate-list .list-main span:last-child {
  border-right: 0;
}

/* 商城列表 */
.mall {
  margin-top: 20px;
  width: 100%;
}
.mall .mall-list-box{
  width: 100%;
  height: 100%;
}
.mall .mall-list-box .banner{
  width: 100%;
  height: 140px;
}
.mall .mall-list {
  height: 120px;
  overflow: hidden;
  padding: 20px 12px;
  background: #FFEFEA;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.18);
}

.mall .mall-list>li {
  width: 140px;
  height: 80px;
  float: left;
  margin-right: 8px;
  border-radius: 8px;
  position: relative;
  background: #FFFFFF;
}
.mall .mall-list>li>div {
  width: 120px;
  height: 80px;
  margin: 0 auto;
}

.mall .mall-list>li .img-mask {
  display: none;
  position: absolute;
  background: rgba(36,52,78,.75);
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  white-space: normal;
  border-radius: 4px;
  padding-top: 16px;
}
.mall-list>li .img-mask.active{
  display: block;
}
.mall .mall-list>li .img-mask .mask {
  display: inline-block;
  vertical-align: middle;
}
.img-mask .mask .supplier-name {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  margin-bottom: 6px;
  padding: 0 4px;
}
.img-mask .mask .enter-shop {
  width: 100px;
  height: 28px;
  /* background-image: linear-gradient(-90deg,#197aff,#36b2ff); */
  background: #FF6639 ;
  border-radius: 2px;
  font-size: 12px;
  padding: 6px 20px 5px;
  color: #fff;
  text-align: center;
}
.mall .mall-list>li:nth-child(8n) {
  margin-right: 0;
}

.mall .mall-list>li img {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 4px;
}

.mall .refesh {
  width: 100px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #ebf3fb;
  font-size: 12px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.mall .refesh img {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

/* 换一批 */
.tab-box1 {
  display: block;
}

.tab-box2 {
  display: none;
}

/* 商品展示 */
.goods {
  margin-top: 10px;
}

.goods .goods-nav {
  height: 67px;
  line-height: 67px;
  font-size: 14px;
}

.goods .goods-nav .floor {
  width: 20%;
  font-size: 24px;
  float: left;
}
.goods .goods-nav .floor1{
  color: #5290F9;
}
.goods .goods-nav .floor2{
  color: #FF6639;
}
.goods .goods-nav .floor3{
  color: #5E75F6;
}
.goods .goods-nav .floor4{
  color: #5290F9;
}
.goods .goods-nav .floor5{
  color: #FF6639;
}
.goods .goods-nav .floor6{
  color: #5E75F6;
}
.goods .goods-nav .floor7{
  color: #5E75F6;
}
.goods .goods-nav .floor8{
  color: #5E75F6;
}
.goods .goods-nav .list{
  width: 76%;
  height: 67px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goods .goods-nav .list a li {
  float: left;
  padding-right: 40px;
}
.goods .goods-nav .list a li span{
  height: 46px;
  display:inline-block;
}
.goods .goods-nav .list1 a li.active{
  color: #5290F9;
}
.goods .goods-nav .list1 a li.active span{
  border-bottom: 2px solid #5290F9!important;
}
.goods .goods-nav .list2 a li.active{
  color: #FF6639;
}
.goods .goods-nav .list2 a li.active span{
  border-bottom: 2px solid #FF6639!important;
}
.goods .goods-nav .list3 a li.active{
  color: #5E75F6;
}
.goods .goods-nav .list3 a li.active span{
  border-bottom: 2px solid #5E75F6!important;
}

.goods .goods-nav .list4 a li.active{
  color: #5290F9;
}
.goods .goods-nav .list4 a li.active span{
  border-bottom: 2px solid #5290F9!important;
}
.goods .goods-nav .list5 a li.active{
  color: #FF6639;
}
.goods .goods-nav .list5 a li.active span{
  border-bottom: 2px solid #FF6639!important;
}
.goods .goods-nav .list6 a li.active{
  color: #5E75F6;
}
.goods .goods-nav .list6 a li.active span{
  border-bottom: 2px solid #5E75F6!important;
}
.goods .goods-nav .more {
  width: 4%;
}

.goods .goods-nav .more a {
  color: #646464;
}

/* 商品列表 */
.goods-middle {
  min-height: 670px;
  background: #FAFAFA;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);
  margin-bottom: 15px;
  overflow: hidden;
}
.goods-middle .middle-box{
  width: 100%;
  position: relative;
}
.goods-middle .middle-left {
  width: 100%;
  display: none;
  position: absolute;
  background: #FAFAFA;
}
.goods-middle .middle-left.showing{
  display: block;
  z-index: 99;
}
.goods-middle .middle-left.active-forever{
  display: block;
}
.goods-middle .middle-left>li {
  float: left;
  width: 240px;
  height: 313px;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  transition: all .4s linear;
}
.goods-middle .middle-left>li:hover{
  color: #000;
  font-weight: 600;
}
.goods-middle .middle-left>li .public-pic {
  width: 216px;
}

.goods-middle .middle-left>li .wrods {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 12px 0;
  color: #323232;
  transition: all;
  height: 40px;
}
.goods-middle .middle-left>li .price {
  width: 100%;
}

.goods-middle .middle-left>li .price .price-new {
  color: #f44336;
  float: left;
  margin-right: 10px;
  font-size: 16px;
}

.goods-middle .middle-left>li .price .price-old {
  display: block;
  color: #646464;
  float: left;
  text-decoration: line-through;
}

.goods-middle .middle-left .goods-name {
  padding: 0px;
  width: 238px;
  height: 312px;
}
.goods-middle .middle-left .goods-name img{
  width: 100%;
  height: 100%;
  display: inline-block;
}

.goods-middle .middle-left .pic {
  width: 216px;
  height: 216px;
  box-shadow: 0;
  background-color: #fff;
  transition: all .4s linear;
}
.goods-middle .middle-left .pic:hover{
  box-shadow: 0 0 4px 0 #E2E2E2;
}
.goods-middle .middle-left .pic img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.goods-middle .middle-right {
  width: 19%;
  padding: 20px;
  padding-left: 0;

}
.goods-middle .middle-right .box{
  background: #FFFFFF;
  padding:2px 15px;
}
.goods-middle .middle-right .tehui {
  width: 100%;
  height: 58px;
  line-height: 58px;
  text-align: center;
}

.goods-middle .middle-right .item-product {
  width: 100%;
 border-bottom: 1px dashed #e2e2e2;
 margin-bottom: 6px;
}

.item-product .product-img {
  width: 36%;
}

.item-product .product-img .yh-pic {
  width: 58px;
  height: 54px;
}
.item-product .product-img p {
  width: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2f94ff;
  margin-top: 6px;
}
.item-product .product-img p img{
  width:15px;
  height:14px;
  display:inline-block;
}
.item-product .product-wrods {
  width: 60%;
  font-size: 12px;
  margin-right: 2x;
}

.item-product .product-wrods p {
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item-product .product-wrods .product-brands:hover {
  color: #2f94ff;
}

.item-product .product-wrods .product-price {
  text-align: right;
  color: #f44336;
  margin-top: 20px;
  font-size: 16px;
}

/* 电商品牌 */
.goods-mall {
  background: #FAFAFA;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);
  margin-bottom: 0px;
}

.goods-mall>li {
  float: left;
  margin-right: 20px;
  width: 175px;
  height: 80px;
  position: relative;
  margin: 15px 20px;
}
.goods-mall>li .mask{
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  background: rgba(36,52,78,.75);
  top: 0;
}
.goods-mall>li .mask.active{
  display: block;
}
.goods-mall>li .mask .supplier-name{
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: normal;
  padding-top: 26px;
  color: #fff;
}
.goods-mall>li:last-child {
  margin-right: 0px;
}

.goods-mall>li img {
  width: 100%;
  height: 100%;
}
/* 增加竞价 */
.order-nav{
  height: 45px;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.order-nav .direct-purchasing{
  font-size: 14px;
  width: 100%;
  height: 99.8%;
  line-height: 40px;
  text-align: center;
}
.order-nav .bidding{
  font-size: 14px;
  width: 100%;
  height: 99.8%;
  line-height: 40px;
  text-align: center;
}
.toggle-active{
  color: #F3BE47;
  border-bottom: 2px solid #F3BE47;
}

/* 标签 */
.goodsImg {
  display: flex;
  justify-content: flex-start;
}
.icon .icons-all{
  font-size:12px;
  -webkit-transform:scale(0.84);
  padding: 2px 3px;
  border-radius: 2px; 
}
.icon .energy{
  color: #F5A623;
  border: 1px solid #F5A623;
  background: #FEF6E9;
}
.icon .groupBuying{
  color: #01BBD0;
  border: 1px solid #01BBD0;
  background: #E5F8FA;
}
.icon .newEnergy{
  color: #64DC1A;
  border: 1px solid #64DC1A;
  background: #EFFBE8;
}
.icon .export{
  color: #88A766;
  border: 1px solid #88A766;
  background: #EFFBE8;
}
.icon .first-set {
  color: #409eff;
  background: #ecf5ff;
  border: 1px solid #b3d8ff;
}
.icon .innovative-product {
  color: #67c23a;
  background: #f0f9eb;
  border: 1px solid #c2e7b0;
}
.icon .shandong-province {
  color: #f56c6c;
  background: #fef0f0;
  border: 1px solid #fbc4c4;
}
.icon .green-building-material {
  color: #03B915;
  background: #f0f9eb;
  border: 1px solid #c2e7b0;
}
/* 新增二维码 */
.rzzs {
	position: fixed;
	width: calc(calc(100% - 1200px) / 2);
	max-width: 100px;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	z-index: 998;
}
.rzzs img {
	width: 100%;
	padding: 0 2px;
	box-sizing: border-box;
}
.QR {
	position: absolute;
	display: none;
	width: 200px;
  height: 200px;
  top:0;
  left:100%;
  }
  .QR p{
  text-align: center;
  margin-bottom: 10px;
  }