﻿@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #F5F5F5;
	color: #333;
	font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", arial, sans-serif;
	min-width: 1200px;
	margin: 0 auto;
	overflow-x: hidden;
}

.pd100 {
	padding-bottom: 120px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

address, cite, dfn, em, var, i {
	font-style: normal
}

ol, ul {
	list-style: none;
}

img {
	border: 0;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #FE3303;
	text-decoration: none;
}

input::-ms-clear, ::-ms-reveal {
	display: none;
}

input:focus, textarea:focus, select:focus, button:focus {
	outline: none;
}

.box {
	clear: both;
	width: 1200px;
	margin: 0 auto;
}

.topUserCenter>a::after, .topProduct>em::after, .topIndustryMarket>em::after, .topNavigation>em::after, .topMobile>em::after, .topMobile p::after, a.logo, .search>div::before, .navIndustry::before, .navIndustry>div>p::before, .indeCphyItem p:hover::after, .prodcutCompany.vip em, .pinnedTop1::after, .pinnedTop2::after, .pinnedTop3::after, .solehao .video::after {
	background: url(../img/soleico.png) no-repeat;
}

.marginT16 {
	margin-top: 16px;
}

/* topBar */
.topBar {
	clear: both;
	height: 30px;
	box-sizing: border-box;
	background: #E9EAEC;
	border-bottom: 1px solid #dfdfdf;
	color: #2E2E2E;
	position: relative;
	z-index: 100;
	font-size: 12px;
	line-height: 30px;
}

.topBarLeft {
	float: left;
}

.topBarLeft a {
	color: #FE3303;
}

.topBarLeft a:first-child {
	color: #2e2e2e;
	margin: 0 16px;
}

.topBarLeft a:first-child:hover {
	color: #fe3303;
}

.topBarRight {
	float: right;
}

.topUserCenter, .topProduct, .topIndustryMarket, .topNavigation, .topMobile {
	float: left;
	margin-right: 30px;
	position: relative;
	cursor: pointer;
}

.topUserCenter>div, .topProduct>div, .topIndustryMarket>div, .topNavigation>div, .topMobile>div {
	display: none;
	position: absolute;
	z-index: 1;
	background: #fff;
	box-sizing: border-box;
	border: solid 1px #dfdfdf;
	border-top: none;
	padding: 5px 24px;
	left: -23px;
	width: 98px;
	top: 30px;
}

.topProduct>div, .topIndustryMarket>div {
	width: 120px;
	left: -40px;
	padding: 5px 0;
	color: #999;
	text-align: center;
}

.topUserCenter:hover>div, .topProduct:hover>div, .topIndustryMarket:hover>div, .topNavigation:hover>div, .topMobile:hover>div {
	display: block;
}

.topUserCenter>a::after, .topProduct>em::after, .topIndustryMarket>em::after, .topNavigation>em::after, .topMobile>em::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 6px;
	background-position: -250px 0;
	transition: all .4s;
}

.topProduct>em::after, .topIndustryMarket>em::after, .topNavigation>em::after, .topMobile>em::after {
	margin-left: 4px;
}

.topUserCenter:hover>a::after, .topProduct:hover>em::after, .topIndustryMarket:hover>em::after, .topNavigation:hover>em::after, .topMobile:hover>em::after {
	transform: rotate(180deg);
}

.topUserCenter>div a, .topIndustryMarket>div a {
	display: block;
}

.topProduct>div a {
	display: block;
	border-bottom: dashed 1px #e1e1e1;
	box-sizing: border-box;
	padding: 0 16px;
}

.topProduct>div a:last-child {
	border-bottom: none;
	font-weight: 600;
	font-size: 14px;
}

.topProduct span {
	line-height: 18px;
	height: 40px;
	overflow: hidden;
	display: block;
	color: #999;
}

.topProduct>div i {
	display: block;
	color: #00B0F5;
	font-weight: 600;
	font-size: 14px;
}

.topProduct>div a:hover span {
	color: #00B0F5;
}

.topProduct>div a:nth-child(2) i {
	color: #C65911;
}

.topProduct>div a:nth-child(2):hover span {
	color: #C65911;
}

.topProduct>div a:nth-child(3) i {
	color: #3AB050;
}

.topProduct>div a:nth-child(3):hover span {
	color: #3AB050;
}

.topProduct>div a:nth-child(4) i {
	color: #7030A0;
}

.topProduct>div a:nth-child(4):hover span {
	color: #7030A0;
}

.topNavigation>div {
	width: 328px;
	left: -125px;
}

.topNavigationBox {
	clear: both;
}

.topNavigationBox i {
	float: left;
	width: 80px;
	color: #fe3303;
	font-weight: 600;
}

.topNavigationBox>div {
	float: right;
	width: 190px;
}

.topNavigationBox a {
	display: inline-block;
}

.topNavigationBox a::after {
	content: "";
	width: 1px;
	height: 14px;
	display: inline-block;
	background: #eee;
	margin: 0 5px;
	vertical-align: middle;
}

.topNavigationBox a:last-child::after {
	display: none;
}

.topMobile>div {
	width: 242px;
	left: -88px;
}

.topMobile p {
	display: inline-block;
	text-align: center;
	margin-right: 8px;
}

.topMobile p:last-child {
	margin-right: 0;
}

.topMobile p::after {
	display: block;
	content: "";
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	padding: 5px;
	border: solid 1px #eee;
	overflow: hidden;
}

.topMobile p:first-child::after {
	background-position: -351px 0;
}

.topMobile p:last-child::after {
	background-position: -261px 0;
}

.topPhone {
	color: #fe3303;
}

/* header */
.header {
	clear: both;
	height: 120px;
	background: #fff;
}

a.logo {
	float: left;
	display: block;
	width: 250px;
	height: 44px;
	overflow: hidden;
	margin-top: 36px;
}

.search {
	float: right;
	height: 70px;
	margin: 16px 16px 0 0;
}

.search p {
	height: 24px;
}

.search i, .search a {
	margin-left: 10px;
}

.search i {
	cursor: pointer;
}

.search .on {
	color: #fe3303;
}

.search>div {
	position: relative;
}

#wd {
	width:600px;
	height: 40px;
	box-sizing: border-box;
	border: solid 2px #fe3303;
	background-position: 0 -44px;
	z-index: 0;
	border-radius: 4px 0 0 4px;
	padding-left: 30px;
	float: left;
}

.search>div::before {
	width: 16px;
	height: 16px;
	content: "";
	display: block;
	background-position: 0 -44px;
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 12px;
}

#aisearch {
    width: 88px;
    height: 40px;
    background: #fe3303 url(../img/ai.png) no-repeat 16px center;
    box-sizing: border-box;
    border: solid 2px #fe3303;
    border-radius: 0 4px 4px 0;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    padding-left: 24px;
    color: #fff;
    vertical-align: bottom;
    cursor: pointer;
}

#btnSerach {
    float: right;
    color: #fe3303;
    border: solid 2px #fe3303;
    background: #fff;
    box-sizing: border-box;
    height: 40px;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 40px;
    padding: 0 24px;
    cursor: pointer;
}

.searchKey {
	position: absolute;
	width: 616px;
	height: 117px;
	z-index: 1;
	top: 40px;
	left: 0;
	background: #fff;
	border: solid 2px #fe3303;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 10px 4px;
	display: none;
}

.searchKey i {
	display: block;
	font: 16px;
	margin-bottom: 10px;
	color: #666;
}

.searchKey a {
	margin-right: 4px;
	line-height: 28px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	background-color: #f6f7fb;
	padding: 0 10px;
	color: #333;
	font-size: 12px;
}

.searchKey a:hover {
	color: #fe3303;
}

a.publish {
	float: right;
	color: #fe3303;
	border: solid 2px #fe3303;
	background: #fff;
	box-sizing: border-box;
	height: 40px;
	line-height: 36px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 16px;
	margin-top: 40px;
	cursor: pointer;
}

a.publish:hover {
	background: #fe3303;
	color: #fff;
}

/* nav */
.nav {
	clear: both;
	height: 40px;
	background: #fff;
}

.navIndustry {
	height: 40px;
	width: 220px;
	display: inline-block;
	position: relative;
	background-color: #fe3303;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	line-height: 40px;
	box-sizing: border-box;
	padding-left: 24px;
	z-index: 99;
}

.navIndustry.show {
	display: inline-block;
}

.navIndustry::before {
	display: inline-block;
	content: "";
	width: 22px;
	height: 16px;
	background-position: -16px -44px;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 24px;
}

.navIndustry.show>div {
	display: block;
}

.navIndustry:hover>div {
	display: block;
}

.navIndustry>div {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 220px;
	background: #fff;
	z-index: 1;
	font-size: 14px;
}

.navIndustry>div>p {
	height: 38px;
	line-height: 38px;
	padding: 0 24px 0 24px;
	color: #333;
	overflow: hidden;
}

.navIndustry a {
	margin-right: 8px;
}

.navIndustry a:hover {
	color: #fe3303;

}

.navIndustry>div>p::before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	vertical-align: middle;
	overflow: hidden;
	margin-right: 6px;
}

.navIndustry>div>p:first-child::before {
	background-position: -320px -90px;
}

.navIndustry>div>p:first-child:hover::before {
	background-position: -336px -90px;
}

.navIndustry>div>p:nth-child(2)::before {
	background-position: -96px -90px;
}

.navIndustry>div>p:nth-child(2):hover::before {
	background-position: -111px -90px;
}

.navIndustry>div>p:nth-child(3)::before {
	background-position: -192px -90px;
}

.navIndustry>div>p:nth-child(3):hover::before {
	background-position: -208px -90px;
}

.navIndustry>div>p:nth-child(4)::before {
	background-position: -224px -90px;
}

.navIndustry>div>p:nth-child(4):hover::before {
	background-position: -240px -90px;
}

.navIndustry>div>p:nth-child(5)::before {
	background-position: -256px -90px;
}

.navIndustry>div>p:nth-child(5):hover::before {
	background-position: -272px -90px;
}

.navIndustry>div>p:nth-child(6)::before {
	background-position: -288px -90px;
}

.navIndustry>div>p:nth-child(6):hover::before {
	background-position: -304px -90px;
}

.navIndustry>div>p:nth-child(7)::before {
	background-position: -160px -90px;
}

.navIndustry>div>p:nth-child(7):hover::before {
	background-position: -176px -90px;
}

.navIndustry>div>p:nth-child(8)::before {
	background-position: -352px -90px;
}

.navIndustry>div>p:nth-child(8):hover::before {
	background-position: -368px -90px;
}

.navIndustry>div>p:nth-child(9)::before {
	background-position: -64px -90px;
}

.navIndustry>div>p:nth-child(9):hover::before {
	background-position: -80px -90px;
}

.navIndustry>div>p:nth-child(10)::before {
	background-position: -128px -90px;
}

.navIndustry>div>p:nth-child(10):hover::before {
	background-position: -144px -90px;
}

.navIndustry>div>p:nth-child(11)::before {
	background-position: 0px -90px;
}

.navIndustry>div>p:nth-child(11):hover::before {
	background-position: -16px -90px;
}

.navIndustry>div>p:nth-child(12)::before {
	background-position: -32px -90px;
}

.navIndustry>div>p:nth-child(12):hover::before {
	background-position: -48px -90px;
}

.nav>.box>a {
	line-height: 40px;
	padding: 0 24px;
	font-size: 16px;
}

.nav>.box>a.on {
	color: #fe3303;
}

.nav>.box>a:hover {
	color: #fe3303;
}

/* rowsbanner */
.banner {
	float: left;
	margin: 16px 0 0 236px;
	width: 725px;
	height: 325px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.banner::before {
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	content: "\5e7f\544a";
	box-sizing: border-box;
	padding: 3px 5px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	opacity: .4;
	font-size: 12px;
	border-radius: 0 0 0 4px;
}

.banner .swiper-slide a {
	display: block;
	height: 100%;
}

.banner_pagination {
	position: absolute;
	bottom: 16px;
	width: 100%;
	text-align: right;
	z-index: 9;
	box-sizing: border-box;
	padding-right: 16px;
}

.banner_pagination .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #aaa;
	margin: 0 4px;
	opacity: .6;
	cursor: pointer;
	border-radius: 5px;
}

.banner_pagination .swiper-active-switch {
	background: #fe3303;
	opacity: 1;
}

.banner_left {
	display: none;
	width: 32px;
	height: 72px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -36px;
	background: url(../img/left.png) -20px 0 rgba(0, 0, 0, .1);
	border-radius: 10px;
	overflow: hidden;
	opacity: .6;
}

.banner_right {
	display: none;
	width: 32px;
	height: 72px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -36px;
	background: url(../img/right.png) -20px 0 rgba(0, 0, 0, .1);
	border-radius: 10px;
	opacity: .6;
}

.banner:hover .banner_left, .banner:hover .banner_right {
	display: inline-block;
}

.banner_left:hover {
	opacity: 1;
}

.banner_right:hover {
	opacity: 1;
}

.banner .swiper-slide:nth-child(1) a {
	height: 325px;
}

/* topbanner */
.topbanner {
	float: left;
	margin: 16px 0 16px 236px;
	width: 725px;
	height: 97px;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.topbanner-swiper-button {
	position: absolute;
	width: 15px;
	height: 97px;
	top: 0;
	cursor: pointer;
}

.topbanner-swiper-button:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.topbanner-swiper-button-prev {
	left: 0;
	background: url("../img/button-prev.png") center center no-repeat;
}

.topbanner-swiper-button-next {
	right: 0;
	background: url("../img/button-next.png") center center no-repeat;
}

.topbanner .swiper-slide a i {
	position: relative;
	display: block;
	overflow: hidden;
	width: 105px;
	height: 65px;
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
}

.topbanner .swiper-slide a i::before {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	margin: 0 auto;
}

.bjhyh::before {
	background: url(../img/baijiahaoyh.png) no-repeat;
}

.fbcgd::before {
	background: url(../img/banner_purchase_note.png) no-repeat;
}

.hyml::before {
	background: url(../img/banner_industry_directory.png) no-repeat;
}

.qyk::before {
	background: url(../img/banner_enterprise_library.png) no-repeat;
}

.acg::before {
	background: url(../img/banner_sct.png) no-repeat;
}

.slgys::before {
	background: url(../img/banner_supplier.png) no-repeat;
}

.ywt::before {
	background: url(../img/banner_ywt.png) no-repeat;
}

.ktb::before {
	background: url(../img/banner_ktb.png) no-repeat;
}

.gwb::before {
	background: url(../img/banner_gwb.png) no-repeat;
}

.slyw::before {
	background: url(../img/banner_zzb.png) no-repeat;
}

.qcjj::before {
	background: url(../img/banner_r_qcjj.png) no-repeat;
}

.cgb360::before {
	background: url(../img/banner_r_cgb.png) no-repeat;
}

.bdqf::before {
	background: url(../img/banner_r_bdqf.png) no-repeat;
}
.hyznt::before {
	background: url(../img/banner_industry_agent.png) no-repeat;
}
.sjaqh::before {
	background: url(../img/banner_merchant-security.png) no-repeat;
}
.bwthb::before {
	background: url(../img/banner_premium-edition.png) no-repeat;
}
.pzthb::before {
	background: url(../img/banner_special-edition.png) no-repeat;
}

/* bannerright */
.banner_r {
	float: right;
	width: 223px;
	overflow: hidden;
	position: relative;
	bottom: 382px;
	right: 0;
	margin: 0 0 -382px;
	background: #fff;
}

.banner_r_info {
	background: #fff;
	max-height: 9999px;
}

.banner_r_info_second {
	border-bottom: 1px solid #eee;
	padding: 0 0 8px 0;
}

.banner_r_info:first-child {
	background: url(//style.51sole.com/masterwebsite/gpyg2022/images/new/bg_banner_right.png) center center no-repeat;
	background-size: 100% 100%;
}

.banner_r_user_t {
	padding: 75px 10px 0;
	height: 19px;
	line-height: 19px;
	text-align: center;
	background: url(//style.51sole.com/masterwebsite/gpyg2022/images/new/banner_hi.png) center 25px no-repeat;
	font-size: 14px;
	color: #888;
	overflow: hidden;
}

.banner_r_user_b {
	text-align: center;
	padding: 14px 0 15px;
}

.banner_r_user_b a {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 90px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #FE3303;
	background: #FE3303;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
}

.banner_r_user_b a:hover {
	background: #d02a02;
	color: #fff;
}

.banner_r_user_b a:last-child {
	border: 1px solid #FE3303;
	background: #fff;
	color: #FE3303;
}

.banner_r_user_b a:last-child:hover {
	background: #FE3303;
	color: #fff;
}

.mR-1 {
	margin-right: -1px;
}

.banner_r_info_second {
	display: inline-block;
	height: 170px;
	overflow: hidden;
}

.banner_r_info_second a {
	display: block;
	float: left;
	width: 73px;
	height: 88px;
	margin: -1px -1px 0 0;
	text-align: center;
	overflow: hidden;
	font-size: 12px;

}

.banner_r_info_second a::before {
	display: block;
	content: "";
	margin: 14px auto 0 auto;
	width: 48px;
	height: 48px;

}

.banner_r_info_second a:nth-child(1)::before {
	background: url(../img/banner_r_tb1.png) center center no-repeat;
}

.banner_r_info_second a:nth-child(2)::before {
	background: url(../img/banner_r_tb2.png) center center no-repeat;
}

.banner_r_info_second a:nth-child(3)::before {
	background: url(../img/banner_r_tb3.png) center center no-repeat;
}

.banner_r_info_second a:nth-child(4)::before {
	background: url(../img/banner_r_tb4.png) center center no-repeat;
}

.banner_r_info_second a:nth-child(5)::before {
	background: url(../img/banner_r_tb5.png) center center no-repeat;
}

.banner_r_info_second a:nth-child(6)::before {
	background: url(../img/banner_r_tb6.png) center center no-repeat;
}

.banner_r_link span {
	display: inline-block;
	width: 100%;
	height: 18px;
	color: #888;
	overflow: hidden;
}

.banner_r_link:hover span {
	color: #FE3303;
}

.banner_r_tzgg_t {
	padding: 9px 14px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
	color: #666;
}

.banner_r_tzgg_t a {
	float: right;
	display: inline-block;
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	font-size: 12px;
}

.banner_r_tzgg_b {
	padding: 7px 8px;
	height: 100px;
	overflow: hidden;
}

.banner_r_tzgg_b a {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #888;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.banner_r_tzgg_b a.red {
	color: #f00;
}

.banner_r_tzgg_b a:hover {
	text-decoration: underline;
}

/*  */
.indexInfoBox,.procurement-lead {
	clear: both;
	margin: 16px 0;
	overflow: hidden;
	padding: 0 24px;
	background: #fff;
}

.indexNavTabInfo.indexInfoBox {
	clear: both;
	display: inline-block;
	width: 100%;
	background: transparent;
	padding: 0;
	margin-bottom: 0;
	height:444px;
	vertical-align: bottom;
	overflow: hidden;
}

.indexNavTabInfo>div {
	width: 240px;
	width: calc((100% - 48px)/4);
	float: left;
	box-sizing: border-box;
	margin-right: 16px;
	background: #fff;
	padding: 0 24px;
}

.indexNavTabInfo>div:last-child {
	margin-right: 0;
	float: right;
}

.indexInfoTitle {
	margin: 12px 0;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 22px;
	color: #000000;
	position: relative;
}

.indexInfoTitleMark {
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
}

.indexYqljTab {
	display: inline-block;
	margin: 7px 0 0 30px;
	font-size: 15px;
	color: #888;
	line-height: 18px;
	vertical-align: top;
	border-bottom: 2px solid #F5F5F5;
	padding-bottom: 5px;
	cursor: pointer;
}

.indexYqljTab.active {
	color: #FE3303;
	font-size: 17px;
	margin-top: 4px;
	border-bottom-color: #FE3303;
}

.indeXyqljBox {
	padding-bottom: 5px;
}

.indeXyqlj {
	display: none;
	min-height: 48px;
	overflow: hidden;
	margin-bottom: 20px;
}

.indeXyqlj a {
	display: inline-block;
	line-height: 26px;
	margin: 0 39px 0 0;
}


.indexNavTabInfo .indexInfoTitle a {
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 14px;
	color: #AAAAAA;

}

.indexNavTabInfo .indexInfoTitle a.indexInfoTitlejrmqtj {
	color: #FE3303;
}

.indexNavTabInfo .indexInfoTitle a:hover {
	text-decoration: underline;
}

.indexNavTabInfo ul {
	list-style: none;
	margin-bottom: 20px;
	counter-reset: mycount;
	height: 370px;
	overflow: hidden;
}

.indexNavTabInfo ul li {
	height: 37px;
	line-height: 37px;
	font-size: 14px;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indexNavTabInfo ul li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #DDDDDD;
	border-radius: 50%;
	vertical-align: middle;
	margin: 0 8px 3px 0;
}

.indexNavTabInfo ul.indexMqtjBox li::before {
	content: counter(mycount);
	counter-increment: mycount;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin: 0 10px 3px 0;
	text-align: center;
	background: #9E9E9E;
	font-size: 13px;
	color: #fff;
	border-radius: 4px;
	overflow: hidden;
}

.indexNavTabInfo ul.indexMqtjBox li:nth-child(1)::before {
	background: #FF6300;
}

.indexNavTabInfo ul.indexMqtjBox li:nth-child(2)::before {
	background: #FF7D2B;
}

.indexNavTabInfo ul.indexMqtjBox li:nth-child(3)::before {
	background: #F89F66;
}

.indeCphyBox {
	margin: 5px 0 20px;
	clear: both;
	display: inline-block;
	width: 100%;
}

.indeCphy {
	display: none;
	height: 135px;
	overflow: hidden;
}

.indeCphyItem {
	width: 20%;
	float: left;
	margin: 0 0 16px 0;
	height: 210px;
}

.indeCphyItem h3 {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	margin: 0 0 10px 0;
}

.indeCphyItem h3::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 16px;
	background: #FE3303;
	border-radius: 3px;
	margin: 0px 10px -2px 0;
	vertical-align: super;
}

.indeCphyItem h3 a {
	padding: 0;
	color: #333;
	display: inline-block;
	max-width: 160px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.indeCphyItem a {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	color: #666666;
}

.indeCphyItem a:hover {
	color: #FE3303;
}

.indeCphyItem p {
	position: relative;
}

.indeCphyItem p a:nth-child(2) {
	width: auto;
	position: absolute;
	left: 0;
	top: 26px;
	z-index: 1;
	overflow: hidden;
	background: #fff;
	padding: 0px 6px;
	border: solid 1px #e7b657;
	border-radius: 5px;
	line-height: 24px;
	display: none;
}

.indeCphyItem p:hover::after {
	content: "";
	display: block;
	z-index: 2;
	left: 20px;
	top: 20px;
	width: 14px;
	height: 7px;
	background-position: -41px -46px;
	overflow: hidden;
	position: absolute;
}

.indeCphyItem p:hover a:nth-child(2) {
	display: inline-block;
}

.indeCphy a {
	display: inline-block;
	width: 85px;
	height: 24px;
	line-height: 24px;
	margin: 0 39px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indexCphyTab {
	display: inline-block;
	margin: 7px 30px 0 0;
	font-size: 17px;
	color: #888;
	line-height: 18px;
	vertical-align: top;
	border-bottom: 2px solid #F5F5F5;
	padding-bottom: 5px;
	cursor: pointer;
}

.indexCphyTab.active {
	color: #FE3303;
	font-size: 20px;
	margin-top: 4px;
	border-bottom-color: #FE3303;
}


.show {
	display: block;
}

.iCpFl {
	margin-bottom: 20px;
	color: #999999;
}

.iCpFl span {
	margin-right: 20px;
}

.iCpFl a {
	color: #555555;
	font-size: 14px;
	margin: 0 10px;
}

.iCpFl a:hover {
	color: #FE3303;
}

.yQList {
	clear: both;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.yQList a {
	float: left;
	width: 193px;
	height: 180px;
	overflow: hidden;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
	display: block;
	text-align: center;
	color: #999999;
	margin-bottom: -1px;
	margin-right: -1px;
	cursor: pointer;
}

.yQList a label {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 10px;
}

.yQList a i {
	display: block;
	box-sizing: border-box;
	width: 190px;
	height: 120px;
	padding: 10px;
	position: relative;
}

.yQList a i img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 170px;
	max-height: 100px;
}

.yQList a span {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 10px;
}

.yQList a:hover label {
	color: #FE3303;
}
.waistlineAdvertising1,.waistlineAdvertising2,.waistlineAdvertising3{
	clear: both;
	width: 1200px;
	display:block;
	height: 100px;
	position: relative;
	overflow: hidden;
}
.waistlineAdvertising1 .wlpagination1,.waistlineAdvertising2 .wlpagination2,.waistlineAdvertising3 .wlpagination3{
	position: absolute;
	right: 5px;
	bottom: 0px;
	z-index:1;
}
.waistlineAdvertising1 .swiper-pagination-switch,.waistlineAdvertising2 .swiper-pagination-switch,.waistlineAdvertising3 .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 2px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.waistlineAdvertising1 .swiper-active-switch,.waistlineAdvertising2 .swiper-active-switch,.waistlineAdvertising3 .swiper-active-switch {
  background: #fff;
}
.indexOgg {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 6px;
	background: #000;
	font-size: 12px;
	color: #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	z-index: 9;
}

/*************footer*************/
.footer {
	clear: both;
	position: relative;
	background: #fff;
	padding-top: 10px;
	overflow: hidden;
	font-size: 12px;
}

.footerLetter,
.footerLj {
	padding: 9px 0;
	line-height: 1;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}

.footerLetter a,
.footerLj a {
	font-size: 12px;
	margin: 0;
	height: 12px;
	display: inline-block;
}

.footerLj a:last-child,
.footerLetter a:last-child {
	border-right: 0 none;
}

.footerLetter {
	color: #ccc;
}

.footerLetter span {
	color: #039;
	font-size: 12px;
}

.footerLetter a {
	color: #039;
	border-right: 1px solid #ccc;
	padding: 0 14px;

}

.footerLetter a:hover {
	color: #f60;
	text-decoration: underline;
}

.footerLj a {
	border-right: 1px solid #333;
	padding: 0 10px;
}

.footerLj a.urlRed {
	color: red;
}

.footerLj a:hover {
	text-decoration: underline;
}

.footerTxt {
	line-height: 25px;
	margin: 5px auto 20px;
	text-align: center;
}

.footerTxt p {
	width: 100%;
	margin: 0 auto;
	color: #999;
	text-align: center;
	line-height: 28px;
}

.footerTxt p span {
	padding: 0 10px;
}

.footerTxt p a {
	color: #555;
}

.footerTxt p a:hover {
	color: #555;
	text-decoration: underline;
}

.footerTxt p.orange {
	color: #f60;
}

.footerTxt p.orange a {
	color: #f60;
}

.footerTxt p.orange a:hover {
	color: #f60;
	text-decoration: underline;
}

.footerTxt .sina {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 0 -4px 10px;
	background: url('../img/index/f_wb.png');
}

.footerTxt .wxcode {
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0 0 -4px 10px;
	background: url('../img/index/f_wx.png');
	position: relative;
}

.footerTxt .wxcode img {
	display: none;
	position: absolute;
	top: -5px;
	right: -100px;
	width: 100px;
	height: 100px;
	z-index: 9;
}

.footerTxt .wxcode:hover img {
	display: block;
}

.footetBottomImg {
	margin: 10px auto 20px;
	height: 47px;
	text-align: center;
	font-size: 0;
}

.footetBottomImg a {
	display: inline-block;
	width: 124px;
	height: 47px;
	margin: 0 10px;
}

.footetBottomImg a:nth-child(1) {
	background: url('../img/index/f_police.jpg');
}

.footetBottomImg a:nth-child(2) {
	width: 134px;
	background: url('../img/index/f_label_sm_90020.png');
}

.footetBottomImg a:nth-child(3) {
	background: url('../img/index/f_newGovIcon.jpg');
}

.rb_cz_box {
	position: fixed;
	right: 50%;
	bottom: 145px;
	margin: 0 -656px 0 0;
	width: 40px;
	z-index: 99;
	font-size: 12px;
}

.rb_cz {
	display: block;
	height: 39px;
	margin-bottom: -1px;
	border: 1px solid #e0e0e0;
	background: #fff;
	text-align: center;
	color: #333;
	position: relative;
	cursor: pointer;
}

.rb_cz:hover {
	background: #ff6300;
	color: #fff;
	border-color: #ff6300;
}

.rb_cz i {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 10px 0 -3px;
}

.goTop:hover i {
	display: none;
}

.goTop i {
	background: url(../img/fhdb1.png) center center no-repeat;
	background-size: 100% 100%;
}

.goTop span {
	display: none;
}

.goTop:hover span {
	display: block;
}

/* bread */
.breadLink {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	position: relative;
}

.breadLink .fl {
	padding-right: 100px;
	color: #999;
}

.breadLink .fl span,
.breadLink .fl a {
	color: #999;
	position: relative;
}

.breadLink .fl span::after,
.breadLink .fl a::after {
	content: ">";
	padding: 0 9px;
	font-size: 14px;
	color: #999;
}

.breadLink .fl a:hover {
	color: #FE3303;
}

.breadLink .fl span:last-child {
	padding: 0;
}

.breadLink .fl span:last-child::after {
	display: none;
}

.breadLink .fr {
	position: absolute;
	right: 0;
	top: 0;
}

.breadLink .fr a:nth-child(1) {
	color: #0189FF;
	position: relative;
	z-index: 1;
}

.breadLink .fr a:nth-child(1) img {
	display: none;
	position: absolute;
	width: 80px;
	height: 80px;
	left: 0;
	top: 20px;
	z-index: 1;
}

.breadLink .fr a:nth-child(1):hover img {
	display: block;
}

.breadLink .fr a:nth-child(2) {
	color: #FE3303;
	margin-left: 4px;
	border-left: 1px solid #DDDDDD;
	height: 12px;
	display: inline-block;
	line-height: 1;
	padding-left: 6px;
}

.breadLink .fr a:hover {
	opacity: 0.8;
}

/* bread */
/* crumbs */
.crumbs {
	clear: both;
	height: 50px;
	box-sizing: border-box;
	padding: 16px 0;
	color: #999;
}

.crumbs .fl {
	float: left;
}

.crumbs .fr {
	float: right;
}

.crumbs h1 {
	display: inline-block;
}

.crumbs a {
	color: #999;
}

.crumbs a:hover {
	color: #fe3303;
}

.crumbs a::after {
	display: inline-block;
	content: ">";
	color: #aaa;
	margin: 0 5px;
}

.crumbs .companyVip a, .listmenu .companyVip a {
	margin-left: 30px;
	color: #fe3303;
}

.crumbs .companyVip a::after, .crumbs a.graylink::after {
	display: none;
}

.crumbs .companyVip a::before, .listmenu .companyVip a::before {
	content: "VIP";
	display: inline-block;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
	background: #fe3303;
	padding: 0 10px;
	border-radius: 4px;
	color: #fff;
	animation: vipam 1s infinite linear;
}

.crumbs .companyVip a:hover, .listmenu .companyVip a:hover {
	text-decoration: underline;
}

@keyframes vipam {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-5px)
	}

	100% {
		transform: translateY(0)
	}
}

/* conentBox */
.conentBox {
	clear: both;
	display: inline-block;
	width: 1200px;
}

.listBox {
	float: left;
	width: 944px;
}

.sideBox {
	float: right;
	width: 240px;
}

.productItem,.vipCompanyList{
	height: 240px;
	background: #fff;
	margin-bottom: 16px;
	box-sizing: border-box;
	padding: 24px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.pinnedTop1::after,.pinnedTop2::after,.pinnedTop3::after {
	position: absolute;
	z-index: 1;
	right: 15px;
	top: 12px;
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	overflow: hidden;
}

.listBox .pinnedTop1::after {
	background-position: 0 -109px;
}

.listBox .pinnedTop2::after {
	background-position: -54px -109px;
}

.listBox .pinnedTop3::after {
	background-position: -108px -109px;
}

.productItemImg {
	float: left;
	box-sizing: border-box;
	width: 192px;
	height: 192px;
	border: solid 1px #eee;
	border-radius: 4px;
	padding: 10px;
	margin-right: 24px;
}

.productItemImg a {
	display: block;
	position: relative;
	width: 170px;
	padding-bottom: 100%;
	overflow: hidden;
}

.productItemImg a::before {
	position: absolute;
	z-index: 2;
	width: 170px;
	height: 170px;
	background: rgba(0, 0, 0, .02);
	content: "";
	display: block;
}

.productItemImg img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s;
}

.productItemImg:hover img {
	transform: scale(1.1);
}

.productIteminfo {
	float: left;
	width: 680px;
}

.productIteminfo h2 a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 600px;
	font-size: 20px;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 8px;
}

.productIteminfo h2 a i {
	color: #fe3303;
}

.productTag {
	margin-bottom: 3px;
	height: 29px;
	overflow: hidden;
}

.productTag span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	box-sizing: border-box;
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	color: #aaa;
	background: #f0f0f0;
	margin-right: 10px;
	border-radius: 4px;
}

.productPrice {
	color: #aaa;
}

.productPrice em {
	color: #fe3303;
	font-weight: 600;
}

.prodcutCompany {
	height: 24px;
	line-height: 24px;
	margin: 5px 0 13px 0;
}

.prodcutCompany a {
	color: #999;
	display: inline-block;
	max-width: 400px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

.prodcutCompany a:hover {
	color: #fe3303;
}

.prodcutCompany i {
	margin-left: 15px;
	color: #999;
	line-height: 24px;
	display: inline-block;
	font-size: 12px;
}

.prodcutCompany.vip em {
	display: inline-block;
	width: 90px;
	height: 24px;
	margin-right: 5px;
	background-position: -55px -46px;
	overflow: hidden;
	vertical-align: middle;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	padding-left: 32px;
	line-height: 22px;
}

.productControls a {
	height: 40px;
	box-sizing: border-box;
	width: 90px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	transition: all .4s;
}

.productControls span {
	color: #aaa;
	float: right;
	font-size: 12px;
	line-height: 14px;
	margin-top: 27px;
}

a.getFloorPrice {
	background: #fe3303;
}

a.checkPhone {
	background: #f1882b;
}

a.QQTalk, a.quickCallBack {
	background: #399ee5;
}

a.weiXinConsult {
	background: #3bb71e;
}

.productControls a:hover {
	opacity: .8;
}

/* flip */
.flip {
	clear: both;
	text-align: center;
	color: #999;
}

.flip p {
	margin-bottom: 16px;
	line-height: 24px;
	box-sizing: border-box;
	padding: 0 24px;
}

.flip p i {
	color: #555;
}

.flipbox {
	margin-bottom: 16px;
}

.flipbox a {
	display: inline-block;
	border: 1px solid #e8e8e8;
	background: #fff;
	color: #666;
	padding: 5px 12px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	margin: 0 2px 5px 2px;
}

.flipbox a:hover {
	background: #ffe7e1;
	border-color: #f7b1a1;
}

.flipbox a.active {
	background: #fe3303;
	color: #fff;
	border-color: #fe3303;
}

/* correlationBox */
.correlationBox {
	clear: both;
	background: #fff;
	margin-bottom: 16px;
	box-sizing: border-box;
	padding: 24px;
}

.correlationBox h2 {
	font-size: 16px;
	font-weight: 600;
	color: #666;
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;
	box-sizing: border-box;
}

.correlationBox h2::before, .productAboutItem .title::before{
	content: "";
	display: inline-block;
	width: 5px;
	height: 16px;
	background: #fe3303;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 0;
}

.correlationBox a {
	display: inline-block;
	margin-right: 16px;
	line-height: 26px;
}

/* companyVipInfo */
.companyVipInfo {
	clear: both;
	box-sizing: border-box;
	padding: 15px 24px 20px 24px;
	background: url(../img/company-card.png) no-repeat;
	background-size: 100% 100%;
	border: solid 1px #e5c665;
	border-radius: 4px;
	margin-bottom: 16px;
}

.companyVipInfo h2>a {
	font-size: 17px;
	font-weight: bold;
	color: #784817;
	line-height: 25px;
	display: inline-block;
	margin-bottom: 15px;
}

.companyVipInfo h2>a::after {
	content: "VIP\5546\5bb6";
	display: inline-block;
	margin-left: 5px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, .4);
	border: solid 1px #c00;
	color: #c00;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 4px;
	font-weight: normal;
	vertical-align: text-bottom;
}

.companyVipInfo h2>a:hover {
	color: #c00;
}

.companyVipInfo dl {
	clear: both;
	display: inline-block;
}

.companyVipInfo dt, .companyVipInfo dd {
	float: left;
	color: #AB8763;
	width: 72px;
	font-size: 14px;
	line-height: 30px;
	vertical-align: top;
}

.companyVipInfo dd {
	color: #784817;
	width: 118px;
}

.companyVipInfo .merito {
	box-sizing: border-box;
	padding-top: 4px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-style: normal;
}

.companyVipInfo>p {
	clear: both;
	text-align: center;
	margin-top: 5px;
}

.companyVipInfo>p>a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 150px;
	background: url(../img/vipbtn.png) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.companyVipInfo>p>a::before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(../img/qysp.png) no-repeat;
	vertical-align: text-bottom;
	margin-right: 8px;
}

.companyVipInfo>p>a:hover {
	opacity: .9;
}

/* product */
.productTop {
	background-color: #fff;
	margin-bottom: 16px;
}

.productName {
	padding: 24px 24px 16px;
	color: #666666;
	font-size: 28px;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.productName span {
	color: #FE3303;
}

.productDes {
	padding: 10px 24px 24px;
}

.productMark {
	font-weight: 400;
	font-size: 12px;
	color: #AAAAAA;
	margin-bottom: 10px;
}

.bigImgBox {
	width: 452px;
	text-align: center;
	display: inline-block;
}

.bigImgBox .bigImg {
	width: 452px;
	height: 452px;
	line-height: 452px;
	position: relative;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	overflow: hidden;
}

.bigImgBox .bigImg img {
	max-width: 430px;
	max-height: 430px;
	vertical-align: middle;
	background-color: #f5f5f5;
}

.bigImgBox .bigImg img.play321 {
	display: none;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	margin-left: -20px;
	z-index: 3;
	cursor: pointer;
	background-color: transparent;
}

.bigImgBox video {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	z-index: 2;
}

.bigImgBox .search {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	background: rgba(0, 0, 0, 0.3) url(../img/pd/search.png) no-repeat center center;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	margin: 0;
}

div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomMask {
	position: absolute;
	background: url(../img/pd/baijiahaoyh.png) repeat transparent;
	cursor: move;
	z-index: 1;
}

.productSmallImgBox {
	position: relative;
	margin-top: 15px;
}

.productSmallImgBox .swiper-container {
	height: 65px;
	width: 410px;
	overflow: hidden;
}

.productSmallImgBox .swiper-slide {
	position: relative;
	height: 65px;
	line-height: 65px;
	box-sizing: border-box;
}

.productSmallImgBox .swiper-slide .swiperSlideImg {
	width: 65px;
	height: 65px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	padding: 2px;
}

.productSmallImgBox .swiper-slide .swiperSlideImg:hover {
	border-color: #FE3303;
}

.swiper-container#product-small-img .swiper-slide .play32 {
	position: absolute;
	width: 14px !important;
	height: 14px !important;
	left: 50%;
	margin-left: -7px;
	top: 50%;
	margin-top: -7px;
	border: none !important;
}

.productSmallImgBox .swiper-button {
	position: absolute;
	height: 100%;
	line-height: 1;
	width: 16px;
	top: 0;
	cursor: pointer;
	z-index: 1;
	user-select: none;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
}

.productSmallImgBox .swiper-button.prev {
	background: url(../img/pd/zjtd.png) no-repeat center center;
	left: 0;
}

.productSmallImgBox .swiper-button.next {
	background: url(../img/pd/yjtd.png) no-repeat center center;
	right: 0;
}

.productSmallImgBox .swiper-button:hover {
	background-color: #f6f6f6;
}

.productDetail {
	display: inline-block;
	width: 690px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	vertical-align: top;
}

.productDetail .productDetailItem {
	padding: 0px 20px 18px 20px;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
}

.productDetail .productDetailItem span:first-child {
	display: inline-block;
	width: 80px;
}

.productDetail .productDetailItem .compamy {
	color: #333;
	font-weight: bold;
}

.productDetail .productDetailItem .connection {
	color: #FE3303;
}

.productDetail .productDetailItem .desc {
	color: #333;
}

.productDetail .productBtn {
	margin-top: 24px;
	box-sizing: border-box;
	padding-left: 24px;
}

.productDetail .productBtn .btn {
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	margin-right: 14px;
	cursor: pointer;
	transition: all 0.5s;
	width: 128px;
	height: 45px;
	line-height: 45px;
	border-radius: 4px;
}

.productDetail .productBtn .btn.hqdj {
	background-color: #FE3303;
	color: #fff;
}

.productDetail .productBtn .btn.zxzx {
	background-color: #0189FF;
	color: #fff;
}

.productDetail .productBtn .btn.qqjt {
	background-color: #399EE5;
	color: #fff;
}

.productDetail .productBtn .btn.qyzx {
	background-color: #9721EA;
	color: #fff;
}

.productDetail .productBtn .btn:hover {
	opacity: 0.8;
}

/* product */
/* dialog */
.dialog {
	z-index: 10000;
	position: fixed;
	width: 600px;
	top: -8888px;
	left: 50%;
	margin-left: -350px;
	background: #fff;
	border-radius: 8px;
}


.dialog tr:last-of-type .value {
	padding-left: 10px;
	text-align: left;
}

.dialogHeader {
	height: 60px;
	line-height: 60px;
	padding: 0 15px;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: left;
	position: relative;
	color: #262626;
	font-weight:bold;
}

.dialogHeader::before {
	top: 23px;
	left: 20px;
}

.dialogClose {
	display: block;
	opacity: 0.8;
	position: absolute;
	right: 20px;
	top: 21px;
	width: 18px;
	height: 18px;
	background: url(../img/pd/close12.png) center center no-repeat;
	overflow: hidden;
	z-index: 9;
}

.dialogClose:hover {
	opacity: 1;
}

.dialogCenter {
	max-height: 500px;
	overflow: auto;
}

.dialogCenter table {
	margin: 15px auto 20px;
	width: 95%;
	border-collapse: collapse;
}

.dialogCenter td {
	padding: 15px 0;
	text-align: center;
	border: 1px solid #d8d8d8;
}

.dialogCenter td.label {
	font-size: 14px;
	color: #666;
	background-color: #f5f5f5;
	width: 100px;
}

.dialogCenter td.value {
	font-size: 14px;
	color: #262626;
}

.dialogInfo {
	height: 84px;
	line-height: 37px;
	padding: 15px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dialogInfoLabel {
	text-align: right;
	display: inline-block;
	width:130px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	padding-right:5px;
}

.dialogInfoLabel i {
	color: #f00;
	font-weight: bold;
	margin-right: 5px;
}

.dialogInfoInput {
	width: 318px;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	color: #333;
}

.dialogInfoSelect {
	width: 302px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #eeee;
	border-radius: 4px;
	color: #333;
}

.dialogInfoTextarea{
    width: 280px;
    background: #fff;
    border: 1px solid #eeee;
    border-radius: 4px;
    color: #333;
    vertical-align: text-top; 
    line-height: 18px;
    padding: 4px 10px;
}

.dialogInfo .dialogInfoInput:focus, .dialogInfo .dialogInfoTextarea:focus {
    border-color: #0189ff;
    box-shadow: 0 0 4px rgb(1 137 255 / 30%);
}

.dialogbtn {
	text-align: center;
	margin-bottom: 14px;
}

.dialogbtnSubmit,
.dialogbtnClose {
	width: 120px;
	height: 36px;
	text-align: center;
	background: #FF481D;
	color: #fff;
	border: 0;
	margin: 1px 0 0 10px;
	border-radius: 4px;
	cursor: pointer;
}

.dialogbtnSubmit:hover {
	background:#e00;
}
.dialogbtnSubmit[disabled]{
	background-color: #ccc;
	border-color: #ccc;
	cursor: not-allowed;
}
.dialogbtnClose {
	background-color: #fff;
	color: #262626;
	border: 1px solid #e8e8e8;
}

.dialogbtnClose:hover {
	color:#fe3303;
}

.mask {
	display: none;
	z-index: 9999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.44);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	zoom: 1;
}
.agreeBox{
	text-align:center;
	color:#999;
}
.agreeBox a{
	color:#999;
}
.agreeBox a:hover{
	color:#0189ff;
	text-decoration: underline;
}
.agreeBox input{
	opacity:0;
}
.agreeBox .check-box{
	position:relative;
	user-select: none;
	cursor: pointer;
}
.agreeBox .check-box::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	border: 1px solid #dadada;
	transform: translate(0, -50%);
}
.agreeBox .check-box::after{
	content: '';
	position: absolute;
	left: 4px;
	top: 50%;
	width: 4px;
	height: 7px;
	border-bottom: 2px solid #0189ff;
	border-right: 2px solid #0189ff;
	transform: translate(0, -60%) rotate(45deg);
	display:none;
}
.agreeBox .check-box.checked::after{
	display: block;
}
#ljxjDialog .dialogInfo .agreeBox p{
	text-align:center;
	color:#f00;
	opacity:0;
	margin-bottom:0;
	line-height:16px;
}
.agreeBox p
.checkPhoneInfo {
	text-align: center;
	color: #333;
	padding: 45px 0;
	font-size: 24px;
}

.checkPhoneInfo span {
	color: #666;
}

/* dialog */

/* productInfo */
.productInfo {
	width: 944px;
	background: #FFFFFF;
	padding: 24px;
	box-sizing: border-box;
	display: inline-block;

	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 16px;
}

.productInfo img {
	max-width: 100% !important;
	vertical-align: bottom;
	margin: 10px 0;
}

.productInfo .title {
	padding: 0 15px;
	background: url(../img/pd/titbg.png) no-repeat 0px 7px;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
}

.productInfo .mark {
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
}

/* productInfo */

/* productAbout */
.productAbout {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.productAboutItem {
	padding: 20px 24px;
	width: 240px;
	background: #FFFFFF;
	box-sizing: border-box;
	margin-bottom: 16px;
}

.productAboutItem .title {
	padding: 0 0 0 15px;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	margin-bottom: 8px;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
}

.productAboutItem .title::before {
	top: 6px;
}

.productAboutItem p {
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	padding: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.productAboutItem ul {
	list-style: none;
	/* height: 300px; */
	overflow: hidden;
}

.productAboutItem ul li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #999999;
	border-bottom: 1px dashed #DDDDDD;
	position: relative;
	margin-left: 16px;
}

.productAboutItem ul li:last-child {
	border-bottom: 0;
}

.productAboutItem ul li::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #C9C1C1;
	border-radius: 50%;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: -16px;
}

.productAboutItem ul li a {

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
	color: #999999;
}

.productAboutItem ul li a:hover {
	color: #FE3303;
}

/* productAbout */

/* float */
.pdFixedNav {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background: #f8f8f8;
	box-shadow: rgba(0, 0, 0, .3) 0px 0px 10px;
	z-index: 99;
	text-align: center;
}

.pdFixedNav .box {
	clear: both;
	display: inline-block;
}

.pdFixedNavL {
	float: left;
	width: 240px;
	height: 50px;
	line-height: 50px;
	background: #FE3303;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.pdFixedNavL span {
	font-weight: bold;
	padding-left: 10px;
	font-size: 18px;
}

.pdFixedNavC {
	float: left;
	width: 500px;
	border-left: 1px solid #eaeaea;
	text-align: left;
}

.pdFixedNavC a {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-top: 2px solid #f8f8f8;
	border-right: 1px solid #eaeaea;
	color: #555;
}

.pdFixedNavC a.on {
	border-top: 2px solid #FE3303;
	background: #fff;
	color: #FE3303;
}

.pdFixedNavC a:hover {
	color: #FE3303;
}

.pdFixedNavSjb {
	float: right;
	width: 150px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #555;
	cursor: pointer;
	position: relative;
	background: url(../img/pd/ewmtb99.png) no-repeat center right 20px;
	padding-right: 20px;
	box-sizing: border-box;

}

.pdFixedNavSjb:hover {
	background-color: #eee;
}

.pdFixedNavSjb img {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	padding: 15px;
	background: #fff;
	border: 1px solid #e8e8e8;
	width: 118px;
	height: 118px;
	z-index: 99;
}

.pdFixedNavSjb:hover img {
	display: block;
}

.pdFixedNavXj {
	float: right;
	display: block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #FE3303;
	color: #fff;
	font-size: 16px;
	border-radius: 2px;
}

.pdFixedNavXj:hover {
	background: #FE3303;
	color: #fff;
}

/* float */
/* hotArea */
.hotArea {
	box-sizing: border-box;
	padding: 24px;
	background: #fff;
	position: relative;
	padding-left: 100px;
	margin-bottom: 16px;
}

.hotArea.classification {
	padding-left: 120px;
}

.hotArea i {
	position: absolute;
	z-index: 1;
	left: 24px;
	top: 24px;
	color: #fe3303;
	font-weight: 600;
}

.hotArea a {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 2px;
	padding: 0 6px;
}

.category {
	line-height: 24px;
	padding: 15px 24px 15px 80px;
}

.category i {
	top: 15px;
}

.category a, .solehaoScreen a {
	display: inline-block;
	margin-bottom: 4px;
	padding: 0 6px;
}

.category a.on, .solehaoScreen a.on {
	background: #fe3303;
	color: #fff;
	border-radius: 4px;
}

/* hotArea end */
/* listmenu */
.listmenu {
	clear: both;
	background: #fff;
	margin: 16px auto;
	height: 40px;
	font-size: 16px;
	overflow: hidden;
}

.listmenu h1 {
	display: inline-block;
	float: left;
}

.listmenu a {
	padding: 0 24px;
	display: inline-block;
	line-height: 37px;
	box-sizing: border-box;
	border-bottom: solid 3px #fff;
	float: left;
}

.listmenu a.on {
	color: #fe3303;
	border-bottom: solid 3px #fe3303;
}

.listmenu span {
	float: right;
	font-size: 12px;
	color: #fe3303;
	line-height: 44px;
	box-sizing: border-box;
	padding-right: 24px;
}

/* industryItem */
.industryItem, .middleIndustryItem {
	clear: both;
	background: #fff;
	box-sizing: border-box;
	padding: 24px;
	height: 232px;
	overflow: hidden;
	margin-bottom: 16px;
}

.middleIndustryItem {
	height: 366px;
}

.industryItem h2, .middleIndustryItem h2 {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	margin-bottom: 10px;
}

.industryItem h2::before, .middleIndustryItem h2::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 16px;
	background: #fe3303;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 4px;
}

.industryItem>p {
	float: left;
	width: 470px;
}

.industryItem>p>a {
	font-size: 14px;
	display: inline-block;
	margin-left: 15px;
	width: 138px;
	line-height: 36px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.industryItem>p>a:hover {
	color: #fe3303;
}

.industryItemRecommend {
	float: right;
}

.industryItemRecommend a {
	float: left;
	display: block;
	width: 130px;
	height: 148px;
	overflow: hidden;
	margin-right: 15px;
}

.industryItemRecommend a:last-child {
	margin-right: 0;
}

.industryItemRecommend span {
	display: block;
	box-sizing: border-box;
	position: relative;
	width: 130px;
	height: 130px;
	padding: 10px;
	border: solid 1px #eee;
	text-align: center;
	transition: all .4s;
	overflow: hidden;
}

.industryItemRecommend a:hover span {
	border-color: #ffb4a2;
}

.industryItemRecommend span::after {
	content: "";
	display: block;
	position: absolute;
	width: 110px;
	height: 110px;
	background: rgba(0, 0, 0, .03);
	z-index: 2;
	left: 10px;
	top: 10px
}

.industryItemRecommend img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 110px;
	max-height: 110px;
	transition: all .4s;
}

.industryItemRecommend a:hover img {
	transform: scale(1.1);
}

.industryItemRecommend em {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	line-height: 24px;
	color: #999;
}

.industryItemRecommend a:hover em {
	color: #fe3303;
}

.mIndustryProduct {
	float: left;
	width: 206px;
	margin-right: 24px;
	box-sizing: border-box;
	border: solid 1px #eee;
	padding: 10px;
}
.mIndustryProduct:hover{
	border-color:#fe3303;
}

.middleIndustryItem .mIndustryProduct:last-child {
	margin-right: 0;
}

.mIndustryProduct p a {
	position: relative;
	display: block;
	width: 184px;
	padding-bottom: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.mIndustryProduct img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s;
}

.mIndustryProduct:hover img {
	transform: scale(1.2);
}

.mIndustryProduct p a::after {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .03);
	content: "";
	display: block;
}

.mIndustryProduct>span, .mIndustryProduct>h3>a, .mIndustryProduct>h3>i {
	display: block;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
}

.mIndustryProduct>span>a {
	color: #666;
}
.mIndustryProduct:hover>span>a{
	color:#fe3303;
}
.mIndustryProduct>h3>a {
	color: #333;
}

.mIndustryProduct>span>a:hover, .mIndustryProduct>h3>a:hover {
	color: #fe3303;
}

.mIndustryProduct>h3>i {
	font-size: 12px;
	color: #aaa;
}

.entireRow .mIndustryProduct {
	width: 211px;
	margin-bottom: 24px;
}

.entireRow .middleIndustryItem .mIndustryProduct:nth-child(5n+1) {
	margin-right: 0;
}

.entireRow .mIndustryProduct p a {
	width: 189px;
}

.entireRow .middleIndustryItem {
	height: auto;
	padding-bottom: 0;
}

/* cooperativeOperatorItem */
.cooperativeOperatorItem {
	clear: both;
	display: inline-block;
	width: 100%;
	background: #fff;
	margin-bottom: 16px;
	box-sizing: border-box;
	padding: 24px;
}

.cooperativeOperatorItem h2 {
	position: relative;
	font-size: 20px;
	box-sizing: border-box;
	padding-left: 15px;
}

.cooperativeOperatorItem h2::before, .cooperativeOperatorItem h2::after {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 8px;
	content: "";
	display: block;
	width: 5px;
	height: 16px;
	background: #fe3303;
	border-radius: 5px;
}

.cooperativeOperatorItem .fl {
	float: left;
	width: 564px;
	margin-left: 15px;
	position: relative;
}

.cooperativeOperatorItem .fl>span {
	padding: 10px;
	box-sizing: border-box;
	border: solid 1px #eee;
	width: 220px;
	height: 220px;
	border-radius: 5px;
	float: left;
	display: block;
	position: relative;
}

.cooperativeOperatorItem .fl>span img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s;
}

.cooperativeOperatorItem .fl>span img:hover {
	transform: scale(1.1);
}

.cooperativeOperatorItem .fl>span::after {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 10px;
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	background: rgba(0, 0, 0, .03);
}

.cooperativeOperatorItem>p {
	color: #999;
	font-size: 12px;
	margin: 5px 0 5px 15px;
}

.cooperativeOperatorItem p i::after {
	content: ">";
	display: inline-block;
	margin: 0 8px;
}

.cooperativeOperatorItem>p>i:last-child::after {
	display: none;
}

.cooperativeOperatorItem .fl>dl {
	display: inline-block;
	float: left;
	margin-left: 15px;
	width: 328px;
	position: relative;
	border: solid 1px #eee;
	box-sizing: border-box;
	margin-top: -1px;
}

.cooperativeOperatorItem .fl>dl:nth-child(2) {
	margin-top: 0px;
}

.cooperativeOperatorItem dt {
	color: #999;
	width: 84px;
	border-right: solid 1px #eee;
	box-sizing: border-box;
	padding: 5px;
	position: absolute;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	background: #fff;
}

.cooperativeOperatorItem dd {
	color: #666;
	width: 326px;
	box-sizing: border-box;
	padding: 5px 5px 4px 89px;
	background: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.cooperativeOperatorItem .fl>div {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 214px;
	width: 348px;
	height: 35px;
}

.cooperativeOperatorItem .fl>div a {
	display: inline-block;
	box-sizing: border-box;
	height: 35px;
	border: solid 1px #fe3303;
	background: #fe3303;
	line-height: 35px;
	border-radius: 4px;
	color: #fff;
	margin-left: 20px;
	padding: 0 16px;
}

.cooperativeOperatorItem .fl>div a:hover {
	opacity: .85;
}

.cooperativeOperatorItem .fl>div a:nth-child(2) {
	border-color: #0189ff;
	background: #0189ff;
}

.cooperativeOperatorItem .fl>div a:nth-child(2):hover {
	opacity: .85;
}

.cooperativeOperatorItem .fl>div a:nth-child(3) {
	border-color: #3bb71e;
	background: #3bb71e;
}

.cooperativeOperatorItem .fl>div a:nth-child(3):hover {
	opacity: .85;
}

.cooperativeOperatorItem .fr {
	float: right;
	width: 545px;
}

.cooperativeOperatorItem .cooperativeOP {
	min-height: 92px;
}

.cooperativeOperatorItem .cooperativeOP:nth-child(1) {
	margin-bottom: 16px;
	border-bottom: dashed 1px #eee;
	padding-bottom: 16px;
}

.cooperativeOP h3 a {
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 2px;
	display: inline-block;
	width: 100%;
}

.cooperativeOP>a {
	font-size: 13px;
	height: 58px;
	letter-spacing: 1px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.cooperativeOP>a:hover {
	color: #fe3303;
}

.vipproductlist .productIteminfo {
	width: 936px;
}

.vipproductlist .productIteminfo.infolist {
	width: 698px;
	overflow: hidden;
}

.newslist .productItem {
	height: 208px;
}

.newslist .productItemImg {
	width: 160px;
	height: 160px;
}

.newslist .productItemImg a {
	width: 140px;
}

.newslist .productItemImg a::before {
	max-width: 140px;
	max-height: 140px;
}

.vipproductlist .productIteminfo h2 a {
	width: 100%;
	height: 28px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vipproductlist .productInfo {
	text-indent: 2em;
	font-size: 14px;
	color: #888;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding: 0;
	line-height: 21px;
}

.vipproductlist .infolist .productInfo {
	width: 698px;
	-webkit-line-clamp: 3;
	height: 76px;
	line-height: 24px;
}

.vipproductlist .productIteminfo.infolist h2 a {
	margin-bottom: 15px;
}

.infoListTime {
	float: right;
	width: 140px;
	height: 140px;
	background: #f8f8f8;
	border: solid 1px #eee;
	box-sizing: border-box;
	margin-top: 15px;
	text-align: center;
	font-size: 22px;
	color: #aaa;
	padding-top: 28px;
}

.infoListTime i {
	display: block;
	font-size: 32px;
}

.solehao {
	column-count: 5;
	column-gap: 24px;
	width: 100%;
	min-height: 372px;
}

.solehao .productItem {
	height: auto;
	padding: 10px;
	transition: all .4s;
}

.solehao .productItem:hover {
	box-shadow: 0 0 8px rgba(254, 51, 3, .3);
	transform: translateY(-5px);
}

.solehao .productItemImg {
	float: none;
	margin: 0;
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
}

.solehao .productItemImg a {
	height: auto;
	width: 100%;
	padding-bottom: 0;
}

.solehao .productItemImg a::before {
	display: none;
}

.solehao .productItemImg img {
	position: static;
	vertical-align: bottom;

}

.solehao .productIteminfo {
	width: 100%;
	float: none;
}

.solehao .productIteminfo h2 a {
	width: 100%;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 5px;
}

.solehao .productInfo {
	font-size: 12px;
	color: #888;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding: 0;
	line-height: 20px;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
}

.solehao .prodcutCompany {
	margin: 0;
}

.solehao .prodcutCompany a {
	display: block;
	font-size: 12px;
	color: #fe3303;
}

.solehao .prodcutCompany a:hover {
	text-decoration: underline;
}

.solehaoTime {
	font-size: 12px;
	color: #999;
}

.solehao .video {
	position: relative;
}

.solehao .video::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	background-position: -174px -46px;
	overflow: hidden;
}

.hotArea.solehaoScreen {
	padding-left: 24px;
}

#quickCallBackBox {
	width: 528px;
	margin-left: -264px;
}

#quickCallBackBox .dialogInfo {
	height: 46px;
	border-top: none
}

.product-btn .btn.quickCallBack {
	border: 1px solid #FBD8AE;
	background-color: #FFFBEF;
	color: #FE3303;
}

.dialog_header {
	height: 60px;
	line-height: 60px;
	padding: 0 20px 0 35px;
}

.dialog_close {
	display: block;
	opacity: 0.8;
	position: absolute;
	right: 20px;
	top: 21px;
	width: 18px;
	height: 18px;
	background: url("../img/pd/close12.png") center center no-repeat;
	overflow: hidden;
	z-index: 9;
}

.lxfxtc_b_btn {
	text-align: center;
	margin: 15px 0 20px 0;
}

.lxfxtc_btn_submit, .lxfxtc_btn_close {
	width: 120px;
	height: 36px;
	text-align: center;
	background-color: #fff;
	color: #262626;
	border: 1px solid #e8e8e8;
	margin: 1px 0 0 10px;
	border-radius: 4px;
	cursor: pointer;
}

.lxfxtc_btn_submit {
	display: inline-block;
	vertical-align: bottom;
	line-height: 36px;
	width: 74px;
}
.lxfxtc_btn_submit:hover{
	border-color: #FE3303;
	background-color: #FE3303;
	color: #fff;
}

.lxfxtc_btn_close:hover{
	border-color: #FE3303;
	color: #FE3303;
}
#ljxjDialog{
	background:#fff url(../img/pd/layerbg.jpg) no-repeat center top;
}
#ljxjDialog .dialogInfo {
	height: auto;
}
#ljxjDialog .dialogInfo p{
	margin-bottom:14px;
}

#ljxjDialog .dialogInfo .telcodeInput {
	width: 147px;
	vertical-align: bottom;
}

#ljxjDialog .dialogInfo .btn {
	width: 120px;
	height: 32px;
	text-align: center;
	border: 1px solid #FF481D;
	color: #FF481D;
	background-color: #fff;
	margin: 1px 0 0 10px;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: bottom;
}

#ljxjDialog .dialogInfo .btn:disabled {
	border-color: #ddd;
	color: #ddd;
	cursor: no-drop;
}

#ljxjDialog .dialogInfo .errorTips {
	color: red;
	margin-left: 10px;
}

#ljxjDialog .dialogInfo .tips {
	font-size: 13px;
	color: #b17e06;
	width: 100%;
	overflow: initial;
	text-overflow: initial;
	white-space: initial;
	line-height: 24px;
	background-color: #fff;
	padding: 10px 20px;
	margin-top: 20px;
	box-sizing: border-box;
	border: solid 1px #cfb77e;
	border-radius: 4px;
	margin-bottom: 6px;
}
.tips a, a.activityRule {
    color: #0189ff;
}
.tips a:hover, a.activityRule:hover {
    text-decoration: underline;
}

.qrcode-phone-modal {
	width: 400px;
	margin-left: -200px;
}

.qrcode-phone-modal * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.qrcode-phone-modal .dialog_header {
	background: none;
	border: 0 none;
	font-size: 18px;
	font-weight: 500;
	color: #333;
}

.qrcode-phone-modal .content {
	font-size: 12px;
	color: #666;
	display: flex;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 352px;
	min-height: 258px;
	padding: 24px;
	text-align: center;
	background: #f3f4f7;
	margin: 0 auto;
}

.qrcode-phone-modal .content .phone2 {
	margin-bottom: 16px;
	font-size: 28px;
	font-weight: 500;
	line-height: 30px;
	color: #000;
	letter-spacing: 0;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.qrcode-phone-modal .content .qr-code {
	width: 100px;
	height: 100px;
	margin: 24px auto 16px;
}

.qrcode-phone-modal .content .tip {
	font-size: 14px;
	line-height: 18px;
	color: #303133;
}

#xzylSubmitDialog .phone2,
#lzylxjDialog .phone2 {
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}
#lzylxjDialog .phone2{
	margin-bottom: 20px;
}
#lzylxjDialog.qrcode-phone-modal .content{
	min-height: auto;
}
#xzylSubmitDialog .phone2 span ,
#lzylxjDialog .phone2 span{
	color: red;
	font-size: 26px;
}

#xzylSubmitDialog .qr-code {
	width: 160px;
	height: 160px;
}

#xzylSubmitDialog .qr-code img {
	width: 100%;
	height: 100%;
}

#xzylSubmitDialog .tip {
	line-height: 22px;
}
.index_flex_box{
	position: fixed;
	top: 50%;
	left:50%;
	z-index: 99;
	margin:-214px 0 0 610px;
	font-size: 12px;
	text-align:center;
	color:#fff;
}
.index_flex_service,.index_flex_online,.index_flex_weixincode{
	box-sizing: border-box;
	width:122px;
	height:195px;
	background:#fe3303;
	border:solid 2px #fff;
	border-radius:12px;
	box-shadow:0px 0px 5px rgba(0,0,0,.1);
	padding:10px 0;
	font-size:13px;
}
.index_flex_service_avatar{
	position: relative;
}
.index_flex_service_avatar a{
	position:relative;
	z-index:2;
}
.index_flex_service_avatar img{
	animation: scalemove 3s infinite ease-in-out alternate;
}
.index_flex_weixincode a{
	color:#fff;
}
.index_flex_weixincode a:hover{
	color: #ff0;
}
@keyframes scalemove{
	0%{
			transform: scale(0.8);
	}
	25%{
			transform: scale(1);
	}
	50%{
			transform: scale(0.8);
	}
	75%{
			transform: scale(1);
	}
}
.index_flex_service_avatar span{
	position: absolute;
	left: 50%;
	top:50%;
	margin:-47px 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);
	}
}
.index_flex_service_phone{
	margin-top:5px;
}
.index_flex_service_phone img{
	vertical-align: middle;
	margin-right:5px;
}
.index_flex_service_phone p{
	font-size:14px;
	font-weight:bold;
}
.index_flex_online{
	height:80px;
	margin-top:5px;
}
.index_flex_online a{
	display: block;
	height:60px;
	background:url(../img/index_flex_wechat.png) no-repeat center 0px;
	color:#fff;
	line-height:98px;
	overflow: hidden;
}
.index_flex_online a:hover{
	color:#ff0;
}
.index_flex_weixincode{
	height:142px;
	margin-top:5px;
}
.index_flex_weixincode img{
	vertical-align: bottom;
	margin-bottom:3px;
	}
.vipCompanyList{
	clear: both;
	height:auto;
}
.vipCompanyName{
	font-size:18px;
	color:#2440b3;
}
.vipCompanyName a{
	color:#fe3303;
	text-decoration:underline;
	display:inline-block;
	max-width:calc(100% - 200px);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	vertical-align:top;
}
.vipCompanyName a:hover{
	color:#d00;
}

.vipCompanyInfo{
	display:inline-block;
	width:100%;
	border:solid 1px #eee;
	padding:15px;
	box-sizing: border-box;
}
.vipCompanyLogo{
	float:left;
	width:144px;
	height:144px;
	overflow:hidden;
	position:relative;
	margin:0 15px 15px 0;
}
.vipCompanyLogo img,.vipCompanyLogo::after{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}
.vipCompanyLogo::after{
	z-index:2;
	background:rgba(0,0,0,.05);
	display: block;
	content: "";
	width:100%;
	height:100%;
}
.vipCompanyDetail{
	float:left;
	width: calc(100% - 160px);
}
.vipCompanyInfo ul,.vipCompanyInfo p{
	clear: both;
	float:left;
	width:100%;
}
.vipCompanyDetail p{
	line-height:24px;
}

.vipCompanyDetail p a{
	display:inline-block;
	color:#0189ff;
	vertical-align:bottom;
}
.vipCompanyDetail p,.vipCompanyDetail p a,.vipCompanyInfo ul li a{
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.vipCompanyDetail p a:hover{
	color:#fe3303;
	text-decoration: underline;
}
.vipCompanyDetail p.businessScope{
	white-space: pre-wrap;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.vipCompanyInfo ul{
	display:inline-block;
	width:100%;
	border-bottom:solid 1px #f0f0f0;
	box-sizing: border-box;
	height:42px;
	line-height:42px;
}
.vipCompanyInfo ul.thStyle{
	background:#fafafa;
}
.vipCompanyInfo ul.thStyle li:nth-child(1),.vipCompanyInfo ul.thStyle li:nth-child(3){
	color:#333;
}
.vipCompanyInfo ul li{
	float:left;
	box-sizing: border-box;
	padding:0 10px;
}
.vipCompanyInfo ul li:nth-child(1){
	width:calc(100% - 216px);
}
.vipCompanyInfo ul li:nth-child(2),.vipCompanyInfo ul li:nth-child(3){
	width:108px;
	color:#555;
}
.vipCompanyInfo ul li:nth-child(3){
	color:#fe3303;
}
.vipCompanyInfo ul li a{
	color:#0189ff;
	display:inline-block;
	max-width:100%;
}
.vipCompanyInfo ul li a:hover{
	color:#fe3303;
	text-decoration:underline;
}
.vipCompanyInfo p.productControls{
	margin-top:10px;
}
.procurement-lead ul{
  display:flex;
  gap:30px;
  font-size:17px;
  color:#888;
  box-sizing: border-box;
  padding:12px 0;
  align-items: end;
  justify-content: start;
}
.procurement-lead>ul>li{
  border-bottom:solid 2px transparent;
  cursor: pointer;
}
.procurement-lead>ul>li.active{
  font-size:20px;
  color:#fe3306;
  border-color:#fe3306;
}
.procurement-lead>ul>.more{
  font-size:15px;
  color:#fe3306;
  border-bottom:solid 2px transparent;
  margin-left:auto;
}
.procurement-lead>ul>.more:hover{
  text-decoration: underline;
}
.purchasingConsortiaItem {
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.1);
  transition: all .4s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  position: relative;
  width: calc(25% - 19px);
}
.bigindustry{
  margin:0 0 16px 0;
}
.bigindustry .purchasingConsortiaItem{
  width: calc(33.33% - 16px);
}
.purchasingConsortiaInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 48px);
}
.purchasingConsortiaContent div {
  display: flex;
  align-items: flex-start;
  line-height: 20px;
}
.purchasingConsortiaItem .purchasingConsortiaContent:first-child > div:first-child p {
  font-size: 14px;
  color: #333;
  height: 42px;
  font-weight: 600;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.purchasingConsortiaItem .purchasingConsortiaContent:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  color: #84909b;
  font-size: 12px;
}
.purchasingConsortiaItem .purchasingConsortiaContent:nth-child(2) > div.txt3th {
  margin-left: 12px;
}
.purchasingConsortiaItem .purchasingConsortiaContent:nth-child(2) > div.txt2th {
  margin-left: 24px;
}
.purchasingConsortiaItem .purchasingConsortiaContent:nth-child(2) > div {
  width: calc(100% - 8px);
}
.purchasingConsortiaItem > p {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.purchasingConsortiaItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  border-radius: 4px;
  color:#333;
  padding: 0 20px;
  gap: 5px;
  height: 28px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  margin-top: 6px;
  transition: all .2s;
}
.purchasingConsortiaItem a:hover{
  color:#fe3306;
  border-color:#fe3306;
}
.purchasingConsortiaItem a.in-price, .purchasingConsortiaItem a.show-xls {
  background: #fe3306;
  color: #fff;
  border-color: #fe3306;
  border-radius: 4px;
}
.purchasingConsortiaItem a.in-price:hover, .purchasingConsortiaItem a.show-xls:hover{
  background:#ee2d03;
  border-color: #ee2d03;
}
.purchasingConsortiaContent span, .purchasingConsortiaContent .purcherviewxls {
  position: absolute;
  z-index: 1;
  right: 18px;
  top: 68px;
  background: #fff;
  border: solid 1px #fe3306;
  color: #fe3306;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
}
.procurement-lead.bigindustry{
  padding: 0 14px;
}
.procurement-lead-item{
  display:none;
  flex-wrap: wrap;
  gap:24px;
}
.bigindustry .procurement-lead-item{
  height:210px;
  gap:0px;
  box-sizing: border-box;
  padding:5px 5px 0 5px;
  overflow: hidden;
}
.bigindustry .procurement-lead-item .procurement-lead-rows{
  display:flex;
  gap:24px;
}
.procurement-lead-item.show{
  display:flex;
}
@media screen and (max-width:1599px) {
	.index_flex_box{
		left:auto;
		right:10px;
	}
}
@media screen and (max-width:1199px) {
	.topBar, .header a.publish, .header .search, .nav .navIndustry, .footer {
		display: none;
	}

	body {
		min-width: 100%;
		padding-bottom: 40px;
	}

	.conentBox,
	.box {
		width: 100%;
	}

	a.logo {
		background: none;
		position: relative;
		font-size: 30px;
		font-weight: bold;
		padding: 0 10px;
		width: 100px;
		text-align: center;
		margin: 7px 0 0;
	}

	a.logo::before {
		content: '搜了网';
		color: #fe3303
	}

	.nav {
		position: fixed;
		bottom: 0;
		background-color: #fff;
		width: 100%;
		z-index: 99999;
	}

	.nav .box {
		display: flex;
		justify-content: space-around;

	}

	.header {
		height: 60px;
	}

	.hotArea {
		position: absolute;
		top: 46px;
		z-index: 10;
		padding: 0;
	}

	.hotArea::before {
		content: url(../img/areaico.png);
		position: absolute;
		top: -30px;
		right: 60px;
		border-radius: 4px;
		width: 32px;
		height: 37px;
		line-height: 37px;
	}

	.hotArea.classification::before,
	.hotArea.solehaoScreen::before {
		content: url(../img/screenico.png);
		right: 24px;
	}

	.hotArea.marginT16 {
		margin-top: 0;
	}

	.hotArea a,
	.hotArea i {
		display: none;
	}

	.hotArea.active a,
	.hotArea.active i {
		display: inline-block;
	}

	.hotArea.active {
		z-index: 11;
		box-shadow: 0 6px 4px 0 #F5F5F5;
		padding: 48px 24px 24px;
	}

	.productItem:nth-child(1),
	.cooperativeOperatorItem:nth-child(1) {
		margin-top: 16px;
	}

	.listBox .productItem:nth-child(1),
	.solehao .productItem:nth-child(1) {
		margin-top: 0;
	}

	.cooperativeOperatorItem .fr {
		width: 380px;
	}

	.vipproductlist .productIteminfo {
		width: calc(100% - 216px);
	}

	.vipproductlist .infolist .productInfo,
	.vipproductlist .productInfo {
		width: 100%;
	}

	.vipproductlist .productIteminfo.infolist {
		width: calc(100% - 348px);
	}

	.listBox {
		width: 100%;
		float: initial;
	}

	.listBox .middleIndustryItem {
		height: auto;
		padding-bottom: 0;
		display: inline-block;
		width: 100%;
	}

	.listBox .middleIndustryItem .mIndustryProduct {
		margin-bottom: 24px;
		width: calc((100% - 72px)/4);
	}

	.listBox .middleIndustryItem .mIndustryProduct:nth-child(5n) {
		margin-right: 0;
	}

	.listBox .middleIndustryItem .mIndustryProduct p a {
		width: 100%;
	}

	.sideBox {
		width: 100%;
		float: initial;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 24px;
	}

	.sideBox .companyVipInfo, .sideBox .productAboutItem {
		width: calc((100% - 48px)/3);
		margin: 0 24px 24px 0;
	}

	.sideBox>div:nth-child(3n) {
		margin-right: 0;
	}

	.sideBox .companyVipInfo .merito {
		-webkit-line-clamp: 5;
	}

	.sideBox .companyVipInfo dd {
		width: calc(100% - 72px);
		word-break: break-all;
	}

	.category_nav1.footerLetter span,
	.crumbs .fl,
	.breadLink .fl {
		font-size: 0;
	}

	.crumbs a,
	.crumbs h1,
	.breadLink .fl span, .breadLink .fl a {
		font-size: 12px;
	}

	.box.crumbs {
		padding: 7px 24px 5px;
		height: auto;
		display: inline-block;
	}

	.breadLink {
		height: auto;
		line-height: 20px;
		padding: 10px 16px;
		box-sizing: border-box;
	}

	.breadLink .fl {
		padding-right: 0;
	}

	/* .breadLink .fl a,
	.breadLink .fl span{
		display: inline-block;
	} */
	.industryItem {
		height: auto;
	}

	.industryItem>.industryItemRecommend {
		width: 100%
	}

	.industryItem>p {
		width: 100%;
	}

	.industryItem>p>a {
		width: calc((100% - 80px)/4);
	}

	.industryItem>.industryItemRecommend a {
		margin-top: 10px;
	}

	.prodcutCompany i {
		display: none;
	}

	.box.listmenu {
		height: auto;
	}

	.box.listmenu a {
		padding: 0 10px;
	}

	.box.listmenu>span {
		display: none;
	}

	.nav>.box>a {
		position: relative;
		font-size: 0;
	}

	.nav>.box>a img {
		display: none;
	}

	.nav>.box>a::before {
		content: attr(title);
		font-size: 14px;
	}
}

@media screen and (max-width:1023px) {
	.cooperativeOperatorItem .fl>span {
		width: 160px;
		height: 160px;
	}

	.cooperativeOperatorItem .fl>span::after {
		width: 140px;
		height: 140px;
	}

	.cooperativeOperatorItem .fl, .cooperativeOperatorItem .fr {
		width: 100%;
		margin: 10px 0 0;
	}

	.cooperativeOperatorItem .fl>div,
	.cooperativeOperatorItem .fl>dl {
		width: calc(100% - 175px);
	}

	.cooperativeOperatorItem dd {
		width: 100%;
	}

	.cooperativeOperatorItem .fl>div {
		left: 154px;
	}

	.cooperativeOperatorItem dd {
		-webkit-line-clamp: 1;
	}

	.cooperativeOperatorItem .fl>dl {
		line-height: 28px;
	}

	.box.crumbs .fl {
		width: 100%;
		float: initial;
	}

	.box.crumbs .fl.companyVip {
		margin: 10px 0;
	}

	.box.crumbs .companyVip a {
		margin-left: 0
	}

	.box.crumbs .fr {
		margin-bottom: 10px;
		float: left;
	}

	.box.crumbs span:last-child {
		margin-bottom: 0;
	}

	.productIteminfo {
		width: calc(100% - 262px);
	}

	.productIteminfo h2 a {
		width: 100%;
	}

	.footerLetter a {
		padding: 0 8px;
		margin: 4px 0;
	}

	.solehao {
		column-count: 3;
	}

	.listBox .productItem .prodcutCompany.vip a {
		max-width: 350px;
	}
}

@media screen and (max-width:767px) {
	.cooperativeOperatorItem .fl>span {
		width: 120px;
		height: 120px;
	}

	.cooperativeOperatorItem .fl>span::after {
		width: 100px;
		height: 100px;
	}


	.cooperativeOperatorItem .fl>div,
	.cooperativeOperatorItem .fl>dl {
		width: calc(100% - 135px);
	}

	.cooperativeOperatorItem .fl>div {
		position: absolute;
		left: 135px;
		height: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.cooperativeOperatorItem .fl>div a {
		height: 20px;
		line-height: 20px;
		padding: 0 7px;
		margin: 0;
	}

	.cooperativeOperatorItem .fl>dl {
		line-height: 22px;
	}

	.nav>.box>a {
		padding: 0 14px;
	}

	.dialog {
		width: 96% !important;
		margin-left: -48% !important;
	}

	.dialogInfo {
		padding: 10px;
	}

	.dialogInfoInput {
		width: calc(100% - 112px);
	}

	#ljxjDialog .dialogInfo .btn {
		width: calc(100% - 273px);
	}

	.productItem {
		height: auto;
		padding: 16px;
	}

	.newslist .productItem {
		height: auto;
	}

	.industryItem,
	.cooperativeOperatorItem {
		padding: 16px;
	}

	.vipproductlist .productIteminfo {
		width: calc(100% - 156px);
	}

	.vipproductlist .productIteminfo.infolist {
		width: 100%;
	}

	.productItemImg {
		width: 140px;
		height: 140px;
		margin-right: 16px;
		float: left;
	}

	.productItemImg a {
		width: 100%;
	}

	.productItemImg a::before {
		max-width: 120px;
		max-height: 120px;
	}

	.newslist .productIteminfo.infolist {
		width: calc(100% - 184px);
		margin-top: 0;
	}

	.newslist .productIteminfo.infolist h2 a, .newslist .infolist .productInfo {
		margin-bottom: 10px;
	}

	.newslist .prodcutCompany {
		margin-bottom: 0;
	}

	.newslist .infoListTime {
		width: 100%;
		height: auto;
		display: none;
		text-align: center;
		align-items: center;
		gap: 10px;
		padding: 0;
		font-size: 14px;
		background-color: #fff;
		border: 0 none;
		margin-top: 10px;
	}

	.newslist .infoListTime i {
		font-size: 14px;
	}

	.prodcutCompany a {
		width: 100%;
	}

	.listBox .productItem .prodcutCompany.vip a {
		max-width: 126px;
	}

	.vipproductlist .infolist .productInfo {
		height: auto;
	}

	.listBox .middleIndustryItem .mIndustryProduct {
		margin-right: 24px;
		width: calc((100% - 24px)/2);
	}

	.listBox .middleIndustryItem .mIndustryProduct:nth-child(3n) {
		margin-right: 0;
	}

	.sideBox .companyVipInfo, .sideBox .productAboutItem {
		width: 100%;
		margin: 0 0 24px 0;
	}

	.listBox .productIteminfo {
		width: calc(100% - 156px);
	}

	.listBox .pinnedTop1::after,.listBox .pinnedTop2::after,.listBox .pinnedTop3::after {
		display: none;
	}

	.listBox .productIteminfo h2 a {
		font-size: 16px;
	}

	.vipproductlist .productControls,
	.listBox .productControls {
		position: relative;
		left: -156px;
		width: calc(100% + 156px);
	}

	.link_con ul li {
		width: 33% !important;
	}

	.industryItem>.industryItemRecommend a {
		margin-top: 10px;
		width: calc((100% - 30px)/3);
	}

	.industryItem>.industryItemRecommend a:nth-child(3n) {
		margin-right: 0;
	}

	.industryItem>.industryItemRecommend span {
		width: 110px;
		height: 110px;
	}

	.industryItem>.industryItemRecommend span::after {
		width: 90px;
		height: 90px;
	}

	.industryItem>.industryItemRecommend img {
		max-width: 90px;
		max-height: 90px;
	}

	.solehao {
		column-count: 2;
	}
	.vipCompanyDetail{
		width:100%;
	}
	.vipCompanyInfo ul li:nth-child(2), .vipCompanyInfo ul li:nth-child(3){
		width:80px;
	}
	.vipCompanyInfo ul li:nth-child(1){
		width:calc(100% - 160px);
	}
	.listBox .vipCompanyList .vipCompanyInfo p{
		left:0;
	}
}

@media screen and (max-width:413px) {
	.cooperativeOperatorItem .fl>div a {
		padding: 0 3px;
	}

	.cooperativeOperatorItem {
		padding: 16px;
	}

	.dialogClose {
		right: 10px;
	}

	.dialogHeader {
		padding-left: 20px;
	}

	.dialogHeader::before {
		left: 10px;
	}

	#ljxjDialog .dialogInfo .telcodeInput {
		width: 110px;
	}

	#ljxjDialog .dialogInfo .btn {
		width: calc(100% - 236px);
	}

	.qrcode-phone-modal .content {
		width: 100%;
	}

	.link_con ul li {
		width: 50% !important;
	}

	.category_nav1 {
		padding: 16px !important;
	}

	.industryItem>.industryItemRecommend a {
		width: 130px;
		display: inline-block;
		float: initial;
	}

	.industryItem>.industryItemRecommend a:nth-child(3n) {
		margin-right: 15px;
	}

	.industryItem>.industryItemRecommend a:nth-child(2n) {
		margin-right: 0;
	}

	.industryItem>.industryItemRecommend span {
		width: 130px;
		height: 130px;
	}

	.industryItem>.industryItemRecommend span::after {
		width: 110px;
		height: 110px;
	}

	.industryItem>.industryItemRecommend img {
		max-width: 110px;
		max-height: 110px;
	}

	.listBox .productItem .prodcutCompany.vip a {
		max-width: 92px;
	}

	.nav {
		display: none;
	}

	body {
		padding-bottom: 0;
	}
	.productItem,.vipCompanyList{
		padding:10px;
	}
 .sideBox{
	 padding:10px;
 }
}

@media screen and (max-width:374px) {
	.listBox .productItem .prodcutCompany.vip a{
		max-width:44px;
	}
	/* .cooperativeOperatorItem .fl>div a {
		padding: 0;
		border: 0;
		font-size: 12px;
	} */
	.cooperativeOperatorItem .fl>span {
		float: initial;
		width: 220px;
		height: 220px;
		margin: 0 auto;
	}

	.cooperativeOperatorItem .fl>span::after {
		width: 200px;
		height: 200px;
	}

	.cooperativeOperatorItem .fl>dl {
		width: 100%;
		margin-left: 0;
	}

	.cooperativeOperatorItem .fl>dl:nth-child(2) {
		margin-top: 10px;
	}

	.cooperativeOperatorItem dd {
		-webkit-line-clamp: 2;
	}

	.cooperativeOperatorItem .fl>div {
		position: initial;
		width: 100%;
		padding: 10px 0 0;
	}

	.cooperativeOperatorItem .fl>div a {
		padding: 0 10px;
	}

	.nav>.box>a {
		padding: 0 6px;
	}

	.dialogHeader {
		font-size: 12px;
	}

	#ljxjDialog .dialogInfo .telcodeInput {
		width: 50px;
	}

	#ljxjDialog .dialogInfo .btn {
		width: calc(100% - 176px);
	}

	.checkPhoneInfo {
		padding: 20px 0;
	}

	.box.listmenu a {
		padding: 0px 8px;
		margin: 0;
	}

	.productControls a {
		width: 73px;
		height: 30px;
		line-height: 30px;
		margin-right: 3px;
	}
	.vipCompanyInfo ul li:nth-child(2),.vipCompanyInfo ul li:nth-child(3){
		white-space: nowrap;
		text-overflow:ellipsis;
		overflow: hidden;
	}
	 .vipCompanyList,.vipCompanyInfo{
		 padding:10px;
	 }
}
a.callbacklink{
        font-size:12px;
        color:#0189ff;
        text-decoration: underline !important;
        display:inline-block;
        margin-left:10px;
}
a.callbacklink:hover{
        color:#fe3303;
}
.procurement-lead-right {
    margin-left: auto;
    display: flex;
    gap: 30px;
    align-items: end;
}

.procurement-lead-right > a {
color: #333;
font-size: 16px;
}

.procurement-lead-right > a.more {
font-size: 14px;
color: #aaa;
}

.procurement-lead-right > a:hover {
color: #fe3306;
text-decoration: underline;
}