/* banner s */
.zjt-banner{
  width: 100%;
  height: auto;
  position: relative;
}
.zjt-banner .swiper-wrapper,
.zjt-banner .swiper-slide{
  height: auto;
  position: inherit;
}
.zjt-banner .swiper-banner-pagination{
  width: 6px !important;
  position: absolute;
  bottom: 50% !important;
  left: 98.5% !important;
  transform: translateY(50%);
  z-index: 4;
}
.zjt-banner .swiper-banner-pagination span{
  display: inline-block;
  width: 6px;
  height: 22px;
  background: rgba(255,255,255,0.6);
  border-radius: 2px;
  position: relative;
  margin-bottom: 12px !important;
}
.zjt-banner .swiper-banner-pagination span:last-child{
  margin-bottom: 0 !important;
}
.zjt-banner .swiper-banner-pagination i{
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 14px;
  width: 94px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: rgba(0,0,0,0.4);
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
}
.zjt-banner .swiper-banner-pagination i::after{
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 28%;
  right: -16px;
  display: inline-block;
  margin-top: -3px;
  border:8px solid transparent;
  border-top-color: rgba(0,0,0,0.4);
  border-radius: 4px;
  transform: rotateZ(-90deg);
}
.zjt-banner .swiper-pagination-bullet-active{
  background: #fff !important;
}
.zjt-banner .swiper-container-horizontal>.zjt-banner .swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 8px 0 0 4px;
}
.zjt-banner a{
  display: inline-block;
  width: 100%;
}
/* todo */
.zjt-banner a img{
  /* height: 380px; */
  width: 100%;
}
.banner-home {
  width: 100%;
  /* height: 380px; */
  position: relative;
}
.banner-home:hover .swiper-banner-button-prev{
  width: 30px;
  height: 54px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  position: absolute;
  left: 67px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.banner-home:hover .swiper-banner-button-next{
  width: 30px;
  height: 54px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  position: absolute;
  right: 67px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.banner-home .swiper-banner-button-prev:hover,
.banner-home .swiper-banner-button-next:hover{
  background: rgba(0,0,0,0.6);
}
.banner-home:hover .swiper-banner-button-prev::before{
  content: '';
  width: 10px;
  height: 18px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/swiper_prev_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.banner-home:hover .swiper-banner-button-next::before{
  content: '';
  width: 10px;
  height: 18px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/swiper_next_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

/* banner e */


/* 内容模块 s */
.zjt-con{
  padding-top: 80px;
}
.zjt-con .zjt-modules{
  margin: 0 auto;
  margin-top: -64px;
}
.zjt-modules .anchor-module{
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.zjt-con .single-module{
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  margin-bottom: 32px;
}

.zjt-con .more-module{
  position: absolute;
  top: 0;
  right: 16px;
  line-height: 56px;
  align-items: center;
}
.zjt-con .more-module a,
.zjt-con .more-module span{
  display: inline-block;
  font-size: 14px;
  color: #999;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
.zjt-con .more-module .inquiry-icon,
.zjt-con .more-module .inquiry-icon:hover{
  color: #F39800 !important;
}
.zjt-con .more-module .inquiry-icon::before{
  content: '';
  width: 14px;
  height: 14px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/cur_inquiry_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.zjt-con .more-module .more-icon:hover{
  color: #1A79E4;
}
.zjt-con .more-module .more-icon::before{
  content: '';
  width: 14px;
  height: 14px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/more_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.zjt-con .more-module .more-icon:hover::before{
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/cur_more_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
}
.zjt-con .more-module .more-line{
  width: 2px;
  height: 14px;
  background: #ccc;
  margin: 0 23px;
}
.zjt-con .single-module-top{
  position: relative;
  height: 55px;
  border-bottom: 1px solid #EEEEEE;
}
.zjt-con .module-title{
  width: 204px;
  font-size: 24px;
  line-height: 55px;
  color: #333333;
  font-weight: bold;
  padding-left: 16px;
  box-sizing: border-box;
}

/* 搜索分类 s */
.module-search{
  width: 100%;
  position: relative;
  z-index: 4;
}
.module-search-con{
  padding: 24px 0 0;
  box-sizing: border-box;
  flex-wrap: nowrap;
}
.module-search-con .module-search-top{
  padding: 0 32px;
  box-sizing: border-box;
}
.module-search .module-search-left{
  height: 46px;
  background: #FFFFFF;
  border: 1px solid #E3E2E1;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  margin-right: 16px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.module-search .module-search-right{
  display: inline-block;
  height: 46px;
  line-height: 46px;
  min-width: 140px;
  text-align: center;
  border: 1px solid #165DFF;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  position: relative;
  user-select: none;
  font-weight: 700;
}
.module-search .module-search-right .newIcon{
  width: 38px;
  position: absolute;
  right: 0;
  top: -6px;
  transform: translate(0,-100%);
}
.module-search .module-search-right .module-search-right-text{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-search .module-search-right .module-search-right-text span{
  font-size: 16px;
  color: #165DFF;
}
.module-search .module-search-right .module-search-right-text img{
  width: 30px;
  margin-right: 6px;
}
.module-search .module-search-right:hover{
  background: #fff;
  opacity: 0.8;
}
.module-search .module-search-left .search-classify{
  width: 116px;
  position: relative;
}
.module-search .module-search-left .search-classify::after{
  content: '';
  width: 10px;
  height: 10px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/down_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}
.module-search .module-search-left .rotateClassifyIcon::after{
  transform: rotateZ(180deg);
}
.module-search .search-classify .search-classify-name{
  width: 100%;
  padding: 0 22px 0 10px;
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 40px;
  box-sizing: border-box;
}
.module-search .module-search-line{
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #CCCCCC;
}
.module-search .search-keywords{
  padding-left: 24px;
  height: 46px;
  box-sizing: border-box;
  position: relative;
  cursor: initial !important;
}
.module-search .search-keywords input{
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 46px;
  padding-right: 42px;
  box-sizing: border-box;
}
.module-search .search-keywords input::-webkit-input-placeholder{
  color: #BBBBBB;
}
.module-search .search-btn{
  width: 120px;
  font-size: 14px;
  line-height: 46px;
  height: 46px;
  text-align: center;
  color: #fff;
}
.module-search .search-btn img{
  width: 20px;
  margin-right: 8px;
}
.all-classify{
  width: 100%;
  height: 88px;
  padding: 24px 32px 20px 32px;
  box-sizing: border-box;
  position: relative;
}
.all-classify .classify-swiper{
  height: 100%;
  overflow-x: hidden;
}
.all-classify .classify-page-btn{
  display: none;
  width: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.all-classify .classify-prev-page{
  left: 8px;;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/classify_prev.png') center center no-repeat;
}
.all-classify .classify-prev-page:before{
  content: '';
  width: 18px;
  height: 18px;
  -webkit-background-size: 18px 18px;
  background-size: 18px 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.all-classify .classify-next-page{
  right: 8px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/classify-next.png') center center no-repeat;
}
.all-classify .classify-next-page:before{
  content: '';
  width: 18px;
  height: 18px;
  -webkit-background-size: 18px 18px;
  background-size: 18px 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.all-classify .classify-prev-page:hover{
  border: 1px solid #0C89F3;
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
}
.all-classify .classify-prev-page:hover::before{
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/cur_classify_prev.png') center center no-repeat;
}
.all-classify .classify-next-page:hover{
  border: 1px solid #0C89F3;
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
}
.all-classify .classify-next-page:hover::before{
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/cur_classify_next.png') center center no-repeat;
}
.all-classify .all-classify-top{
  width: max-content;
}
.all-classify .all-classify-top .first-classify{
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  color: #333333;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
}
.all-classify .all-classify-top .first-classify:last-child{
  margin-right: 0;
}
.all-classify .all-classify-top .first-classify .title{
  width: 100%;
  justify-content: center;
  align-items: center;
}
.all-classify .all-classify-top .first-classify:hover,
.all-classify .all-classify-top .curFirstClassify{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  color: #fff;
}
.all-classify .all-classify-top .first-classify img{
  width: 18px;
  height: 18px;
  overflow: inherit;
  margin-right: 10px;
}
.all-classify .all-classify-top .first-classify span{
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
}
.all-classify .second-classify{
  height: 308px;
  position: absolute;
  left: 0;
  top: 64px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
  padding: 8px 10px 18px 32px;
}
.all-classify .second-classify ul{
  width: 100%;
  height: 282px;
  padding-right: 16px;
  box-sizing: border-box;
  overflow-y: auto;
}

.all-classify .second-classify-title{
  font-size: 14px;
  color: #666;
  line-height: 18px;
  font-weight: bold;
}
.all-classify .second-classify li,
.all-classify .single-material-classify{
  padding-top: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #EEEEEE;
}
.all-classify .single-material-classify-title{
  font-size: 12px;
  color: #666666;
  line-height: 16px;
  font-weight: bold;
}
.all-classify .third-classify a{
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #666;
  padding: 0 10px;
  border-left: 1px solid #eee;
  margin-top: 6px;
}
.all-classify .third-classify a:first-child{
  padding-left: 0;
  border-left: 0;
}
.all-classify .third-classify {
  flex-wrap: wrap;
}

/* 搜索分类 e */

/* 材价预测 s */

#anchorCon1 .single-module-left .answer{
  line-height: 56px;
  align-items: center;
}
#anchorCon1 .single-module-left .answer i{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/answer_icon.png');
  margin-left: 8px;
  position: relative;
  cursor: pointer;
}
#anchorCon1 .single-module-left .answer .answer-desc{
  width: 120px;
  background: #FFFFFF;
  border: 1px solid #FFD1A0;
  font-size: 12px;
  color: #F17A3F;
  line-height: 24px;
  padding: 6px 10px;
  box-sizing: border-box;
  position: absolute;
  left: -20px;
  top: 24px;
  z-index: 10;
}
#anchorCon1 .single-module-left .answer .answer-desc::before{
  content: '';
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-top: 1px solid #FFD1A0;
  border-left: 1px solid #FFD1A0;
  position: absolute;
  left: 20px;
  top: -5px;
  transform: rotateZ(45deg);
}
.material-classify{
  width: 100px;
  height: auto;
  background: #FBFBFB;
  border-radius: 0px 0px 0px 4px;
  position: relative;
  border-right: 1px solid #eee;
}
#anchorCon1 .single-module-bottom,
#anchorCon1 .nothing-data{
  height: 365px;
}
.trendchart-module{
  width: 100%;
  height: 365px;
  position: relative;
}
.trendchart-module #echartsId1,
.trendchart-module #echartsId2{
  position: absolute;
  left: 10px;
  top: 60px;
}
.material-classify p{
  width: 100px;
  font-size: 14px;
  color: #333;
  padding: 0 6px;
  box-sizing: border-box;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  height: 50px;
  position: relative;
}
.all-classify .single-material-classify .hoverMaterialClassify,
.material-classify .hoverMaterialClassify{
  background: #F0F4F8;
  color: #1A79E4;
}
.material-classify .curMaterialClassify{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  color: #fff;
}
.material-classify .curMaterialClassify::after{
  content: '';
  border: 8px solid transparent;
  border-top-color: #fff;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%) rotateZ(90deg);
  z-index: 2;
}
.material-classify ul{
  width: 100%;
  height: 366px;
  overflow-y: auto;
  width: 100px;
  height: 366px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.09);
  position: absolute;
  top: 0;
  right: -100px;
  z-index: 1;
}
.material-classify ul li{
  padding: 0 6px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 40px;
  color: #333;
  text-align: center;
  cursor: pointer;
}
.material-classify ul li:hover,
.material-classify ul .hoverSecondClassify{
  background: #F6F6F6;
  color: #1A79E4;
}
.single-material-classify ul li:hover{
  background: #F6F6F6;
  color: #1A79E4;
}
.material-trendchart{
  position: relative;
  width: 100%;
}
.material-trendchart .trendchart-top{
  width: 100%;
  padding: 14px 24px 0;
  box-sizing: border-box;
}
.material-trendchart .trendchart-top .trendchart-price{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 7px;
}
.material-trendchart .trendchart-title{
  display: flex;
  flex-direction: row;
  font-size: 14px;
  color: #333333;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
}
.material-trendchart .trendchart-title i{
  display: inline-block;
  padding: 0 6px;
  font-weight: bold;
}
.material-trendchart .trendchart-classify{
  font-size: 14px;
  color: #666666;
  line-height: 22px;
}
.material-trendchart .trendchart-indicate{
  width: 186px;
  align-items: center;
  height: 22px;
  justify-content: flex-end;
}
.material-trendchart .trendchart-indicate span{
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  color: #666;
  height: 14px;
  line-height: 14px;
  margin-left: 30px;
}
.material-trendchart .trendchart-indicate span:first-child{
  margin-left: 0;
}
.material-trendchart .trendchart-indicate img{
  width: 22px;
  height: 8px;
  margin-right: 5px;
}
.single-module-bottom .material-login{
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.single-module-bottom .material-login1{
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/material_bg1.png');
}
.single-module-bottom .material-login2{
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/material_bg2.png');
}
.single-module-bottom .material-login .login-btn{
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  background: #FFFFFF;
  border: 1px solid #0E7CEB;
  border-radius: 4px;
  font-size: 14px;
  color: #0E7CEB;
  position: absolute;
}
.single-module-bottom .material-login .login-btn1{
  right: 274px;
  bottom: 160px;
}
.single-module-bottom .material-login .login-btn2{
  right: 255px;
  bottom: 154px;
}

.single-module-bottom .material-login .login-btn:hover{
  border: 1px solid #0E7CEB;
  background: #0E7CEB;
  color: #fff !important;
}
.single-module-bottom .material-login .material-login-text{
  font-size: 14px;
  color: #333;
  line-height: 16px;
  font-weight: bold;
  position: absolute;
}
.single-module-bottom .material-login .material-login-text1{
  right: 268px;
  bottom: 132px;
}
.single-module-bottom .material-login .material-login-text2{
  right: 245px;
  bottom: 125px;
}

/* 材价预测 e */

/* 最新信息价 */
.latest-info-price{
  margin: 12px 0;
  width: 100%;
  height: 342px;
  overflow: hidden;
}
.latest-info-price .news-information{
  width: 100%;
  height: 342px;
  position: relative;
}
.news-information .swiper-slide{
  height: 38px;
  line-height: 38px;
}
.news-information a{
  display: inline-block;
  font-size: 14px;
  color: #444;
  position: relative;
  padding-left: 6px;
}
.news-information .news-left:hover .news-circle{
  background: #1E83DE;
  border-radius: 50%;
  border: 1px solid #1E83DE;
}
.news-information .news-left{
  align-items: center;
}
.news-information .news-circle{
  display: inline-block;
  width: 9px;
  height: 9px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.news-information .news-circle::before{
  content: '';
  width: 1px;
  height: 36px;
  background: #eee;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.news-information .swiper-slide:last-child .news-circle::before{
  height: 0;
}
.news-information .news-time{
  width: 100%;
  text-align: left;
  display: inline-block;
  font-size: 12px;
  color: #BBB;
}
#anchorCon1 .news-information .news-time{
  text-align: right;
}

/* 最新询价 s */
.latest-inquiry{
  width: 100%;
  height: 317px;
  overflow: hidden;
  padding: 0 0 7px;
  box-sizing: border-box;
}
.latest-inquiry .inquiry-top{
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #93A7BC;
  background: #F6FAFC;
}
.latest-inquiry .inquiry-bottom{
  width: 100%;
  height: 272px;
  position: relative;
}
.latest-inquiry .ovhidden{
  overflow: hidden;
}
.latest-inquiry .inquiry-top p:nth-child(1),
.latest-inquiry .inquiry-bottom ul li:nth-child(1){
  width: 25%;
}
.latest-inquiry .inquiry-top p:nth-child(2),
.latest-inquiry .inquiry-bottom ul li:nth-child(2){
  width: 28%;
  padding-right: 24px;
  box-sizing: border-box;
}
.latest-inquiry .inquiry-top p:nth-child(3),
.latest-inquiry .inquiry-bottom ul li:nth-child(3){
  width: 15%;
  padding-right: 24px;
  box-sizing: border-box;
}
.latest-inquiry .inquiry-bottom ul li:nth-child(3){
  color: #F59024;
}
.latest-inquiry .inquiry-top p:nth-child(4),
.latest-inquiry .inquiry-bottom ul li:nth-child(4){
  width: 20%;
  padding-right: 24px;
  box-sizing: border-box;
}
.latest-inquiry .inquiry-top p:nth-child(5),
.latest-inquiry .inquiry-bottom ul li:nth-child(5){
  width: 12%;
}
.inquiry-bottom ul{
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #eee;
}
.inquiry-bottom ul:last-child{
  border-bottom: none;
}
.inquiry-bottom ul li{
  font-size: 14px;
  color: #444444;
  height: 45px;
  line-height: 45px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inquiry-bottom ul li a{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #444444;
  padding-right: 24px;
  box-sizing: border-box;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* 最新询价 e */

/* 热门询价 s */
.hot-inquiry {
  padding: 15px 16px 30px;
  min-width: 284px;
}
.hot-inquiry ul {
  width: 100%;
}
.hot-inquiry ul li{
  width: 100%;
  height: 52px;
  margin-top: 20px;
}
.hot-inquiry ul li a{
  width: 100%;
}
.hot-inquiry ul a:first-child li {
  margin-top: 0 !important;
}
.hot-inquiry ul li img {
  max-width: 52px;
  min-width: 52px;
  height: 52px;
}
.hot-inquiry ul li .hot-inquiry-right {
  margin-left: 10px;
  width: 290px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hot-inquiry ul li .hot-inquiry-right h2 {
  font-weight: 400;
  font-size: 14px;
  color: #303133;
  line-height: 16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display: inline-block;
  width: 100%;
}
.hot-inquiry ul li .hot-inquiry-right p {
  font-weight: 400;
  font-size: 12px;
  color: #606266;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display: inline-block;
  width: 100%;
  line-height: 16px;
}
.hot-inquiry i.analysis-news {
  display: inline-block;
  width: 41px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  background: #FF3B30;
  border-radius: 3px;
  position: relative;
  margin-left: 8px;
  font-size: 12px;
  color: #fff;
}
.hot-inquiry i.analysis-news::before {
    content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-right-color: #FF3B30;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}
/* 热门询价 e */

/* 市场分析、价格行情 s */
#anchorCon3 .single-module-left{
  overflow: hidden;
}
.market-situation{
  padding: 8px 0;
  box-sizing: border-box;
  height: 290px;
}
.market-situation .news-information{
  height: auto;
}
.market-situation a,
.market-situation .news-information .news-time{
  line-height: 45px !important;
}
.market-situation li:last-child .news-circle::before{
  height: 0;
}
.market-analysis{
  height: 290px;
}
.market-analysis .market-analysis-right{
  width: 100%;
  height: 290px;
}
.market-analysis .market-analysis-right ul{
  width: 100%;
  height: 290px;
  padding: 8px 0;
  box-sizing: border-box;
}
.market-analysis .market-analysis-right ul li{
  line-height: 44px;
  height: 45px;
  border-bottom: 1px solid #EEEEEE;
}
.market-analysis .market-analysis-right ul li:last-child{
  border-bottom: none;
}
.market-analysis .market-analysis-right li a{
  font-size: 14px;
  color: #444;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.market-analysis .market-analysis-right li a span{
  display: inline-block;
  max-width: 490px;
}
.market-analysis .market-analysis-right .analysis-news{
  display: inline-block;
  width: 41px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  background: #FF3B30;
  border-radius: 3px;
  position: relative;
  margin-left: 8px;
  font-size: 12px;
  color: #fff;
}
.market-analysis .market-analysis-right .analysis-news::before{
  content: '';
  display: inline-block;
  border: 6px solid transparent;
  border-right-color: #FF3B30;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.market-analysis .market-analysis-right li p{
  font-size: 12px;
  color: #BBBBBB;
}

/* 市场分析、价格行情 e */

/* 行业动态 s */
#anchorCon4 .single-module-bottom{
  height: 316px;
}
#anchorCon4 .market-situation{
  height: 316px;
}
.industry-dynamics{
  padding: 24px 0 5px;
  box-sizing: border-box;
  overflow: hidden;
}
.industry-dynamics:nth-child(2){
  padding: 0 !important;
}
.industry-dynamics a,
.industry-dynamics .industry-not-pic{
  float: left;
}
.industry-dynamics .industry-pic{
  margin-bottom: 5px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.industry-dynamics .industry-not-pic{
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #EEEEEE;
}
.industry-dynamics .industry-not-pic:nth-child(2n){
  margin-right: 0;
}
.industry-dynamics .industry-not-pic:last-child{
  margin-bottom: 9px;
}
.industry-dynamics .industry-pic:nth-child(1){
  margin-left: 0;
}
.industry-dynamics .industry-not-pic:nth-last-child(1),
.industry-dynamics .industry-not-pic:nth-last-child(2){
  border-bottom: none;
}
.industry-dynamics .industry-pic img{
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.industry-dynamics .industry-dynamics-con{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0px 0px 4px 4px;
  background: rgba(0,0,0,0.4);
  height: 45px;
  padding: 4px 13px;
  box-sizing: border-box;
}
.industry-dynamics .industry-pic .industry-title{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.industry-dynamics .industry-not-pic .industry-title{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #444444;
  line-height: 35px;
  padding-left: 14px;
  padding-right: 26px;
  box-sizing: border-box;
  position: relative;
}
.industry-dynamics .industry-not-pic .industry-title::before{
  content: '';
  width: 6px;
  height: 6px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.industry-dynamics .industry-not-pic .industry-title:hover::before{
  width: 8px;
  height: 8px;
  background: #007bff;
  border: none;
}
.industry-dynamics .industry-pic .industry-time{
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
}
.industry-dynamics .industry-not-pic .industry-time{
  display: inline-block;
  width: 88px;
  font-size: 12px;
  color: #BBBBBB;
  line-height: 35px;
}
.industry-dynamics .industry-title:hover{
  color: #1a79e4;
}
/* 行业动态 e */

/* 政策法规 s */
.regulations{
  padding: 23px 0;
  box-sizing: border-box;
}
.regulations .news-information li a{
  width: 100%;
  line-height: 16px !important;
  padding-right: 0;
}
.regulations .news-information li{
  margin-bottom: 18px;
  height: 40px;
}
.regulations .news-information li:last-child{
  margin-bottom: 0;
}
.regulations .news-information li .news-time{
  line-height: 14px !important;
}
.regulations .news-information li .news-time{
  padding-left: 17px;
}
.regulations .news-information .news-circle::before{
  height: 48px;
}
#anchorCon4 .news-information .news-left{
  margin-right: 0;
}
/* 政策法规 e */

/* 工程信息 s */
.engineering{
  height: 426px;
  padding-top: 8px;
  padding-bottom: 24px;
  box-sizing: border-box;
}
.engineering ul{
  flex-wrap: wrap;
}
.engineering ul li{
  margin-top: 16px;
}
.engineering li a{
  display: inline-block;
  height: 181px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.engineering li:nth-child(3n){
  margin-right: 0;
}
.engineering li a .engineering-title{
  width: 100%;
  height: 58px;
  font-size: 14px;
  line-height: 23px;
  padding: 6px 16px;
  background: #F5F8FB;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 4px 4px 0px 0px;
  box-sizing: border-box;
}
.engineering li a .engineering-title p{
  width: 100%;
  height: 46px;
}
.engineering ul li a:hover{
  transform: translateY(-4px);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
.engineering ul li a:hover .engineering-title,
.engineering li a .curTitle{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  color: #fff;
}
.engineering ul li a:hover .engineering-type{
  color: #444;
}
.engineering li a .engineering-con{
  width: 100%;
  padding: 10px 16px;
  box-sizing: border-box;
}
.engineering li a .engineering-type{
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.engineering li a .engineering-btn{
  width: 200px;
  height: 32px;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  background: #FBFCFC;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.engineering li a .engineering-btn i{
  display: inline-block;
  color: #F29600;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}
/* 工程信息 e */

/* 优选供应商 s */
.supplier{
  height: 426px;
  position: relative;
}
.supplier .swiper{
  width: 100%;
  height: 386px;
  padding-top: 24px;
  margin: 0 0 43px;
  box-sizing: border-box;
  overflow: hidden;
}
.supplier .swiper .swiper-slide{
  height: 84px;
  font-size: 0;
}
.supplier .single-supplier{
  display: inline-block;
  height: 84px;
  background: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.supplier .single-supplier:hover{
  transform: translateY(-4px);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
.supplier .single-supplier img{
  max-width: 164px;
  max-height: 84px;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: auto;
}
.supplier .swiper-supplier-pagination{
  width: 54px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 1;
}
.supplier .swiper-supplier-pagination .swiper-pagination-bullet{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: rgba(0,0,0,0.8);
  border-radius: 50%;
}
.supplier .swiper-supplier-pagination .swiper-pagination-bullet-active{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #1E83DE;
  border-radius: 50%;
  position: relative;
}
.supplier .swiper-supplier-pagination .swiper-pagination-bullet-active::before{
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.supplier .swiper-supplier-button-prev{
  width: 30px;
  height: 54px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.supplier .swiper-supplier-button-next{
  width: 30px;
  height: 54px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.supplier .swiper-supplier-button-prev:hover,
.supplier .swiper-supplier-button-next:hover{
  background: rgba(0,0,0,0.6);
}
.supplier .swiper-supplier-button-prev::before{
  content: '';
  width: 10px;
  height: 18px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/swiper_prev_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.supplier .swiper-supplier-button-next::before{
  content: '';
  width: 10px;
  height: 18px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/swiper_next_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/* 优选供应商 e */

/* 数聚超市 s */
.chaoshi-con{
  width: 100%;
  height: 468px;
  padding: 24px 0 0;
  box-sizing: border-box;
  overflow: hidden;
}
.chaoshi-con ul{
  flex-wrap: wrap;
}
.chaoshi-con ul li{
  margin-bottom: 24px;
}
.chaoshi-con ul li.module-margin-right:nth-child(2n){
  margin-right: 0;
}
.chaoshi-con ul li .single-chaoshi{
  display: block;
  background: #FCFCFC;
  height: 198px;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  padding: 17px 16px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chaoshi-con li .chaoshi-left{
  display: inline-block;
  width: 118px;
  height: 164px;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  margin-right: 15px;
  float: left;
  position: relative;
}
.chaoshi-con li .chaoshi-logo{
  max-width: 115px;
  max-height: 161px;
  width: auto;
  height: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.chaoshi-con li .chaoshi-type{
  position: absolute;
  left: 0;
  top: 0;
}
.chaoshi-con li .chaoshi-type img{
  width: 36px;
  height: 22px;
}
.chaoshi-con li .chaoshi-format{
  position: absolute;
  right: 0;
  bottom: 0;
}
.chaoshi-con li .chaoshi-format img{
  width: 18px;
  height: 18px;
}
.chaoshi-con li .covertype-02-img{
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 4px;
  box-sizing: border-box;
}
.chaoshi-con li .covertype-02-img img{
  width: 33px;
  height: 38px;
}
.chaoshi-con li .covertype-02-img font{
  width: 100%;
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
  color: #999;
}
.chaoshi-con li .chaoshi-right{
  height: 164px;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  padding: 6px 0;
  box-sizing: border-box;
}
.chaoshi-con li .chaoshi-right .chaoshi-title{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #444444;
  line-height: 22px;
  height: 22px;
  margin-bottom: 10px;
}
.chaoshi-con li .chaoshi-right .chaoshi-title:hover{
  color: #1E83DE;
}
.chaoshi-con li .chaoshi-right .chaoshi-desc{
  font-size: 12px;
  color: #999;
  line-height: 20px;
  height: 40px;
  margin-bottom: 28px;
}
.chaoshi-con li .chaoshi-price{
  margin-right: 4px;
  flex-direction: column;
}
.chaoshi-con li .chaoshi-downlaod .chaoshi-price span{
  display: block;
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}
.chaoshi-con li .chaoshi-downlaod .chaoshi-price span:nth-child(1){
  color: #FF7D1D;
  font-weight: bold;
}
.chaoshi-con li .chaoshi-downlaod .chaoshi-price span:nth-child(2){
  text-decoration: line-through;
  margin-top: 8px;
  font-weight: 400;
}
.chaoshi-con li .chaoshi-downlaod .download-btn{
  width: 78px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: rgba(245, 144, 36, 0);
  border: 1px solid #1E83DE;
  border-radius: 4px;
  font-size: 14px;
  color: #1E83DE;
  margin-top: 8px;
}
.chaoshi-con li .single-chaoshi:hover{
  background: #fff;
  transform: translateY(-4px);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
.chaoshi-con li .single-chaoshi:hover .download-btn{
  background: linear-gradient(90deg, #106EE3, #0D89F3);
  color: #fff !important;
}
.chaoshi-con .boutique-padding{
  padding: 0 24px;
  box-sizing: border-box;
}
.chaoshi-con li .boutique{
  width: 136px;
  height: 198px;
  background: #FCFCFC;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  padding:0 9px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chaoshi-con li .boutique:hover{
  transform: translateY(-4px);
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
.chaoshi-con li .boutique .chaoshi-left{
  margin-right: 0;
}
.chaoshi-con .boutique-title{
  font-size: 14px;
  color: #444;
  line-height: 16px;
  margin-top: 7px;
}
/* 数聚超市 e */

/* 热门商品 s */
.hot-products{
  width: 100%;
  padding: 20px 0 24px;
  box-sizing: border-box;
}
.hot-products li a{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #444;
  height: 26px;
  line-height: 26px;
}
.hot-products li a i{
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  color: #777777;
  margin-right: 8px;
  border-radius: 4px;
}
.hot-products li a:hover i{
  color: #1A79E4;
  border: 1px solid #1A79E4;
}
.hot-products-default a{
  display: inline-block;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 8px;
  margin-right: 10px;
  position: relative;
}
.hot-products-default a:nth-child(2n){
  margin-right: 0;
}
.hot-products-default a:hover{
  color: #fff !important;
  border: 1px solid #0C89F3;
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%) !important;
}
.hot-products-default .hot-product-icon::before{
  content: '';
  width: 36px;
  height: 16px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/product_hot.png');
  position: absolute;
  top: -8px;
  right: -8px;
}

/* 热门商品 e */

/* 产品及服务 s */
.product-module{
  width: 100%;
  height: 226px;
  padding: 24px 0;
  box-sizing: border-box;
  position: relative;
}
.product-module .swiper{
  overflow: hidden;
  padding-bottom: 4px;
}
.product-module .single-product{
  width: 178px !important;
  height: 176px;
  position: relative;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 4px;
  margin-right: 16px;
}
.product-module .single-product:hover{
  border: 1px solid #EEEEEE;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.product-module .single-product:last-child{
  margin-right: 0 !important;
}
.product-module .default-product img{
  width: 100%;
  height: 130px;
  border-radius: 4px 4px 0px 0px;
}
.product-module .default-product p{
  width: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #444444;
  font-weight: bold;
}
.product-module .product-desc{
  width: 100%;
  height: 176px;
}
.product-module .product-desc .product-desc-top{
  width: 100%;
  height: 96px;
  background: rgba(225,225,225,0.5);
  border-radius: 4px 4px 0px 0px;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.product-module .product-desc .product-desc-top img{
  width: 100%;
  height: 96px;
}
.product-module .product-desc-bottom{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 82px;
  background: #FFFFFF;
  text-align: center;
  padding: 8px 16px 14px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}
.product-module .product-desc-bottom .product-title{
  width: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  font-size: 16px;
  color: #1A79E4;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.product-module .product-desc-bottom .product-info{
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}
.product-module .swiper-product-button-prev{
  width: 30px;
  height: 54px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.product-module .swiper-product-button-default{
  opacity: 0;
}
.product-module .swiper-product-button-next{
  width: 30px;
  height: 54px;
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.product-module .swiper-product-button-prev:hover,
.product-module .swiper-product-button-next:hover{
  background: rgba(0,0,0,0.6);
}
.product-module .swiper-product-button-prev::before{
  content: '';
  width: 10px;
  height: 18px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/swiper_prev_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.product-module .swiper-product-button-next::before{
  content: '';
  width: 10px;
  height: 18px;
  background: url('https://c2.zjtcn.com/autosite/images/fenzhan/swiper_next_icon.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/* 产品及服务 e */


/* 权威合作 */
.cooperation p{
  width: 132px;
  text-align: center;
  line-height: 55px;
  height: 55px;
  box-sizing: border-box;
  font-size: 16px;
  color: #999999;
  cursor: pointer;
}
.cooperation .curCooperation{
  color: #333333;
  border-bottom: 3px solid #1E83DE;
  font-weight: bold;
}
.cooperation-partner{
  width: 100%;
  height: 220px;
  overflow: auto;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px 0 16px;
  box-sizing: border-box;
}
.cooperation-partner li a,
.cooperation-partner li span{
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 8px;
  height: 78px;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cooperation-partner li a:hover,
.cooperation-partner li span:hover{
  transform: translateY(-4px);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.cooperation-partner li a img{
  max-width: 100%;
  max-height: 78px;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: auto;
}
.friends-links{
  width: 100%;
  height: 220px;
  padding: 24px 0 20px;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.friends-links-in{
  overflow: auto;
  height: 176px;
  scrollbar-width: none;
}
.friends-links-in::-webkit-scrollbar{
  width: 0;
}
.friends-links a{
  display: inline-block;
  float: left;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  height: 24px;
  margin-bottom: 20px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* 内容模块 e */