@charset "UTF-8";
	* {
	margin: 0;
	padding: 0;
}
body {
	background: #f7f8fc;
	color: #060607;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, MIUI, Hiragino Sans GB, Microsoft YaHei, sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height:1.6;
	min-width: 1366px;
	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 {
    word-break:break-all;
	color: #060607;
	text-decoration: none;
}
a:hover {
	color: #060607;
	text-decoration: none;
}
input::-ms-clear, ::-ms-reveal {
	display: none;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
	outline: none;
}
.header {
	position:fixed;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height: 64px;
	background:#f7f8fc;
	box-sizing: border-box;
	padding: 0 16px;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.header .logo {
	display:flex;
	gap:24px;
	align-items:center;
	cursor: pointer;
}
.header .logo span {
	width:11px;
	height:6px;
	background:url(../images/arrow.png) no-repeat;
	display:none;
}
.marginb16 strong {
	font-size:15px;
	padding:0 3px;
}
.charset {
	position: relative;
	height:40px;
	display:flex;
	align-self:center;
}
.charset img {
	width:26px;
	height:26px;
}
.charset p {
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 13px;
	color:#31353b;
	box-sizing: border-box;
	padding-right:20px;
	background:url(../images/arrow.png) no-repeat right center;
	cursor: pointer;
}
.charset i {
	max-width:104px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.charset a {
	position:absolute;
	z-index:1;
	top:38px;
	left:0px;
	width:100%;
	height:40px;
	background:#fff;
	cursor: pointer;
	box-shadow:0 0 8px rgba(0,0,0,0.1);
	box-sizing: border-box;
	padding:0 16px;
	display:flex;
	gap:12px;
	align-items:center;
	border:solid 4px #fff;
	display:none;
}
.charset a::before {
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url(../images/exit.png) no-repeat;
	background-size:100% 100%;
}
.charset a:hover {
	background:#f7f7f7;
	color:#31353b;
}
.charset:hover a {
	display:flex;
}
.main {
	box-sizing: border-box;
	padding: 16px 16px 0 16px;
	display: flex;
	justify-content:center;
	padding-top:64px;
	height:100vh;
}
.dialogue-box {
	position: fixed;
	z-index:9;
	left:20px;
	top:50%;
	transform: translateY(-50%);
	width:60px;
	background: #fff;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 8px;
	box-shadow:0 0 8px rgba(0,0,0,.1);
}
.dialogue-box>div,.dialogue-box>.inquiry_web,.dialogue-box>.recruit_web {
	position: relative;
	margin-bottom:8px;
	cursor: pointer;
  border-radius:8px;
  font-size:12px;
  color:#505d80;
  display: block;
}
.dialogue-box>.inquiry_web>strong{
  font-size:12px;
  color:#f00;
  position:absolute;
  top:5px;
  left:33px;
  z-index:1;
  opacity:0;
  animation: shownum 5s linear infinite;
}
@keyframes shownum {
  0%{
    opacity:0;
    transform: translateY(0px);
  }
  10%{
    opacity:1;
    transform: translateY(-5px);
  }
  20%{
    opacity:0;
    transform: translateY(-10px);
  }
  100%{
    opacity:0;
    transform: translateY(0px);
  }
}
.dialogue-box>div>span,.dialogue-box>.inquiry_web>span,.dialogue-box>.recruit_web>span {
	width:40px;
	height:32px;
	display: block;
	overflow: hidden;
}
.dialogue-box>div>em,.dialogue-box>.inquiry_web>em,.dialogue-box>.recruit_web>em {
  display: block;
  text-align:center;
  line-height:18px;
}
.dialogue-box>div:hover,.dialogue-box>.inquiry_web:hover,.dialogue-box>.recruit_web:hover {
	background-color:#e6eaf5;
}
.dialogue-box>div.quit:hover{
  background:none;
}
.dialogue-box>div>i,.dialogue-box>.inquiry_web>i,.dialogue-box>.recruit_web>i {
	position:absolute;
	z-index:1;
	display: inline-block;
	white-space: nowrap;
	top:12px;
	left:58px;
	background:rgba(255,255,255,.8);
  box-shadow: 0 0 4px rgba(0,0,0,.1);
	padding:4px 16px;
	border-radius:4px;
	color:#3a69ba;
	display:none;
}
.dialogue-box>div>i>strong,.dialogue-box>a>i>strong{
  color:#f00;
}
/*.dialogue-box>div.view-goldCoin>i{
  top:4px;
}*/
.dialogue-box>div:hover>i,.dialogue-box>.inquiry_web:hover>i,.dialogue-box>.recruit_web:hover>i {
	display:block;
}
.newask span {
	background-image: url(../images/newask.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.inquiry_web span{
  background-image: url(../images/inquiry_web.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.history span {
	background-image: url(../images/history.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
  opacity: 1;
}
.view-points span {
	background-image: url(../images/points.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.view-goldCoin span {
	background-image: url(../images/view-gold-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.gift span {
	background-image: url(../images/gift.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.store span {
	background-image: url(../images/store.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.supplierhip span {
	background-image: url(../images/supplierhip.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
}
.chatmsg span {
    background-image: url(../images/chatmsg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}
.inquiry span {
	background-image: url(../images/inquiry.png?v=1);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
	position: relative;  
}
.recruit_web span{
  background-image: url(../images/recruit_web.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:24px 24px;
  animation:recruitan 1s infinite;
}
@keyframes recruitan{
  0%{
    transform:scale(1);
  }
  50%{
    transform:scale(.9);
  }
  100%{
    transform:scale(1);
  }
}
.recruit_web:hover span{
  animation:none;
}
#msg-gold,#goldNum{
  position:absolute;
  z-index:2;
  top:0;
  width:64px;
  background:rgba(255,255,255,.8);
  left:25px;
  opacity:0;
  color:#f00;
  box-sizing: border-box;
  background-size:16px 16px;
  padding:2px;
}
#msg-gold{
 width:auto;
 left:30px;
}
.show #goldNum {
    opacity: 1;
    z-index: 2;
    background: none;
    left: 126px;
    top: -2px;
    padding: 2px;
    width: auto;
    display: none;
    max-width: 33px;
    }
.showgoldan{
  animation:goldan 2s ease-in-out;
  animation-iteration-count:1;
}
.btn-gold-icon{
  position:absolute;
  z-index:1;
  left:722px;
  top:68px;
  width:42px;
  height:42px;
  background:url(../images/gold-icon.png) no-repeat;
  background-size:100%;
  opacity:0;
  pointer-events: none;
}
@keyframes goldan{
  0%{
    opacity:1;
    transform: translateY(0px); 
  }
  100%{
    opacity:0;
    transform: translateY(-10px);
  }
}
.inquiry.unread span::before, .quit.unread span::before, .icon-messge.unread::before, .chatmsg.unread::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #f00;
    position: absolute;
    right: 3px;
    top: 0;
    z-index: 2;
}
.quit.vip>span::after{
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/avatarframe.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: -6px;
    top: -10px;
    z-index: 1;
}
.icon-messge.unread::before {
    right: -6px;
    top: -3px;
}
.dialogue-box>div.quit>span {
	margin-left:4px;
	display:flex;
	width:32px;
	height:32px;
	justify-content:center;
	align-items:center;
	border-radius:16px;
	overflow: hidden;
}
.quit img {
	width:32px;
	height:32px;
}
.quit>div {
	display:none;
	position:absolute;
	z-index:1;
	top:-362px;
	left:33px;
	width:142px;
	box-sizing: border-box;
	padding-left:24px;
}
.quit>div>p {
	display:flex;
  flex-wrap: wrap;
	box-sizing: border-box;
	background:#fff;
	padding:6px 16px;
	gap:0px 8px;
	align-items:center;
	border:solid 1px #e5e5e5;
	border-bottom:none;
}
.quit>div>p>span{
  font-size:12px;
  box-sizing: border-box;
  padding-left:24px;
  color:#2672ed;
  height:12px;
  line-height:12px;
}
.quit>div>p>span::before{
  display:none !important;
}
.quit>div>p:first-child {
	border-radius:8px 8px 0 0;
}
.quit>div>p:last-child {
	border-radius:0 0 8px 8px;
	border-bottom:solid 1px #e5e5e5
}
#edit-password dd,#edit-userinfo dd {
	display: flex;
}
#edit-userinfo dd p {
	width:100px;
	text-align:right;
}
#edit-password dd span,#edit-userinfo dd span {
	color: #f00;
}
#edit-password dd input,#edit-userinfo dd input {
	width:auto;
	flex: 1;
}
#edit-password dd input:focus,#edit-userinfo dd input:focus {
	border-color:#2672ed !important;
}
#edit-password dd input.layui-btn,#edit-userinfo dd input.layui-btn {
	width:120px;
	flex:none;
	margin:0 auto;
}
.password-tips {
	padding-left:24px;
	box-sizing: border-box;
}
#edit-password>div {
	width: 360px;
	height: 300px;
}
.quit>div .layui-icon {
	transform: translateY(-5px);
}
.quit:hover>div {
	display:block;
}
.quit>div>p:hover {
	background:#edeef2;
}
.quit>div>p>em {
	display: block;
	width:16px;
	height:16px;
}
.quit>div>p i {
	flex: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.icon-username {
	background:url(../images/userico.png) no-repeat;
	background-size:100% 100%;
}
.icon-feedback {
	background:url(../images/feedbackico.png) no-repeat;
	background-size:100% 100%;
}
.icon-logout {
	background:url(../images/logouticon.png) no-repeat;
	background-size:100% 100%;
}
.icon-messge {
    background: url(../images/messge.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.icon-keywordhot {
    background: url(../images/keywordhot.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.icon-share {
  background: url(../images/share.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-transactionRecord{
  background: url(../images/transactionRecord.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-myproduct{
  background: url(../images/myproduct.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-history{
  background: url(../images/record.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-inquiry {
  background: url(../images/inquiry.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  opacity:.7;
}
.icon-myBusiness{
  background: url(../images/myBusiness.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-myPublish{
  background: url(../images/myPublish.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-myFollowed{
  background:url(../images/ico-follow.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-myFootprint{
  background:url(../images/footprint.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.icon-followMine{
  background:url(../images/followMine.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.create-dialogue:hover {
	background: #1a72ff;
}
.create-dialogue::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/add.png) no-repeat;
	vertical-align: -2px;
	margin-right: 10px;
}
.column {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    min-width: 58px;
}
.authenticated {
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    background: #fff;
    border: solid 1px #fe3306;
    color: #fe3306;
    line-height: 22px;
    border-radius: 4px;
    vertical-align: middle;
    width: calc(50% - 3px);
    text-align:center;
}

table a.viewbusinessinfo, table a.viewproduct, table a.viewcompanyrisk, table a.viewcompanywebsite {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
    height: 24px;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    padding: 0 11px;
    line-height: 24px;
    color: #769ec1;
    text-decoration: none;
    vertical-align: middle;
}
    table a.viewcompanyrisk{
        /*margin-top:6px;*/
    }
        table a.viewbusinessinfo:hover, table a.viewproduct:hover, table a.viewcompanyrisk:hover, table a.viewcompanywebsite:hover {
            text-decoration: none;
            border-color: #2672ed;
            color: #2672ed;
        }

table a.viewproduct {
    /*margin-left: 5px;*/
}
.pd_moreinfo{
    display:flex;
    flex-flow:wrap;
    gap:6px;
    width:150px;
    margin-bottom:5px;
}
.content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 780px;
    transform: translateX(0);
    transition: all 1s;
}
.showbusinessinfo .content, .showpd .content, .showbusinesscredit .content{
    transform: translateX(-168px);
}
.figure {
	display: flex;
	margin: 0 auto;
	width: 100%;
	flex-direction: column;
	align-items: center;
	font-size: 30px;
	gap: 16px;
}
.figure img {
	width: 124px;
}
.figure span {
	font-size: 14px;
	color: #606874;
}
.classification {
    box-sizing: border-box;
    padding: 24px 0;
    flex-wrap: wrap;
    display: flex;
    gap: 16px;
    justify-content: center;
}
.classification-box{
	box-sizing: border-box;
  padding:3px;
	border-radius: 8px;
	width: calc(33.33% - 12px);
  height:188px;
  background: linear-gradient(to right, #50cb94, #487cca);
	color: #333;
}
.classification-box:hover{
  background: linear-gradient(to right, #d42db8, #d04d48);
}
.classification-boxbg{
  background:#fff;
  box-sizing: border-box;
  padding:9px;
  border-radius:5px;
  height:182px;
}
.classification-box h2{
  font-size:16px;
  text-align:center;
  color:#333;
}
/* .classificationbg1{
 background: linear-gradient(to right bottom,#d8f5f2,#effbf9);
 border:solid 1px #caece9;
}

.classificationbg2{
 background: linear-gradient(to right bottom,#fff6e6,#fffbf4);
 border:solid 1px #f0e4d0;
} */

.classification-box ul,.classification-box li{
  display:flex;
  justify-content:center;
  gap:24px;
  box-sizing: border-box;
  padding:6px 0;
  color:#999;
}
.classification-box li{
  gap:0;
  align-items: baseline;
}
.classification-box li span{
  position: relative;
}
.classification-box ul strong{
  font-size:26px;
  font-weight:bold;
  color:#1749a2;
  padding-left:5px;
  display: block;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  max-width:150px;
}
/*.classification-box:first-child  ul strong{
  max-width:58px;

}*/
/* .classificationbg1 ul strong{
  color:#1c715d;
}
.classificationbg2 ul strong{
  color:#8e7960;
} */
.classification p{
 color:#888;
 font-size:12px;
 box-sizing: border-box;
 display:flex;
 justify-content:center;
 align-items: center;
 gap:24px;
}
.classification p em{
  color:#000;
  font-size:14px;
  position:relative;
  transform: translateY(-3px);
  font-weight:bold;
}
.classification p em i,.classification-box li span i{
  color:#f00;
  font-size:12px;
  position:absolute;
  z-index:1;
  top:0;
  right:-28px;
  opacity:0;
}
.classification-box li span i{
  opacity:1;
  top:2px;
}
.classification-box:nth-child(2) li span i{
  opacity:0;
}
.classification p em.startan i,.classification-box li span.startan i{
  animation: shownum  10s linear infinite;
}
.classification p strong{
  font-size:15px;
}
.classification p span{
  display:flex;
  margin-left:16px;
}
.classification dl{
  border-top:dashed 1px #e5e5e5;
  margin-top:12px;
  padding-top:12px;
  box-sizing: border-box;
  width:100%;
  display:flex;
  justify-content:center;
  gap:24px;
  color:#888;
}
.classification dl em{
  color:#f00;
}
.classification dd{
  color:#7e96be;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
}
.classification dd:hover{
  color:#f00;
}
.flex-1 {
	flex: 1;
}
.searchbox {
	position:sticky;
	z-index:1;
	padding: 16px 0;
	box-sizing: border-box;
	bottom:0;
	background:#f7f8fc;
}
.searchbox>div {
	display: flex;
	height:97px;
	background: #fff;
	border-radius: 16px;
	box-sizing: border-box;
	border: solid 1px #e5e5e5;
	align-items: center;
	gap:5px;
	flex-direction: column;
}
.searchbox>div.changeheight {
	height:176px;
}
.searchbox .input-box {
	flex:1;
	box-sizing: border-box;
	background:#f3f5f9;
	padding:14px 16px;
	border-radius: 0 0 16px 16px;
}
.searchbox-foot {
	display:flex;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	padding:0 16px;
}
.search-foot-right {
	display:flex;
	gap:10px;
}
.searchbox>div.focusdiv {
	border-color: #2878ff;
}
.searchbox textarea {
	background: none;
	box-sizing: border-box;
	border: none;
	width:100%;
	height:50px;
	font-size: 14px;
	color: #333;
	outline: none;
	resize: none;
	line-height: 25px;
	min-height: 50px;
	padding:10px 16px 0 16px;
	position: relative;
	overflow-y: hidden;
}
.searchbox textarea::placeholder {
	color: #aaa;
}
.searchbox>p {
	text-align: center;
	font-size: 12px;
	color: rgb(138, 156, 184);
	padding: 6px 0 0 0;
}
.uploadfile {
	display:none;
}
.uploadimg {
	width:36px;
	height:36px;
	background:#fff url(../images/fileUpload.png) no-repeat;
	background-size:24px 24px;
	background-position: center;
	border-radius:10px;
	cursor: pointer;
}
.uploadimg:hover {
	background:#ececec url(../images/fileUpload.png) no-repeat;
	background-size:24px 24px;
	background-position: center;
}
.searchbox label {
	position: relative;
}
.searchbox label>p,.networking>p,.contactWithHim em,.mobileRiskSearch em,.moreContact2 em,.getphone em{
	display:none;
	position:absolute;
	z-index:1;
	top: -56px;
	left: -113px;
	width: 260px;
	word-break: break-all;
	height: 47px;
	background:rgba(0,0,0,.75);
	color:#fff;
	box-sizing: border-box;
	padding:6px 12px;
	border-radius: 3px;
	font-size:12px;
}
.networking>p {
	top: -56px;
	left: -95px;
	width: 300px;
	height: 42px;
}
.networking.disabled>p {
	left: -37px;
	width: 182px;
}
.searchbox label:hover>p,.networking:hover>p {
	display:block;
}
.searchbox label>p::after,.networking>p::after,.contactWithHim em::after,.mobileRiskSearch em::after,.moreContact2 em::after,.getphone em::after{
	position:absolute;
	z-index:1;
	top:43px;
	left:50%;
	transform:translateX(-50%) rotate(90deg);
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid rgba(0,0,0,.75);
}
.networking>p::after {
	top:38px;
}
.uploadfile-box {
	display:none;
	flex:1;
	align-items:center;
	border-radius:12px;
	position: relative;
	max-width:100%;
}
.uploadfile-box>p {
	position: relative;
	display:flex;
	background:#fff;
	flex-direction: column;
	height:50px;
	box-sizing: border-box;
	padding:6px 20px 4px 50px;
	border-radius:12px;
	z-index:1;
	min-width:218px;
	max-width:100%;
}
.uploadfile-box>div {
	position:absolute;
	z-index:3;
	left:8px;
	top:8px;
	width:36px;
	height:36px;
}
.uploadfile-box>div img {
	width:36px;
	height:36px;
}
.uploadfile-box::before {
	content:"";
	display:block;
	width:26px;
	height:26px;
	background:url(../images/loadingan.png) no-repeat;
	position: absolute;
	z-index:4;
	left:13px;
	top:13px;
	animation: loading .5s linear infinite;
}
@keyframes loading {
	0% {
	transform:rotate(0deg);
}
100% {
	transform:rotate(360deg);
}
}
.uploadfile-box.tips::before {
	display:none;
}
.uploadfile-box>p::after {
	content:"";
	display: block;
	width:0;
	height:52px;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	transition:all 2s;
	border-radius:12px;
}
.uploadfile-box>p span {
	font-size:12px;
	color:rgb(138, 156, 184);
	position: relative;
	z-index:2;
}
.loadingfinish,.analyzefile {
	display:none;
}
.uploadfile-box.tips .loadingfinish {
	display: block;
}
.uploadfile-box.analyze .analyzefile {
	display: block;
}
.uploadfile-box.tips .loadingfile,.uploadfile-box.analyze .loadingfile,.uploadfile-box.loadingfinish {
	display:none;
}
.uploadfile-box.showuploading {
	display:flex;
}
.uploadfile-box.showuploading>p::after {
	animation: bgan 3s ease-in-out forwards;
}
@keyframes bgan {
	0% {
	width:0%;
}
100% {
	width:100%;
}
}
.uploadfile-box em {
	position: relative;
	z-index: 2;
	max-width: calc(100% - 50px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.uploadfile-box i {
	position:absolute;
	z-index:3;
	top:-4px;
	right:-6px;
	width:16px;
	height:16px;
	cursor: pointer;
	background:url(../images/close.png) no-repeat;
	background-size:100%;
}
#searchBtn {
	background: #3367f4;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	position: relative;
}
#searchBtn span {
	display:none;
}
#searchBtn.disabled span,.radio-label p {
	position:absolute;
	z-index:3;
	top: -42px;
	left: -70px;
	width: 172px;
	height: 32px;
	line-height:32px;
	border-radius:4px;
	background:rgba(0,0,0,.75);
	color:#fff;
	display:none;
}
#searchBtn.disabled span::after,.radio-label p::after {
	position:absolute;
	z-index:1;
	top:28px;
	left:50%;
	transform:translateX(-50%) rotate(90deg);
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid rgba(0,0,0,.75);
}
#searchBtn.disabled:hover span {
	display: block;
}
#searchBtn::before {
	content: "";
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/searchBtn.png) no-repeat;
	background-size:100%;
}
#searchBtn.disabled {
	background: #f5f5f5;
	cursor: no-drop;
}
#searchBtn.disabled::before {
	content: "";
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/searchBtn1.png) no-repeat;
	background-size:100%;
}
.input-box {
	display: flex;
	justify-content: start;
	width: 100%;
}
.result-box {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-button {
	display: none;
}
::-webkit-scrollbar-thumb {
	background: #C0C0C0;
	border-radius: 4px;
}
::-webkit-scrollbar-track {
	background: transparent;
}
::-webkit-scrollbar-track-piece {
	background: transparent;
}
.ask-box,
.result-item {
	display: flex;
	gap: 10px;
	margin-bottom:16px;
	box-sizing: border-box;
	padding-right:50px;
}
.ask-box {
	justify-content: flex-end;
	padding-right:0px;
}
.ask-box img,
.result-item img {
	width: 40px;
	height: 40px;
}
.ask-box p {
	box-sizing: border-box;
	padding: 10px 16px;
	background: #2d65f7;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
}
.ask-box span {
	display:flex;
	gap:5px;
	align-items:center;
	background:#1e72de;
	padding:5px 8px;
	border-radius:4px;
}
.ask-box span::before {
	content:"";
	display: block;
	width:15px;
	height:17px;
	background:url(../images/file.png) no-repeat;
}
.result-item-box {
	position: relative;
	color: #31353b;
	font-size: 14px;
	/* flex: 1;*/
	overflow: hidden;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.result-item-box>div {
	box-sizing: border-box;
	padding:14px;
	background: #fff;
	border-radius: 8px;
}
.content-val {
	color:#999;
	font-size:14px;
	line-height:25px;
	margin:14px 0;
}
.table,table {
	border-collapse: collapse;
	border-spacing: 0;
	border:solid 1px #c6c6d0;
	border-top:none;
	display:inline-block;
	border-radius:12px;
	overflow: hidden;
  max-width:100%;
  table-layout: fixed;
}
/* table thead,table tbody,table tr {
	width:100%;
} */
.table th,
.table td,table th,table td {
	padding: 10px;
	box-sizing: border-box;
	border-left: solid 1px #c6c6d0;
	border-top: solid 1px #c6c6d0;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
}
.table tr td:first-child,table tr td:first-child,.table tr th:first-child,table tr th:first-child {
	border-left:none;
}
.table th,table th {
	background: #e5e7ed;
	font-weight: bold;
	font-size:14px;
}
.businessinfobox table tr th:last-child {
	width:calc(420px - 236px);
}
.table td,table td {
	text-align: left !important;
  word-break: break-all;
}
.table a.phone {
	cursor: default;
	text-decoration: none;
}
.table a.phone:hover {
	text-decoration: none;
}
.table a,table a {
	text-decoration: underline;
}
.table a:hover, table a:hover {
	text-decoration: underline;
}
.result-box dl,
.result-box dt,
.result-box dd {
	margin-bottom: 16px;
}
.result-box dd {
	box-sizing: border-box;
	padding-left: 42px;
	position: relative;
}
.result-box dd::before {
	content: attr(data-number) ". ";
	margin-right: 10px;
	position: absolute;
	left: 22px;
	top: 0;
}
.result-item-box td img {
	width: 100px;
	height: auto;
}
#points.layer-box dt{
    padding-bottom:0;
}
.layer-box dt > p {
    font-size: 14px;
    color: #1749a2;
    text-align: center;
    font-weight:normal;
}
.layer-box dd.dialogue-list {
    height: calc(100vh - 234px);
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box;
    padding-right: 15px;
}
.time {
	font-size:24px;
	margin-top:8px;
	font-weight:bold;
}
.dialogue-item {
	background: #fff;
	box-sizing: border-box;
	padding: 9px 16px;
	border-radius: 6px;
	border: solid 1px #c6c6d0;
	margin-top: 8px;
	cursor: pointer;
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.dialogue-item span {
	text-align: right;
	display:none;
}
.dialogue-item:hover>div {
	display:none;
}
.dialogue-item:hover span {
	display: flex;
	align-items:center;
}
.dialogue-item em,
.dialogue-item i {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/edit.png) no-repeat;
	background-size: 100%;
	margin-left: 10px;
	cursor: pointer;
}
.dialogue-item i {
	background: url(../images/del.png) no-repeat;
	background-size: 100%;
}
#edit-textarea {
	box-sizing: border-box;
	margin: 16px 16px 0 16px;
	padding: 10px;
	border: solid 1px #e1e1e1;
	border-radius: 6px;
	width: calc(100% - 32px);
	height: 100px;
	font-size: 14px;
	color: #333;
	resize: none;
	outline: none;
}
#edit-textarea:focus {
	border-color: #2878ff;
}
.table-box {
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    opacity: 0;
    margin-bottom: 8px;
    animation: fadeIn 2s ease-in-out forwards;
    position: relative;
}

    .table-box.moretable {
        margin-bottom: 0px;
        /*padding-bottom: 45px*/
    }
@keyframes fadeIn {
	from {
	opacity: 0;
}
to {
	opacity: 1;
}
}
.dialogue-item-box {
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-sizing: border-box;
	padding: 16px;
	background: #fff;
}
.stopGenerate {
	box-sizing: border-box;
	width:106px;
	height:40px;
	border:solid 1px #94b0fb;
	border-radius:8px;
	color:#356bfd;
	cursor: pointer;
	font-size:12px;
	line-height:38px;
	text-align:center;
	padding:0 !important;
	background:none !important;
}
.stopGenerate:hover {
	border-color:#356bfd;
}
.stopGenerate.userclick {
	color:#b5b5b5;
	border:none;
	height:24px;
	line-height:24px;
    width:auto;
	text-align:left;
	cursor:default;
    display:inline-block;
    padding:0 8px;
}
.networkingresult {
	overflow-x:auto;
}
.query-text {
	position: relative;
}
.query-text i {
	display:inline-block;
	width:13px;
	font-size:16px;
	font-style:normal;
	overflow: hidden;
	animation: querytxtan 2s linear infinite;
	vertical-align: middle;
}
.marginb16 {
	margin-bottom:10px;
}
@keyframes querytxtan {
	0% {
	width:0px;
}
24% {
	width:0px;
}
25% {
	width:4px;
}
50% {
	width:4px;
}
51% {
	width:8px;
}
74% {
	width:8px;
}
75% {
	width:13px;
}
100% {
	width:13px;
}
}

.result-footer a {
	background-color:#fff;
  background-image:url(../images/assist.png);
	background-size:20px;
  background-repeat: no-repeat;
  background-position: 16px center;
	padding:8px 16px 8px 40px;
	box-sizing: border-box;
	border: solid 1px #8e949c;
	border-radius:4px;
	font-weight:bold;
	margin:0 10px;
}
.result-footer a.contactWithUs,.result-footer a.supplier-quotation.supplierBaoJia{
  background:linear-gradient(to right bottom, #f41717, #ee8132);
  padding:0;
  width:150px;
  height:40px;
  border-radius:6px;
  font-size:16px;
  line-height:40px;
  text-align:center;
  font-weight: normal;
  color:#fff;
  border:none;
}
.result-footer a.contactWithUs.disabled{
  border: #ddd solid 1px !important;
  background: linear-gradient(to right bottom, #f1f1f1,#f8f8f8) !important;
  color: #bdbaba  !important;
  cursor: not-allowed !important;
}
.result-footer a.supplier-quotation.supplierBaoJia{
  background: linear-gradient(to right bottom, #506def,#29a7e6);
}
.result-footer a.contactWithUs:hover{
  background:linear-gradient(to left top, #f41717, #ee8132);
}
.result-footer a.supplier-quotation.supplierBaoJia:hover{
  background: linear-gradient(to left top,#506def,#29a7e6);
}
.seach-pro-tips{
  font-size:13px;
  color:#888;
  text-align: right;
  box-sizing: border-box;
  line-height:24px;
  padding:10px 0 0 0;
}
.seach-pro-tips>p:last-child{
  box-sizing: border-box;
  padding-right:7px;
}
.seach-pro-tips a{
  color:#2672ed;
  text-decoration: underline;
  text-underline-position: under;
}
.seach-pro-tips a:hover{
  color:#f41717;
}
.result-footer a.xls-table-edit{
  background-image:url(../images/xls_edit.png);
  background-size:20px;
}
.result-footer a:hover {
	background: #fff url(../images/assist.png) no-repeat 16px center;
	background-size:20px;
  border-color:#2672ed;
}
.result-footer a.xls-table-edit:hover{
  background-image:url(../images/xls_edit.png);
  background-size:20px;
  border-color:#2672ed;
}
.result-footer a.supplier-quotation {
	background:#fff url(../images/inquiryprice.png) no-repeat 16px center;
	background-size:18px;
}
.result-footer a.supplier-quotation:hover {
	background:#fff url(../images/inquiryprice.png) no-repeat 16px center;
	background-size:18px;
}
.result-footer a.phone-confirm-btn,.result-footer a.phone-confirm-btn:hover {
	background:#fff url(../images/contactus.png) no-repeat 16px center;
	background-size:16px;
}
.result-footer a.result-share,.result-footer a.result-share:hover {
	background:#fff url(../images/result-share.png) no-repeat 16px center;
	background-size:20px;
}
.contactWithHim {
    display: block;
    box-sizing: border-box;
    width:18px;
    height:18px;
    background: url(../images/cwh.png) no-repeat;
    background-size:100%;
    cursor: pointer;
    margin-left:10px;
    position: relative;
}

.contactWithHim:hover {
    color: #2672ed;
    border-color: #2672ed;
}
.layer-box {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
}
#contactPhone dd {
	text-align:center;
}
.layer-box>p {
	position:absolute;
	display: block;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
.layer-box>div {
	position:absolute;
	z-index:2;
	background:#fff;
	box-sizing: border-box;
	padding:16px;
	border-radius:8px;
	width:330px;
	height:280px;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.history-box>div {
	width:768px;
	height:calc(100% - 64px);
	transform: translate(-50%, -50%);
}
.history-dialogue {
	margin-top: 24px;
	position: relative;
	height: 42px;
	background-color: #fff;
	border-radius: 20px;
	margin-right: 8px;
	transition: width .5s ease;
	border: 1px solid #c6c6d0;
	width: 100%;
	display: flex;
}
.history-dialogue-focus {
	border-color: #2878ff;
}
.history-dialogue-search {
	width: 40px;
	height: 100%;
	cursor: pointer;
	border: 0;
	background: url(../images/search.png) no-repeat center center;
	border-radius: 20px;
}
.history-dialogue-input {
	box-sizing: border-box;
	height: 100%;
	border: 0;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	transition: width .5s ease;
	border-radius: 20px;
	color: #001c48;
	font-style: normal;
	outline: none;
}
#points>div,#gift>div,#supplierhip>div,#inquiry>div {
	height:248px;
}
.layer-box dl {
	display:flex;
	flex-direction: column;
	align-items: center;
	color:#333;
}
.layer-box dt {
	font-size:22px;
	font-weight:bold;
	padding-bottom:16px;
}
.layer-box dd {
	font-size:14px;
	width:100%;
}
.layer-box dd.phonecode {
	width:140px;
	height:140px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:12px;
	background:url(../images/phonecodebg.jpg) no-repeat center center;
}
.layer-box dd.phonecode img {
	width:128px;
	height:128px;
}
.layer-box dt i {
	display: block;
	width:24px;
	height:24px;
	background:url(../images/closediv.png) no-repeat;
	background-size:100% 100%;
	cursor: pointer;
	position:absolute;
	z-index:1;
	right:10px;
	top:21px;
}
.layer-box i:hover {
	opacity:.6;
}
.feedback-box>div {
	width:600px;
	height:396px;
}
.feedback-box dl dt {
	width:100%;
	text-align:left;
	font-weight:normal;
}
.flex-box {
	display:flex;
	flex-wrap: wrap;
	gap:8px 16px;
	justify-content:space-between;
	align-items: center;
	box-sizing: border-box;
	padding-bottom:10px;
}
.flex-box>p {
	width:100%;
}
.radio-label {
	position: relative;
}
.radio-label input,.radio-label p {
	display:none;
}
.radio-label p {
	text-align:center;
	left: -12px;
	width: 123px;
}
.radio-label:hover p {
	display: block;
}
.radio-label {
	display: block;
	background-color:#f3f5fc;
	border-radius:8px;
	height:28px;
	width:28px;
	padding:8px 36px;
	cursor: pointer;
}
.radio-label.on {
	background-color:#2e67fa;
}
.radio-icon1,.radio-icon2,.radio-icon3,.radio-icon4,.radio-icon5 {
	background-image:url(../images/radio-ico1.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}
.radio-icon2 {
	background-image:url(../images/radio-ico2.png);
}
.radio-icon3 {
	background-image:url(../images/radio-ico3.png);
}
.radio-icon4 {
	background-image:url(../images/radio-ico4.png);
}
.radio-icon5 {
	background-image:url(../images/radio-ico5.png);
}
.radio-icon1:hover,.radio-icon1.on {
	background-image:url(../images/radio-ico1-active.png);
}
.radio-icon2:hover,.radio-icon2.on {
	background-image:url(../images/radio-ico2-active.png);
}
.radio-icon3:hover,.radio-icon3.on {
	background-image:url(../images/radio-ico3-active.png);
}
.radio-icon4:hover,.radio-icon4.on {
	background-image:url(../images/radio-ico4-active.png);
}
.radio-icon5:hover,.radio-icon5.on {
	background-image:url(../images/radio-ico5-active.png);
}
#feedback-textarea {
	resize: none;
	width:100%;
	height:142px;
	margin-top:10px;
	border:solid 1px #e5e5e5;
	border-radius:8px;
	padding:10px;
	box-sizing: border-box;
	font-size:14px;
	color:#333;
	outline:none;
}
#feedback-textarea:focus {
	border-color: #2672ed;
}
.feedback-box .foot {
	margin-top:10px;
	display:flex;
	justify-content: flex-end;
	align-items:center;
	gap:24px;
}
a.closefeedback,a.feedback-btn {
	box-sizing: border-box;
	background:#fff;
	border:solid 1px #2672ed;
	border-radius:8px;
	padding:8px 16px;
	font-size:14px;
	min-width:100px;
	text-align:center;
	color:#2672ed;
}
a.closefeedback:hover {
	background:#fefefe;
}
a.feedback-btn {
	background:#2672ed;
	color:#fff;
}
.extension {
	display:flex;
	flex-direction: column;
	gap:8px;
	background:none !important;
	padding:0 !important;
}
a.compare,a.udtxt {
	align-self: start;
	box-sizing: border-box;
	background:#fff;
	padding:8px 42px 8px 16px;
	border:solid 1px #e5e5e5;
	border-radius:10px;
	position: relative;
	display:inline-block;
}
a.compare:hover, a.udtxt:hover {
	background: #e5e7ed;
}
a.compare::after, a.udtxt::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1;
	top: 9px;
	right: 12px;
	background: url(../images/arrowR.png) no-repeat;
	background-size: 100% 100%;
}
a.getBigModel::after {
	top:9px
}
.result-item-box>div.flicker,.contrastive-analysis-box.flicker {
	padding-bottom:32px;
}
.result-item-box>div.flicker::after,.contrastive-analysis-box.flicker::after {
	content:"";
	display: block;
	width:16px;
	height:3px;
	background:#2383ff;
	position: absolute;
	z-index:1;
	left:16px;
	bottom:16px;
	animation: flickeran 1s linear infinite;
}
@keyframes flickeran {
	0% {
	opacity:0;
}
49% {
	opacity:0;
}
50% {
	opacity:1;
}
}
.networking {
	box-sizing: border-box;
	height:32px;
	line-height:30px;
	color:#3266f3ed;
	font-size:12px;
	padding:0 15px 0 32px;
	border-radius:8px;
	background:rgba(53,107,253,.07) url(../images/networking.png) no-repeat 11px center;
	background-size:18px 18px;
	border:solid 1px rgba(53,107,253,.15);
	cursor: pointer;
	position: relative;
	user-select: none;
}
.networking.disabled {
	color:#999;
	border-color:#e1e1e1;
	background:#fff url(../images/networkingb.png) no-repeat 11px center;
	background-size:18px 18px;
}
.process {
	background:#f3f5fc;
	border-radius:12px;
	padding: 8px 44px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
}
.sole-content>p.marginb16{
  min-width:420px;
}
.process li {
	position: relative;
	font-weight:bold;
	font-size:14px;
}
.process li,.process li .searchweb {
	display:none;
}
.process li.webadress,.process li.course {
	display: block;
}
.finishicon::before {
	content:"";
	display: block;
	width:18px;
	height:18px;
	position:absolute;
	z-index:1;
	top:4px;
	left:-26px;
	background:url(../images/complete.png) no-repeat;
	background-size:18px 18px;
}
.searchweb {
	display:flex;
	flex-direction: column;
	font-weight:normal;
	gap:10px;
	box-sizing: border-box;
	padding-top:10px;
}
.process>span {
	position:absolute;
	z-index:1;
	right:15px;
	top:18px;
	width:11px;
	height:6px;
	background:url(../images/arrow.png) no-repeat;
	cursor: pointer;
	transition:all .4s;
}
.process.show {
	width:100%;
}
.process.show>span {
	transform:rotate(180deg);
}
.process.show li {
	display: block;
	margin-bottom:10px;
}
.process.show li .searchweb {
	display:flex;
}
.searchweb a {
	letter-spacing: .25px;
	color:#2672ed;
}
.searchweb a:hover {
	text-decoration:underline;
}
.process table {
	background:#fff;
	border-collapse:collapse;
	width:100%;
}
.process table th {
	border: solid 1px #e1e1e1;
	border-bottom: none;
	padding: 10px;
	font-weight: bold;
	background: #eff0f5;
	font-size:18px;
}
.process table td {
	border: solid 1px #e5e5e5;
	padding: 6px 10px;
	font-weight:normal;
}
.businessinfobox,.product-box,.businessCreditBox {
	position:fixed;
	z-index:4;
	right:8px;
	top:64px;
	width: 420px;
	height:calc(100vh - 104px);
	background:#fff;
	border:solid 1px #e5e5e5;
	box-sizing: border-box;
	border-radius:20px;
	overflow-y: auto;
	padding:0 16px 12px 16px;
	opacity:0;
	transform: translateX(200px);
	pointer-events: none;
}
.businessinfobox h2>i,.filter h2>i,.product-box h2>i,.inquiry-price h2>i,.businessCreditBox h2>i {
	position:absolute;
	right:0;
	top:19px;
	z-index:2;
	width:20px;
	height:20px;
	background:url(../images/colseinfo.png) no-repeat;
	background-size:100% 100%;
	cursor: pointer;
	display: block;
}
.businessinfobox::-webkit-scrollbar,.product-box::-webkit-scrollbar,.inquiry-price::-webkit-scrollbar,.businessCreditBox::-webkit-scrollbar {
	width:0;
	height:0;
}
::-webkit-scrollbar-button {
	display: none;
}
.businessinfobox::-webkit-scrollbar-thumb,.product-box::-webkit-scrollbar-thumb,.inquiry-price::-webkit-scrollbar-thumb,.businessCreditBox::-webkit-scrollbar-thumb {
	display: none;
}
.businessinfobox h2,.product-box h2,.businessCreditBox h2 {
	position:sticky;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	background:#fff;
	font-size:20px;
	font-weight:bold;
	box-sizing: border-box;
	padding:12px 30px 0 0;
}
.businessinfobox h3 {
	font-size:16px;
	box-sizing: border-box;
	padding:8px 0;
}
.businessinfobox li {
	box-sizing: border-box;
	display:flex;
	width:100%;
}
.businessinfobox ul {
	box-sizing: border-box;
	border:solid 1px #c6c6d0;
	border-right:none;
	border-bottom:none;
}
.businessinfobox li span,.businessinfobox li em,.businessinfobox li a {
	background:#e5e7ed;
	border:solid 1px #c6c6d0;
	box-sizing: border-box;
	padding:8px 16px;
	text-align:right;
	width:178px;
	border-top:none;
	border-left:none;
}
.businessinfobox li em {
	background:#fff;
	width:calc(100% - 178px);
}
.businessinfobox li a {
	background:#fff;
	width:calc(100% - 178px);
}
.showbusinessinfo .businessinfobox, .showbusinesscredit .businessCreditBox {
    pointer-events: visible;
    animation: bsifan 1s ease-in-out forwards;
}
@keyframes bsifan {
	0% {
	opacity:0;
	transform: translateX(200px);
}
100% {
	opacity:1;
	transform: translateX(0px);
}
}
.networkingresult .getphone,.networkingresult .getbusinessinfo,.networkingresult .getphone1 {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../images/end.png) no-repeat center center;
	user-select: none;
	cursor: pointer;
	margin-left:5px;
	position: relative;
}
.networkingresult .getphone.on {
	background:url(../images/end-active.png) no-repeat center center;
}
.networkingresult .getphone1 {
	cursor:default;
}
.networkingresult .getbusinessinfo {
	background:url(../images/businessinfo.png) no-repeat center center;
	background-size:12px;
}
.margintb8 {
	margin:8px 0;
}
.searchbox>div.toBottom {
	position:absolute;
	z-index:1;
	top:-48px;
	right:0px;
	width:40px;
	height:40px;
	border-radius:20px;
	background:#fff url(../images/toBottom.png) no-repeat center center;
	background-size:24px;
	box-sizing: border-box;
	border:solid 1px #e5e5e5;
	cursor: pointer;
	display:none;
}
.companyanimation {
	display:flex;
	box-sizing: border-box;
	margin-top:16px;
	gap:10px;
	padding-bottom:16px;
	border-bottom:dashed 1px #e5e5e5;
	opacity:0;
	animation: companyan 1s linear forwards;
}
.businessinfobox>.companyanimation:nth-child(2) {
	animation-delay:0s;
}
.businessinfobox>.companyanimation:nth-child(3) {
	animation-delay:1s;
}
.businessinfobox>.companyanimation:nth-child(4) {
	animation-delay:2s;
}
.businessinfobox>.companyanimation:nth-child(5) {
	animation-delay:3s;
}
.businessinfobox>.companyanimation:nth-child(6) {
	animation-delay:4s;
}
.businessinfobox>.companyanimation:nth-child(7) {
	animation-delay:5s;
}
.businessinfobox>.companyanimation:nth-child(8) {
	animation-delay:6s;
}
.businessinfobox>.companyanimation:nth-child(9) {
	animation-delay:7s;
}
.businessinfobox>.companyanimation:nth-child(10) {
	animation-delay:8s;
}
.businessinfobox>.companyanimation:nth-child(11) {
	animation-delay:9s;
}
.companyanimation>em {
	display:block;
	width:24px;
	height:24px;
	background:url(../images/succeed.png) no-repeat center center;
	background-size:100% 100%;
}
.companyanimation>p {
	flex:1;
}
.companyanimation span {
	font-weight: bold;
	padding:0 3px;
}
@keyframes companyan {
	0% {
	opacity:0;
	transform: translateY(100px) scale(.5);
}
40% {
	opacity:.5;
	transform: translateY(100px) scale(1.08);
}
100% {
	opacity:1;
	transform: translateY(0px) scale(1);
}
}
.getphonefoot {
	display:flex;
	box-sizing:border-box;
	padding:8px 0;
	justify-content:flex-end;
}
.getphonefoot a {
	height: 28px;
	width: 86px;
	box-sizing: border-box;
	border-radius: 14px;
	line-height:28px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #356bfd;
	gap:5px;
	color:#fff;
	font-size:12px;
}
.getphonefoot img {
	width:8px;
	height:8px;
}
.getphonefoot a:hover {
	opacity:.6;
}
.loading {
	position:absolute;
	z-index:1;
	top:100px;
	left:50%;
	transform: translateX(-50%);
	width:100px;
	height:100px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:10px;
	color:#999;
}
.loading::before {
	content:"";
	width:32px;
	display: block;
	height: 32px;
	background:url(../images/loading.png) no-repeat center center;
	background-size:100% 100%;
	animation:loadingan 1s linear infinite;
}
@keyframes loadingan {
	0% {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
}
.contrastive-analysis-box .loading {
	position:relative;
	width:34px;
	height:34px;
	vertical-align: middle;
	display:inline-block;
	left:16px;
	top:0;
}
.businessCreditContent .loading {
	top:16px;
}
.websitebox>div {
	box-sizing: border-box;
	border-bottom:dashed 1px #e5e5e5;
	padding:16px 0;
}
.websitebox h4 {
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	display:flex;
	align-items:center;
	gap:10px;
}
.websitebox h4 img {
	width:20px;
	height:20px;
}
.websitebox a {
	font-size:16px;
	color:#1c0cb2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:24px;
	margin-bottom:8px;
}
.websitebox a:hover {
	text-decoration: underline;
}
.websitebox p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5e6772;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}
.vipsupplier,.inquiry-price {
	width:780px;
	display:flex;
	flex-direction: column;
	box-sizing: border-box;
	padding-bottom:16px;
	transform: translateX(0);
	transition: all 1s;
	display:none;
}
.vipsupplier h2,.inquiry-price h2 {
	font-size:30px;
	width:100%;
	padding-bottom:8px;
}
.inquiry-price h2 span {
	font-size:16px;
	margin-left:10px;
	color:#999;
	vertical-align: text-bottom;
	line-height:21px;
}
.inquiry-price h2 em {
	color:#2672ed;
}
.filter {
	display:flex;
	flex-wrap: wrap;
	background:#f7f8fc;
	gap:8px 16px;
	position:sticky;
	top:64px;
	background:#f7f8fc;
	z-index:3;
}
.supplier-item {
	background:#fff;
	border-radius:8px;
	margin-bottom:16px;
	box-sizing: border-box;
	padding:12px 16px;
}
.supplier-item-top {
	position: relative;
	display:flex;
	gap:10px;
	width:100%;
	align-items:center;
	margin-bottom:12px;
}
.supplier-item-top>.supplier-item-contact {
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
	display:flex;
	gap:10px;
	align-items:center;
}
.supplier-item-contact .person {
	color: #2672ed;
	border-radius:4px;
	padding:6px 14px;
	border:solid 1px #2672ed;
	box-sizing: border-box;
}
.supplier-item-contact .supplier-share{
  border-radius:4px;
  padding:6px 14px 6px 42px;
	font-size:14px;
  border:solid 1px #e5e5e5;
  background:url(../images/share.png) no-repeat 16px center;
  background-size:19px 19px;
}
.supplier-item-contact .supplier-share:hover{
  border-color:#2672ed;
}
.supplier-item-contact a.contactphone {
	background:#2672ed url(../images/contactus-white.png) no-repeat 16px center;
	color:#fff;
	border-radius:4px;
	padding:6px 14px 6px 42px;
	font-size:14px;
	background-size:18px 18px;
}
.supplier-item-contact a.contactphone:hover {
	opacity:.9;
}
.companylogo {
	width:64px;
	height:64px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	padding:5px;
	border:solid 1px #ecf3fd;
	overflow: hidden;
	border-radius:4px;
}
.companylogo>img {
	max-width:52px;
	max-height:52px;
}
.companyname {
	display:flex;
	flex-direction: column;
	gap:8px;
}
.companyname>a {
	max-width: 674px;
	display:inline-block;
	font-size:16px;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor:default;
}
.companyname span {
	color:#999;
}
.supplier-item-box {
	display:flex;
	gap:16px;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding:12px 16px;
	background:#ecf3fd;
	border-radius:10px;
	height:306px;
	overflow: hidden;
}
.morepd .supplier-item-box {
	height:auto;
}
.supplier-item-box>a {
	display:flex;
	flex-direction: column;
	gap:5px;
	width:228px;
}
.pdimg {
	position: relative;
	width:100%;
	height:0;
	padding-bottom:100%;
	overflow: hidden;
}
.pdimg>img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	transition:all .4s;
}
.pdimg>img:hover {
	transform: scale(1.2);
}
.pdname {
	height:20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.supplier-item-box>a:hover .pdname {
	color:#2672ed;
	text-decoration:underline;
}
.supplier-item-box>a>em {
	color:#f00;
	font-size:20px;
}
.supplier-item-box>a i {
	font-size:14px;
}
.supplier-item>.more {
	display: flex;
	justify-content:center;
	align-items:center;
	gap:8px;
	width:128px;
	height:32px;
	line-height:30px;
	box-sizing: border-box;
	margin:10px auto 0 auto;
	cursor: pointer;
	border:solid 1px #e5e5e5;
	color:#999;
	border-radius:4px;
	text-align:center;
}
.supplier-item>.more:hover {
	border-color:#2672ed;
	color:#2672ed;
}
.supplier-item>.more::after {
	content:"";
	display: block;
	width: 11px;
	height:6px;
	background:url(../images/arrow.png) no-repeat;
	transition:all .4s;
}
.supplier-item.morepd>.more::after,.supplier-item>.more:hover::after {
	transform: rotate(180deg);
}
.flip {
	display:flex;
	justify-content:center;
	gap:12px;
	align-items:center;
	box-sizing: border-box;
	padding-bottom:16px;
}
.flip>span,.flip>a {
	font-size:14px;
	width:32px;
	height:32px;
	box-sizing: border-box;
	border-radius:4px;
	background:#3266f3ed;
	color:#fff;
	line-height:32px;
	text-align:center;
}
.flip>a {
	border:solid 1px #e5e5e5;
	background:#fff;
	color:#333;
	cursor: pointer;
}
.flip>a:hover {
	border-color:#3266f3ed ;
	color:#3266f3ed;
}
.search-supplier {
	flex:1;
}
.layer-adress {
	display:flex;
}
.layer-adress>div {
	width:170px !important;
	margin-right:16px;
}
.layer-adress>div:last-child {
	margin-right:0;
}
.main.showsupplier > .content, .main.showsupplier > .businessinfobox, .main.showsupplier.showbusinessinfo > .businessinfobox, .main.showinquiryprice > .content, .main.showinquiryprice.showbusinessinfo > .businessinfobox, .main.showbusinessinfo > .businessCreditBox {
    display: none;
}
.main.showsupplier>.vipsupplier,.main.showsupplier>.businessinfobox,.main.showinquiryprice>.inquiry-price,.main.showbusinesscredit>.businessCreditBox {
	display: block;
}
.layui-form-select dl dd.layui-this {
	background: #1E9FFF;
}
#supplierName,.layui-unselect,#searchSupplier {
	border-radius:8px;
}
#supplierName:focus,.layui-unselect:focus {
	border-color:#2878ff !important;
}
.showsupplier.showpd .product-box,.showpd .product-box,.showbusinesscredit .businessCreditBox {
	pointer-events: visible;
	animation: bsifan 1s ease-in-out forwards;
	opacity:0;
}
.showpd .vipsupplier,.showbusinesscredit .inquiry-price {
	transform: translateX(-168px);
}
.product-box h2 {
	z-index:9;
}
.product-box h2>i {
	top:1px;
	right:-11px;
}
.i_banner {
	position:relative;
	height:386px;
}
.i_banner_pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	z-index: 9;
}
.i_banner_pagination .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #2672ed;
	margin: 0 4px;
	opacity: .4;
	cursor: pointer;
	border-radius:4px;
}
.i_banner_pagination .swiper-active-switch {
	background: #2672ed;
	opacity: 1;
}
.swiper-slide>div {
	position: relative;
	width:100%;
	height:0px;
	padding-bottom:100%;
	overflow: hidden;
}
.swiper-slide img {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}
.product-box .pd-title {
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
	padding:8px 0;
}
.product-box .pd-style {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing: border-box;
	padding-bottom:8px;
}
.product-box .pd-border-bottom {
	border-bottom:solid 15px #f5f5f5;
}
.product-box .pd-style p {
	font-size:18px;
	color:#f00;
	font-weight:bold;
}
.product-box .pd-style span {
	color:#999;
}
.product-box .pd-productParams {
	width:100%;
	box-sizing: border-box;
	padding:8px 0;
	display:flex;
	gap:16px;
}
.product-box .pd-productParams ul {
	color:#999;
	display:flex;
	flex:1;
	flex-wrap:wrap;
	gap:8px;
}
.product-box .pd-productParams li {
	display:flex;
	min-width:calc(50% - 8px);
}
.product-box .pd-description {
	padding-bottom:16px;
}
.pd-description-title {
	display:flex;
	gap:10px;
	font-weight:normal;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	padding:8px 0;
	font-size:14px;
	color:#666;
}
.pd-description-title::before,.pd-description-title::after {
	content:"";
	display: block;
	width: 24px;
	height:24px;
	background:url(../images/title_image_left.png);
}
.pd-description-title::after {
	background:url(../images/title_image_right.png);
}
.pd-description>div img {
	max-width:100%;
	max-height:100%;
	vertical-align:bottom;
}
.main.showsupplier {
	height:auto;
}
.service-avatar {
	margin-top:15px;
}
.service-avatar .service-avatar-tips {
	box-sizing: border-box;
	background:linear-gradient(to bottom, #e7ecff, #fff);
	padding:24px;
	font-size:16px;
	color:#2672ed;
	height:100px;
	margin-bottom:10px;
	border-radius:8px 8px 0 0;
}
.service-avatar .service-avatar-box {
	display:flex;
	gap:16px;
	box-sizing: border-box;
	padding:10px;
	border:solid 1px #e7ecff;
	border-radius:4px;
}
.service-avatar .service-avatar-box img {
	max-width:140px;
	box-sizing: border-box;
	border:solid 1px #e7ecff;
	border-radius:8px;
	overflow: hidden;
}
.service-avatar .service-avatar-box p:last-child {
	display:flex;
	flex-direction: column;
	gap:5px;
}
.service-avatar .service-avatar-box em {
	text-indent: 2em;
	color:#666;
}
.service-avatar-wechat {
	display: flex;
	flex-direction: column;
	gap: 37px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 19px 0 10px 0;
	margin-top: 15px;
	background: url(../images/wechatbg.png) no-repeat center top;
	background-size: 226px 233px;
	color: #999;
}
.service-avatar-wechat img {
	width:180px;
}
.inquiry-price-item {
	background:#fff;
	box-sizing: border-box;
	padding:16px;
	border-radius:8px;
	font-size:15px;
	margin-bottom:15px;
}
.inquiry-price-time {
	display:flex;
	gap:80px;
	justify-content: space-between;
	padding-bottom:6px;
	align-items:top;
	border-bottom:dashed 1px #e5e5e5;
}
.inquiry-price-time p {
	flex:1;
	display:flex;
	gap: 5px;
	align-items:top;
}
.inquiry-price-time em {
	color:#333;
	flex:1;
}
.inquiry-price-time>span {
	color:#aaa;
}
.inquiry-price-info {
	box-sizing:border-box;
	padding-top:10px;
	line-height:30px;
}
.inquiry-price-info p {
	display:flex;
	gap:10px;
	align-items:center;
}
.inquiry-price-content {
	display:flex;
	gap:0px;
	font-size:14px;
	box-sizing: border-box;
	padding-top:15px;
	flex-direction: column;
}
.noinquiryinfo {
	display:flex;
	width:100%;
	align-items: center;
	justify-content:center;
	background:url(../images/noinquiryinfo.jpg) no-repeat center;
	height:150px;
}
.inprice-table {
	width:100%;
	margin-bottom:16px;
}
.inprice-table tr td,.inprice-table tr th {
	min-width:initial;
	max-width:initial;
}
.riskAssessment {
	text-align:center !important;
	font-size:12px;
}
.riskAssessment p {
	background:#fafafa;
	border:solid 1px #e5e5e5;
	box-sizing: border-box;
	padding:3px 5px;
	border-radius:30px;
	text-align:center;
	line-height:12px;
	margin-bottom:5px;
	color:#999;
}
.riskAssessment em {
	color:#f00;
	padding:0 3px;
}
.red {
	color:#f00;
}
.phoneblue {
	color:#2672ed;
	display: block;
}
.inquiry-price-btn {
	display:flex;
	box-sizing: border-box;
}
a.contrastive-analysis {
	background:#fff;
	padding:8px 16px;
	border:solid 1px #e5e5e5;
	border-radius:50px;
	color:#888;
	font-size:14px;
}
a.contrastive-analysis:hover {
	color:#2672ed;
	border-color: #2672ed;
}
.contrastive-analysis-box {
	display:none;
	position: relative;
}
.businessCreditContent {
	position: relative;
}
.businessCreditContent h3 {
	padding:10px 0;
}
.businessCreditContent dl {
	display:flex;
	box-sizing: border-box;
	width:100%;
}
.businessCreditContent dt {
	background:#fafafa;
	box-sizing: border-box;
	border:solid 1px #e5e5e5;
	border-bottom:none;
	padding:10px;
	width:125px;
	text-align: right;
}
.paddingl28 {
	padding-left:28px;
	box-sizing: border-box;
}
.businessCreditContent dd {
	border:solid 1px #e5e5e5;
	border-left:none;
	border-bottom:none;
	padding:10px;
	flex:1;
}
.businessCreditContent dl:last-child dt,.businessCreditContent dl:last-child dd {
	border-bottom:solid 1px #e5e5e5;
}
.contrastive-analysis-box h3 {
	display:inline-block;
	vertical-align: middle;
	color:#999;
}
.inquiry-price-title {
	margin-bottom:15px;
	text-indent: 2em;
}
.inquiry-price-title span {
	font-weight:bold;
}
.no-data {
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	padding:24px;
	box-sizing: border-box;
	background:#fff;
	border-radius:8px;
}
.no-data img {
	max-width:100%;
}
a.footerlink {
	color: rgb(138, 156, 184);
	margin-left:10px;
}
a.footerlink:hover {
	color:#fe3306;
}
#edit-userinfo dd input.disabled {
	background:#fafafa;
}
#edit-userinfo dd.flex-box {
	justify-content:left;
}
#edit-userinfo dd select {
	height:38px;
	border:solid 1px #e5e5e5;
	width:140px;
	box-sizing: border-box;
	padding:0 5px;
}
.result-footer {
	display: flex;
	justify-content: end;
	align-items: center;
	border-top: dashed 1px #e5e5e5;
	padding-top: 12px;
	box-sizing: border-box;
	margin-top:12px;
}

#phone-confirmation > div {
	width: 600px;
	height: 500px;
}
#phone-confirmation dl dt {
	width: 100%;
	text-align: left;
}
.phone-confirmation-table {
	height: 376px;
	overflow-y: auto;
	box-sizing: border-box;
	padding-right: 24px;
}
.phone-confirmation-table table th, .phone-confirmation-table table td {
	min-width: auto;
	max-width: 320px;
}
#phone-confirmation .foot {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
a.close-phone-confirm, a.check-phone-btn {
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #2672ed;
	border-radius: 8px;
	padding: 6px 12px;
	font-size: 14px;
	min-width: 80px;
	text-align: center;
	color: #2672ed;
}
a.close-phone-confirm:hover {
	background: #fefefe;
}
a.check-phone-btn {
	background: #2672ed;
	color: #fff;
}
.supplierBaoJiaTips{
  display:flex;
  margin:10px 0;
  background:#fafafa;
  box-sizing: border-box;
  border:solid 1px #e5e5e5;
  padding:10px;
  border-radius:4px;
}
.supplierBaoJiaTips span{
  width:72px;
  color:#999;
}
.supplierBaoJiaTips p{
  flex:1;
}
.supplierBaoJiaTips em{
  font-weight:bold;
}
.supplierBaoJiaTips i{
  display:inline-block;
  width:16px;
  height:16px;
  background:url(../images/inquiry.png) no-repeat;
  background-size: 100% 100%;
  margin:0 5px;
}
#anonymous-quotation-layer{
  display:none;
  box-sizing: border-box;
  padding:12px 16px;
  background:#fff;
  font-size:12px;
}
#anonymous-quotation-layer dl{
  display:flex;
  width:100%;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
#anonymous-quotation-layer dl:last-child{
  margin-bottom: 0px;
}
#anonymous-quotation-layer dt{
  width:95px;
  color:#000;
  font-weight: bold;
  text-align:right;
}
#anonymous-quotation-layer i{
  color:#f00;
}
#anonymous-quotation-layer dd{
  flex:1;
}
#anonymous-quotation-layer .layui-input{
  height:32px;
  line-height:30px;
}
#anonymous-quotation-layer .layui-textarea{
  min-height:48px;
}
#anonymous-quotation-layer .layui-input:focus,#anonymous-quotation-layer .layui-textarea:focus{
  border-color:#2672ed !important;
}
.logading-box{
  position:fixed;
  z-index:99;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  background:rgba(255,255,255,.5);
  display:none;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}
.logading-box.show{
  display:flex;
}
.logading-box>div{
  background:#fff;
  box-sizing: border-box;
  padding:48px;
  border:solid 1px #e5e5e5;
  border-radius:8px;
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
  gap:16px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.logading-box span{
  position: relative;
  width:32px;
  height:32px;
}
.logading-box .loading{
  position: relative;
  top:auto;
  left:auto;
  transform: rotateX(0deg);
  width:32px;
  height:32px;
}
.logading-box em{
  color:#aaa;
}
.b2c-content{
  margin:16px 0;
}
.b2c-title strong{
  padding:0 5px;
}
.b2c-item{
  display:none;
  width:calc(100% - 48px);
  gap:10px;
  margin:0 24px;
  box-sizing: border-box;
  padding:10px 0;
  border-bottom:dashed 1px #e5e5e5;
}
.b2c-website{
  width:16px;
  height:16px;
  margin-top:3px;
}
.b2c-website img {
    max-width: 100%;
    max-height: 100%;
}
.jd{
  background:url(../images/jd.ico) no-repeat;
  background-size: 100% 100%;
}
.tb{
  background:url(../images/tb.ico) no-repeat;
  background-size: 100% 100%;
}
.web358{
  background:url(../images/358web.png) no-repeat;
  background-size: 100% 100%;
}
.gongyeniu {
    background: url(../images/gongyeniu.ico) no-repeat;
    background-size: 100% 100%;
}
.b2c-title{
  flex:1;
}
.b2c-title a:hover{
  text-decoration: underline;
  color:#2672ed;
}
.b2c-title>p{
  display:inline;
}
.b2c-title span{
  color:#f00;
  font-size:18px;
  font-weight:bold;
  display:inline-block;
  margin:0 10px;
}
.b2c-title em{
  font-size:13px;
  font-weight:normal;
}
    .b2c-title > p > a {
        color: #607ed4;
        display: inline-block;
        margin: 0 10px;
    }
.company-pd-more {
    width: 100%;
}

    .b2c-more > p, .company-pd-more > p {
        width: 120px;
        height: 36px;
        box-sizing: border-box;
        border: solid 1px #e5e5e5;
        border-radius: 4px;
        margin: 0 auto;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
        .company-pd-more > p>span{
            color:#f00;
        }
        .b2c-more, .company-pd-more {
            margin-top: 10px;
        }

    .b2c-more em, .company-pd-more em {
        width: 11px;
        height: 6px;
        background: url(../images/arrow.png) no-repeat;
        transition: all .4s;
    }

.b2c-content > .b2c-item:nth-child(2), .b2c-content > .b2c-item:nth-child(3), .b2c-content > .b2c-item:nth-child(4), .b2c-content.showall > .b2c-item {
    display: flex;
}

.b2c-content.showall .b2c-more em, .company-path-pd.showall .company-pd-more em {
    transform: rotate(180deg);
}

.b2c-more p:hover, .company-pd-more p:hover {
    border-color: #2672ed;
    color: #2672ed;
}

.b2c-content.showall .b2c-more p:hover em, .company-path-pd.showall .company-pd-more p:hover em {
    transform: rotate(0deg);
}

.b2c-more p:hover em, .company-pd-more p:hover em {
    transform: rotate(180deg);
}
.b2c-content>.b2c-item:nth-child(2),.b2c-content>.b2c-item:nth-child(3),.b2c-content>.b2c-item:nth-child(4),.b2c-content.showall>.b2c-item{
  display:flex;
}
.b2c-content.showall .b2c-more em{
  transform:rotate(180deg);
}
.b2c-more p:hover{
  border-color:#2672ed;
  color:#2672ed;
}
.b2c-content.showall .b2c-more p:hover em{
  transform:rotate(0deg);
}
.b2c-more p:hover em{
  transform:rotate(180deg);
}
#layui-layer1 .layui-layer-title{
   font-weight:bold;
  font-size:15px;
}
#layui-layer1 .layui-layer-title span{
  font-weight:normal;
  font-size:12px;
  color:#666;
}
.files-product-list{
  box-sizing: border-box;
}
.files-product-list dl{
  display:flex;
  width:100%;
  flex-wrap: wrap;
  align-items:center;
  gap:24px;
  margin-bottom:10px;
}
.files-product-list dt{
  width:100%;
  font-weight:bold;
  font-size:15px;
  margin-bottom:0px;
}
/* 拆分table */
.table-box > table {
    display: none;
}

    .table-box > table.show {
        display: inline-block;
    }

.table-box > .table-tbs {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-flow:wrap;
    margin:10px auto 0 auto;
}

    .table-box > .table-tbs > p {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        line-height: 12px;
        width: 24px;
        height: 24px;
        border-radius: 3px;
        box-sizing: border-box;
        background: #fff;
        border: solid 1px #e1e1e1;
        cursor: pointer;
        color: #999;
    }

        .table-box > .table-tbs > p.on {
            border: solid 1px #2672ed;
            background: #2672ed;
            color: #fff;
        }

        .table-box > .table-tbs > p:hover {
            border: solid 1px #2672ed;
            color: #2672ed;
        }

        .table-box > .table-tbs > p.on:hover {
            color: #fff;
        }
/* 拆分table */
#systemmessge-box, #keywordhot-box,#transactionRecord-box,#myBusiness-box,#myPublish-box,#myFollowed-box,#followMine-box,#footprint-box,#recommender-box{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(0,0,0,.55);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    display: none;
}

#systemmessge-box.showmessge, #keywordhot-box.show,#transactionRecord-box.show,#myBusiness-box.show,#myPublish-box.show,#myFollowed-box.show,#followMine-box.show,#footprint-box.show,#recommender-box.show{
    display: flex;
}

.systemmessge-list, .keywordhot-list,.transactionRecord-list {
    background: #fff;
    border-left: solid 1px #f1f1f1;
    transform: translateX(240px);
    width: 420px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.keywordhot-list,.transactionRecord-list {
    width: 640px;
}

#systemmessge-box.showmessge .systemmessge-list, #keywordhot-box.show .keywordhot-list,#transactionRecord-box.show .transactionRecord-list,#myBusiness-box.show .transactionRecord-list,#myPublish-box.show .transactionRecord-list,#myFollowed-box.show .transactionRecord-list,#followMine-box.show .transactionRecord-list,#footprint-box.show .transactionRecord-list,#recommender-box.show .transactionRecord-list{
    animation: sysmessge .4s linear forwards;
}
@keyframes sysmessge {
    0% {
        transform: translateX(240px);
    }

    100% {
        transform: translateX(0px);
    }
}

.systemmessge-tit, .keywordhot-tit,.transactionRecord-tit {
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    border-bottom: solid 1px #e5e5e5;
    padding: 24px 24px 12px 24px;
}

.close-systemmessge, .close-keywordhot,.close-transactionRecord,.close-myBusiness,.close-myPublish,.close-myFollowed,.close-followMine,.close-footprint,.close-recommender{
    font-size: 12px;
    box-sizing: border-box;
    line-height: 24px;
    height: 24px;
    padding: 0 12px;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    cursor: pointer;
    color: #666;
}

.close-systemmessge:hover, .close-keywordhot:hover,.close-transactionRecord:hover,.close-myBusiness:hover,.close-myPublish:hover,.close-myFollowed:hover,.close-footprint:hover,.close-recommender:hover{
    color: #2672ed;
    border-color: #2672ed;
}

.systemmessge-content, .keywordhot-content {
    flex: 1;
    box-sizing: border-box;
    padding: 0 24px;
    overflow-y: auto;
    gap: 12px;
}

.keywordhot-content {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    justify-content: start;
    flex: none;
    padding-bottom: 24px;
    max-height: calc(100vh - 210px);
}

.keywordhot-item {
    box-sizing: border-box;
    padding: 0 24px;
    border: solid 1px #e5e5e5;
    color: #333;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
}

.keywordhot-item:hover {
    color: #2672ed;
    border-color: #2672ed;
}

.keywordhot-search {
    box-sizing: border-box;
    padding: 24px;
    display: flex;
    gap: 16px;
}

    .keywordhot-search .layui-input:focus {
        border-color: #2672ed !important;
    }

.systemmessge-item {
    display: flex;
    gap: 16px;
    box-sizing: border-box;
    border-bottom: dashed 1px #e5e5e5;
    padding: 12px 0;
}

.systemmessge-icon {
    width: 18px;
    height: 18px;
    background: url(../images/messge.png) no-repeat center center;
    background-size: 16px 16px;
    position: relative;
    margin-top: 3px;
}

.systemmessge-item.unread .systemmessge-icon {
    animation: sysmessge-icon .5s linear infinite;
    transform-origin: right top;
}

@keyframes sysmessge-icon {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-7deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(2deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.systemmessge-item.unread .systemmessge-icon::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: -5px;
    top: -2px;
    width: 6px;
    height: 6px;
    background: #f00;
    border-radius: 3px;
}

.systemmessge-txt {
    flex: 1;
    font-size: 16px;
    color: #000;
    cursor: pointer;
}

.systemmessge-item.unread .systemmessge-txt {
    font-weight: bold;
}

.systemmessge-txt:hover {
    color: #2672ed;
}

.systemmessge-txt p {
    box-sizing: border-box;
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #999;
}

.systemmessge-item.unread .systemmessge-txt p {
    font-weight: normal;
}

.systemmessge-filp, .keywordhot-filp {
    display: flex;
    box-sizing: border-box;
    padding: 12px 24px;
    border-top: solid 1px #e5e5e5;
    justify-content: center;
    gap: 10px;
}

    .systemmessge-filp a, .keywordhot-filp a {
        width: 24px;
        height: 24px;
        border-radius: 3px;
        border: solid 1px #e1e1e1;
        color: #999;
        box-sizing: border-box;
        text-align: center;
        display: block;
        line-height: 24px;
    }

        .systemmessge-filp a:hover, .systemmessge-filp a.disabled, .systemmessge-filp a.disabled:hover, .keywordhot-filp a:hover, .keywordhot-filp a.disabled, .keywordhot-filp a.disabled:hover, .flip a.disabled, .flip a.disabled:hover {
            border-color: #2672ed;
            background: #2672ed;
            color: #fff;
        }

.systemmessge-detail,.transactionRecord-edit,.myBusiness-detail,.recommender-detail{
    width: 0px;
    background: #fff;
    overflow-y: auto;
    position: relative;
}

.hide-sys-messge,.hide-transactionRecord,.hide-myBusiness,.hide-recommender{
    width: 0px;
    background: #fff;
    overflow-y: auto;
    position: relative; 
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 12px;
    width: 18px;
    height: 18px;
    background: url(../images/packUp.png) no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
}

.systemmessge-detail.show {
    animation: messge-detail-box .4s linear forwards;
    box-sizing: border-box;
    padding: 24px;
}
.transactionRecord-edit.show,.myBusiness-detail.show,.recommender-detail.show{
  animation: transactionRecordan .4s linear forwards;
  box-sizing: border-box;
  padding: 24px;
}
.transactionRecord-edit .controls{
  text-align:center;
}
.transactionRecord-edit .layui-input-block{
  margin-left: 0px;
}
.form-item {
  display: flex;
  flex-direction: column;
  border: none;
  position: relative;
  margin: -1px 0 0;
  font-size: 14px;
  gap: 16px;
}
.form-item .form-lable {
  text-align: right;
  line-height: 32px;
  background: transparent;
  padding: 12px 12px 0 0;
  border: none;
  text-align: left;
  color: #777;
}
.form-item .form-content {
  flex:1;
  line-height: 32px;
}
.bjzt section {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.form-item .form-content article.articleupload {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.form-item .form-content .transactionRecord-up {
  display: none;
}
.form-item .form-content .uploadimg {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  height: 120px;
  background: #fcfcfc;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  border: dashed 1px #788490;
  cursor: pointer;
  color: #788490;
}
.form-item .form-content .imgup {
  max-width: 100%;
  max-height: 100%;
}
.form-item .form-content .uploadimg em {
  width: 29%;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  background: #f00;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  padding: 0 2px;
  margin: 0;
}
.form-item .form-content article.articleupload {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
.transactionRecord-up-btn{
  display: block;
}
@keyframes messge-detail-box {
    0% {
        width: 0px;
    }

    100% {
        width: 750px;
    }
}
@keyframes transactionRecordan {
  0% {
      width: 0px;
  }

  100% {
      width: 450px;
  }
}
.systemmessge-detail h1 {
    font-size: 28px;
    text-align: center;
}

.systemmessge-time {
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: dashed 1px #e5e5e5;
    color: #999;
}

.sysmessge-detail-box img {
    max-width: 100%;
}
.searchhot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    overflow-y: auto;
    justify-content: end;
    cursor:pointer;
}

.classification .searchhot p {
    padding:3px;
    border-radius: 12px;
    height: 45px;
    width:calc(16.6% - 12px);
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 14px;
    text-align:center;
    border:none;
    background:linear-gradient(to right,#50cb94,#487cca);

}
.classification .searchhot p:first-child{
  width:calc(66.66% - 9px);
}
.classification .searchhot p>span,.classification .searchhot p>a{
  background:#fff;
  border-radius:9px;
  display: block;
  width:100%;
  height:39px;
  box-sizing: border-box;
  padding:0 16px;
  line-height:39px;
}
.classification .searchhot p>span{
  overflow: hidden;
}
.classification .searchhot p>span em{
  font-weight: normal;
  color:#888;
  height:39px;
  display: block;
  text-align:center;
}
.classification .searchhot p>span em i{
 position:static;
 top:auto;
 left:auto;
 z-index: inherit;
 opacity:1;
 font-size:14px;
 color:#3a69ba;
 margin-left:5px;
}
    .classification .searchhot p > span em i a {
        color: #3a69ba;
    }
    .searchhot p:hover {
        background: linear-gradient(to right,#d42db8,#d04d48);
    }

.searchhot p span {
    font-size: 14px;
    color: #333;
    margin-left:0px;
}
.searchhot p:hover span{
  color:#327bf9;
}

.classification .searchhot p em {
    font-size: 14px;
    color: #00000099;
    width: auto;
    transform: translateY(0px);
}
.sysmessge-detail-box table {
    width: auto !important;
    border: solid 1px #c6c6d0 !important;
    border-top: none !important;
    margin:10px 0 !important;
}

/* 20250419 */
.networkingresult .getbusinessinfo.companypath {
    width: auto;
    background: none;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-decoration: underline;
}

    .networkingresult .getbusinessinfo.companypath:hover {
        color: #333;
    }

.company-path-pd {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
}

    .company-path-pd > p {
        width: 100%;
    }

.company-path-link {
    width: calc(33.33% - 11px);
    box-sizing: border-box;
    display: none;
    overflow: hidden;
  }

.company-path-pd .company-path-link:nth-of-type(-n+6) {
    display: block;
}

.company-path-pd.showall .company-path-link {
    display: block;
}

.company-path-pd-item {
    width: 100%;
    box-sizing: border-box;
}
.company-path-pd-item .img{
    width:159px;
    height:159px;
    box-sizing: border-box;
    padding: 4px;
    border: solid 1px #e8edfa;
    background:#fff;
}
    .company-path-pd-item .img>span{
        display: flex;
        width:100%;
        height:100%;
        background:#fff;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

        .company-path-pd-item .img img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            transition: all .4s;
        }

    .company-path-pd-item:hover .img img {
        transform: scale(1.1);
    }

    .company-path-pd-item .pdinfo {
        box-sizing: border-box;
        padding: 5px 0;
        height: 58px;
    }

        .company-path-pd-item .pdinfo > p {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width:158px;
        }

    .company-path-pd-item .model > span {
        display:inline-block;
        max-width: 136px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 12px;
        background: #fff;
        color: #459dd0;
        padding: 0 10px;
        height: 24px;
        line-height: 24px;
        border-radius: 3px;
        border: solid 1px #f1f1f1;
    }

    .company-path-pd-item:hover .model > span {
        background: #fff;
        color: #769ec1;
    }

    .company-path-pd-item .model > span em {
        color: #333;
    }

.moreContact, .mobileRiskSearch {
    display: block;
    height:18px;
    cursor: pointer;
    background:url(../images/risk.png) no-repeat;
    position: relative;
    margin-left:5px;
}
.company_rt.mobileRiskSearch{
  width:18px;
}
.moreContact.moreContact2{
  background:url(../images/contacts.png) no-repeat left center;
  width:auto;
  padding-left:18px;
  box-sizing: border-box;
  margin-left:5px;
  display:flex;
  align-items: center;
}
.moreContact.moreContact2>strong{
  color:#f00;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  max-width: 22px;
}
.phonerisktips {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    gap: 20px;
}

    .phonerisktips .layui-icon-ok, .phonerisktips .layui-icon-notice {
        color: #16b777;
        font-size: 30px;
        width: 48px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        box-sizing: border-box;
        border-radius: 24px;
        border: solid 1px #16b777;
        overflow: hidden;
    }

    .phonerisktips .layui-icon-notice {
        color: #ff5722;
        border-color: #ff5722;
    }

.mobileRiskSearch1 {
    font-size: 12px;
    color: #769ec1;
    box-sizing: border-box;
    border: solid 1px #e5e5e5;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 12px;
}

    .mobileRiskSearch1:hover {
        background: #2672ed;
        color: #fff;
        border-color: #2672ed;
    }

    .moreContact em {
        color: #f00;
        margin: 0 3px;
    }

    .moreContact:hover {
        border-color: #2672ed;
        color: #2672ed;
    }
.othercontact {
    margin: 0 24px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-right: solid 1px #e5e5e5;
}
    .othercontact:last-child{
        margin-bottom:24px;
    }
    .othercontact.title {
        background: #fafafa;
        font-weight: bold;
        margin-top: 24px;
    }

    .othercontact:hover {
        background: #fafafa;
    }
    .othercontact dt, .othercontact dd {
        box-sizing: border-box;
        padding: 6px 16px;
        border: solid 1px #e5e5e5;
        border-right: none;
        border-bottom: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .othercontact:last-child dt, .othercontact:last-child dd {
        border-bottom: solid 1px #e5e5e5;
        
    }

    .othercontact dt {
        width: 120px;
    }

    .othercontact dd {
        flex: 1;
    }
table a.noline, table a.noline:hover {
    text-decoration: none;
}
.systemmessge-item.unread .systemmessge-txt > strong, .systemmessge-item .systemmessge-txt > strong {
    font-weight: normal;
    color: #2672ed;
    margin: 0 5px 0 0;
}

.companyinfo-box, .pd-management-box,.myproduct-box {
    width: 1000px;
    display: none;
    box-sizing: border-box;
    background: #fff;
    padding: 16px;
    margin-bottom: 16px;
    position: relative;
}

.showcompanyinfo .companyinfo-box, .showpdmanagement .pd-management-box,.showmyproduct .myproduct-box {
    display: block;
}

.showcompanyinfo .content, .showpdmanagement .content,.showmyproduct .content{
    display: none;
}

.companyinfo-box h2, .pd-management-box h2,.myproduct-box h2 {
    font-size: 20px;
    font-weight: bold;
}
.companyinfo-box h2 i, .pd-management-box h2 i,.myproduct-box h2 i {
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    padding: 3px 8px;
    border: solid 1px #e5e5e5;
    color: #999;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: text-bottom;
}

.companyinfo-box h2 i:hover, .pd-management-box h2 i:hover,.myproduct-box h2 i:hover {
    background: #2672ed;
    color: #fff;
    border-color: #2672ed;
}


.iframebox {
    width: 100%;
    height: calc(100% - 24px);
}

.iframebox > iframe {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.files-product-list.xlslist{
  max-height:550px;
  overflow-y:auto;
  overflow-x: hidden;
}
.files-product-list.xlslist table{
  border:none;
  border-right:solid 1px #c6c6d0;
  border-bottom:solid 1px #c6c6d0;
  border-radius:0px;
}
.files-product-list.xlslist table tr td:first-child{
  border-left:solid 1px #c6c6d0;
}
.files-product-list.xlslist table tr.xlsthead{
  background:#e8e8e8;
  font-weight:bold;
  font-size:15px;
  color:#000;
}
.supplierBaoJiaTips.priceDetail{
  flex-direction: column;
}
.supplierBaoJiaTips.priceDetail span{
  width:100%;
}
.businessinfobox .query-text{
  min-height:202px;
}
.businessinfobox .b2c-content,.businessinfobox .sole-content{
  box-sizing: border-box;
  padding-top:15px;
}
.businessinfobox .table img{
  max-width:100%;
  max-height: 100%;
}
.businessinfobox .table-box .table th,.businessinfobox .table-box  .table td,.businessinfobox .sole-content table th,.businessinfobox .sole-content table td{
  min-width:69px;
}
.businessinfobox .table-box .table a{
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.businessinfobox .table-tbs.untxt{
  gap:5px;
  flex-wrap: wrap;
}
.businessinfobox .table-tbs.untxt p{
  font-size:0px;
  width:12px;
  height:12px;
  border-radius:6px;
}
.businessinfobox .md-content li{
 display: block;
}
.businessinfobox .md-content ul{
border:none
}
.businessinfobox .table th{
  font-size:12px;
}
.xls-table-operate{
  display:flex;
  width: 100%;
  justify-content: end;
  box-sizing: border-box;
  padding-bottom:6px;
  position:absolute;
  z-index:1;
  right:0;
  top:-16px;
}
.xls-table-magnify{
  width:42px;
  height:42px;
  background:url(../images/magnify.png) no-repeat center center;
  background-size:100% 100%;
  cursor:pointer;
  opacity:.9;
}
.xls-table-magnify:hover{
  background:url(../images/magnify_press.png) no-repeat center center;
  background-size:100% 100%;
}
#xls-table-all{
  position:fixed;
  z-index:3;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#fff;
  display:none;
  overflow-x:auto;
  overflow-y: auto;
  box-sizing: border-box;
  padding:41px 20px 20px 100px;
}
#xls-table-all .close-xls-table-all>span{
  height:32px;
  box-sizing: border-box;
  background:#2672ed;
  color:#fff;
  border-radius:4px;
  padding:0 32px;
  line-height:32px;
  cursor: pointer;
}
#xls-table-all .xlsthead{
  background:#e8e8e8;
}
#xls-table-all tr:hover{
  background:#f8f8f8;
}
#xls-table-all table{
  border-radius:0px;
}
#xls-table-all>.close-xls-table-all{
  position:fixed;
  z-index:1;
  left:0px;
  top:0px;
  width:100%;
  height:40px;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items: center;
  gap:24px;
}

.sole-content{
  position:relative;
}
.xls-table-all-content{
  text-align:center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.add-transactionRecord{
  display: flex;
  margin:12px 24px;
  justify-content:center;
  gap:10px;
  cursor: pointer;
}
.transactionRecord-content{
  flex:1;
  box-sizing: border-box;
  padding:12px 24px;
  display:flex;
  flex-direction: column;
  gap:8px;
  overflow-y: auto;
  user-select: none;  
}
.transactionRecord-item {
  box-sizing: border-box;
  border-bottom: dashed 1px #e5e5e5;
  padding-bottom:10px;
}

.transactionRecord-item p{
  color: #333;
  display: flex;
  justify-content: space-between;
}
.green{
  color: #16b777;
}
.blue{
  color:#0189ff;
}
.transactionRecord-item span{
  color:#999;
}
.transactionRecord-item>div{
  display:flex;
  gap:16px;
  box-sizing: border-box;
  padding-top:10px;
}
.transactionRecord-item img{
  width:85px;
  cursor: pointer;
}
.transactionRecord-nodata{
  display: flex;
  justify-content:center;
  align-items:center;
  height:274px;
}
.transactionRecord-nodata img{
  max-width: 100%;
  max-height:100%;
}
.transactionRecord-edit h1{
  font-size:28px;
  box-sizing: border-box;
  padding:10px 0;
}
.transactionRecord-edit .layui-icon {
  font-size:36px;
}
.xls-edit-save,.add-xls-pd{
 box-sizing: border-box;
 height:32px;
 line-height:32px;
 padding:0 32px;
 border:none;
 border-radius:4px;
 background:#16b777;
 color:#fff;
 cursor: pointer;
 display:none;
}
.xls-edit-save:hover,.add-xls-pd:hover{
  background:#10b171;
}
.edit-xlstable .xls-edit-save,.edit-xlstable .add-xls-pd{
  display: block;
}
.edit-xlstable table td{
  box-sizing: border-box;
  outline: solid 1px transparent;
}
.edit-xlstable table td:focus-visible{
  outline: solid 1px #0189ff;
  color:#0189ff;
  background:#fff;
}
.edit-xlstable-tips{
  box-sizing: border-box;
  padding:10px 0;
  color:#2672ed;
  text-indent:-80px;
}
.edit-xlstable table td>a{
  display:none;
}
.del-xlstr-btn{
  box-sizing: border-box;
  height:26px;
  line-height:26px;
  padding: 0 16px;
  border:none;
  border-radius:4px;
  background:#ff5722;
  color:#fff;
  cursor: pointer;
  font-size:14px;
}
.myproduct-box{
  width:780px;
}
.myproduct-box .release-product{
  position:absolute;
  z-index:1;
  right:16px;
  top:16px;
  font-weight:normal;
  font-size:14px;
  color:#fff;
  box-sizing: border-box;
  padding:4px 16px;
  background:#2672ed;
  border-radius:4px;
  cursor: pointer;
}
.myproduct-list{
 box-sizing: border-box;
 background:#fff;
 height:calc(100vh - 50px);
 overflow-y: auto;
}
.myproduct-list input{
  display:none;
}
.myproduct-list label{
  display:block;
  width:20px;
  height:20px;
  overflow: hidden;
}
.myproduct-list label>i{
  display: block;
  width:20px;
  height:20px;
  box-sizing: border-box;
  border:solid 1px #e5b572;
  border-radius:4px;
  background:#fff;
  cursor: pointer;
  position: relative;
}
.myproduct-list label>i:hover{
  border-color:#0189ff;
}
.myproduct-list label>i.disabled{
  border-color:#e5e5e5;
  background:#f8f8f8;
  cursor: no-drop;
}
.myproduct-list label>i.disabled::before{
  content:"";
  display: block;
  width:11px;
  height:3px;
  background:#ddd;
  position:absolute;
  z-index:1;
  left:4px;
  top:8px;
}
.myproduct-list label>i.ok{
  border-color:#0189ff;
  background:url(../images/ok.png) no-repeat center center;
  background-size:14px 14px;
}
.myproduct-box{
  overflow-y:auto;
}
.myproduct-list>a{
  display:flex;
  gap:5px 16px;
  margin-bottom:16px;
  border-bottom: dashed 1px #e5e5e5;
  position: relative;
  box-sizing: border-box;
  background:#fff url(../images/itembg.png) no-repeat center -160px;
  background-size: 100% auto;
  border-radius:12px 12px 0 0;
  padding:12px 16px 16px 16px;
  flex-wrap: wrap;
}
.myproduct-list>a.external-link{
  cursor: pointer;
}
.myproduct-img{
  display:flex;
  width:166px;
  height:166px;
  line-height:180px;
  justify-content:center;
  align-items:center;
  box-sizing: border-box;
  padding:4px;
  border:solid 1px #eed3b0;
  border-radius:4px;
  background:#fff;
  overflow: hidden;
}
.myproduct-img img{
  max-width:100%;
  max-height:100%;
  transition:all .4s;
}
.myproduct-img img:hover{
  transform: scale(1.1);
}
.myproduct-info{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.myproduct-name{
  font-size:16px;
  font-weight:bold;
  width:100%;
  color:#644417;
}
.myproduct-price{
  color:#f00;
}
.myproduct-price>i{
  font-size:14px;
  color:#999;
}
.myproduct-attribute{
  display:flex;
  flex-wrap: wrap;
  gap:8px 12px;
}
.myproduct-attribute i{
  background:#fffcf5;
  border:solid 1px #efe0c8;
  border-radius:3px;
  color:#b8830d;
  box-sizing: border-box;
  padding:0 6px;
  font-size:12px;
  height:18px;
  line-height:18px;
}
.myproduct-parameters{
  display:flex;
  flex-wrap: wrap;
  font-size:14px;
}
.myproduct-text{
  font-size:14px;
  letter-spacing:1px;
  color:#666;
  line-height:20px;
}
.myproduct-parameters>i{
  display: block;
  box-sizing: border-box;
  height:32px;
  line-height:32px;
  padding-right:5px;
  border:solid 1px #e5e5e5;
  width:50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.myproduct-parameters>i:nth-child(even){
  margin-left:-1px;
}
.myproduct-parameters>i:nth-child(n+3){
  margin-top:-1px;
}
.myproduct-parameters strong{
  width:40%;
  display:inline-block;
  box-sizing: border-box;
  padding-left:5px;
  background:#fafafa;
  border-right:solid 1px #e5e5e5;
  margin-right:5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
  font-weight: normal;
  color:#999;
}
.whitebg{
  background:#fff;
}
.myproduct-release-box{
  height:calc(100% - 44px);
  background:#fff;
  margin-top:12px;
}
.myproduct-release-box iframe{
  width:100%;
  height:100%;
  overflow-y: auto;
}
.myproduct-status>i{
  cursor: pointer;
  margin-top:6px;
  box-sizing: border-box;
  padding:0 16px;
}
.myproduct-btn,.all-select-box>em{
  display:inline-block;
  height:40px;
  line-height:40px;
  border:none;
  border-radius:4px;
  background:#16baaa;
  color:#fff;
  font-size:15px;
}
.myproduct-btn:hover{
  opacity:.9;
}
.myproduct-info .reason{
  display:flex;
  color:#cc1010;
  background:#fffff0;
  border:solid 1px #f2ede4;
  box-sizing: border-box;
  padding:5px;
  gap:5px;
  font-size:12px;
  border-radius:4px;
  font-weight:bold;
}
.myproduct-info .reason i:last-child{
  flex:1;
}
.myproduct-info .reason i.reason-title{
  width:73px;
}
.dialoguelayer{
  position: fixed;
  top: 40%;
  left: 50%;
  z-index:1;
  font-size: 12px;
  text-align: center;
  color: #fff;
  transform: translate(530px,-50%);
}
.dialoguelayer-purchase, .dialoguelayer-aicustomer{
  box-sizing: border-box;
  width: 122px;
  height: 168px;
  background: linear-gradient(to right bottom, #651ace, #2a6ff9);
  border: solid 2px #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.1);
  padding: 10px 0;
  font-size: 13px;
}

.dialoguelayer-purchase-avatar {
  position: relative;
}

.dialoguelayer-purchase-avatar a {
  position: relative;
  display: block;
  z-index: 2;
  color: #fff;
  text-decoration: none;
}

.dialoguelayer-purchase-avatar a img {
  margin:12px 0 10px 0;
}

.dialoguelayer-purchase-avatar a i.white {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.dialoguelayer-purchase-avatar a:hover i.white {
  color: #ff0;
}

.dialoguelayer-purchase-avatar a i {
  display: block;
  font-style: normal;
  margin-top: 5px;
  color: #ffffda;
  font-size: 12px;
  line-height: 15px;
}

.dialoguelayer-purchase-avatar a:hover {
  color: #ff0;
}

.dialoguelayer-purchase-avatar img {
animation: scalemove 3s infinite ease-in-out alternate;
}

.dialoguelayer-aicustomer, .windows_chat_small {
    height: 80px;
    margin-top: 5px;
}

.dialoguelayer-aicustomer a {
    display: none;
    /* height: 60px;
    background: url(../images/AiCustomerService.png) no-repeat center 0px;
    color: #fff;
    line-height: 90px;
    text-decoration: none;
    overflow: hidden; */
}

.dialoguelayer-aicustomer a:hover {
    color: #ff0;
}

@keyframes scalemove {
  0% {
      transform: scale(0.8);
  }

  25% {
      transform: scale(1);
  }

  50% {
      transform: scale(0.8);
  }

  75% {
      transform: scale(1);
    }
}

.dialoguelayer-purchase-avatar span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -46px 0 0 -45px;
  width: 90px;
  height: 90px;
  background-size: 100% 100%;
  animation: move-kefu 3s linear 1.2s infinite;
  border-radius: 50%;
}

@keyframes move-kefu {
  0% {
      box-shadow: 0 0 0 0.2rem rgb( 255,255,255);
      transform: scale(.8);
  }

  50% {
      box-shadow: 0 0 0 0.2rem rgb(255,255,255 / 10%);
      transform: scale(1);
      opacity: 0;
  }

  75% {
      opacity: 0;
      transform: scale(.7);
  }
}
#edu-bot-container {
    position: fixed;
    z-index: 2;
    right: 10px;
    bottom: 10px;
    border-radius: 14px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    width: 400px;
    height: 500px;
    display: none;
    user-select: none;
}
.drag-handle{
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 8px;
  width: 14px;
  height: 14px;
  background:url(../images/move.png) no-repeat;
  background-size: 100% 100%;
  cursor:move;
}
table .company_container{
  padding-bottom:10px;
  margin-bottom: 8px;
  border-bottom: dashed 1px #e5e5e5;
}
table .company_container a.viewcompanywebsite{
  border:none;
  display:flex;
  padding:0;
  height:auto;
  gap:8px;
}
table .company_container a.viewcompanywebsite span:first-child{
 background:#fff;
 border-radius:21px;
 display:flex;
 justify-content:center;
 align-items:center;
 box-sizing: border-box;
 border:solid 3px #fff;
 width:42px;
 height:42px;
 overflow: hidden;
 box-shadow: 0 0 8px rgba(0,0,0,.2);
}
table .company_container a.viewcompanywebsite span:first-child.company_name{
  width:auto;
  height:auto;
  flex:1;
  text-align: left;
  border:none; 
  align-items: start;
  border-radius:0px;
  display:block;
  box-shadow: none;
}
table .company_container a.viewcompanywebsite .company_name{
  /* display:flex;
  flex-direction: column;
  justify-content: space-between; */
  text-align:left;
  line-height:21px;
  flex:1;
}
table .company_container a.viewcompanywebsite .company_name>em:first-child{
  margin-right:5px;
}
table .company_container a.viewcompanywebsite .company_tag{
  display:inline-block;
  height:18px;
  box-sizing: border-box;
  line-height:20px;
  border:none;
  border-radius:4px;
  padding:0 4px;
  font-size:12px;
  background:#36f;
  color:#fff;
}
table .company_container a.noline{
  margin-right:5px;
}
table .company_container span img{
 max-width:100%;
 max-height:100%;
 width: auto;
 height:auto;
}
table .pd_moreinfo{
  width:100% !important;
  margin-bottom: 0px;
}
table .pd_moreinfo a{
  width: calc(50% - 3px) !important;
}
table .company_container a.viewcompanywebsite:hover span:first-child{
 box-shadow:0 0 8px rgba(1,137,255,.8) ;
}
table .company_container a.viewcompanywebsite:hover :first-child.company_name{
 box-shadow:none;
}
.table .tdPhone a.phone{
  margin-bottom:12px;
  display: block;
}
.hidewebsite{
  display:none;
}
/* 2025-06-13 */
.table-box .products_tabs{
  display:none;
}
.table-box .products_tabs.show{
  display: block;
}
.product_tabs_item{
  background:#fff;
  border:solid 1px #e1e9fa;
  box-sizing: border-box;
  padding:1px;
  margin-bottom:16px;
  position:relative;
}
.company_relative .contactonline{
  position:absolute;
  z-index:1;
  right:15px;
  top:14px;
  user-select:none;
}
.company_relative .rusultshoplink{
  position:absolute;
  z-index:1;
  right:118px;
  top:14px;
  user-select:none;
  height: 24px;
  line-height: 24px;
  background: linear-gradient(to right bottom, #fc45dd, #5a62f7);
  color: #fff;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  display:flex;
  align-items:center;
  gap:5px;
}
.company_relative .rusultshoplink::before,.product_tabs_cname a.shoplink::before{
  content:"";
  display:block;
  width:16px;
  height:16px;
  background:url(../images/shoplink.png) no-repeat;
  background-size:cover;
}
.product_tabs_cname a.shoplink::before{
  width:14px;
  height:14px;
  background-size:cover;
}
.company_relative .rusultshoplink:hover::before,.product_tabs_cname a.shoplink:hover::before{
  animation: ctoean .4s infinite;
}

/* .product_tabs_item.recommend::after{
  position:absolute;
  right:0;
  top:0;
  z-index:1;
  content:"";
  display: block;
  width:64px;
  height:64px;
  background:url(../images/recommend-icon.png) no-repeat;
  background-size: 100%;
} */
.product_tabs_box{
  display:flex;
  box-sizing: border-box;
  background:#fff url(../images/linergradientbg.jpg) repeat-x top left;
  border:solid 3px #fff;
  padding:8px;
  gap:15px;
}
.recommend .product_tabs_box{
  background:#fff url(../images/recommendbg.jpg) repeat-x top left;
}
.recommend.product_tabs_item{
  border-color: #f2e5d5;
}

.product_tabs_logo{
  width: 100px;
  height:100px;
  box-sizing: border-box;
}

.product_tabs_logo a{
  box-sizing: border-box;
  width:100px;
  height:100px;
  box-sizing: border-box;
  display:flex;
  justify-content:center;
  align-items: center;
}
.product_tabs_logo a.shoplink{
  margin-top:12px;
  height:24px;
  display:flex;
  gap:5px;
  font-size:13px;
  color:#327bf9;
  text-decoration:underline;
  text-underline-position:under;
  align-items:center;
}
.product_tabs_logo a.shoplink::before{
  content:"";
  display:block;
  width:16px;
  height:16px;
  background:url(../images/shoplink.png) no-repeat;
  background-size:cover;
}
 .product_tabs_cname a.shoplink{
  height:24px;
  line-height:24px;
  background:linear-gradient(to right bottom,#fc45dd,#5a62f7);
  color:#fff;
  font-size:12px;
  box-sizing: border-box;
  padding:0 10px;
  border-radius:4px;
  transform: translateY(2px);
  display:flex;
  align-items:center;
  gap:5px;
 }
.product_tabs_logo a>span{
  width:100px;
  height:100px;
  border-radius:12px;
  box-sizing: border-box;
  border:solid 1px #e1e9fa;
  background:#fff;
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center; 
  overflow: hidden;
}
.product_tabs_logo a>span.c_logo{
  display:none;
}
.product_tabs_logo a.showlogoimg>span.c_logo{
  display:flex;
}
.recommend .product_tabs_logo a>span{
  border-color: #f2e5d5;
}
.product_tabs_logo a>span.shortname,.product_tabs_logo a>span.shortname1{
  display:flex;
  justify-content:center;
  align-items: center;
  flex-wrap: wrap;
  text-align:center;
  border:none;
  word-break: break-all;
  font-size:24px;
  padding:16px;
  font-weight:bold;
  line-height:28px;
  letter-spacing:2px;
  color:#fff;
  background:#94afd7;
}
.product_tabs_logo a>span.shortname1{
  font-size:20px;
  line-height:24px;
}
.products_tabs .product_tabs_item:nth-child(1) .product_tabs_logo a>span.shortname,.products_tabs .product_tabs_item:nth-child(5) .product_tabs_logo a>span.shortname,.products_tabs .product_tabs_item:nth-child(9) .product_tabs_logo a>span.shortname{
  background:#94afd7;
}
.products_tabs .product_tabs_item:nth-child(2) .product_tabs_logo a>span.shortname,.products_tabs .product_tabs_item:nth-child(6) .product_tabs_logo a>span.shortname,.products_tabs .product_tabs_item:nth-child(10) .product_tabs_logo a>span.shortname{
  background:#dab09a;
}
.products_tabs .product_tabs_item:nth-child(3) .product_tabs_logo a>span.shortname,.products_tabs .product_tabs_item:nth-child(7) .product_tabs_logo a>span.shortname{
  background:#d0a7d0;
}
.products_tabs .product_tabs_item:nth-child(4) .product_tabs_logo a>span.shortname,.products_tabs .product_tabs_item:nth-child(8) .product_tabs_logo a>span.shortname{
  background:#89caae;
}
.products_tabs .recommend:nth-child(2) .product_tabs_logo a>span.shortname{
  background:#d0a7d0;
}
.products_tabs .recommend:nth-child(3) .product_tabs_logo a>span.shortname{
  background:#94afd7;
}
.products_tabs .recommend:nth-child(4) .product_tabs_logo a>span.shortname{
  background:#89caae;
}
.products_tabs .recommend:nth-child(1) .product_tabs_logo a>span.shortname{
  background:#dab09a;
}

.product_tabs_logo img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  
}
.product_tabs_info{
  width: calc(100% - 114px);
  overflow: hidden;
}
.product_tabs_cname{
  display:flex;
  gap:10px;
}

.recommend .product_tabs_cname::after{
  content:"";
  display: block;
  width:93px;
  height:24px;
  background:url(../images/fire.gif) no-repeat;
  transform: translateY(2px);
}
.recommend .product_tabs_cname,.products_tabs .product_tabs_item:nth-child(-n+3) .product_tabs_cname{
  color:#644417;
}
.product_tabs_cname span{
  font-size:19px;
  font-weight:bold;
  max-width:468px;
}
.recommend .product_tabs_cname span{
  max-width:370px;
}
.recommend .product_tabs_cname span.maxw280{
  max-width: 280px;
}
.product_tabs_cname span.maxw310{
  max-width: 310px;
}
.product_tabs_cname em{
 width:94px;
 height:24px;
 background:url(../images/pngrecommend.png);
 box-sizing: border-box;
 padding:4px 0 0 28px;
 color:#ff4b46;
 font-size:12px;
}
.product_tabs_website,.product_tabs_cinfo,.product_tabs_pd{
  display:flex;
  gap:5px;
  font-size:12px;
  color:#888;
}
.product_tabs_website.hidewebsite{
  display:none;
}
.product_tabs_website a{
  color:#434ae6;
  text-decoration: underline;
  text-underline-position: under;
  max-width: 225px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product_tabs_cinfo>p>a{
 color: #75849a;
 text-decoration: underline;
 text-underline-position: under;
}
.recommend .product_tabs_cinfo>p>a{
  color:#9c7a62;
}
.product_tabs_website a:hover,.product_tabs_cinfo>p>a:hover{
  color:#327bf9;
}
.product_tabs_website>span{
  color:#333;
  max-width:330px;
}
.product_tabs_website>span.vipadress{
  max-width:225px;
}
.product_tabs_cinfo{
  gap:8px;
  box-sizing: border-box;
  padding:12px 0;
}
.product_tabs_cinfo>p{
  display:flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-right:5px;
  width:92px;
  position:relative;
}
.product_tabs_cinfo>p.regtime{
  width:100px;
}
.product_tabs_cinfo>p.regcapital{
  width:103px;
}
.product_tabs_cinfo.company_search_info>p{
  width:25%;
}

.product_tabs_cinfo>p.nodata{
  display:none;
}
.product_tabs_cinfo>p::after{
  position:absolute;
  z-index:1;
  right:0px;
  top:5%;
  content:"";
  display: block;
  width:1px;
  height:90%;
  background:linear-gradient(to Bottom,#fff,#e8eefa,#fff);
}
.recommend .product_tabs_cinfo>p::after{
  background:linear-gradient(to Bottom,#fff,#efd5b5,#fff);
}
.product_tabs_cinfo>p:last-child:after{
  display:none;
}
.product_tabs_cinfo>p>span{
  color:#333;
}
.merito{
  display:flex;
  align-items:center;
  flex-wrap: wrap;
  gap:8px 12px;
  box-sizing: border-box;
  padding-bottom:12px;
  max-height:65px;
  overflow: hidden;
}
.merito>span{
  display: block;
  background:#f4f4f4;
  height:24px;
  line-height:24px;
  padding:0 12px;
  border-radius:4px;
  font-size:12px;
  max-width:485px;
  color:#666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product_tabs_cinfo>p>span,.product_tabs_cinfo>p>a{
  font-size:14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product_tabs_pdimg{
  width:120px;
  height:120px;
  box-sizing:border-box;
  border:solid 1px #e1e9fa;
  background:#fff;
  padding:4px;
}
.recommend .product_tabs_pdimg{
  border-color:#f6e5ce;
}
.product_tabs_pdimg a{
  display:flex;
  justify-content: center;
  align-items: center;
  width:110px;
  height:110px;
  overflow: hidden;
  background:#fff;
}
.product_tabs_pdimg a img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  transition:all .4s;
}
.product_tabs_pdimg a:hover img{
  transform: scale(1.1);
}
.product_tabs_pd{
  gap:16px;
}
.product_tabs_pdright{
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  width: calc(100% - 138px);
  box-sizing: border-box;
  padding:8px 0 0 0;
  overflow: hidden;
}
.product_tabs_pdname{
  font-size:14px;
  line-height:22px;
}
.product_tabs_pdname>a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product_tabs_pdname strong{
  color:#ff4b46;
  font-weight: normal;
}
.product_tabs_pdname a:hover{
  color:#327bf9;
}
.product_tabs_contact{
  display:flex;
  flex-basis: 0;
  flex-wrap: wrap;
  gap:5px 24px;
}
.product_tabs_contact>div{
  display:flex;
  width:calc(56% - 12px);
  gap:5px;
  font-size:14px;
  color:#333;
  align-items: center;
  
}
.product_tabs_contact>div>span{
  flex:1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product_tabs_contact>div:first-child{
 width:calc(44% - 12px);
}
.product_tabs_contact>div.product_tabs_btn{
  width:100%;
  gap:12px;
}
.product_tabs_btn > div, .company_relative .contactonline {
    box-sizing: border-box;
    width: auto;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    background: #fff !important;
    color: #333;
    cursor: pointer;
    align-items: center;
    display: flex;
    margin-left: 0;
    user-select: none;
}
.product_tabs_btn>div::before,.company_relative .contactonline::before{
  content:"";
  display: block;
  width:16px;
  height:16px;
  margin-right:5px;
}
.product_tabs_btn>div.contactWithHim::before{
 background:url(../images/codeico.png?v=1) no-repeat;
 background-size:100%;
 opacity:.6;
}
.product_tabs_btn>div.contactWithHim:hover::before{
 background:url(../images/codeico_press.png?v=1) no-repeat;
 background-size:100%;
 opacity:1;
}
.product_tabs_btn>div.moreContact2::before{
 background:url(../images/phonebookico.png?v=1) no-repeat;
 background-size:100%;
 opacity:.5;
}
.product_tabs_btn>div.moreContact2:hover::before{
 background:url(../images/phonebookico_press.png?v=1) no-repeat;
 background-size:100%;
 opacity:1;
}
.product_tabs_btn>div.mobileRiskSearch::before{
 background:url(../images/riskico.png?v=1) no-repeat;
 background-size:100%;
 opacity:.6;
}
.product_tabs_btn>div.mobileRiskSearch:hover::before{
 background:url(../images/riskico_press.png?v=1) no-repeat;
 background-size:100%;
 opacity:1;
}
.product_tabs_btn>div.contactonline,.company_relative .contactonline{
 background:linear-gradient(to right bottom,#d00,#ff4b46) !important;
 border:none !important;
 color:#fff;
}
.recommend .product_tabs_btn>div.contactonline{
 background:linear-gradient(to right bottom,#dd6d23,#eb823c) !important;
 border:none !important;
 color:#fff;
}
.product_tabs_btn>div.contactonline::before,.company_relative .contactonline::before,.company_relative .contactonline::before{
 background:url(../images/contactonlineico_press.png?v=1) no-repeat;
 background-size:100%;
 opacity:1;
}
.company_relative .contactonline:hover{
  background:linear-gradient(to right bottom,#d00,#ff4b46) !important;
  border-color:#ff4b46;
}
.product_tabs_btn>div.contactonline:hover{
  background:linear-gradient(to right bottom,#327bf9,#0189ff) !important;
  border:none !important;
}
.product_tabs_btn>div.contactonline:hover::before,.company_relative .contactonline:hover::before,.products_tabs .product_tabs_item:nth-child(-n+3) .product_tabs_btn>div.contactonline:hover::before{
  animation: ctoean .4s infinite;
}
@keyframes ctoean {
  0%{transform: translateX(0px);}
  50%{transform: translateX(-2px);}
  100%{transform: translateX(0px);}
}
.product_tabs_btn .moreContact.moreContact2,.product_tabs_btn .moreContact,.product_tabs_btn .mobileRiskSearch{
  margin-left:0;
  padding-left:8px;
}
.product_tabs_contact>div em{
  color:#999;
  width:72px;
  text-align: justify;
  text-justify: inter-word;
}
.contactWithHim em::after,.mobileRiskSearch em::after,.moreContact2 em::after,.getphone em::after{
  top:25px
}
.product_tabs_contact>div .mobileRiskSearch em{
  width: 98px;
}
.contactWithHim:hover em,.moreContact2:hover em,.getphone:hover em{
  display: block;
  color:#fff;
  height:29px;
  top:-38px;
  left:-29px;
}
.mobileRiskSearch:hover em{
  display: block;
  color:#fff;
  height:29px;
  top:-38px;
  left:-42px;
}
.conpany_search_contact{
  box-sizing: border-box;
  margin-bottom:12px;
}
.conpany_search_contact::before,.conpany_search_contact::after{
  display: block;
  content:"";
  height:1px;
  background:linear-gradient(to right,#fff,#e1e9fa,#fff);
}
.conpany_search_contact ul{
  margin:12px 0;
  display:flex;
  flex-wrap: wrap;
  gap:12px;
}
.conpany_search_contact ul li{
 width: calc(50% - 12px);
 font-size:16px;
 box-sizing: border-box;
 padding:10px;
 background:linear-gradient(to right bottom,#fff,#fff,#eef7ff);
 border-radius:8px;
 border:solid 1px #327bf933;
 border-left:solid 5px #327bf9;
}
.conpany_search_contact p{
  
  display: flex;
  gap:5px;
  align-items: center;
}
.conpany_search_contact li>p:first-child{
  display: block;
  width:178px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size:14px;
}
.conpany_search_contact p>span:first-child{
  width:118px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2567ce;
}
.conpany_search_contact .getphone em{
  width:124px;
}
.getphone:hover em{
 left:-53px;
}
.conpany_search_contact .mobileRiskSearch em{
  width: 96px;
}
.searchbox>p.searchboxtips{
  text-align:left;
  font-size:14px;
  box-sizing:border-box;
  padding-left:18px;
}
.searchbox>p.searchboxtips>Span{
  color:#1749a2;
  /*margin-left:12px;*/
}
.myBusiness-content{
  height: calc(100vh - 74px);
}
.business-detail-content{
  display:flex;
  height:100%;
  width:100%;
  flex-direction: column;
  justify-content: space-between;
  border:solid 1px #e1e9fa;
  box-sizing: border-box;
  padding:12px;
  border-radius:8px;
}
.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;
  color:#327bf9;
  font-size:16px;
  font-weight:600;
  display:flex;
  justify-content:center;
  align-items:center;
}
.business-detail-contact .mark-box>p{
  position: relative;
  z-index:1
}
.business-detail-contact .mark-box::before{
  position:absolute;
  z-index:0;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#dfebff4b;
  backdrop-filter: blur(8px);
  border-radius:5px;
}
#listcontent{
  display:flex;
  flex-wrap: wrap;
  gap:16px 20px;
  height: calc(100% - 47px);
  overflow-y: auto;
  padding:20px;
  box-sizing: border-box;
}
#listcontent li{
	width:calc(50% - 10px);
	box-sizing:border-box;
	padding:10px 15px;
	border:solid 1px #eef2f8;
  background-image:linear-gradient(0deg,#fff,#fff,#fff,#e6ecfa),linear-gradient(#fff,#fff);
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
#listcontent li.recommend{
  border:1px solid #f2e5d5;
  background:url(../images/itembg.png) no-repeat center -35px;
}
#listcontent 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%;
}
#listcontent h2{
	font-weight:600;
	margin-bottom:5px;
  font-size:16px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color:#333;
}
#listcontent li.recommend h2{
  color:#6b450f;
}
#listcontent h2 em,.business-detail-box h2 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;
}
#listcontent h2 i{
	color:#fe3303;
}
#listcontent h2 em.tjicon,.business-detail-box h2 i.tjicon{
  background:#327bf9;
}
#listcontent p{
	display: flex;
	color:#333;
	gap:10px;
	font-size:14px;
	align-items: center;
}
#listcontent 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;
}
#listcontent span.adress,#listcontent 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;
}
#listcontent .recommend span.adress,#listcontent .recommend span.time{
  background:#f3e9e0;
  color: #8f8170;
}
#listcontent 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;
}
#listcontent span{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#listcontent p.spaceb{
  justify-content: space-between;
  align-items: center;
}
#listcontent 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;
}
.viewLink{
	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{
	background:#327bf9;
	color:#fff;
}
.recommend .viewLink{
  border-color:#cf7c19;
  color:#cf7c19;
}
.recommend .viewLink:hover{
  background:#cf7c19;
  color:#fff;
}
.myBusiness-detail{
  font-size:15px;
}
.myBusiness-detail h1{
  font-size:24px;
  box-sizing: border-box;
  padding:12px;
  border-bottom:dashed 1px #e1e9fa;
  margin-bottom:24px;
}
.myBusiness-detail span{
  color:#888;
  margin-right:8px;
  width:76px;
  display: inline-block;
  text-align:right;
}
.myBusiness-detail>div{
  margin-bottom:10px;
}
.myBusiness-pro,.myBusiness_intention{
  display:flex;
}
.myBusiness-pro>p,.myBusiness_intention>p{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  flex:1;
}
.myBusiness-pro>p>i{
  box-sizing: border-box;
  padding: 2px 8px;
  background: #eaf2fe;
  border-radius: 3px;
  color: #327bf9;
  font-size: 14px;
}
.myBusiness-detail-contact{
  box-sizing: border-box;
  background: #f8faff;
  border: 1px solid #f3f5fb;
  border-radius: 5px;
  height: 76px;
  margin-bottom: 16px;
  padding: 16px;
  position: relative;
}
.myBusiness-detail-contact em{
  color:#327bf9;
}
.myBusiness-detail-tips{
  font-size: 12px;
  color: #999;
}
.myBusiness-info-more>table{
  width:100%;
  border-radius:0;
  border:none;
}
.myBusiness-info-more>table th,.myBusiness-info-more>table tr th:first-child{
  background:#f3eddb;
  border:#e4dcc6 solid 1px;
}
.myBusiness-info-more>table td,.myBusiness-info-more>table tr td:first-child{
 border:#e4dcc6 solid 1px;
 background:#fff;
}
.myBusiness-info-more>table th:first-child{
  width:200px;
}
.myBusiness-info-more>table th:nth-child(2){
  width:120px;
}
.myBusiness-info-more>table th:nth-child(3){
  width:80px;
}
.myPublish-content {
  height: calc(100vh - 74px);
}
#myPublish-list {
    box-sizing: border-box;
    padding: 16px;
    color: #000;
    font-size: 15px;
    overflow-y: auto;
    max-height: calc(100% - 47px);
}
#myPublish-list dl{
  margin-bottom:16px; 
}
#myPublish-list dt,#myPublish-list dd{
 background:#f8faff;
 box-sizing: border-box;
 padding:8px 16px;
 border-radius:8px 8px 0 0 ;
 border:solid 1px #e5e5e5;
 display:flex;
 gap:10px;
}
#myPublish-list span{
  color:#888;
}
#myPublish-list dd{
  background:#fff;
  border-top:none;
  border-radius:0 0 8px 8px;
}
#myPublish-list dd p{
  color:#3a69ba;
}
#publish-success-layer,#publishlayer,#nonmemberlayer{
  position:fixed;
  z-index:9999999;
  background:rgba(0,0,0,.8);
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:none;
  justify-content: center;
  align-items:center;
}
#publish-success-layer.show,#publishlayer.show,#nonmemberlayer.show{
  display:flex;
}
.publish-success-content,.publishlayer-content{
  width:474px;
  height:376px;
  background:url(../images/publishedbg.png) no-repeat;
  position: relative;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.close-publish-success,.close-publishlayer,.close-nonmemberlayer{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  margin:200px 0 0 -16px;
  width:32px;
  height:32px;
  background:url(../images/closewhite.png) no-repeat;
  cursor: pointer;
  transition:all .4s;
  opacity:.6;
}
.close-publish-success:hover,.close-publishlayer:hover,.close-nonmemberlayer:hover{
  opacity:1;
  transform: rotate(-180deg);
}
.publish-success-icon{
  position:absolute;
  z-index:1;
  right:28px;
  bottom:16px;
  background:url(../images/publishedico1.png) no-repeat;
  width:104px;
  height:131px;
  transform-origin: right bottom;
  animation: iconan 2s infinite;
}
@keyframes iconan{
  0%{
    transform: scale(1) translateY(0px);
  }
  50%{
    transform: scale(1.1) translateY(-5px);
  }
  100%{
    transform: scale(1) translateY(0px);
  }
}
.publish-success-content>h2{
  font-size:40px;
  color:#2539d1;
  font-weight:bold;
}
.noPoints .publish-success-content>h2{
  margin-bottom:24px;
}
.publish-success-content>h3{
  font-size:36px;
  color:#f9324f;
  font-weight:bold;
}
.noPoints .publish-success-content>h3{
  display:none;
}
.publish-success-content>h3>span{
  font-size:46px;
  padding:0 5px;
  vertical-align: middle;
}
.publish-success-history,.publish-success-again{
  width:177px;
  height:47px;
  cursor: pointer;
  background:url(../images/publishedico2.png);
  color:#fff;
  text-align:center;
  line-height:47px;
  font-size:24px;
  opacity:1;
}
.publish-success-history:hover,.publish-success-again:hover{
  opacity:.9;
}
/* sidebar */
.searchbox>div.sidebar{
  position: absolute;
  z-index: 11;
  bottom:330px;
  right:-12px;
  width: 50px;
  height:auto;
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 10px 4px;
  gap: 12px;
  display: none;
  transform: translateY(-50%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 20px rgba(28,91,255,.04);
  font-size:12px;
}
.searchbox>div.sidebar.show{
  display:flex;
}

.searchbox>div.sidebar i{
  display: block;
  width:22px;
  height:22px;
}
.searchbox>div.sidebar .sidebarCustomer i{
  background:url(../images/kf-icon.png) no-repeat center center;
  background-size:22px 22px;
}
.searchbox>div.sidebar .sidebarPublish i{
  background:url(../images/publish-icon.png) no-repeat center center;
  background-size:22px 22px;
}
.searchbox>div.sidebar .sidebarPromotion i{
  background:url(../images/promotion-icon.png) no-repeat center center;
  background-size:22px 22px;
  transform-origin: center bottom;
  animation: promotionan 1s infinite;
}
@keyframes promotionan{
  0%{
    transform: rotate(0deg);
  }
  25%{
    transform: rotate(-5deg);
  }
  50%{
    transform: rotate(0deg);
  }
  75%{
    transform: rotate(5deg);
  }
  100%{
    transform: rotate(0deg);
  }
}
.searchbox>div.sidebar .sidebarPromotion:hover i{
  animation: none;
}
.searchbox>div.sidebar p {
  display: flex;
  width: 42px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 4px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.searchbox>div.sidebar p:hover,.searchbox>div.sidebar .sidebarPublish p {
  background:#e5ebff;
}
.publishlayer-content h2{
  font-size:18px;
}
.publishlayer-content h2 em{
  color:#f00;
}
.publishlayer-content h3{
  font-size:22px;
}
.publishlayer-content h3 span{
  color:#327bf9;
  font-weight:bold;
  padding:0 5px;
}
.publishlayer-content>div{
  font-size:16px;
  text-align:center;
}
.publishlayer-content>div p span{
  color:#327bf9;
  font-weight:bold;
  padding:0 5px;
}
.publishlayercodebg{
 width:140px;
 height:140px;
 background:url(../images/publishlayercodebg.jpg) no-repeat;
 box-sizing: border-box;
 padding:10px;
}

.publishlayercodebg>img{
  width:120px;
  height:120px;
}
.publishlayerTips{
  font-size: 12px;
}
.sidebarPublish{
  position: relative;
}
.sidebarPublish-tips{
  position:absolute;
  z-index:2;
  left:34px;
  top:23px;
  height:26px;
  font-size:12px;
  background:#e5ebff;
  box-sizing: border-box;
  padding-left:1px;
  line-height:24px;
  text-align:center;
  border-radius:0 5px 5px 0;
  letter-spacing: 1px;
  color:#f00;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
.sidebarPublish-tips.show{
  display: block;
}
.sidebarPublish-tips > strong {
    color: #060607;
    font-weight: normal;
}

.sidebarPublish-tips>em{
  position:absolute;
  z-index:1;
  top:18px;
  left:-17px;
  width:20px;
  height:20px;
  background: url(../images/cursor.png) no-repeat center center;
  background-size:100% 100%;
  vertical-align: top;
  display:inline-block;
  animation:cursoran 1s infinite;
}
@keyframes cursoran{
  0%{
    transform:translate(0,0);
  }
  50%{
    transform:translate(0,-4px);
  }
  100%{
    transform:translate(0,0);
  }
}
.sidebarPublish:hover .sidebarPublish-tips>em{
  display:none;
}
.dialogue-box>div.view-goldCoin>i{
  display: block;
}
/* sidebar end */
.claim{
  box-sizing: border-box;
  height:24px;
  line-height:24px;
  padding:0 10px;
  border-radius:4px;
  background:linear-gradient(to right, #f5b55c, #f3924a);
  color:#fff;
  font-size:12px;
  cursor: pointer;
  transform:translateY(2px);
  display: flex;
  gap: 5px;
  align-items: center;
}
.claim::before{
  content:"";
  display: block;
  width:16px;
  height:16px;
  background:url(../images/claimicon.png) no-repeat;
  background-size:cover;
}
.claim:hover::before{
  animation: ctoean .4s infinite;
}
.claim:hover{
  background:linear-gradient(to right,#f28019, #f84f4f);
}
.company_relative .claim{
    position:absolute;
    right:118px;
    top:12px;
    z-index:1;
}
#claimlayer {
    display: none;
    box-sizing: border-box;
    padding: 12px 20px;
}
.claim-title{
  font-size:18px !important;
  position: relative;
  color:#000 !important;
  font-weight:bold !important;
}
.claim-tips{
  margin-left:10px;
  font-size:12px;
  font-weight:normal;
  color:#999;
}
#claimlayer .layui-tab-title{
  border:none;
  margin-bottom:16px;
}
#claimlayer .layui-tab-title li{
  margin-right:8px;
}
#claimlayer .layui-tab-title .layui-this{
  background:#327bf9;
  color:#fff;
  border-radius:8px;
}
#claimlayer .layui-tab-title .layui-this:after{
 display:none;
}
#claimlayer .layui-unselect{
  border-radius:0;
}
.getclaimcode{
  position:absolute;
  z-index:1;
  right:10px;
  top:0;
  color:#327bf9;
  height:38px;
  line-height:38px;
  cursor: pointer;
}
.getclaimcode.disabled{
  color:#aaa;
  cursor: no-drop;
}
#claimlayer .layui-input:hover{
  border-color:#327bf9 !important;
}
a.boundbtn,a.claim-btn{
  width:138px;
  height:40px;
  line-height:40px;
  background:#327bf9;
  border-radius:4px;
  text-align:center;
  display: block;
  color:#fff;
  margin-top:24px;
}
a.boundbtn:hover,a.claim-btn:hover{
  color:#fff;
  opacity:.8;
}
.layui-form-item.nomarght{
  margin-bottom:0;
}
article.businessLicense-item{
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
.businessLicense-up{
  display:none;
}
.businessLicenseimg{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 209px;
  height: 138px;
  box-sizing: border-box;
  padding:4px;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  color: #788490;
  border:solid 1px #e6e6e6;
}
.businessLicenseimg em {
  width: 29%;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  background: #f00;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  padding: 0 2px;
  margin: 0;
}
.businessLicenseimg img{
  max-width:100%;
  max-height:100%;
}
.product_tabs_website>span.certified{
  display:block;
  border: 1px solid rgb(208, 217, 253);
  color: rgb(78, 110, 242);
  height:16px;
  box-sizing: border-box;
  padding:0 2px 0 17px;
  border-radius:2px;
  font-size:12px;
  line-height:16px;
  background:url(../images/certified-icon.png) no-repeat 2px center;
  margin-right:6px;
  user-select: none;
}
@media screen and (max-width: 1600px) {
  .searchbox>div.sidebar{
    bottom:178px
  }
  .searchbox>div.sidebar .sidebarPublish p span{
    transform: translate(-73px,0px);
    background:#e5ebff;
    border-radius:5px 0 0 5px;
    height:26px;
    line-height:24px;
    padding-left:6px;
  }
  .searchbox>div.sidebar .sidebarPublish .sidebarPublish-tips.show{
    transform: translate(-71px, 3px);
  }
  .sidebarPublish-tips>em{
    left:24px;
  }
}
#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;
}
.follow{
  box-sizing: border-box;
  width:80px;
  height:24px;
  line-height:26px;
  border:solid 1px #fe5806;
  color:#fff;
  margin:12px auto;
  display:flex;
  align-items:center;
  border-radius:12px;
  cursor: pointer;
  justify-content: center;
  background:#fe5806;
  font-size:12px;
  gap:5px;
  overflow: hidden;
}
.follow::before{
  content:"";
  display: block;
  height:16px;
  width:16px;
  background:url(../images/follow.png) no-repeat;
  background-size:100%;
   animation:followan 1s infinite;
}
.follow:hover{
  background:#fff;
  color:#fe5806;
}
.follow:hover::before{
  background:url(../images/follow-press.png) no-repeat;
  background-size:100%;
}
@keyframes followan{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(1);
  }
}
.followed{
  background:#fff;
  border-color:#fe5806;
  color:#fe5806;
}
.followed::before{
  background:url(../images/followed.png) no-repeat;
  background-size:100%;
  animation:none;
}
.followed-list,.followmine-list,.footprint-list{
  display:flex;
  flex-direction:column;
  width:100%;
  gap:16px;
  box-sizing: border-box;
  padding:20px;
}
.followed-item,.followmine-item{
  background:url(../images/linergradientbg.jpg) repeat-x top;
  box-sizing: border-box;
  border:solid 1px #e1e9fa;
  border-radius:4px;
  padding:12px;
  position: relative;
}
.vip1.followed-item,.vip1.followmine-item{
  background:url(../images/recommendbg.jpg) repeat-x top;
  border-color:#f2e5d5;
}
.vip1 .followed-name{
  color:#644417;
}
.vip1 .followed-name::after{
  content: "";
  display: block;
  width: 93px;
  height: 24px;
  background: url(../images/fire.gif) no-repeat;
  transform: translateY(2px);
}
.vip1 .followmine-user{
 color:#644417;
}
.followed-name{
  font-size:19px;
  font-weight:bold;
  margin-bottom:5px;
  display:flex;
  gap:10px;
}

.followed-info{
  margin-top:5px;
  display:flex;
  gap:5px 24px;
  flex-wrap: wrap;
}
.followed-info>p>em,.followed-info dt{
  color:#999;
}
.followed-info>dl{
  width:100%;
  display:flex;
  gap:12px;
}
.followed-info dd{
  flex:1;
  display:flex;
  gap:5px 12px;
  flex-wrap: wrap;
}
.followed-info dd span,.followmine-info dd span{
  display: block;
  background: #f4f4f4;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 12px;
  max-width: 485px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.followed-btn,.followmine-btn{
  display:flex;
  justify-content: end;
  box-sizing: border-box;
  padding-top:10px;
  gap:24px;
  margin-top:5px;
  border-top:dashed 1px #e6e6e6;
  align-items: center;
}
.followed-btn>span,.followmine-btn>span{
  color:#999;
  font-size:12px;
  margin-right: auto;
}
.followed-btn .follow,.followmine-btn .follow{
  margin:0;
  width:96px;
  height:30px;
  line-height:30px;
  border-radius:4px;
}
.followed-btn a.followed-more,.followmine-btn a.followed-more{
 width:96px;
 height:30px;
 line-height:30px;
 border:solid 1px #eee;
 border-radius:4px;
 box-sizing: border-box;
 text-align:center;
 cursor: pointer;
}
.followed-btn a.followed-more:hover,.followmine-btn a.followed-more:hover{
  color:#fe5806;
  border-color:#fe5806;
}
.followed-list,.footprint-list,.followmine-list{
  height:calc(100vh - 120px);
  overflow-y: auto;
}
.myFollowed-content .flip,.followMine-content .flip,.footprint-content .flip{
  padding:8px 0;
  border-top:solid 1px #eee
}
.followmine-user{
  font-size:19px;
  font-weight:550;
}
.followmine-user em,.followmine-company em,.followmine-info em,.followmine-info dt{
  color:#666;
  font-size:14px;
  font-weight:normal;
  width:100px;
  display:inline-block;
  text-align:right;
}

.followmine-company,.followmine-info dl{
  display:flex;
  box-sizing: border-box;
  padding:4px 0;
  align-items:center;
}
.followmine-company .certified{
  margin-left:10px;
}
.followmine-info p{
  box-sizing: border-box;
  padding:4px 0;
}
.followmine-info a.viewcompanywebsite{
  color:#0189ff;
  text-decoration: underline;
  text-underline-position: under;
}
.followmine-info dl{
  align-items: start;
}
.followmine-info dd{
  display:flex;
  flex-wrap: wrap;
  gap:5px 12px;
  flex:1;
}
.myproduct-tabs{
  display:flex;
  height:40px;
  padding:0 24px;
  border-bottom:solid 1px #2067f2;
  gap:24px;
  position: relative;
  color:#666;
  font-size:16px;
  margin-bottom:12px;
}
.myproduct-tabs>p{
  box-sizing: border-box;
  padding:0 24px;
  position:relative;
  z-index:1;
  top:1px;
  line-height:40px;
  height:40px;
  cursor: pointer;
  border:solid 1px #fff;
  border-radius:8px 8px 0 0;
  border-bottom-color:#2067f2;
}
.myproduct-tabs .active{
  color:#2067f2;
  background:#fff;
  border:solid 1px #2067f2;
  border-radius:8px 8px 0 0;
  border-bottom-color:#fff;
}
.all-select-box{
  transform: translateX(-99px);
  display: flex;
  align-items:center;
  gap:24px;
}
.all-select-box>span{
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left:28px;
  font-size:14px;
  user-select: none;
}
.all-select-box>span::before{
  content:"";
  display: block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: solid 1px #e5b572;
  border-radius: 4px;
  position:absolute;
  z-index:1;
  left:0;
  top:0;
}
.all-select-box>span.active{
  background: url(../images/ok.png) no-repeat 3px 2px;
  background-size: 14px 14px;
}
.all-select-box>span.active::before{
 border-color: #0189ff;
}
.all-select-box>em{
  padding:0 24px;
  user-select: none;
  cursor: pointer;
}
.all-select-box>em.disabled{
  background:#f5f5f5;
  cursor:no-drop;
  color:#aaa;
}
.myproduct-status{
  display:flex;
  gap:16px;
}
.myproduct-status i.del{
  background:#ff5722;
}
.alldel{
  transform: translateX(-130px);
}
body.hidden{
  overflow: hidden;
}
.nodata{
  display:flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding:24px 0;
}
.classification .searchhot p > span strong{
    color: #3a69ba;
    font-weight:normal;
    font-size:14px;
    padding:0 4px;
}
.recommender-add{
  width:780px;
  height:100px;
  display:block;
  position: relative;
  background:url(../images/recommender-add.jpg) no-repeat center;
}
.recommender-add em{
  position:absolute;
  z-index:1;
  left: 270px;
  top: 16px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffa9;
  animation: recommnder-add-an 1.2s infinite;
  transform-origin: center bottom;
  letter-spacing:1px;
  text-shadow: 0 0 8px rgba(0,0,0,.4);
}
@keyframes recommnder-add-an{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(.9);
  }
  100%{
    transform: scale(1);
  }
}
.recommender-info{
  display:flex;
  box-sizing: border-box;
  padding:20px 20px 10px 20px;
}
.recommender-info dl{
  width:calc(50% - 12px);
  box-sizing: border-box;
  padding:12px;
  background:#327bf9;
  border-radius:8px;
  color:#fff;
}
.recommender-info .income em{
  font-size:22px;
  font-weight:bold;
}
.recommender-info em{
  margin-right:5px;
}
.recommender-info em>i{
  color:#ff0;
}
.recommender-content .layui-tab{
  box-sizing: border-box;
  padding:0 20px;
}
.recommender-content .layui-this{
  color:#327bf9;
}
.recommender-btn,.procurement-btn{
  font-size:15px;
  background:#16baaa;
}

.recommender-content .layui-tab-title{
  padding-left:24px;
}
.recommender-content .layui-tab-title,.recommender-content .layui-tab-title .layui-this:after{
  border-color:#327bf9;
}
.recommender-content .layui-tab-title .layui-this:after{
  border-bottom-color:#fff;
}
.recommender-content .layui-tab-title .layui-this:after{
  border-radius:12px 12px 0 0;
}
.recommender-content .layui-tab-content{
 padding:10px 0;
}
.recommender-detail-box{
  margin-top:20px;
  
}
.recommender-detail.show{
  padding:20px 0 20px 20px;
  box-sizing: border-box;
}
.recommender-iframe{
  width:430px;
  box-sizing: border-box;
  height:calc(100vh - 72px);
  overflow-y: auto;
}
.procurement-box,.recommeder-box{
  display:flex;
  flex-direction: column;
  gap:12px;
  height:calc(100vh - 257px);
  overflow-y: auto;
  padding-right: 10px;
  margin-bottom:10px;
}
.procurement-item,.recommeder-item{
  box-sizing: border-box;
  padding: 10px 15px;
  border: solid 1px #eef2f8;
  background-image: linear-gradient(0deg, #fff, #fff, #fff, #e6ecfa), linear-gradient(#fff, #fff);
  border-radius: 6px;
  display:flex;
  flex-direction:column;
  gap:5px;
  position: relative;
}
.procurement-item h2{
  font-size:18px;
  font-weight:bold;
  box-sizing: border-box;
  padding-right:100px;
}
.procurement-item .time{
  font-size:14px;
  color:#999;
  font-weight:normal;
  margin-top:0;
}
.procurement-item .attributes{
  display:flex;
  flex-wrap: wrap;
  gap:5px 24px;
}
.procurement-item .attributes span{
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  color: #707b8f;
  background: #edf1f7;
  border-radius: 3px;
  padding:2px 5px;
}
.procurement-item .number{
  color:#999;
}
.procurement-item .info em{
  color: #707b8f;
}
.procurement-item .info .number em{
  color:#327bf9;
}
.procurement-item .person,.procurement-item .info,.procurement-item .img{
  display:flex;
  gap:24px;
  color:#999;
}
.procurement-item .person em{
  color:#327bf9;
}
.procurement-item .img{
  gap:10px;
}
.procurement-item .img span{
  width:90px;
  height:90px;
  background:#fff;
  box-sizing: border-box;
  border:solid 1px #e5e5e5;
  padding:4px;
  overflow: hidden;
  display:flex;
  background:#fff;
  justify-content:center;
  align-items: center;
  position: relative;
}
.procurement-item .img span::before{
  position:absolute;
  left:4px;
  top:4px;
  content:"";
  display:block;
  width:80px;
  height:80px;
  background:rgba(0,0,0,.04);
}
.procurement-item img{
  max-width:80px;
  max-height:80px;
}
.recommeder-item{
  padding:16px;
}
.recommeder-name{
  display:flex;
  gap:12px;
  align-items: baseline;
}
.recommeder-name>span{
  font-size:22px;
  font-weight:bold;
  height:22px;
  line-height: 22px;
}
.recommeder-name p>em{
  color:#327bf9;
}
.recommeder-name .recommeder-time{
  color:#999;
  margin-left:auto;
}
.recommeder-info{
  display:flex;
  flex-wrap: wrap;
  gap: 5px 24px;
}
.recommeder-info>p{
  width: 100%;
  display:flex;
  gap:5px;
}
.recommeder-info>p span{
  color:#999;
}
.recommeder-info>p em{
  flex:1;
}
.recommeder-info>span{
  color:#999;
  width:calc(50% - 12px);
}
.recommeder-info>span em{
  color: #333;
}
.procurement-item .status,.recommeder-item .status{
  position:absolute;
  z-index:1;
  top:14px;
  right:15px
}
.remark>span{
 display:flex;
}
.remark > span i{
 color:#999;
}
.remark > span em {
 flex: 1;
 color: #707b8f;
}
@media screen and (max-width: 1199px) {
    #edu-bot-container{
    position:fixed;
    z-index:2;
    left:0px;
    top:auto;
    bottom:0px;
    margin:0;
    border-radius:14px;
    box-shadow:0 0 8px rgba(0,0,0,.3);
    display:none;
    box-sizing: border-box;
    width:100%;
    height:70%;
  }
  body {
	min-width:100%;
	font-size:16px;
}
.header .logo span {
	display: block;
}
.dialogue-box {
	display:none;
}
#searchBtn.disabled span {
	display:none !important;
}
.searchbox label:hover>p,.networking:hover>p {
	display:none;
}
.dialogue-box.showleft {
	display:block;
	top:64px;
	transform: none;
}
.history-box>div {
	width:92%;
}
.classification a {
	padding:5px;
}
.classification {
	box-sizing: border-box;
	padding:10px 16px;
}
.contactWithHim {
	display:none;
}
.content {
	width: calc(100% - 60px);
	padding:0 30px;
}
.header {
	box-shadow:0 0 4px rgba(0,0,0,0.1);
}
.result-item-box {
	font-size:20px;
}
.result-box {
	padding-right:20px;
}
.dialogue-item span {
	display: block;
}
.figure {
	padding-top: 100px;
}
.figure span {
	font-size:16px;
}
.searchbox>p {
	font-size:14px;
}
.searchbox textarea {
	font-size:18px;
}
.table th, .table td {
	font-size:20px;
}
.ask-box img, .result-item img {
	width:60px;
	height:60px;
}
.flex-1 {
	padding-top:16px;
}
}
@media screen and (max-width: 1023px) {
	.dialogue-box {
	position:absolute;
	z-index:1;
	right:15px;
	top:15px;
	display:none;
}
.main {
	padding:0;
}
.content {
	width:100%;
	padding:0;
}
.flex-1 {
	box-sizing: border-box;
	padding-left:16px;
}
.searchbox {
	padding:16px 20px 2px 16px;
	display:flex;
	flex-direction: column-reverse;
}
.searchbox>p {
	padding-top:0;
	padding-bottom:2px;
}
.stopGenerate {
	font-size:16px;
	padding:6px 16px;
	top:-15px;
}
}
@media screen and (max-width: 767px) {
	.figure span {
	font-size:16px;
}
.searchbox>p {
	font-size:14px;
}
.searchbox textarea,.result-item-box,.table th, .table td {
	font-size:16px;
}
.ask-box img, .result-item img {
	width:42px;
	height:42px;
}
.searchbox>div {
	overflow: hidden;
}
.searchbox-foot {
	align-items: end;
}
.contactMe a {
	display:inline-block;
}
#searchBtn::before {
	width:40px;
	height:36px;
	background-size:100% 100%;
}
.ask-box p {
	padding:8px 14px;
}
.result-box {
	gap:0;
}
.searchbox {
	background:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.searchbox {
	position: relative;
	padding:8px 16px;
	overflow: hidden;
}
.searchbox>p {
	width:100%;
	position:absolute;
	z-index:1;
	left:0;
	top:-26px;
	font-size:12px;
}
.flex-1 {
	margin-bottom:26px;
}
.stopGenerate {
	top:-38px;
}
.charset i {
	display:none;
}
.charset a {
	padding:0 5px;
	gap:5px;
	font-size:12px;
	width:66px;
	left:-8px;
}
.searchbox textarea {
	line-height:21px;
}
}
@media screen and (max-width: 413px) {
	.ask-box img, .result-item img {
	width:32px;
	height:32px;
}
.searchbox textarea,.result-item-box,.table th, .table td,.ask-box p {
	font-size:14px;
}
}
@media screen and (max-width: 374px) {
	.header {
	height:48px;
}
.classification em {
	font-size:28px;
}
.main {
	height: calc(100vh - 48px);
}
#searchBtn {
	width: 32px;
	height: 32px;
}
.figure {
	display:none !important;
}
.searchbox textarea {
	line-height:21px;
}
}

#paycode em, #recharge em {
    color: #fe3303;
    font-size: 18px;
    padding: 0 5px;
}
#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;
}