@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
body {
	background: #F5F5F5;
	color: #000;
	font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", arial, sans-serif;
	min-width: 1400px;
	margin: 0 auto;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
address, cite, dfn, em, var, i {
	font-style: normal
}
ol, ul {
	list-style: none;
}
img {
	border: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #0067ff;
	text-decoration: none;
}
input::-ms-clear, ::-ms-reveal {
	display: none;
}
input:focus, textarea:focus, select:focus, button:focus {
	outline: none;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: #C0C0C0;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-track-piece { 
    background: transparent;
}
.box {
  box-sizing: border-box;
	clear: both;
	width: 1400px;
	margin: 0 auto 20px auto;
  position: relative;
}
.flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.flex-wrap{
  flex-wrap: wrap;
}
.mask{
  position:fixed;
  z-index:9;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
  display:none;
}
.nodata-box{
  width:100%;
  height:360px;
  box-sizing: border-box;
  background:#fff url(../images/no_data.png) no-repeat center 20px;
  margin:0 auto 20px auto;
  border-radius:8px;
  padding:316px 0 20px 0 ;
  text-align:center;
  color:#aaa;

}
/* header */
.header{
  height:76px;
  background:#fff;
  box-sizing:border-box;
  border-bottom:solid 1px #e1e1e1;
}
.mBottom88{
  margin-bottom:88px;
}
.header .box{
  height:76px;
}
.logo{
  display: block;
  width:338px;
  height:50px;
  background:url(../images/logo.jpg) no-repeat;
}
.nav{
  gap:68px;
  font-size:24px;
}
.nav li{
  height:76px;
  display: flex;
  align-items:center;
  justify-content:center;
  position: relative;
}
.nav li.active::after{
  position: absolute;
  z-index:1;
  left:0;
  bottom:0;
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background:#0067ff;
  border-radius:3px;
}
.nav li.active a{
  color:#0067ff;
}
.login{
  width:158px;
  height:42px;
  background:#0067ff;
  border-radius:24px;
  color:#fff;
  gap:5px;
  font-size:16px;
  justify-content: center;
}
.login a{
  color:#fff;
}
.login a:hover{
  color:#ff0;
}
.login a.logged{
  display:flex;
  gap:10px;
  box-sizing: border-box;
  padding:5px;
  align-items:center;
}
.login a.logged img{
  width:32px;
  height:32px;
  box-sizing: border-box;
  border:solid 2px #fff;
  border-radius:16px;
}
.login a.logged span{
  display:block;
  width:100px;
  flex:1;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  font-size:14px;
  line-height:14px;
}
.login a.logged i{
  display: block;
  font-size:12px;
  margin-top:3px;
  color:rgba(255,255,255,.7);
}
a.english{
  box-sizing: border-box;
  padding:5px 10px;
  background:#f5f5f5;
  border:solid 1px #e1e1e1;
  color:#666;
  font-size:12px;
  line-height:12px;
  display: block;
  position:absolute;
  top:32px;
  left:355px;
  z-index:1;
}
a.english:hover{
  background:#0067ff;
  border-color:#0067ff;
  color:#fff;
}
/* header end */
/* searchBox */
.searchBox{
  position: relative;
  box-sizing: border-box;
  padding:20px 0;
  height:88px;
  width:100%;
  z-index:2;
}
.searchBox.flexed{
  position: fixed;
  z-index:2;
  top:0;
  left:0;
}
.searchBg{
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 width:100%;
 height:0px;
 background:#fff;
 animation:all .4s;
 transform:translateY(-88px);
}
.flexed .searchBg{
  height:88px;
  transform: translateY(0px);
}
.searchBox .box{
  justify-content: center;
  gap:30px;
  position: relative;
  z-index:2;
}
.searchBox form{
  position: relative;
  justify-content: start;
}
.searchBox form>div{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  font-size:16px;
}
.searchBox form>div::after{
  content:"";
  display: block;
  width:1px;
  height:26px;
  background:#eee;
  position: absolute;
  right:-10px;
  top:10px;
  z-index:1;
}
.searchBox form>div::before{
  content:"";
  display: block;
  width:11px;
  height:6px;
  background:url(../images/arrow.png);
  position:absolute;
  z-index:1;
  right:0px;
  top:20px;
  transition:all .4s;
}
.searchBox form>div:hover::before{
  transform: rotate(180deg);
}
.searchBox form>div>ul{
  display:none;
}
.searchBox form>div:hover ul{
  display: block;
  position:absolute;
  z-index:1;
  box-sizing: border-box;
  padding:10px 0;
  top:44px;
  left:0;
  width:76px;
  background:#fff;
  border-radius:8px;
  text-align:center;
}
.searchBox form>div:hover ul li{
  line-height:32px;
  cursor: pointer;
}
.searchBox form>div>span{
  display: block;
  height:44px;
  box-sizing: border-box;
  line-height:44px;
  padding:0 16px;
  cursor: pointer;
}

.searchInput{
  box-sizing: border-box;
  width:668px;
  height:48px;
  line-height:48px;
  background:#fff;
  padding-left:15px;
  color:#000;
  border:solid 2px #0067ff;
  border-radius:8px 0 0 8px;
  font-size:16px;
}
.searchInput::placeholder{
  color:#aaa;
}
.searchButton{
  box-sizing: border-box;
  width:120px;
  height:48px;
  background:#0067ff;
  color:#fff;
  border:none;
  border-radius:0 8px 8px 0;
  letter-spacing: 2px;
  font-size:18px;
  cursor: pointer;
}
.searchButton:hover{
  background:#0067ffdd;
}
.aiSource{
  width:120px;
  height:48px;
  box-sizing: border-box;
  text-align:center;
  line-height:46px;
  background:#fff;
  border:solid 1px #e1e1e1;
  border-radius:8px;
  font-size:16px;
  position: relative;
}
.aiSource::after{
  content:"";
  display: block;
  width:13px;
  height:15px;
  position:absolute;
  z-index:1;
  top:6px;
  right:18px;
  background:url(../images/hot.png);
}
.aiSource:hover{
  border-color:#0067ff;
  color:#000;
}
/* searchBox end */
/* navigation */
.navigation,.map{
  width:375px;
  height:345px;
  background:#fff;
  box-sizing: border-box;
  padding:20px;
  border-radius:8px;
}
.navigation h2,.map h2{
  font-size:24px;
  height:24px;
  line-height:24px;
  margin-bottom:16px;
}
.navigation>ul{
  display:flex;
  flex-wrap: wrap;
  gap:0 20px;
}
.navigation>ul>li{
  width:calc(33.33% - 14px);
  height:34px;
  line-height:34px;
  font-size:16px;
}
.navigation>ul>li a{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* navigation end */
/* banner */
.banner{
  position: relative;
  width:610px;
  height:345px;
  background:#fff;
  border-radius:8px;
  overflow: hidden;
}
.banner_pagination {
	position: absolute;
	bottom: 16px;
	width: 100%;
	text-align: center;
	z-index: 9;
	box-sizing: border-box;
	padding-right: 16px;
}
.banner_pagination .swiper-pagination-switch {
	display: inline-block;
	width: 28px;
	height: 6px;
	background:rgba(255,255,255,.6);
	margin: 0 5px;
	opacity: .6;
	cursor: pointer;
	border-radius: 5px;
}
.banner_pagination .swiper-active-switch {
	background:rgba(255,255,255,1);
	opacity: 1;
}
.banner_left {
	display:block;
	width: 32px;
	height: 72px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -36px;
	background: url(../images/left.png) center center rgba(0, 0, 0, .2);
  background-size:45px auto;
  background-repeat: no-repeat;
	border-radius: 10px;
	overflow: hidden;
	opacity: .6;
}
.banner_right {
	display: block;
	width: 32px;
	height: 72px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -36px;
	background: url(../images/right.png) center center rgba(0, 0, 0, .2);
  background-size:45px auto;
  background-repeat: no-repeat;
	border-radius: 10px;
	opacity: .6;
}
.banner_left:hover {
	opacity: 1;
}

.banner_right:hover {
	opacity: 1;
}
/* banner end */
/* map */
.map{
  overflow: hidden;
}
.map-echarts{
  width:100%;
  height:100%;
  margin:0;
}
/* map end */
/* latestSupplier */
.latestSupplier,.productVideoHot,.requirements{
  width:calc(33.33% - 14px);
  box-sizing: border-box;
  background:#fff;
  padding:20px;
  border-radius:8px;
  height:465px;
  overflow: hidden;
}
.latestSupplier h2,.productVideoHot h2,.requirements h2{
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 16px;
}
a.more{
  font-size:14px;
  color:#999;
}
a.more::after{
  display:inline-block;
  width:6px;
  height:11px;
  margin-left:5px;
  content:"";
  background:url(../images/more.png) center center no-repeat;
}
a.more:hover{
  color:#0067ff;
}
.latestSupplierImg{
  position: relative;
  display: flex;
  background:#f5f5f5;
  justify-content:center;
  align-items:center;
  width:100%;
  height: 232px;
}
.latestSupplierImg img{
  max-width:100%;
  max-height:100%;
}
.latestSupplierImg>i{
  position:absolute;
  z-index:1;
  right:10px;
  bottom:5px;
  padding:5px 12px;
  background:rgba(0,0,0,.7);
  color:#fff;
  font-size:12px;
  border-radius:20px;
}
/* .latestSupplierImg::before, */
.video-icon::before{
  content:"";
  display: block;
  position: absolute;
  z-index:1;
  top:50%;
  left:50%;
  width:38px;
  height:38px;
  background:url(../images/play.png);
  transform: translate(-19px,-19px);
}
.latestSupplierName{
  font-size:18px;
  display: block;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  padding:8px 0;
}
.latestSupplierInfo{
  width:100%;
  gap:32px;
}
.latestSupplier strong{
  font-weight: normal;
  color:#000;
}
.latestSupplier a:hover{
  color:#000;
}
.latestSupplierInfo>em{
  width:calc(50% - 16px);
  color:#999;
}
.latestSupplierAudit{
  justify-content: start;
  gap:10px;
  padding:12px 0;
}
.latestSupplierAudit>i{
  padding:2px 8px;
  border-radius:3px;
  background:#fff;
  box-sizing: border-box;
  font-size:12px;
  line-height:12px;
  color:#0067ff;
  border:solid 1px #0067ff;
}
.latestSupplierAudit>i.orange{
  border-color:#fe3306;
  color:#fe3306;
}
.latestSupplierMerito{
  display:flex;
}
.latestSupplierMerito>em{
  color:#999;
  width:75px;
}
.latestSupplierMerito>strong{
  flex:1;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* latestSupplier end */
/* productVideoHot */
.videoHotList{
  position: relative;
  height:380px;
  overflow: hidden;
}
.productVideoHotBox{
  display:flex;
  box-sizing: border-box;
  padding-bottom:7px;
  border-bottom: dashed 1px #eee;
  gap:15px;
  width:412px;
}
.productVideoHotBox>a{
  width:80px;
  height:80px;
  display:flex;
  justify-content:center;
  align-items: center;
  background:#f5f5f5;
}
.productVideoHotBox>a>img{
  max-width: 100%;
  max-height: 100%;
}
.productVideoHotItem{
  width:317px;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
}
.productVideoHotItem>p>a{
  display: block;
  max-width:317px;
  font-size:18px;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  margin-bottom:5px;
}
.productVideoHotItem>a{

  color:#7386c5;
  display: block;
  text-align:left;
  font-size:14px;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
}
.productVideoHotItem>a:hover{
  color:#0067ff;
}
.productVideoHotItem>p>span,.product-item>span>span{
  color:#999;
  font-size:12px;
  box-sizing: border-box;
  padding-left:24px;
  margin-right:15px;
}
.product-item>span{
  display:flex;
  align-items:center;
}
.product-item>span>span{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.productVideoHotItem>p>span:last-child,.product-item>span>span:last-child{
  margin-right:0;
}
.icon-play{
  background:url(../images/icon-play.png) no-repeat left center;
}
.icon-collect{
  background:url(../images/icon-collect.png) no-repeat left center;
}
.icon-like{
  background:url(../images/icon-like.png) no-repeat left center;
}
/* productVideoHot end */
/* requirements */
.requirementsSearch{
  background:#f5f5f5;
  border-radius:8px;
  height:45px;
  padding:5px 10px;
}
.requirementsSearch>input{
  background:none;
  border:none;
  height:35px;
  line-height:35px;
  font-size: 16px;
  flex:1;
}
.requirementsSearch>input::placeholder{
  color:#aaa;
}
.requirementsSearch>span{
  display: block;
  font-size:0;
  width:20px;
  height:20px;
  background:url(../images/icon-search.png) no-repeat center center;
  opacity:.2;
  cursor: pointer;
}
.requirementsSearch>span:hover{
  opacity:.4;
}
.requirementsList{
  height:336px;
}
.requirementsItem{
  gap: 30px;
  width:412px;
  padding:11px 0;
  border-bottom: dashed 1px #eee;
}
.requirementsItem>span{
  font-size:12px;
  color:#aaa;
  width:68px;
}
.requirementsItem>a{
  font-size:16px;
  flex:1;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* requirements end */
/* serviceAssurance */
.serviceAssurance,.preferredCompany{
  box-sizing: border-box;
  padding:20px;
  background:#fff;
  width:calc(50% - 10px);
  border-radius:8px;
  height:260px;
}
.serviceAssurance h2,.preferredCompany h2{
  font-size:24px;
  height:24px;
  line-height:24px;
  margin-bottom:16px;
  position: relative;
}
.serviceAssurance h2::before,.serviceAssurance h2::after{
  position: absolute;
  z-index:1;
  left:0;
  top:35px;
  content:"";
  display: block;
  width:50px;
  height:5px;
  background:#0067ff;
  border-radius:5px;
}
.serviceAssurance h2::after{
  width:10px;
  left:55px;
}
.serviceAssurance .flex{
  justify-content:center;
  gap:45px;
  padding-top:24px;
}
.bg1{
  background:url(../images/icon-chart1.png) no-repeat center center;
}
.bg2{
  background:url(../images/icon-chart2.png) no-repeat center center;
}
.bg3{
  background:url(../images/icon-chart3.png) no-repeat center center;
}
.bg4{
  background:url(../images/icon-chart4.png) no-repeat center center;
}
.serviceItembg{
  width:128px;
  height:128px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:20px;
}
.serviceItembg i{
  display: inline-block;
  font-size:16px;
  transform: translateY(-10px);
}
.serviceItem>p:last-child{
  box-sizing: border-box;
  padding-top:6px;
  text-align:center;
  font-size:16px;
  color:#999;
}
/* serviceAssurance end*/
/* preferredCompany */
.preferredCompanyBox{
 flex-wrap: wrap;
 gap:20px;
}
.preferredCompanyBox>a{
  display:flex;
  position: relative;
  width:calc(33.33% - 14px);
  height:80px;
  justify-content: center;
  align-items: center;
}
.preferredCompanyBox img{
  max-width: 100%;
  max-height:100%;
}
.preferredCompanyBox>a::before{
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  content:"";
  display: block;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.02);
}
/* preferredCompany end */
/* industry */
.gap20{
  gap:20px;
}
.industry{
  width:calc(25% - 15px);
  box-sizing: border-box;
  background:#fff;
  padding:20px;
  height:440px;
  border-radius:8px;
}
.industry h2{
  font-size:24px;
  margin-bottom:16px;
  height:24px;
  line-height:24px;
}
.industryBox a{
  display:inline-block;
  width:100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  padding:5px 0;
  border-bottom:dashed 1px #eee;
}
.industryBox li:last-child a{
  margin-bottom:0px;
  border:none;
}
.industryBox a::before{
  display:inline-block;
  content:"";
  width:5px;
  height:5px;
  background:#aaa;
  border-radius:5px;
  margin-right:5px;
  vertical-align: middle;
  transform: translateY(-2px);
  
}
/* industry end */
/* footer */
.footer{
  background:#fff;
  box-sizing: border-box;
  padding:20px 0;
}
.footerLogo{
  width:172px;
  height:93px;
  display: block;
  background:url(../images/footerlogo.jpg) no-repeat;
}
.footer .flex{
  align-items: start;
  padding:0 32px;
  border-bottom:solid 1px #eee;
  padding-bottom:16px;
}
.footer dt{
  font-size:20px;
  height:20px;
  line-height:20px;
  margin-bottom:16px;
}
.footer dd>a{
  font-size:16px;
  color:#999;
  line-height:30px;
}
.footer dd>a:hover{
  color:#0067ff;
}
.wechatcode{
  width:132px;
  height:150px;
  background:url(../images/wechatcode.jpg) no-repeat center top;
  box-sizing: border-box;
  padding-top:125px;
  color:#999;
  font-size:12px;
  text-align:center;
}
.copyright{
  text-align:center;
  color:#999;
  font-size:14px;
}
/* footer end */
/* companylist */
.companyMenu{
  background:#fff;
  border-radius:8px;
  padding:20px;
}
.companyMenu h2{
  font-size:24px;
  height:24px;
  line-height:24px;
  padding-bottom:16px;
  color:#0067ff;
  position: relative;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.companyMenu h2::after{
  position:absolute;
  z-index:1;
  left:26px;
  bottom:0;
  content:"";
  display: block;
  width:38px;
  height:4px;
  background:#0067ff;
  border-radius:5px;
}
.filter{
  box-sizing: border-box;
  border-top:solid 1px #eee;
  padding-top:16px;
  font-size:15px;
}
.filter dl{
  display:flex;
  gap:20px;
  align-items: start;
  margin-bottom:16px;
}
.filter dl:last-child{
  margin-bottom: 0;
}
.filter dt{
  width:70px;
  color:#999;
  padding:3px 0;
}
.filter .filterMore{
  width:72px;
  color:#999;
  cursor: pointer;
  display:flex;
  align-items: center;
  gap:6px;
  padding:3px 0;
}
.filter .filterMore::after{
  content:"";
  display: block;
  width: 11px;
  height: 6px;
  background: url(../images/arrow.png);
  transition:all .4s;
}
.filter .filterMore:hover::after{
  transform: rotate(180deg);
}
.filter-box{
  width:calc(100% - 140px);
  display:flex;
  gap:5px 20px;
  flex-wrap: wrap;
  height:30px;
  overflow: hidden;
}
.show .filter-box{
  height:auto;
}
.filter .show .filterMore::after{
  transform: rotate(180deg);
}
.filter .show .filterMore:hover::after{
  transform: rotate(0deg);
}
.filter-box>a{
  box-sizing: border-box;
  display: block;
  padding:3px 8px;
  background:#fff;
  border-radius:6px;
}
.filter-box>a:hover{
  background:#f5f5f5;
}
.filter-box>a.on,.filter-box>a.on:hover{
  background:#0067ff22;
  color:#0067ff;
}
.regLink{
  font-size: 14px;
  color:#fe3303;
  text-decoration: underline;
  text-underline-position: under;
}
.regLink:hover{
  color:#0067ff;
}
.company-content{
  width:1400px;
  margin:0 auto 20px auto;
  gap:20px;
  align-items: start;
}
.company-side{
  width:260px;
}
.company-list{
  flex-direction: column;
  gap:20px;
  width:calc(100% - 280px);
}
.company-item{
  box-sizing: border-box;
  background:#fff;
  padding:20px;
  width:100%;
  border-radius:8px;
  gap:20px;
  align-items: start;
}
.company-item-products{
  gap:20px;
}
.company-item-products>a{
  display: block;
  width:160px;
}
.company-item-products>a>span{
  width:160px;
  height:160px;
  display:flex;
  justify-content:center;
  align-items:center;
  position: relative;
  margin-bottom:8px;
}
.company-item-products>a>span::after{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  content:"";
  display: block;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.02);
}
.company-item-products img{
  max-width:100%;
  max-height:100%;
}
.company-item-products>a>em{
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size:14px;
}
.company-item-info{
  width: calc(100% - 540px);
}
.company-item-info h2{
  font-size:24px;
  height:24px;
  line-height:24px;
}
.company-item-info h2 a{
  display:inline-block;
  max-width:100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.company-item-bsinfo{
  gap:30px;
  justify-content: start;
  padding:0 0 10px 0;
}
.company-item-bsinfo dl{
  padding-right:20px;
  border-right:dashed 1px #eee;
}
.company-item-bsinfo dl:last-child{
  border-right:none;
}
.company-item-bsinfo dt{
  color:#999;
}
.company-item-bsinfo dd{
  font-size:17px;
  padding-top:5px;
}
.company-item-info .latestSupplierMerito>strong{
  -webkit-line-clamp:1;
  font-weight:normal;
}
.company-item-btn{
  margin-top:13px;
  padding-top:13px;
  border-top: solid 1px #eee;
  gap:20px;
  justify-content:start;
}
.company-item-btn a,.company-item-btn span{
  box-sizing: border-box;
  padding:5px 16px;
  border-radius:6px;
  border:solid 1px #0067ff;
  color:#0067ff;
  font-size:14px;
  cursor: pointer;
}
.company-item-btn a:hover{
  background:#0067ff;
  color:#fff;
}
.company-item-btn span {
  border-color: #fe3306;
  color: #fe3306;
}
.company-item-btn span:hover{
background:#fe3306;
color:#fff;
}

.flips{
  display:flex;
  width:100%;
  justify-content:center;
  align-items:center;
  gap:15px;
}
.flips>a{
  height:40px;
  min-width:40px;
  box-sizing: border-box;
  padding:0 8px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  border:solid 1px #eee;
  border-radius:6px;
}
.flips>a.on{
  background:#0067ff;
  color:#fff;
  border-color:#0067ff;
}
.flips>a.disabled{
  cursor: no-drop;
  background:#f8f8f8;
  color:#aaa;
}
.flips>a.disabled:hover{
  color:#aaa;
  border-color:#eee;
}
.flips>a:hover{
  border-color:#0067ff;
}
.company-side-item{
  background:#fff;
  padding:20px;
  box-sizing: border-box;
  border-radius:8px;
  margin-bottom:20px;
}
.company-side-item h2{
  font-size:20px;
  height:20px;
  line-height:20px;
  margin-bottom:16px;
}
.company-side-item-list{
  display:flex;
  flex-direction: column;
  gap:10px;
}
.company-side-item-list>a{
  box-sizing: border-box;
  padding:0 0 8px 15px;
  position: relative;
  border-bottom: dashed 1px #eee;
  color:#999;
  display:inline-block;
  max-width:100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.company-side-item-list>a:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.company-side-item-list>a::before{
  position:absolute;
  left:0;
  top:11px;
  transform: translateY(-50%);
  content:"";
  display: block;
  width:6px;
  height:6px;
  border-radius:6px;
  background:#ccc;
}
.company-side-item-list>a:hover{
  color:#0067ff;
}
.pop-box{
  position:fixed;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  z-index:10;
  background:#fff;
  border-radius:8px;
  box-sizing: border-box;
  width:520px;
  height:249px;
  overflow-y: auto;
  display:none;
}
.pop-box-title{
  height:45px;
  line-height:45px;
  font-size:18px;
  color:#333;
  border-bottom:solid 1px #eee;
  padding:0 20px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.pop-box-title>a{
  display: block;
  margin:0 auto 0 15px;
  font-size:12px;
  color:#0067ff;
  transform: translateY(2px);
}
.closePop{
  width:18px;
  height:18px;
  display: block;
  background:url(../images/icon-close.png) no-repeat;
  background-size:18px 18px;
  cursor: pointer;
  transition:all .4s;
  opacity:.3;
}
.closePop:hover{
  transform: rotate(180deg);
  opacity: .8;
}
.pop-box-box{
  box-sizing: border-box;
  padding:20px 0 0 0;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:10px;
  color:#999;
}
.pop-box-box img{
  width:122px;
  height:122px;
}
/* companylist end */
/* product-list */
.product-list{
  flex-wrap: wrap;
  justify-content: start;
  gap:20px;
  padding-bottom:20px;
}
.product-item{
  box-sizing: border-box;
  background:#fff;
  padding:10px;
  width:216px;
  display:flex;
  flex-direction: column;
  border-radius:8px;
  gap:10px;
}
.product-item-img{
  display:flex;
  justify-content:center;
  align-items:center;
  width:196px;
  height:196px;
  position: relative;
  overflow: hidden;
}
.product-item-img::after{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  width:100%;
  height:100%;
  content:"";
  display: block;
  background:rgba(0,0,0,.02);
}
.product-item-img img{
  max-width:100%;
  max-height:100%;
  transition:all .4s;
}
.product-item-img:hover img{
  transform: scale(1.2);
}
.product-item-name{
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size:15px;
  box-sizing: border-box;
  padding: 8px 0 0px 0;
  line-height: 22px;
  height: 55px;
}
.video-item-name{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-item-info>em{
  color:#fe3303;
  font-size:16px;
  font-weight:bold;
}
.product-item-info i{
  font-size:12px;
}
.product-item-info>strong{
  font-weight:normal;
  color:#999;
}
.product-item-company{
  display:block;
  border-top:dashed 1px #eee;
  padding-top:6px;
  font-size:14px;
  color:#7386c5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.companyMenu.purchase h2{
  justify-content:start;
  gap:32px;
}
.companyMenu.purchase h2>a{
  font-size:22px;
}
.companyMenu h2>p{
  font-size:14px;
  color:#666;
  margin-left: auto;
  transform: translateY(10px);
}
.companyMenu h2>p>i{
  color:#fe3303;
  font-weight:bold;
  margin:0 5px;
}
/* product-list end */
/* groupchat */
.purchaseList{
  box-sizing: border-box;
  padding-bottom:20px;
}
.purchaseList>ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.purchaseList>ul>li {
  width: calc(20% - 16px);
  box-sizing: border-box;
  padding: 15px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  cursor: default;
  border: solid 5px #fff;
  background:#fff url(../images/roombg.png) center -35px no-repeat;
}
.purchaseList>ul>li p {
    display: flex;
    color: #333;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    height:24px;
}
.room-icon {
    width: 24px;
    height: 24px;
    background: #0067ff;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    gap: 2px;
    align-items: center;
}
.room-icon i {
    display: block;
    width: 3px;
    height: 12px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    border: none;
    animation: rooman 1s linear infinite;
}
.room-icon i:nth-child(2){
  animation-delay: 0.2s;
}
.room-icon i:nth-child(3){
  animation-delay: 0.5s;
}
.loading {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    color: #999;
    font-size: 14px;
    box-sizing: border-box;
    padding-top: 20px;
}
h3 {
    margin-bottom: 10px;
    text-align: center;
}
@keyframes rooman{
  0%{
    height:12px;
  }
  50%{
    height:0px;
  }
  100%{
    height:12px;
  }
}
.recommend strong{
  font-weight:normal;
  font-size:12px;
  width:48px;
  white-space: nowrap;
  overflow: hidden;
  animation: dotan 2s linear infinite;
}
@keyframes dotan{
  0%{
    width:48px;
  }
  24%{
    width:48px;
  }
  25%{
    width:51px;
  }
  49%{
    width:51px;
  }
  50%{
    width:53px;
  }
  74%{
    width:53px;
  }
  75%{
    width:57px;
  }
  100%{
    width:57px;
  }
}
.listbox li.recommend h2{
  color:#4a657f;
}
.listbox.room li.recommend{
  cursor: default;
  border: solid 1px #ecf1f8;
  background:url(../images/roombg.png) center -35px no-repeat;
}
.room-person{
  margin:0px auto 10px auto;
  justify-content:center;
}
.room-person>i{
  height:20px;
  width:77px;
  border:none;
}
.room-person>i.room-person-icon1{
  background:url(../images/room-icon-01.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon2{
  background:url(../images/room-icon-02.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon3{
  background:url(../images/room-icon-03.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon4{
  background:url(../images/room-icon-04.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon5{
  background:url(../images/room-icon-05.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon6{
  background:url(../images/room-icon-06.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon7{
  background:url(../images/room-icon-07.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon8{
  background:url(../images/room-icon-08.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon9{
  background:url(../images/room-icon-09.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon10{
  background:url(../images/room-icon-10.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon11{
  background:url(../images/room-icon-11.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon12{
  background:url(../images/room-icon-12.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon13{
  background:url(../images/room-icon-13.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon14{
  background:url(../images/room-icon-14.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon15{
  background:url(../images/room-icon-15.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon16{
  background:url(../images/room-icon-16.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon17{
  background:url(../images/room-icon-17.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon18{
  background:url(../images/room-icon-18.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon19{
  background:url(../images/room-icon-19.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon20{
  background:url(../images/room-icon-20.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon21{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon22{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon23{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon24{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon25{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon26{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon27{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon28{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon29{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.room-person>i.room-person-icon30{
  background:url(../images/room-icon-21.png) no-repeat;
  background-size:auto 100%;
}
.join-room{
  display: block;
  margin:0 auto;
}
.purchaseList h3{
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4a657f;
  margin: 10px 0;
  text-align: center;
}
.viewLink, .join-room {
  box-sizing: border-box;
  width: 108px;
  height: 28px;
  color: #327bf9;
  border: solid 1px #327bf9;
  border-radius: 14px;
  background: #fff;
  display: block;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  margin-top: 5px;
}
.viewLink:hover, .join-room:hover{
  background:#327bf9;
  color:#fff;
}
.join-room {
  display: block;
  margin: 0 auto;
}
.recommend span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.recommend .join-room:hover {
  background: #0067ff;
  color: #fff;
}
.groupchat h2::after{
 left:162px;
}
/* groupchat end */
/* purchaseList */

.purchaseList>ul.purchaseUl>li{
  cursor: pointer;
  width: calc(25% - 16px);
}
.purchaseUl li.recommend {
  border: 1px solid #f2e5d5;
  background:#fff url(../images/itembg.png) no-repeat center -35px;
}
.purchaseUl h3 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
    margin:0 0 10px 0;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4a657f;
    text-align:left;
}
.purchaseUl li.recommend h3 {
    color: #6b450f;
}
.purchaseUl h3 em,.business-detail-box h3 i{
  display:inline-block;
  width:17px;
  height:17px;
  background:#ff3f3f;
  color:#fff;
  box-sizing: border-box;
  border-radius:3px;
  text-align:center;
  line-height:17px;
  font-size:12px;
  font-weight:normal;
  margin-right:5px;
}
.purchaseUl h3 em.trade,.business-detail-box h3 i.trade {
    width: 26px;
}
.purchaseUl h3 i {
    color: #fe3303;
}
.purchaseUl h3 em.tjicon,.business-detail-box h3 i.tjicon{
  background:#327bf9;
}
.purchaseUl h3 em.room{
  background:#0067ff;
}
.purchaseUl p{
	display: flex;
	color:#333;
	gap:10px;
	font-size:14px;
	align-items: center;
}
.purchaseUl p>i{
  display:block;
  width:30px;
  height:30px;
  border-radius:15px;
  background:#bbc8fa url(../images/usericon.png) no-repeat center 4px;
  box-sizing: border-box;
  border:solid 2px #bbc8fa;
  background-size:22px 22px;
  overflow: hidden;
}
.purchaseUl span.adress,.purchaseUl span.time{
  height:18px;
  font-size:12px;
  line-height:18px;
  color:#707b8f;
  background:#edf1f7;
  border-radius:3px;
  padding:0 5px;
  max-width:165px;
  margin-top:8px;
}
.purchaseUl .recommend span.adress,.purchaseUl .recommend span.time{
  background:#f3e9e0;
  color: #8f8170;
}
.purchaseUl span.phone{
  font-size:14px;
  color:#444;
  box-sizing: border-box;
  background:url(../images/phone.png) no-repeat left center;
  background-size: 13px 13px;
  padding-left:18px;
}
.purchaseUl span{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.purchaseUl p.spaceb{
  justify-content: space-between;
  align-items: center;
}
.purchaseUl p.inquirydesc{
  display:block;
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  font-stretch: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  margin: 10px 0;
  padding:0 0 0 20px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background:url(../images/icon-desc.png) no-repeat left center;
  background-size:14px 13px;
}
.purchaseUl li.recommend::after, .recommend-business .business-detail-contact::after {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url(../images/recommend-icon.png) no-repeat center center;
  background-size: 100% 100%;
}
.recommend .viewLink {
  border-color: #cf7c19;
  color: #cf7c19;
}
.recommend .viewLink:hover {
  background: #cf7c19;
  color: #fff;
}
/* 商机详情框 */
.business-detail-box{
  position: fixed;
  z-index: 12;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 680px;
  max-height: 500px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 20px;
  display: none;
}
.business-detail-box.recommend-business{
  background:#fff url(../images/recommendbg.jpg) no-repeat left top;
  background-size:100% auto;
}
.business-detail-box .close-business-detail{
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url(../images/close.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all.4s;
  opacity:.6;
}
.business-detail-box .close-business-detail:hover{
  transform: rotate(180deg);
  opacity: 1;
}
.business-detail-box h2{
  font-size: 16px;
  font-weight: bold;
  margin-bottom:16px;
  color: #333;
  box-sizing: border-box;
  padding-right:60px;
  display:flex;
  align-items:baseline;
}
.business-detail-box.recommend-business h2{
  color:#644417;
}
.business-detail-box h2 span{
  flex:1;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.business-detail-box .business-detail-content{
  display:flex;
  height:100%;
  width:100%;
  flex-direction: column;
  justify-content: space-between;
}
.business-detail-tips{
  font-size:12px;
  color:#999;
}
.business-detail-info>ul{
  display:flex;
  gap:16px 30px;
  flex-wrap: wrap;
  margin-bottom:16px;
}
.business-detail-info li{
  min-width:160px;
  display:flex;
  align-items:center;
  color:#333;
  gap:5px;
  flex-wrap: wrap;
  height:22px;
  overflow: hidden;
}
.business-detail-info li span{
  color:#999;
}
.business-detail-product>i{
 box-sizing: border-box;
 padding:2px 8px;
 background:#eaf2fe;
 border-radius:3px;
 color:#327bf9;
 font-size:12px;
}
.business-detail-intention{
  width:100%;
}
.business-detail-contact{
  box-sizing: border-box;
  background:#f8faff;
  border:1px solid #f3f5fb;
  border-radius:5px;
  height:50px;
  margin-bottom:16px;
  padding:16px;
  width:100%;
  position: relative;
  display:flex;
  align-items:center;
  gap:16px;
}
.recommend-business .business-detail-contact{
  background: #fffcf4b3;
  border-color:#f3eddb;
}
.recommend-business .business-detail-contact{
  height:68px;
}
.business-detail-contact>p{
  display:flex;
  align-items: center;
  width:calc(50% - 16px);
}
.business-detail-contact .mark-box{
  position: absolute;
  z-index:1;
  top:0px;
  left:0px;
  width:100%;
  height:50px;
  background:#dfebff4b;
  backdrop-filter: blur(8px);
  border-radius:5px;
  color:#327bf9;
  font-size:16px;
  font-weight:600;
  display:flex;
  grid-gap:68px;
  justify-content:center;
  align-items:center;
}
.recommend-business .business-detail-contact .mark-box{
  background:#fffcf4b3;
  color:#644417;
  border: #e7dfca solid 1px;
  box-sizing: border-box;
  height:68px;
}
a.showphone{
  display:inline-block;
  width:118px;
  height:32px;
  line-height:32px;
  text-align:center;
  background:#327bf9;
  color:#fff;
  border-radius:4px;
  margin-left:16px;
}
.recommend-business a.showphone{
  background:linear-gradient(90deg,#ff8a00,#ec6022),linear-gradient(#8c5509,#8c5509);
  color:#fff;
}
a.showphone:hover{
  opacity: .9;
}
#recharge {
    display: none
}
#recharge .layui-tab-item {
  position: relative;
}
#recharge ul {
  gap: 12px;
  height: 100px;
  padding-top: 0;
}

#recharge .layui-tab-title {
  border: none
}

#recharge .layui-tab-title li {
  width: 98px;
  height: 80px;
  background: linear-gradient(0deg, #FFFFFF 0%, #F5F5F5 100%);
  border-radius: 8px;
  border: 1px solid #EEEEEE;
}

#recharge .layui-tab-brief > .layui-tab-title .layui-this {
  background: linear-gradient(0deg, #FFFFFF 0%, #c3d5fc 100%);
  border: 1px solid #b6d5f6;
}

#recharge .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
  /* 下三角形 */
  content: "";
  position: absolute;
  top: 80px;
  left: 68px;
  width: 0;
  height: 0;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #b6d5f6 transparent transparent transparent;
}

#recharge .layui-tab-title li::before {
  content: "";
  position: absolute;
  top: 28px;
  right: 5px;
  z-index: 1;
  width: 42px;
  height: 42px;
  background: url(../images/icon6.png) no-repeat;
  background-size: 100%;
  opacity: .3;
}

#recharge .layui-tab-title .layui-this::before {
  opacity: 1;
}

#recharge .layui-tab-title p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  font-size: 16px;
  line-height: 30px;
  height: 100%;
  color: #333;
  font-weight: bold;
}

#recharge .layui-tab-title span {
  color: #f00;
  font-size: 18px;
}

#recharge .layui-tab-brief > .layui-tab-title .layui-this p {
  color: #327bf9;
}

#recharge .layui-show dl {
  box-sizing: border-box;
  padding-right: 320px;
}

#recharge .layui-show dt {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  box-sizing: border-box;
  color: #2a71eb;
}

#recharge .layui-show dd {
  box-sizing: border-box;
  height: 46px;
  line-height: 46px;
  background: linear-gradient(180deg, #015EEA11 0%, #00C0FA11 100%);
  border-radius: 8px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-left: 72px;
  position: relative;
  font-size: 15px;
  color: #4c6f9f;
  letter-spacing: 1px;
}

#recharge .layui-show dd::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 20px;
  width: 36px;
  height: 36px;
}

#recharge .layui-show dl dd:nth-child(2)::before {
  background: url(../images/icon1.png) no-repeat;
  background-size: 100%;
}

#recharge .layui-show dl dd:nth-child(3)::before {
  background: url(../images/icon2.png) no-repeat;
  background-size: 100%;
}

#recharge .layui-show dl dd:nth-child(4)::before {
  background: url(../images/icon3.png) no-repeat;
  background-size: 100%;
}

#recharge .layui-show dl dd:nth-child(5)::before {
  background: url(../images/icon4.png) no-repeat;
  background-size: 100%;
}

#recharge .layui-show dl dd:nth-child(6)::before {
  background: url(../images/icon5.png) no-repeat;
  background-size: 100%;
}
#recharge .layui-tab .layui-form{
  box-sizing: border-box;
  padding-right:42px;
}

#recharge .layui-tab-item {
  position: relative;
}

#recharge .layui-tab-item > p {
  position: absolute;
  z-index: 1;
  right: 36px;
  top: 44px;
  width: 240px;
  height: 275px;
  overflow: hidden;
  text-align: center;
}

#recharge .layui-tab-item.once > p {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

#recharge .layui-tab-item > p em {
  width: 240px;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: url(../images/codebg.jpg) no-repeat;
  padding: 0;
}

#recharge .layui-tab-item > p em img {
  width: 230px;
  height: 230px;
}

#recharge .layui-tab-item > p span {
  font-size: 12px;
  color: #999;
  margin-top: 10px;
  display: block;
}

.txtcenter {
  text-align: center;
}

#recharge.hideonce .layui-tab-title li:nth-child(1), #recharge.hideonce .once {
  display: none;
}

#recharge.hideonce .layui-tab-title li {
  width: 132px;
}
/* purchaseList end */
/* videoList */
.video-icon img{
  transition:none;
  transform: scale(1);
}
.video-icon:hover img{
  transform: scale(1);
   transition:none;
}
/* videoList end */

/* 登录框 */
.login-box {
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 780px;
    height: 460px;
    background: #fff url(../images/buyerbg.jpg) no-repeat left top;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 20px 0 360px;
    display: none;
}

    .login-box .close-login {
        position: absolute;
        z-index: 1;
        top: 12px;
        right: 12px;
        width: 24px;
        height: 24px;
        background: url(../images/close.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer;
        transition: all.4s;
        opacity: .6;
    }

        .login-box .close-login:hover {
            transform: rotate(180deg);
            opacity: 1;
        }

    .login-box h2 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 40px;
        color: #333;
        text-align: center;
    }

    .login-box form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

.form-item {
    clear: both;
    box-sizing: border-box;
    position: relative;
}

.reg_input {
    box-sizing: border-box;
    padding: 2px 10px;
    height: 42px;
    line-height: 40px;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 5px;
}

    .reg_input:focus {
        border-color: #0189ff;
    }

    .reg_input::placeholder {
        color: #aaa;
    }

.errorMsg {
    height: 22px;
    line-height: 22px;
    color: #fe3303;
    margin-bottom: 12px;
}

#txtSMSCode {
    padding-right: 115px;
}

a.hqyzmR {
    position: absolute;
    z-index: 1;
    left: 280px;
    top: 1px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;
    border-radius: 0 3px 3px 0;
    text-align: right;
}

    a.hqyzmR:hover {
        color: #0f69dc;
    }

    a.hqyzmR.unclick, a.hqyzmR.unclick:hover {
        color: #999;
        cursor: no-drop;
    }

.regBtn {
    width: 100%;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    background-image: linear-gradient(45deg, #41a7ff, #0189ff);
    box-shadow: 0 20px 16px 0 rgba(231,1,1,0.06);
    border: none;
    cursor: pointer;
}

    .regBtn:hover {
        background-image: linear-gradient(45deg, #0189ff, #41a7ff);
        box-shadow: 0 20px 16px 0 rgba(231,1,1,0.08);
    }

.forbidden, .forbidden:hover {
    background: #ccc;
    cursor: no-drop;
}

.terms-wrap {
    box-sizing: border-box;
    padding: 28px 55px 16px 13px;
    color: #999;
    font-size: 14px;
}

.terms {
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

.check-box .layui-unselect {
    display: none;
}

.layui-form .check-box input[type=checkbox] {
    display: inline-block;
}

.check-box, .check-box > div {
    display: inline-block;
}

.terms-wrap a {
    color: #0059d6;
}

    .terms-wrap a:hover {
        text-decoration: underline;
    }

.regtips {
    height: 98px;
    border-top: 1px solid #e4e4e5;
    background-color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    color: #999;
    box-sizing: border-box;
    padding: 24px;
    line-height: 26px;
}

    .regtips span {
        float: left;
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        text-align: center;
        width: 100px;
        font-weight: bold;
    }

    .regtips div {
        float: left;
    }
/*login end*/
/* layer*/
.base-info {
    box-sizing: border-box;
    background-color: #fffcf4b3;
    border: 1px solid #f3eddb;
    padding: 12px 2px 12px 12px;
    border-radius: 8px;
    margin-bottom: 8px;
}

    .base-info > p {
        padding: 6px 10px 6px 0px;
    }

    .base-info span {
        background: #efeadc;
        border-radius: 14px;
        box-sizing: border-box;
        color: #797057;
        padding: 2px 10px;
        font-size: 14px;
        margin-right: 10px;
    }
.base-info-more {
    max-height: 166px;
    overflow-y: auto;
}

.recommend-business .base-info-more {
    max-height: 152px;
}

.base-info-more::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.base-info-more::-webkit-scrollbar-button {
    display: none;
}

.base-info-more::-webkit-scrollbar-thumb {
    background: #C0C0C0;
    border-radius: 4px;
}

.base-info-more::-webkit-scrollbar-track {
    background: transparent;
}

.base-info-more::-webkit-scrollbar-track-piece {
    background: transparent;
}

.base-info-more > table {
    width: 100%;
    border-collapse: collapse;
}

    .base-info-more > table th, .base-info-more > table td {
        padding: 8px 10px;
        box-sizing: border-box;
        border: solid 1px #e4dcc6;
    }

    .base-info-more > table th {
        background: #f3eddb;
        text-align: center;
        font-weight: bold;
    }

.base-info-more thead tr th:nth-child(1) {
    width: 240px;
}

.base-info-more thead tr th:nth-child(2) {
    width: 150px;
}

.base-info-more thead tr th:nth-child(3) {
    width: 80px;
}

.base-info-more tbody tr {
    background: #fff;
}

    .base-info-more tbody tr:hover {
        background: #fffcf4;
    }
.business-detail-contact .mark-box > div {
    z-index: 2;
}

    .business-detail-contact .mark-box > div span {
        font-size: 12px;
        font-weight: normal;
    }

.business-detail-contact .mark-box ul {
    display: flex;
    gap: 5px;
}

    .business-detail-contact .mark-box ul > li {
        min-width: 24px;
        width: 24px;
        height: 24px;
        background: #bbc8fa;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 0 2px rgba(0,0,0,.1);
    }

.business-detail-contact .mark-box ul > li img {
  max-width: 100%;
  max-height: 100%;
}

.business-detail-contact .mark-box ul > li.more {
  background: none;
  border-radius: 0;
  color: #999;
  box-shadow: none;
}
#login-box,#business-detail-box,#recharge{
  display:none;
}

#chatdialog {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 50%;
    top: 50%;
    width: 930px;
    height: 650px;
    transform: translate(-50%, -50%);
}

.close_chatdialog {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: url(../images/colseinfo.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: block;
    opacity: .6;
    transition: all .4s;
}

    .close_chatdialog:hover {
        opacity: 1;
        transform: rotate(-180deg);
    }

#dialog-iframe {
    width: 930px;
    height: 650px;
}
@media screen and (max-width:1599px) {
  body{
    min-width:1200px;
  }
  .box,.company-content{
    width:1200px;
  }
  .searchInput{
    width:532px;
  }
  .navigation, .map{
    width:275px;
  }
  .productVideoHotItem,.productVideoHotItem>p>a{
    width:240px;
  }
  .requirementsItem{
    width:340px;
  }
  .serviceAssurance .flex{
    gap:16px;
  }
  .navigation>ul>li a{
    font-weight:normal;
  }
  .company-item-products>a:nth-child(3){
    display:none;
  }
  .company-item-info {
    width: calc(100% - 380px);
  }
  .product-item{
    width:224px;
  }
  .product-item-img{
    width:204px;
    height:204px;
  }
}

@media screen and (max-width:1365px) {
  body {
    min-width:auto;
    max-width: 100%;
    overflow-x: hidden;
  }
  .box, .company-content{
    width:100%;
    padding:0 16px;
  }
  .header{
    position: relative;
    z-index:9;
  }
  .nav.flex{
    margin-left:auto;
    flex-direction: column;
  }
  .nav.flex::before{
    content:"";
    display: block;
    position: absolute;
    z-index:1;
    top:17px;
    width:42px;
    height:42px;
    background:url(../images/icon-nav.png) no-repeat;
  }
  a.english{
    margin-left:15px;
  }
  .nav li{
    height: auto;
    padding:10px 0;
    width:180px;
    text-align:center;
    position: absolute;
    box-sizing: border-box;
    z-index:1;
    right:0;
    top:76px;
    background:#fff;
    transform: translateX(-100%);
    transition:all .4s;
    border-bottom:dashed 1px #e4e4e5;
    opacity:0;
    pointer-events: none;
  }
  .nav li.active::after{
  display:none;
  }
  .nav li:nth-child(2){
    top:133px;
    
  }
  .nav li:nth-child(3){
    top:190px;      
  }
   .nav li:nth-child(4){
    top:247px;
    border-bottom:none;    
  }
   .nav.mobile li{
    transform: translateX(0);
    opacity:1;
    pointer-events:inherit;
   }
  .login{
    font-size:0px;
    background:none;
    width:42px;
    margin-left:60px;
    gap:0;
  }
  .login>a:first-child{
    width:42px;
    height:42px;
    display: block;
    background:url(../images/icon-login.png) no-repeat;
    background-size:100%;
  }
  .login a.logged img {
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    border: solid 2px #fff;
    border-radius: 21px;
  }
  .navigation{
    width:100%;
    height:auto;
    margin-bottom:20px;
  }
  .flex{
    flex-wrap: wrap;
  }
  .navigation>ul>li {
    width: calc(12% - 27px);
  }
  .map{
    width:calc(100% - 630px);
  }
  .latestSupplierImg{
    width:100%;
  }
  .latestSupplierInfo>em{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .productVideoHotBox>a{
    width:60px;
    height:60px;
  }
  .productVideoHotItem>p>a {
    width:calc(100% - 116px);
  }
  .productVideoHotItem>p>a{
    font-size: 16px;
  }
  .requirementsItem{
    width:100%;
  }
  .serviceAssurance{
    margin-bottom:20px;
  }
  .serviceAssurance, .preferredCompany{
    width:100%;
  }
  .serviceAssurance .flex{
    gap:48px;
  }
  .login a.logged span{
    display:none;
  }
  .login>a:first-child{
    background:none;
  }
  .login a.logged{
    padding:0;
  }
  .login a.logged img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
  }
  .companyMenu{
    width:calc(100% - 32px);
    margin:0 auto 20px auto;
    padding:20px;
  }
  .filter .filterMore::after{
    display:none;
  }
  .company-list{
    width:100%;
  }
  .company-side{
    display:flex;
    justify-content: space-between;
    width:100%;
  }
  .company-side-item{
    width:calc(33.33% - 14px);
  }
  .product-item {
    width: calc(25% - 15px);
  }
  .product-item-img{
    width:100%;
    height:0px;
    position: relative;
    padding-bottom:100%;
  }
  .product-item-img img{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) scale(1);
    max-width:100%;
    max-height:100%;
    transition:none;
  } 
  .product-item-img:hover img{
    transform: translate(-50%,-50%) scale(1);
  }
  .purchaseList>ul>li{
    width:calc(25% - 15px);
  }
}
@media screen and (max-width:1023px) {
  .navigation>ul>li{
    width:calc(20% - 16px);
  }
  .map{
    width:100%;
  }
  .banner{
    margin-bottom:20px;
  }
  .latestSupplier{
    width:100%;
    margin-bottom:20px;
  }
  .productVideoHot,.requirements{
    width:calc(50% - 10px);
  }
  .productVideoHotItem>p>a {
    width: calc(100% - 75px);
  }
  .industry{
    width:calc(50% - 10px);
  }
  .footer>.box>a{
    display:none;
  }
  .company-item-products>a:nth-child(3){
    display: block;
  }
  .company-item-info{
    width:100%;
  }
  .product-item {
    width: calc(33.33% - 14px);
  }
  .purchaseList>ul.purchaseUl>li{
    width: calc(33.33% - 14px);
  }
  .purchaseList>ul>li{
    width:calc(33.33% - 14px);
  }
}
@media screen and (max-width:767px){
  .logo{
    width:100%;
    background-size:100% auto;
    background-position: center center;
  }
  .header h1{
    width:50%;
  }
  a.english{
    position: unset;

  }
  .searchInput{
    width:calc(100% - 75px)
  }
  .login{
    margin-left:18px;
  }
  .login>a:first-child{
    width:32px;
    height:32px;
  }
  .nav.flex::before{
    width:32px;
    height:32px;
    background-size:100%;
    top:22px;
  }
  .navigation>ul>li {
    width: calc(25% - 15px);
  }
  .banner{
    width:100%;
    height:auto;
  }
  .banner img{
    max-width:100%;
    max-height: 100%;
  }
  .productVideoHot, .requirements,.preferredCompanyBox>a,.industry{
    width:100%;
  }
  .serviceAssurance, .preferredCompany{
  height:auto;
  }
  .footer dl{
    display:flex;
    width:100%;
    flex-wrap: wrap;
    gap:5px 20px;
    position: relative;
    box-sizing: border-box;
    padding-left:80px;
  }
  .footer dt{
    font-size:16px;
    position:absolute;
    z-index:1;
    left:0;
    top:4px;
  }
  .footer dd{
    height:24px;
    line-height:24px;
  }
  .wechatcode{
    width: 100%;
    margin-top:20px;
  }
  .searchButton{
    width:75px;
  }
  .navigation h2, .map h2,.latestSupplier h2, .productVideoHot h2, .requirements h2,.serviceAssurance h2, .preferredCompany h2,.industry h2,.companyMenu h2{
    font-size: 20px;
    height: 20px;
    line-height: 20px;
  }
  .regLink,.companyMenu h2::after{
    display:none;
  }
  .company-item-bsinfo dl{
    margin-right:12px;
    padding-right:12px;
  }
  .company-item-bsinfo{
    gap:0px;
  }
  .company-item-btn{
    justify-content: end;
  }
  .company-item-products{
    gap:15px;
  }
  .company-item-products>a{
    width:calc(33.33% - 14px);
  }
  .company-item-products>a>span{
    width:100%;
    height:0px;
    padding-bottom:100%;
    position: relative;
  }
  .company-item-products img{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    max-width:100%;
    max-height:100%;
  }
  .flips{
    gap:5px;
  }
  .flips>a{
    padding:5px;
    height:auto;
  }
  .company-side-item{
    width:100%;
  }
  .company-side{
    flex-wrap: wrap;
  }
  .searchBox form{
    width:100%;
  }
  .company-item-info h2{
    font-size:20px;
    line-height:20px;
    height:20px;
  }
  .product-item {
    width: calc(50% - 10px);
  }
  .product-item-img{
    width:100%;
    height:0px;
    position: relative;
    padding-bottom:100%;
  }
  .product-item-img img{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    max-width:100%;
    max-height:100%;
    transition:none;
  }
  .product-item-img:hover img{
    transform: scale(1) translate(-50%,-50%);
  }
  .flips>a{
    min-width:26px;
  }
  .productVideoHot{
    margin-bottom: 20px;
  }
  .companyMenu.purchase h2>p{
    display:none;
  }
  .purchaseList>ul.purchaseUl>li,.purchaseList>ul>li{
    width:100%;
  }
  .filterMore{
    display:  block !important;
  }
}
@media screen and (max-width:413px){
  .serviceAssurance .flex {
    gap:20px 0px;
    justify-content: space-between;
  }
  .navigation>ul>li {
    width: calc(33.33% - 15px);
  }
  .company-item-bsinfo dl{
    display:flex;
    align-items: center;
    border-right:none;
  }
  .company-item-bsinfo dl dd{
    padding-top: 0px;
  }
}
@media screen and (max-width:374px) {
  .header,.header .box{
    height:56px;
  }
  .box,.company-content{
    padding:0 10px;
  }
  .login{
    margin-left:5px;
  }
  .login>a:first-child{
    width:24px;
    height:24px;
  }
  .nav.flex::before {
    width: 24px;
    height: 24px;
    background-size: 100%;
    top: 17px;
  }
  .companyMenu h2{
    padding-top:15px;
  }
  .filter .filterMore{
    width:32px;
  }
  .filter{
    padding-bottom:15px;
  }
  .companyMenu{
    width: calc(100% - 20px);
  }
  .companyMenu{
    margin-bottom:10px;
  }
  .product-list{
    gap:10px;
  }
  .product-item{
    width:calc(50% - 5px);
  }
  .nav{
    font-size:18px;
  }
  .nav.mobile li{
    height:57px;
    top:56px;
  }
  .nav li{
    top:56px
  }
  .nav li:nth-child(2){
    top:113px
  }
  .nav li:nth-child(3){
    top:170px
  }
  .nav li:nth-child(4){
    top:227px
  }
  .company-list,.purchaseList>ul{
    gap: 10px;
  }
}