/**
--- 功能: 页面通用的样式
--- 日期: 2025-02-11
--- by: xwq
**/



/*******************  零. 前置公共  *******************/

/** 1.引入字体：数字和英文用 **/
@font-face {font-family:titillium; src: url('../../fonts/Titillium-web/TitilliumWeb-Bold-3.ttf');}
@font-face {font-family:titilliumRegular; src: url('../../fonts/Titillium-web/TitilliumWeb-Regular-10.ttf');}
@font-face {font-family:jetbrainsmono; src: url('../../fonts/JetBrains-Mono/JetBrainsMono-Regular-2.ttf');}
@font-face {font-family:jetbrainsmonobold; src: url('../../fonts/JetBrains-Mono/JetBrainsMono-Bold-7.ttf');}
@font-face {font-family:AlimamaAgileVF; src: url('../../fonts/AlimamaAgileVF/AlimamaAgileVF-Thin.ttf');}
@font-face {font-family:HarmonyOS_Sans_Regular; src: url('../../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf');}
@font-face {font-family:HarmonyOS_Sans_Bold; src: url('../../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf');}

/** 2.定义公共内边距 **/
.cp-padding5{padding: 5px;}
.cp-padding10{padding: 10px;}
.cp-padding15{padding: 15px;}
.cp-padding20{padding: 20px;}
.cp-padding25{padding: 25px;}
.cp-padding30{padding: 30px;}

/** 3.定义公共外边距 **/
.cp-margint5{margin-top: 5px;}
.cp-margint10{margin-top: 10px;}
.cp-margint15{margin-top: 15px;}
.cp-margint20{margin-top: 20px;}
.cp-margint25{margin-top: 25px;}
.cp-margint30{margin-top: 30px;}

/** 3.定义部分情况颜色 **/
.rise{ color: var(--cdp-rise); }
.fall{ color: var(--cdp-fall); }

:root {
	--default-width:100%!important; /*临时将页面总体宽度调为1140*/
}


/** 4.定义付费墙图标 **/
.cxui-spepay{position: relative}
.cxui-spepay .cxui-pay{ position: absolute; top: -20px; right: -15px}

/** 5.定义无数据的样式 **/
.system-prompt{text-align: center; margin: 20px auto}
.system-prompt .text{font-size: 20px; color: var(--text-09-color); margin-bottom: 20px}
.system-prompt .tipimg{width: 500px; margin: 0 auto}
.system-prompt .tipimg img{width: 100%; border-radius: 6px}

/** 6.深色墨色图片效果处理 **/
.dark-theme img {
	filter: brightness(.88);
}
/** 7.调大翻页时 加锁图标的大小 **/
.layui-table-page .ti-lock{
	font-size: 18px;
}
/** 7.调大翻页时 加锁图标的大小 **/
.layui-tabs-header li{
	color: var(--text-06-color);
}



/*******************  一. 框架模块(cplayout)  *******************/
/**
		1.页面内容主框架
      确定页面的基本宽度布局
**/

.layout-warp{
	padding: 2px 0;
}
.layout-pages{
	max-width: var(--default-width);;
	margin: 0 auto;
	position: relative;
}
.cxcard{
	padding:20px;
	background: var(--bgmain2-color);
	border-radius: 6px;
}
.advanceBottom{
	bottom: 0;
	left: 0px;
	right: 0px;
}
#comdetNav.fixed {
	top: 0;
	left: 0px;
	right: 0px;
}
@media screen and (min-width: 1440px) {
	.layout-warp{
	}
	.advanceBottom{
	}
	#comdetNav.fixed{
	}
}

.ellipsis1{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cpcolor{
	background: var(--bgmain2-color);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}


/** 2.页面路径（cppaths）**/
.cppaths{display: flex;}
.cppaths .rowlf{flex: 1;}
.cppaths .rowrg{flex: 1;}
.cppaths .topicon{
	text-align: right;
	position: relative;
}
.cppaths .topicon .theme-toggle{
	background: var(--bgmain2-color);
	border: 1px solid var(--text-02-color);
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: 0px;
}
.cppaths .topicon .theme-toggle:hover{
	opacity: 0.8;
}
.cppaths .topicon iconpark-icon{
	font-size: 18px;
	color: var(--primary-color);
}


/** 2.页面路径（toptool）--预废弃兼容老样式**/
.toptool{
	display: flex;
	margin-bottom: 10px;
}
.toproute{
	flex: 1;
}
.toproute span{
	margin:0 6px;
	color: var(--text-03-color);
}
.toproute a{
	color: var(--text-06-color);
}
.toproute em{
	color: var(--text-04-color);
	font-style: normal;
}
.topicon{
	flex: 1;
	text-align: right;
	position: relative;
}
.topicon .theme-toggle{
	background: var(--bgmain2-color);
	border: 1px solid var(--text-02-color);
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: 0px;
}
.topicon .theme-toggle:hover{
	opacity: 0.8;
}
.topicon iconpark-icon{
	font-size: 18px;
	color: var(--primary-color);
}


/** 3.页面内容（cpcontent）**/
.cpcontent{
	margin-top: 10px;
}


/** 4.链接颜色设置 **/
a{
	color:var(--cdp-base);
}
a:hover{
	color: rgba(var(--cdp-base-rgb), 0.88);
}


/************************************************************
							框架
************************************************************/


/*************** 0.页面整体背景 ****************/
body{
	background: rgba(var(--cdp-whole-bg-rgb), 1);
}


.main-frame{
	max-width: var(--default-width);
	margin: 0 auto;
}
.main-header{
	position: sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 0;
	z-index: 99999999;
	background-color: var(--cdp-main-anti);
	border-bottom: 1px solid var(--text-005-color);
}


/*************** 1.固定导航头部样式 ****************/
.header{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 2;
}

.header .inner {
	z-index: 10;
	padding-left: 12px;
	padding-right: 12px;
	width: var(--default-width);
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .left-wrap, .header .right-wrap{
	display: flex;
	gap: 10px;
	align-items: center;
	white-space: nowrap;
}
.header .rgitem a{
	letter-spacing: 1px;
	color: var(--cdp-main);
	border: 1px solid var(--text-01-color);
	border-radius: 4px;
}
.header .rgitem a:hover{
	background: var(--bgmain2-hover-color);
}
.header .theme-toggle {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0;
	font-size: 16px;
}
.header .theme-toggle iconpark-icon{
	color: var(--cdp-main);
}
.header .logo{
	margin-right: 0px;
}
.header .logo img{
	height: 30px;
}


.header .lgwhite{
	display: none;
}
body.dark-theme .lgwhite{
	display: inline-block;
}
body.dark-theme .lgblue{
	display: none;
}




/***导航弹出***/

.navwarp{
	max-width: 1140px;
	margin: 0 auto;
}
.navwarp .navname{
	font-size: 15px;
	color: var(--text-08-color);
	background: var(--text-01-color);
}


.prodata{
	display: flex;
    margin: 0 auto;
    gap: 34px;
    white-space: initial;
    padding: 0px 30px 30px;
}

.prodata-item {
	flex: 1;
    box-sizing: border-box;
}




/***导航弹出样式1***/
.pro-title{
	font-size: 15px;
	color: rgba(0, 0, 0, 0.88);
	font-weight: 700;
	text-align: left;
	margin-left: 0px;
	margin-top: 20px;
}
.pro-infos{
	font-size: 14px;
	text-align: left;
	margin-left: 0px;
	margin-top: 10px;
}
.pro-infos .infdes{
	line-height: 24px;
	text-align: justify;
	color: rgba(0, 0, 0, 0.8);
}
.pro-infos .inbuts{
	margin-top: 18px;
}




/***导航弹出样式2***/
.pro-table{
	display: grid;
	grid-template-rows: repeat(4,1fr);
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-auto-rows: max-content;
	grid-column-gap: 24px;
}
.pro-tabitem{
	display: flex;
	padding: 6px 18px;
	align-items: center;
	box-sizing: border-box;
	color: rgba(13,13,13,.9);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	border-radius: 4px;
}
.pro-tabitem:hover {
	background: rgba(0,0,0,.04);
}

.pro-tabitem .daicon{
	width: 20px;
	height: 20px;
	margin-right: 4px;
	position: relative;
}
.pro-tabitem .daicon iconpark-icon{
	font-size: 16px;
	position: absolute;
	top: 2px;
	left: 2px;
}


.pro-tabitem .daspec{
	max-width: 150px;
	text-align: justify;
}
.pro-tabitem .daspec .spec-title{
}
.pro-tabitem .daspec .spec-des{
	line-height: 20px;
}



/***导航弹出样式3***/
.pro-dalist{
	display: grid;
	grid-template-rows: repeat(3,1fr);
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-auto-rows: max-content;
	grid-column-gap: 24px;
	padding-top: 16px;

}
.pro-dalitem{
	display: flex;
	padding: 6px 18px;
	align-items: center;
	box-sizing: border-box;
	color: rgba(13,13,13,.9);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
}
.pro-dalitem:hover {
	background: rgba(0,0,0,.04);
}

.pro-dalitem .daicon{
	width: 30px;
	margin-right: 4px;
	position: absolute;
	top: 10px;
	left: 2px;
}
.pro-dalitem .daicon iconpark-icon{
	font-size: 16px;
}


.pro-dalitem .daspec{
	max-width: 150px;
	text-align: justify;
	margin-left: 18px;
	padding-bottom: 10px;
}
.pro-dalitem .daspec .spec-title{
	font-weight: 700;
	margin-top: 2px;
}
.pro-dalitem .daspec .spec-des{
	line-height: 20px;
	color: var(--text-05-color);
}


/*************** 其他.页面ifarmearea ****************/
.iframearea {
	margin: 0 15px;
}
.iframearea iframe {
	width: 100%;
	border: none;
	display: block;
}

/*************** 其他.页面底部效果 ****************/
.main-footer{
	background: var(--cdp-main-anti);
	padding: 20px 30px;
	text-align: center;
	color: var(--text-08-color);
}

.ftconter{
	margin-bottom: 6px;
}



/*************** 其他.付费墙 ****************/
.transparent-skin .layui-layer-content {
	background: transparent!important;
	border: none!important;
}
.transparent-skin .layui-layer{
	border-radius: 8px;
}

.layui-layer.transparent-skin {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.layui-layer.transparent-skin .layui-layer-content {
	background: transparent !important;
	border: none !important;
}
 

.paywallPop {
	padding: 20px 25px;
	border-radius: 6px;
	min-height: 300px;
	background-color: #161616;
	background-image: url('../../img/vip-popbg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

.paywarp {
	box-sizing: border-box;
	padding: 20px;
}

.paytit {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #fbdac6;
	padding: 16px 8px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	margin-bottom: 8px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.payinfo {
	position: relative;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.paydes {
	flex: 1;
	min-width: 300px;
	height: 120px;
	overflow: hidden;
	padding: 8px 0;
}

.paydes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.paydes li {
	font-size: 16px;
	text-align: left;
	color: #fbdac6;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
	line-height: 1.4;
	opacity: 0.9;
	transition: opacity 0.3s ease;
}

.paydes li:hover {
	opacity: 1;
}

.paydes li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background:#fbdac6;
	border-radius: 1px;
}

.payinfo .paytool {
	flex-shrink: 0;
	height: 120px;
}

.paytlwarp {
	padding: 15px 20px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 8px;
	border: 1px solid rgba(254, 220, 185, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.payprice {
	color: #fbdac6;
	font-size: 16px;
	text-align: center;
	margin: 0 0 12px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-weight: 500;
}

.payprice span {
	font-size: 32px;
	font-weight: 700;
	color: #fedcb9;
	text-shadow: 0 2px 4px rgba(254, 220, 185, 0.2);
}

.paybutton {
	text-align: center;
	margin-bottom: 8px;
}

.paybutton a {
	background: linear-gradient(135deg, #fedcb9, #eec48a);
	color: #783d03;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	padding: 0 40px;
	border-radius: 22px;
	text-decoration: none;
	transition: all 0.3s ease;
	box-sizing: border-box;
	border: 1px solid rgba(254, 220, 185, 0.3);
	box-shadow: 0 4px 8px rgba(254, 220, 185, 0.1);
	min-width: 180px;
}

.paybutton a:hover {
	background: linear-gradient(135deg, #eec48a, #fedcb9);
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(254, 220, 185, 0.3);
}

.paylogin {
	text-align: center;
	margin-top: 12px;
}

.paylogin a {
	font-size: 13px;
	color: #f2f3f4;
	letter-spacing: 0.5px;
	text-decoration: none;
	opacity: 0.8;
	transition: all 0.3s ease;
	padding: 4px 8px;
	border-radius: 4px;
}

.paylogin a:hover {
	opacity: 1;
	color: #fedcb9;
	background: rgba(254, 220, 185, 0.1);
}

.payintro {
	margin-top: 28px;
	color: #f2f3f4;
	font-size: 13px;
	border-top: 1px solid rgba(254, 220, 185, 0.1);
	padding-top: 20px;
}

.payintro a {
	color: #fbdac6;
	text-decoration: none;
	transition: color 0.3s ease;
}

.payintro a:hover {
	color: #fedcb9;
	text-decoration: underline;
}

.payintro .gntit {
	font-size: 12px;
	margin-bottom: 12px;
	display: none;
	color: #999;
}

.payintro .gntit span {
	margin-left: 6px;
	float: right;
	color: #666;
}

.gnimgwarp .layui-carousel {
	border-radius: 8px !important;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.gnimgwarp .layui-carousel>[carousel-item] {
	border-radius: 8px !important;
	overflow: hidden;
}

.payintro .gnimg {
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.payintro .gnimg:hover {
	transform: translateY(-2px);
}

.payintro .gnimg img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 6px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.payintro .gnimg img:hover {
	transform: scale(1.02);
}

.bigimgmodal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	cursor: zoom-out;
	backdrop-filter: blur(4px);
}

.bigimgmodalCon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}


/* 手机设备 */
@media screen and (max-width: 768px) {
	.paywallPop{
		padding: 0;
	}
	.paywarp {
		padding: 16px;
		min-height: auto;
	}

	.paytit {
		font-size: 20px;
		padding: 12px 6px;
		margin-bottom: 4px;
	}

	.payinfo {
		flex-direction: column;
		gap: 16px;
		margin-top: 16px;
	}

	.paydes {
		min-width: 100%;
		height: auto;
		margin-bottom: 0;
		padding: 0;
	}

	.paydes li {
		font-size: 15px;
		margin-bottom: 8px;
		padding-left: 18px;
	}

	.payinfo .paytool {
		width: 100%;
		height: auto;
	}

	.paytlwarp {
		text-align: center;
	}

	.payprice {
		font-size: 15px;
		justify-content: center;
	}

	.payprice span {
		font-size: 28px;
	}

	.paybutton a {
		font-size: 16px;
		height: 48px;
		line-height: 48px;
		padding: 0 30px;
		min-width: 160px;
		width: 100%;
		max-width: 280px;
	}

	.paylogin a {
		font-size: 13px;
	}

	.payintro {
		margin-top: 20px;
		font-size: 12px;
		padding-top: 16px;
		display: none;
	}

	.payintro .gnimg img {
		height: 200px;
	}
}

/* 超小屏幕设备 */
@media screen and (max-width: 480px) {
	.paywarp {
		padding: 12px;
	}

	.paytit {
		font-size: 18px;
		padding: 10px 4px;
	}

	.paydes li {
		font-size: 14px;
		padding-left: 16px;
	}

	.payprice {
		font-size: 14px;
	}

	.payprice span {
		font-size: 24px;
	}

	.paybutton a {
		height: 44px;
		line-height: 44px;
		font-size: 15px;
	}

	.payintro .gnimg img {
		height: 180px;
	}
}














/************************************************************
							企业库-首页
************************************************************/






/******1、企业首页-搜索模块******/
.datasearch{
	background:  url('../../img/cardbg4.png') top no-repeat;
}
.dark-theme .datasearch{
	background:  url('../../img/cardbg4dark.png') top no-repeat;
}
.datasearch{
	background-size: 100%  auto;
	border-radius: 6px;
	height: 386px;
}
.datasearch .dtscwarp{
	padding: 60px 100px;
}
.datasearch .funtitle{
	font-size: 34px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 25px;
	letter-spacing: 2px;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.datasearch .funstype{
	margin: 0 auto 20px;
	max-width: 500px;
	text-align: center;
}
.funstype .typeitem{
	background: none;
	color: rgba(var(--cdp-main-rgb), 0.9);
	padding: 10px 20px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.funstype .active{
	background: rgba(var(--cdp-base-rgb), 1);
	color: var(--cdp-gray-main);
	position: relative;
	border-radius: 4px;
}
.funstype .active::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px; /* 调整这个值控制三角形位置 */
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent; /* 三角形大小 */
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(var(--cdp-base-rgb), 1); /* 三角形颜色 */
  }

.funinput{
	max-width: 820px;
	margin: 0 auto;
}
.funinput .layui-form{
	display: flex;
}
.layui-input-wrap{
	flex: 1;
}
.funinput .tofilter{
	width: 40px;
	height: 40px;
	text-align: center;
	margin-left: 20px;
	margin-top: 6px;
}
.funinput .tofilter a{
	line-height: 20px;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.funinput .tofilter:hover{
	background-color: rgba(var(--cdp-main-rgb), 0.2);
}

.funinput .layui-input-wrap .layui-input{
	height: 54px;
	line-height: 54px;
	border-radius: 6px;
	padding-right: 74px;
	padding-left: 14px;
	font-size: 18px;
	background: rgba(var(--cdp-main-anti-rgb), 1);
	border: 1px solid var(--text-01-color);
	color: var(--cdp-main);
}
.funinput .layui-input-wrap .layui-input-suffix.layui-input-split{
	border-left: 1px solid rgba(var(--cdp-base-rgb), 0.4);
	background: rgba(var(--cdp-base-rgb), 1);
	color: var(--cdp-gray-main);
	display: block;
	padding: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.funinput .layui-input-wrap .layui-input-suffix.layui-input-split:hover{
	opacity: 0.88;
}
.funinput .layui-input-affix{
	height: 54px;
	line-height: 54px;
	width: 100px;
	text-align: center;
}
.funinput .layui-input-affix .layui-icon{
	font-size: 20px;
	color: var(--cdp-gray-main);
	display: block;
}
.layui-input-affix .layui-icon-search {
	visibility: hidden;
	position: relative;
}
.layui-input-affix .layui-icon-search::before {
	content: "查一下";
	visibility: visible;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: var(--cdp-gray-main);
}


.funhots{
	margin: 0 auto;
	width: 640px;
}
.htwarp{
	display: flex;
	font-size: 15px;
	margin-top: 22px;
}
.htname{
	font-weight: 300;
	width: 40px;
	line-height: 20px;
	height: 40px;
	padding: 6px 8px;
	text-align: center;
	margin-right: 16px;
	color: rgba(var(--cdp-main-rgb), 0.8);
	background: rgba(var(--cdp-base-rgb), 0.2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.htlist{
	max-width: 600px;
	text-align: center;
	line-height: 26px;
	height: 52px;
	flex: 1;
}
.htlist a{
	margin-right: 12px;
	color: rgba(var(--cdp-main-rgb), 0.8);
	white-space: nowrap;
}
.htlist a:hover{
	color: rgba(var(--cdp-main-rgb), 1);
}

.shlist a{margin-bottom: 12px}
.shlist a span{white-space: nowrap;display: inline-block}

/******2、首页工具模块******/
.hotool{
	margin-top: 20px;
}
.hotool .entermap{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.hotool .enteritem{
	display: inline-flex;
	background-color: var(--bgmain2-color);
	border: 1px solid var(--text-005-color);
	padding: 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hotool .enteritem:hover{
	cursor: pointer;
	background: var(--hover-background);
}
.hotool .enteritem .icon{
	width: 48px;
	height: 48px;
	margin-right: 10px;
	background: rgba(var(--cdp-base-rgb), 1);

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hotool .enteritem .icon i{
	font-size: 22px;
	color: var(--cdp-gray-main);
}
.hotool .enteritem .name{
	font-size: 16px;
	font-weight: bold;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.hotool .enteritem .des{
	font-size: 12px;
	margin-top: 6px;
	color: var(--text-06-color);
}
.nosetonline{ opacity: 0.5; position: relative; pointer-events: none}
.nosetonline .state{ position: absolute; right: 20px}
.nosetonline .state span{color: rgba(var(--cdp-main-rgb), 0.9);font-size: 12px}


/******2、财新报道的企业人物******/
.adbase-container {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.adbase-card {
	flex: 1;
	background-color: var(--bgmain2-color);
	border: 1px solid var(--text-005-color);
	border-radius: 8px;
	padding: 15px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: transform 0.3s ease;
}

.adbase-card:hover {
	transform: translateY(-5px);
}

.adbase-content {
	flex: 1;
}

.adbase-title {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: var(--text-09-color);
}

.adbase-title img {
	margin-right: 10px;
	height: 20px;
}

.adbase-title em {
	background-color: #e9e7fd;
	color: rgba(var(--cdp-base-rgb), 1);
	padding: 2px 5px;
	font-style: normal;
	margin-left: 4px;
	border-radius: 4px;
}
.adbase-title .logow{display: none}

.dark-theme .adbase-title .logow{display: inline-block}
.dark-theme .adbase-title .logob{display: none}

.adbase-description {
	font-size:14px;
	color: var(--text-08-color);
}

.adbase-button {
	background: rgba(var(--cdp-base-rgb), 1);
	padding: 10px 20px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	font-weight: 500;
	white-space: nowrap;
	transition: background 0.3s ease;
}
.adbase-button a{
	color: var(--cdp-gray-main);
}
/******2、推荐企业模块******/
.hotrecom{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 20px 0;
}
.hotrecom .cxcard{
	padding: 0;
}

.hrtitle{
	display: flex;
	font-size: 18px;
	padding: 18px 20px;
	letter-spacing: 1px;
	color: var(--text-06-color);
	border-bottom: 1px solid var(--text-005-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hrtitle .ctl{flex: 1; color: var(--text-07-color); font-weight: bold;}
.hrtitle .ctr{font-size:12px; height: 25px; line-height: 25px; text-align: right; position: relative; color: var(--text-07-color);}
.hrtitle .ctr button{position: absolute; top: -15px; right: -12px;}


.hrcomitem{
	padding: 14px 20px;
	border-bottom: 1px solid var(--text-005-color);
	position: relative;
}

.hrcomitem  .speicon{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	color: red;
}

.hrcomitem:last-child{
	border-bottom: none;
}
.hrcomitem:hover{
	background-color: var(--bgmain2-hover-color) ;
}
.hrcomitem:hover .hname{
	color: var(--cxui-a-color);
}
.hrcomitem .hrbox{
	display: flex;
}
.hrcomitem .hlogo .propic{
	margin-right: 15px;
	text-align: center;
}
.hrcomitem .hlogo .pictext{
	height: 52px;
	line-height: 52px;
	width: 52px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	color: var(--cxui-btn-text-color);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hrcomitem .hlogo .picimg{
	height: 52px;
	line-height: 52px;
	width: 52px;
	text-align: center;
	border:1px solid var(--text-01-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hrcomitem .hlogo .picimg img{
	width: 100%;
}


.hrcomitem .hlogo .chainpic{
	margin-right: 8px;
	text-align: center;
}
.hrcomitem .hlogo .chaintext{
	height: 42px;
	line-height: 42px;
	width: 42px;
	font-size: 16px;
	text-align: center;
	border-radius: 4px;
	color: var(--cxui-btn-text-color);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hrcomitem .hinfo .hname{
	font-size: 16px;
	font-weight: 700;
	color: var(--text-09-color);
}
.hrcomitem .hinfo .hother{
	margin-top: 5px;
	font-size: 13px;
	color: var(--text-06-color);
	height: 22px;
}
.hrcomitem .hlink{
	margin-top: 6px;
	font-size: 13px;
	height: 18px;
}
.hrcomitem .hlink a{
	color: var(--text-09-color);
}
.hrcomitem .hlink span{
	color: var(--text-09-color);
}



/***新增企业***/
.addnewcomlist{    display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
}
.addnewcomitem{
	padding: 8px 20px;
	border-bottom: 1px solid var(--text-005-color);
	position: relative;
}

.addnewcomitem  .speicon{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	color: red;
}
.addnewcomitem:nth-child(9){
	border-bottom: none;
}
.addnewcomitem:last-child{
	border-bottom: none;
}
.addnewcomitem:hover{
	background-color: var(--bgmain2-hover-color) ;
}
.addnewcomitem:hover .hname{
	color: var(--cxui-a-color);
}
.addnewcomitem .hrbox{
	display: flex;
}
.addnewcomitem .hlogo .propic{
	margin-right: 15px;
	text-align: center;
}
.addnewcomitem .hlogo .pictext{
	height: 46px;
	line-height: 46px;
	width: 46px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	color: var(--cxui-btn-text-color);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.addnewcomitem .hlogo .picimg{
	height: 46px;
	line-height: 46px;
	width: 46px;
	text-align: center;
	border:1px solid var(--text-01-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.addnewcomitem .hlogo .picimg img{
	width: 100%;
}
.addnewcomitem .hinfo .hname{
	font-size: 15px;
	font-weight: 700;
	color: var(--text-09-color);
}
.addnewcomitem .hinfo .hother{
	margin-top: 3px;
	font-size: 13px;
	color: var(--text-06-color);
}
.addnewcomitem .hlink{
	margin-top: 6px;
	font-size: 13px;
}
.addnewcomitem .hlink a{
	color: var(--text-09-color);
}
/******3、数据统计模块******/
.datacont{
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.comscount{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.cttitle{
	display: flex;
	font-size: 18px;
	padding: 18px 20px;
	letter-spacing: 1px;
	color: var(--text-06-color);
	border-bottom: 1px solid var(--text-005-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.cttitle .ctl{flex: 1; color: var(--text-07-color); font-weight: bold;}
.cttitle .ctr{font-size:12px; text-align: right; height: 25px; line-height: 25px;  position: relative; color: var(--text-07-color);}
.cttitle .ctr button{position: absolute; top: -15px; right: -12px;}
.cttitle .ctr b{color: var(--text-06-color);}
.cttitle .ctr a{color: var(--text-06-color);}
.cttitle .ctr em{color: var(--cxui-a-color); font-style: normal;}


.dtallnum{
	padding:10px 20px 0;
}
.dtnum .num{
	font-size: 34px;
	font-weight: 700;
	margin-top: 12px;
	text-align: center;
	letter-spacing: 2px;
}
.dtnum .des{
	font-size: 12px;
	margin-top: 6px;
	text-align: center;
	color: var(--text-07-color);
}
.dtlist{
	border-top: 1px solid var(--cxui-btn-tips-background);
	padding-top: 10px;
	margin-top: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.dtlist .hsitem{ display: flex; line-height: 36px; height: 36px; font-size: 14px;}
.dtlist span{flex: 1; color: var(--text-05-color); font-weight: 300; font-size: 13px;}
.dtlist span:last-child{text-align: right;color: var(--text-07-color);}

.dtprobar{ padding: 6px 20px 0;}
.dtitem{
	margin-top: 16px;
}
.dtitem .dtname{
	font-size: 13px;
	color: var(--text-09-color);
}
.dtitem .dtcont{
	flex: 1;
	display: flex;
}
.dtitem .dtcont .layui-progress{
	flex: 1;
	margin-top: 6px;
}
.dtitem .dtcont .digit{
	width: 60px;
	height: 12px;
	line-height: 12px;
	text-align: right;
	color: var(--text-07-color);
}




/******3、新闻资讯模块******/
.newscoms{
	margin-top: 20px;
	display: grid;
	grid-template-columns: 2.05fr 1fr;
	gap: 20px;
}
.newscoms .cxcard{
	padding: 0;
}

.newscoms .layui-tab{
	margin: 0;
}
.newscoms .layui-tab .layui-tab-title{
	height: 54px;
}
.newscoms .layui-tab .layui-tab-title li{
	font-size: 15px;
	line-height: 54px;
	font-weight: bold;
}
.newscoms .layui-tab-title .layui-this:after{
	height: 54px;
}
.newscoms .layui-tab-content{
	padding: 0;
}




.lateTable{
	padding: 2px 0 1px 0;
}
.tabsitem{
	border-bottom: 1px solid var(--text-005-color);
	padding: 12px 20px;
}
.tabsitem:last-child{
	border-bottom: 0px solid var(--text-005-color);
}
.tabsitem:hover {
	background-color: var(--bgmain2-hover-color);
}
.tabsitem .lintop{
	display: flex;
	font-size: 16px;
}
.tabsitem .lintop .n1{ width: 56px;}
.tabsitem .lintop .n2{ flex: 1;}
.tabsitem .lintop .n2 a{ color: var(--text-08-color);}

.tabsitem .linbottom{
	display: flex;
	margin-top: 5px;
}
.tabsitem .linbottom .n1{ flex: 1;}
.tabsitem .linbottom .n1 a{
	margin-right: 10px;
	font-size: 12px;
	color: var(--text-09-color);
}
.tabsitem .linbottom .n1 b{
	height: 22px;
	line-height: 22px;
	font-weight: 300;
	font-size: 12px;
	margin-right: 4px;
	color: var(--text-05-color);
}
.tabsitem .linbottom .n2{
	width: 200px;
	text-align: right;
	font-size: 12px;
}
.tabsitem .linbottom .n2 span{
	color: var(--text-06-color);
	margin-left: 8px;
}




.newsMore{
	background: var(--text-005-color);

	color: var(--text-06-color);
	text-align: center;
	max-width: 200px;
	margin: 0 auto;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	margin-top: 8px;
	border-radius: 4px;
}


/******4、热门企业合集******/
.comcollect{}
.collpackitem{    border-bottom: 1px solid var(--text-005-color); padding: 15px 20px; display: block; position: relative; cursor: pointer;}
.collpackitem:hover{  background-color: var(--bgmain2-hover-color);}

.collpackitem .lftitinfo{padding-right: 100px}
.collpackitem .lftitinfo .n1{
	color: var(--text-09-color);}
.collpackitem .lftitinfo .n2{font-size: 12px; margin-top: 4px;
	color: var(--text-08-color);}

.collpackitem .rgnumbs{position: absolute; right: 25px; top: 24px;
	color: var(--text-09-color);}



/******4、地域直达模块******/
.gotocoms{
	margin-top: 20px;
}
.gotocoms .layui-tab{
	margin: 0;
}
.gotocoms .layui-tab .layui-tab-title{
	height: 62px;
}
.gotocoms .layui-tab .layui-tab-title li{
	font-size: 18px;
	line-height: 62px;
	font-weight: bold;
}
.gotocoms .layui-tab-title .layui-this:after{
	height: 62px;
}
.gotocoms .layui-tab-content{
	padding: 0;
}
.gotocoms .layui-tab-item{
	height: 500px;
	overflow-y: scroll;
}

.areaitem{
	display: flex;
	padding-top: 30px;
	padding-right: 50px;
}
.areaitem:nth-child(2n){

}
.areaitem .rowpro{
	width:120px;
	padding-top: 8px;
	font-size: 15px;
	font-weight: 600;
	text-align: right;
	color: rgba(var(--cdp-main-rgb), 1);
}
.areaitem .rowcity{
	flex: 1;
	margin-left: 50px;
	border-bottom: 1px solid var(--text-005-color);
	padding-bottom: 30px;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 10px;
}
.areaitem .rowcity a{
	 font-size: 15px;
	 padding: 8px 12px;
	 display: inline-block;
	 color: var(--text-07-color);
}


.areaitem .rowindustry{
	width:220px;
	padding-top: 8px;
	font-size: 15px;
	font-weight: 600;
	text-align: right;
	color: rgba(var(--cdp-main-rgb), 1);
}
.areaitem .rowindus{
	flex: 1;
	margin-left: 50px;
	border-bottom: 1px solid var(--text-01-color);
	padding-bottom: 30px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}
.areaitem .rowindus a{
	 font-size: 15px;
	 padding: 8px 12px;
	 display: inline-block;
	 color: var(--text-07-color);
}





/************************************************************
							页面中导航可固定
************************************************************/

#comdetNav {
}
#comdetNav.fixed {
    position: fixed;
    z-index: 1000;
}
.comdetNav{
	display: flex;
	background: var(--bgmain2-color);
	transition: 0.3s ease;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid var(--text-01-color);
}
.comdetNav .twoNitem{
	flex: 1;
	text-align: center;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	letter-spacing: 1px;
	position: relative;
}
.comdetNav .twoNitem:hover{
	background: var(--bgmain2-hover-color);
}
.comdetNav .twoNitem a{
	color: var(--text-08-color);
	display: block;
}
.comdetNav .twoNitem span{
	color: var(--text-06-color);
	font-size: 12px;
	margin-left: 4px;
}

@media (max-width: 800px) {
	.comdetNav .twoNitem span {
		display:none!important;
	}
}

.comdetNav .active a{
	color: var(--primary-color);
	font-weight: 600;
	display: block;
}
.comdetNav .twoNitem.active::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	background-color: var(--primary-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}


/************************************************************
							企业库-详情页
************************************************************/

.comdetInfo{
	font-size: 15px;
	margin-bottom: 20px;
}

/* 文字展开收缩 */
.dscont {
    display: flex;
    align-items: baseline;
    gap: 4px;
	margin-top: 8px;
}
.dscont .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0; /* 允许文本截断 */
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.dscont.expanded .content {
    white-space: normal;
    overflow: visible;
	line-height: 26px;
}
.dscont .toggle-link {
    cursor: pointer;
    color: #0066cc;
    flex-shrink: 0;
}


/*** 工商详情页--页面头部核心信息区域 ***/
.dtopWarp {
	width: 100%;
}
.dtopWarp .zdname{
	color: var(--text-06-color);
}
.dtopWarp::after {
	/* 清除浮动影响 */
	content: "";
	display: block;
	clear: both;
}
.dtopLeft {
	float: left;
	width: 100px;
}
.dtopRight {
margin-left: 100px;
}



.dtopLeft .dtlogo .propic{
	margin-right: 15px;
	text-align: center;
	height: 84px;
	width: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--text-005-color);
}
.dtopLeft .dtlogo .propic img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.dtopLeft .dtlogo .pictext{
	height: 84px;
	line-height: 84px;
	width: 84px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	color: var(--cxui-btn-text-color);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.dtopLeft .dtlogo .picimg{
	height: 84px;
	line-height: 84px;
	width: 82px;
	text-align: center;
	border:1px solid var(--text-01-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.dtopLeft .dtlogo  .picimg img{
	width: 100%;
}







.dtopRight .dtename{
	display: flex;
	flex: 1;
}
.dtopRight .dtename .lfmain{
	flex: 1;
}
.dtopRight .dtename .lfmain .name{
	font-size:22px;
	font-weight: 700;
	color: var(--text-09-color);
	position: relative;
}
.dtopRight .dtename .lfmain .name button{
	position: absolute;
	top:4px
}
.dtopRight .dtename .lfmain .zw{
	margin-top: 8px;
	font-size: 16px;
	margin-bottom: 12px;
	color: var(--text-09-color);
}
.dtopRight .dtename .lfmain .tags{
	margin-top: 8px;
}
.dtopRight .dtename .lfmain .tags span{
	margin-right: 8px;
}
.hsusename{padding: 10px;}
.hsusename .usnameitem{}
.hsusename .usnameitem .name{ font-size: 14px; color: var(--text-10-color)}
.hsusename .usnameitem .date{ font-size: 12px; color: var(--text-06-color)}

.dtopRight .dtename .rgtool{
	width: 200px;
	text-align: right;
}
.dtopRight .dtename .rgtool button{
	width: 80px;
}
.dtopRight .dtename .rgtool iconpark-icon{
	font-size: 15px;
	margin-right: 5px;
}


.dtopRight .dtinfo{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.dtopRight .dtinfo .dtcols .zditem{
	margin: 8px 0;
	color: var(--text-08-color);
}
.dtopRight .dtinfo{
	margin-top: 6px;
}
.dtopRight .dtsupple .zditem{
	margin-bottom: 8px;
	color: var(--text-08-color);
}


.dtopRight .entermap{
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}
.dtopRight .enteritem{
	display: inline-flex;
	background-color: var(--bgmain-search-color);
	border: 1px solid var(--text-005-color);
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	position: relative;
}
.dtopRight .enteritem .needpay{
	position: absolute;
	right: 10px;
	top: 18px;
}


.dtopRight .enteritem:hover{
	cursor: pointer;
	background: var(--hover-background);
}
.dtopRight .enteritem .icon{
	width: 48px;
	height: 48px;
	margin-right: 10px;
	background: rgba(var(--cdp-base-rgb), 1);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}.dtopRight .enteritem .icon i{
	 font-size: 25px;
	 color: var(--cdp-gray-main);
 }
.dtopRight .enteritem .icon iconpark-icon{
	font-size: 25px;
	color: var(--cdp-gray-main);
}
.dtopRight .enteritem .name{
	font-size: 16px;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.dtopRight .enteritem .des{
	font-size: 12px;
	margin-top: 6px;
	color: var(--text-06-color);
}
.dtopRight .ranktag{
	display: none;
	margin-top: 18px;
	background: var(--text-005-color);
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.dtopRight .ranktag span{
	font-size: 14px;
	color: var(--text-06-color);
}
.dtopRight .ranktag a{
	margin-right: 8px;
	font-size: 14px;
	font-weight: 300;
}







/*** 工商详情页--模块导航区域 ***/
.comCardNav{
}
.comCardNav a{
	text-align: center;
	padding: 6px 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	display: inline-block;
	border: 1px solid var(--text-01-color);
	color: var(--text-08-color);
	border-radius:20px;
}
.comCardNav a:hover{
	background: var(--bgmain2-hover-color);
}
.comCardNav a.noallowed{
	color: var(--text-05-color);
	border: 1px solid var(--text-005-color);
	pointer-events: none;
}
.comdetBase{
	margin-bottom: 16px;
}

.comdetBase .cxcard{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/*** 工商详情页--信息速览区域 ***/
.comScanning{
	display: flex;
}
.comScanning .lfchart{
	width: 500px;
}
.comScanning .lfchart .zstit{
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 45px;
	color: var(--text-09-color);

}
.comScanning .lfchart .zschart{
	position: relative;
}
.comScanning .lfchart .zschart .zsrank{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	text-align: center;
}
.comScanning .lfchart .zslink{
	border-top: 1px solid var(--text-005-color);
	padding-top: 20px;
	margin-top: 20px;
	text-align: center;
}
.comScanning .lfchart .zslink a{
	color: var(--text-08-color);
}




.comScanning .rgnews{
	flex: 1;
}
.rgnews .rgntitle{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 0px 15px;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.rgnews .rgntitle a{
	float: right;
	font-size: 12px;
	font-weight: 300;
}
.rgnlist{
	padding: 0px 15px 10px;
}
.rgnlist .item{
	display: flex;
	height: 32px;
	line-height: 32px;
}
.rgnlist .item:hover{
	background: var(--bgmain2-hover-color);
}
.rgnlist .item .title{
	flex: 1;
}
.rgnlist .item .date{
	width: 100px;
	text-align: right;
	 color: var(--text-05-color);
}


/*** 工商详情页--模块标题区域 ***/
.anchorposition{
	scroll-margin-top: 160px;
}
 


 .comCardTitle{
	display: flex;
	margin-top: 30px;
	margin-bottom: 12px;
}

.cxcard .comCardTitle:first-child{
	margin-top: 10px;
}
.comCardTitle .dtleft{
	flex: 2;
	text-align: left;
}
.comCardTitle .dtright{
	text-align: left;
    justify-content: left;
}
.comCardTitle .dtoolitem{
	display: inline-block;
	position: relative;
}
.comCardTitle .cxui-pay{
	position: absolute;
	right: -5px;
	top: -10px;
}
.comCardTitle .dtleft .dtresult{
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
	height: 32px;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.comCardTitle .dtleft .dtresult .bknum{
	color: var(--primary-color);
}
.cxuiTitle .bknum{
	color: var(--primary-color);
}


.comCardTitle .dtleft .dtlimit{
	position: absolute;
	top: -18px;
}
.comCardTitle .dtright .dtoolitem{
	margin-left: 20px;
}
.comCardTitle .dtright .dtoologo{
	display: none;
}

.comCardTitle .dtright .destext{
	color: var(--text-06-color);
	text-align: left;
}
.comCardTitle .dtright .tlname{
	padding-right: 15px;
	color: var(--text-06-color);
}
.comCardTitle .dtright .tlsort{
	text-align: left;
}
.comCardTitle .dtright .tlsort .srt{
	margin-top: 6px;
}
.comCardTitle .dtright .tlsort .srt em{
	font-style: normal;
	color: var(--text-05-color);
	line-height: 22px;
}
.comCardTitle .dtright .tlsort .srt button{
	margin-right: 10px;
}
.comCardTitle .dtright .dtoologo img{
	height: 20px;
}



/*** 工商详情页--通用表格样式 ***/
.cxuiTable .layui-table-cell{
	height: auto;
}

.cxuiTable .layui-table{
	margin: 0;
}
.cxuiTable th,
.cxuiTable td{
	word-break: break-all;
	word-wrap: break-word;
	font-size: 14px;
	line-height: 25px;
	padding: 8px 10px;
	color:rgba(var(--cdp-main-rgb), 0.9);
}
.cxuiTable th {
	background: var(--cxui-table-thbg);
	/*width: 120px*/
}
.cxuiTable .content {
	color: rgba(var(--cdp-main-rgb), 0.9);
	line-height: 26px;
	font-size: 15px;
}


.cxuiTitle{
	font-size: 18px;
	color: var(--text-08-color);
	font-weight: 700;
	margin-bottom: 16px;
	margin-top: 30px;
	scroll-margin-top: 160px;
}
.cxuiTitle:first-child{
	margin-top: 0;
}

/*** 工商详情页--工商信息表格 ***/
.cxgsTable .layui-table-cell{
	height: auto;
}

.cxgsTable .layui-table{
	margin: 0;
}
.cxgsTable th,
.cxgsTable td{
	word-break: break-all;
	word-wrap: break-word;
	font-size: 14px;
	line-height: 25px;
	padding: 8px 10px;
	color:rgba(var(--cdp-main-rgb), 0.9);
}
.cxgsTable th {
	background: var(--cxui-table-thbg);
	width: 120px!important;
}


/*** 表格中对比不同的内容：红色 ***/
.tabchage{
	color: var(--text-08-color);
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.tabchage em{
	color: red;
	font-style: normal;
}
/*** 表格中文字区分显示 ***/
.tabtext{

}
.tabtext .main{
	font-size: 16px;
}
.tabtext .sub{
	margin-top: 4px;
	font-size: 14px;
}
.tabtext .sub span{
	background-color: var(--text-005-color);
	padding: 4px;
	margin-right: 4px;
}

/*** 表格中出现人物/企业：有无头像区别展示 ***/
.tabperson{
	display: flex;
}
.tabperson .thumb{
	width: 46px;
	height: 46px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tabperson .thumb img{
	width: 46px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.tabperson .thumb .text{
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.tabperson .info{
	text-align: left;
	flex: 1;
}
.tabperson .name{
	height: 20px;
	text-align: left;
}
.tabperson .name a{
}
.tabperson .link{
	height: 20px;
}
.tabperson .link a{
	height: 20px;
	font-size: 12px;
	color: var(--text-06-color);
	display: inline-block;
}
.tabperson .onlyone{
	height: 20px;
	margin-top: 10px;
}
.tabperson .onlyone a{
	font-size: 16px;
}


/*** 表格中分页效果 ***/

.tabpages{
	text-align: right;
}

/*** 表格中投资路径效果 ***/
.tabroute {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.arrow-link-group {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.tabroute a {
	text-decoration: none;
	margin: 0;
}

.tabroute .name {
	text-decoration: none;
	margin: 0 10px 0 0;
}

.tabroute .arrow {
	position: relative;
	width: 80px;
	height: 20px;
	margin: 0 10px 0 0;
}

.tabroute .arrow::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 80px;
	height: 1px;
	background-color: var(--text-02-color);
	transform: translateY(-50%);
}

.tabroute .arrow span.arrow-icon {
	position: absolute;
	top: 50%;
	right: 0;
	border: solid var(--text-02-color);
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	transform: translateY(-50%) rotate(-45deg);
}

.tabroute .arrow span.percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 13px;
	padding: 4px;
	background: var(--bgmain2-color);
	color: var(--cxui-text-red);
	transform: translate(-50%, -50%);
	border-radius: 4px;
}


/*** 上市信息模块样式 ***/

.progress-container {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.progress-line {
	position: relative;
	height: 4px;
	background-color: #e0e0e0;
	margin: 40px 0;
	border-radius: 4px;
}
.progress-line::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 40%;
	background-color: #2196F3;
	border-radius: 4px;
}
.progress-node {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.node-completed {
	background-color: #2196F3;
}
.progress-container .node-pending {
	background-color: #9E9E9E;
}
.progress-container .node-label {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 14px;
	color: var(--text-08-color);
}
.progress-container .node-date {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 12px;
	color: var(--text-07-color);;
}
.node-navtitle{margin-top: 15px; margin-bottom: 8px; font-size: 16px; font-weight: bold; text-align: left; color: rgba(var(--cdp-main-rgb), 0.8);}






/************************************************************
							企业库-高级筛选
************************************************************/
.dataAdvance{
	position: relative;
}
.dataAdvance .adwarp{
	background: var(--bgmain2-color);
	border-radius: var(--6-border-radius);
}
.dataAdvance.adpadbot{
	margin-bottom: 40px;
}
.dataAdvance.normpadbot{
	margin-bottom: 40px;
}
.normpadbot{
	position: relative;
}
.normbottombg{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 49px;
	z-index:999;
	background: linear-gradient(180deg,rgba(255,255,255,0),#fff);
	}

/*高级筛选栏目标题*/
.seniorTitle{
	background: var(--bgmain-search-color);
	display: flex;
	border: 1px solid var(--text-005-color);
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.seniorTitle .name{
	 background: linear-gradient(90deg, #ffdc94 50%, var(--bgmain-search-color) 80%, var(--bgmain-search-color) 100%);
	color: var(--cxui-pay-text-color);
	font-size: 18px;
	font-weight: 600;
	width:100%;
	padding: 15px 20px;
	border-top-left-radius: 6px;
}
.seniorTitle .name iconpark-icon{
	font-size: 14px;
	margin-right: 10px;
}
.seniorTitle .tips{
	flex: 1;
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
}
/*列表页筛选栏目标题*/
.normalTitle{
	background: var(--bgmain2-color);
	border-bottom: 1px solid var(--text-005-color);
	padding: 10px 20px;
	display: flex;
	border-top-right-radius: var(--6-border-radius);
	border-top-left-radius: var(--6-border-radius);
}
.normalTitle .name{
	color: var(--text-07-color);
	font-size: 16px;
	font-weight: 600;
	width: 400px;
	line-height: 36px;
	border-top-left-radius: var(--6-border-radius);
}
.normalTitle .name iconpark-icon{
	font-size: 13px;
	margin-right: 10px;
}
.normalTitle .tips{
	flex: 1;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
}
/*列表页筛选-更多 按钮*/
.morecondition{
	position: absolute;
	bottom: -26px;
	left: 50%;
}
.morecondition .morebut{
	border: none;
	background: var(--bgmain-search-color);
	color: var(--text-08-color);
	font-size: 13px;
	padding: 4px 20px;
	cursor: pointer;
}
.morecondition .morebut:hover{
	background: var(--bgmain2-hover-color);
}


/*已选择的条件*/


.selected-conditions-container {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 15px;
	border-bottom: 1px solid var(--text-005-color);
}

.selected-conditions-header {
	color: #333;
	font-size: 14px;
	white-space: nowrap;
}

.selected-conditions-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.selected-item {
	display: flex;
	align-items: center;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	color: var(--cxui-a-color);
	border: 1px solid var(--cxui-a-color);
}

.selected-item .dict-name {
	color: var(--text-06-color);
}
.selected-item .field-content {
}
.selected-item  .delete-icon {
	cursor: pointer;
	margin-left: 4px;
	transition: color 0.2s;
}
.selected-item .delete-icon:hover {
	color: #c0392b;
}
.selected-item .delete-icon i{
	font-size: 12px;
}






/*筛选列表数据*/
.adcondition{
	padding: 20px;
}
.adcondition .layui-form-checkbox[lay-skin=primary]{
	min-width: 210px;
}
.adcondition .layui-form-item{
	margin-bottom: 14px;
}
.adcondition .layui-form-item:last-child{
	margin-bottom: 0px;
}
.adcondition .layui-form-item .layui-input-inline{
	width: 220px;
	margin-bottom: 15px;
	margin-right: 0;
}
.adcondition .layui-form-item .layui-input-inline .layui-form-select{
	width: 140px;
}
.adcondition .layui-form-checkbox[lay-skin=primary]>div{
	color: var(--text-10-color);
}
.adcondition .layui-form-checked[lay-skin=primary]>i {
	border-color: var(--cxui-a-color)!important;
	background-color:var(--cxui-a-color);
	color: #fff;
}





/*高级筛选底部查询按钮*/
.advanceBottom{
	position: fixed;
	z-index: 1000;
	box-shadow: 0 0 18px rgba(0,0,0,.06);
}
.advanceBottom .haschoose{
	background:var(--bgmain-search-color);
	padding: 0px 30px;
}
.advanceBottom .haschoose .selected-conditions-header{
	color: var(--text-10-color);
}

.advanWarp{
	background: var(--bgmain-search-color);
	border-top: 1px solid hsla(210,8%,51%,.1)!important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 30px;
}
.advanWarp .lfnum{
	flex: 1;
	color: var(--text-10-color);
}
.advanWarp .lfnum .text-red{
	font-weight: 700;
	color: #f00;
}
.advanWarp .lfnum .lftips{height: 44px; line-height: 44px; font-size: 16px}
.advanWarp .lfnum .lftips .restips{color: var(--text-09-color);}


.advanWarp .rgbut{
	width: 300px;
	display: flex;
	justify-content: right;
	align-items: center;
}
.advanWarp .rgbut button{
	margin-left: 12px;
}



/************************************************************
							企业库-列表页
************************************************************/


 /*** 列表上标题和工具栏 ***/
.datatool{
	display: flex;
	background: var(--bgmain2-color);
	border-bottom: 1px solid var(--text-005-color);
	padding: 16px 20px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.datatool .dtleft{
	flex: 2;
	text-align: left;
}
.datatool .dtright{
	text-align: right;
    justify-content: right;
}
.datatool .dtoolitem{
	display: inline-block;
	position: relative;
}
.datatool .cxui-pay{
	position: absolute;
	right: -15px;
	top: -10px;
}

.datatool .dtleft .dtresult{
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	height: 32px;
	color: var(--text-08-color);
}
.datatool .dtleft .dtlimit{
	position: absolute;
	top: -16px;
}
.datatool .dtright .dtoolitem{
	margin-left: 20px;
}
.datatool .dtright .destext{
	color: var(--text-06-color);
	text-align: left;
}
.datatool .dtright .tlname{
	padding-right: 15px;
	color: var(--text-06-color);
}
.datatool .dtright .tlsort{
	text-align: left;
}
.datatool .dtright .tlsort .srt{
	margin-top: 6px;
}
.datatool .dtright .tlsort .srt em{
	font-style: normal;
	color: var(--text-05-color);
	line-height: 22px;
}
.datatool .dtright .tlsort .srt button{
	margin-right: 10px;
}


/******* 工商--1、横向列表样式 *******/
.datalist{

}
.datalist table{
	width: 100%;
}
.datalist tr{
	background: var(--bgmain2-color);
	border-bottom: 1px solid var(--text-005-color);
}
.datalist tr:hover{
	background: var(--hover-card-bg);
	cursor: pointer;
	transition: transform 0.3s ease;
}
.datalist tr td:nth-child(1){ width:20px; display:none; }
.datalist tr td:nth-child(2){ width:120px; padding-left:20px; text-align:center; }
.datalist tr td:nth-child(3){}
.datalist tr td:nth-child(4){ width:80px; text-align:right; padding-right:20px; }



.datalist .cplogo{
	width: 90px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;

	width: 90px;
	height: 90px;
	border: 1px solid var(--text-005-color);
	border-radius: 4px;
}
.datalist .cplogo img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.datalist .cplogo .pictext{
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 20px;
	color: #fff;
}

.datalist .cpmain{
	padding: 25px 20px;
}
.datalist .cpmain .mtoper{
	text-align: left;
}
.datalist .cpmain .mtoper .name{
	position: relative;
	margin-bottom: 10px;
}
.datalist .cpmain .mtoper .name .comtits{
	font-size: 18px;
	color: var(--text-09-color);
	font-weight: 700;
	margin-right: 10px;
	line-height: 30px;
}
.datalist .cpmain .mtoper .name .comtits a{
	color: var(--text-09-color);
}
.datalist .cpmain .mtoper .name .cxui-tag{
	position: absolute;
	top: 0;
}

.datalist .cpmain .mtoper .type{
	margin-top: 4px;
	margin-bottom: 8px;
}
.datalist .cpmain .mtoper .type span{
	padding: 0px 6px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 300;
	margin-right: 8px;
	display: inline-block;
}
.datalist .cpmain .minfo{
	display: flex;
	margin-bottom: 8px;
	margin-top: 8px;
}
.datalist .cpmain .minfo .item{
	margin-right: 22px;
}
.datalist .cpmain .minfo .item .n1{
	color: var(--text-05-color);
}
.datalist .cpmain .minfo .item .n2{
	color:  var(--text-09-color);
}
.datalist .cpmain .mother{
	color: var(--text-05-color);
}
.datalist .cpmain .mother p{
	color:var(--text-06-color);
	line-height: 24px;
	text-align: justify;
}
.datalist .todoicon button{
	width: 80px;
}
.datalist .todoicon iconpark-icon{
	font-size: 15px;
	margin-right: 5px;
}


.datalist .cpmain .comzw{
	font-size: 15px;
}
.datalist .cpmain .prelate{
	display: flex;
}
.datalist .cpmain .prelate .precoms{
	width: 300px;
}
.datalist .cpmain .prelate .precoms a{
	display: block;
	margin-top: 4px;
}
.datalist .cpmain .prelate .preparts{
	flex: 1;
}
.datalist .cpmain .prelate  .title{
	font-size: 14px;
	color: var(--text-06-color);
	margin-bottom: 6px;
}
.datalist .cpmain .prelate  .title span{
	color: var(--cxui-text-red);
}
.preparts .list{
	display: flex;
}
.preperson{
	margin-top: 4px;
	display: flex;
	width: 140px;
	background: var(--text-005-color);
	margin-right: 10px;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.preperson .thumb{
	width: 46px;
	height: 46px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.preperson .thumb img{
	width: 46px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.preperson .thumb .text{
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
	color: var(--bgmain1-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.preperson .name{
	height: 46px;
	line-height: 46px;
}
.preperson .name a{
	font-size: 16px;
}





/******* 工商--2、卡片样式 *******/
.datacard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
	background: var(--bgmain2-color);
  border-left: 1px solid var(--text-005-color);
}
.cditem{
  border-right: 1px solid var(--text-005-color);
  border-bottom: 1px solid var(--text-005-color);
  padding: 30px;
}
.cditem:hover{
	background: var(--hover-card-bg);
	cursor: pointer;
}



.cdtoper{
	display: flex;
	margin-bottom: 6px;
	height: 28px;
}
.cdtoper .mtoper{
	text-align: left;
	flex: 1;
}
.cdtoper .mtoper .name{
	font-size: 18px;
	color: var(--text-09-color);
	line-height: 24px;
	font-weight: 700;
}

.cdtype{
	margin-top: 4px;
	margin-bottom: 8px;
}
.cdtype span{
	padding: 0px 6px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 300;
	margin-right: 8px;
	margin-bottom: 6px;
	display: inline-block;
	white-space: nowrap;
	border-radius: 2px;
}
.cdtoper .mlogo{
	width: 80px;

}
.cdtoper .mlogo img{
	width: 80px;
	border: 1px solid var(--text-005-color);
	border-radius: 4px;
	background: #fff;
}



.cdinfo{
	margin-top:4px;
	margin-bottom: 8px;
}
.cdinfo .item{
	margin-bottom: 4px;
}
.cdinfo .item .n1{
	color: var(--text-05-color);
}
.cdinfo .item .n2{
	color:  var(--text-09-color);
}

.cdother{
	margin-top: 10px;
	padding: 6px 12px;
	line-height: 24px;
	height: 46px;
	background: var(--cxui-btn-tips-background);
	border-radius: 6px;
}
.cdother p{
	color: var(--text-05-color);
	line-height: 24px;
}
.cdother span{
	line-height: 24px;}
.cdother a{
	line-height: 24px;}


/******* 表格样式列表 *******/
.datatable{
	background:var(--bgmain2-color);
	margin-bottom: 30px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.datatable .dtwarp{
	padding: 0 20px;
}




/************************************************************
							非标页面样式
************************************************************/


.datacontent{
	margin-top: 20px;
}
/*纯数据模块*/
.cxcdnum{

}
.cxcdnum .tit{
	font-size: 18px;
	color: var(--text-08-color);
	font-weight: bold;
}
.cxcdnum .num{
	font-size: 42px;
	font-weight: 700;
	margin: 20px 0;
	text-align: center;
	letter-spacing: 2px;
}
.cxcdnum .des{
	font-size: 15px;
	text-align: center;
}



/*************** 其他.筛选时效果 ****************/


.datafilter{
	margin-top: 20px;
}
.datafilter .layui-form-item{
	margin-bottom: 8px;
}
.layui-colla-content {
    max-height: 450px;
    overflow: auto;
}

/*************** 其他.暂未归类 ****************/


.datachart{
	margin-top: 20px;
	margin-bottom: 20px;
}
.datachart .chartdiv{
	height: 420px;
}
.dtpages{
	background: var(--bgmain2-color);
	padding: 20px 20px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.dtpages .layui-laypage{
	margin: 0;
}







/***************主框架..页面数据介绍***/
.topintro{
	margin: 10px 0 20px;
}
.topintro .title{
	display: flex;
}
.topintro .title .name{
	font-size: 24px;
	color: var(--text-08-color);
	font-weight: 700;
	flex: 1;
	height: 34px;
	line-height: 34px;
}
.topintro .title .type{
	flex: 1;
	text-align: right;
}
.topintro .des{
	margin-top: 10px;
	font-size: 15px;
	color: var(--text-06-color);
	line-height: 26px;
}
.topintro .info{
	margin-top: 10px;
	font-size: 14px;
	color: var(--text-06-color);
}
.topintro .info .ifitem{
	margin-top: 4px;
}




/************************************************************
							大模块功能：产业链图谱
************************************************************/


/*************** 1.产业链首页 ****************/


.indussearch{
	background:  url('../../img/bgchsearch.png') top no-repeat;
}
.dark-theme .indussearch{
	background:  url('../../img/cardbg4dark.png') top no-repeat;
}

.indussearch{
	background-size: 100%  auto;
	border-radius: 6px;
	height: 346px;
}


.indushot{
	margin: 20px 0;
}

.hytitle{
	text-align: center;
	margin-bottom: 12px;
}
.hytitle .t1{
	font-size:24px;
	font-weight: 700;
	margin-bottom: 8px;
}
.hytitle .t2{
	margin-bottom: 12px;
}



.hydata{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.hydata .hyitems{
	background: var(--bgmain2-color);
	padding: 15px 30px;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.hydata .hyitems .n1{
	font-size: 36px;
	color: var(--text-07-color);
	margin-bottom: 4px;
	font-family: titillium;
}
.hydata .hyitems .n2{
	font-size: 14px;
	color: var(--text-05-color);
}



.hylist{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0px;
}
.hylist .hyitems{
	background: var(--bgmain2-color);
	border-right: 1px solid var(--text-005-color);
	border-bottom: 1px solid var(--text-005-color);
	padding: 15px 30px;
	border-radius: 6px;
}
.hylist .hyitems a{
	display: flex;
}
.hylist .hyitems .cyicon{
	background:rgba(var(--cdp-base-rgb), 1);
	color: var(--cdp-gray-main);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	line-height: 48px;
	width: 48px;
	margin: 0 auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.hylist .hyitems .cyicon .ti{
	font-size: 24px;
}

.hylist .hyitems .smicon{
	background: #c7e3ff;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	line-height: 48px;
	width: 48px;
	margin: 0 auto;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}
.hylist .hyitems .smicon iconpark-icon{
	font-size: 20px;
}



.hylist .hyitems .cyinfo{
 	flex: 1;
	margin-left: 10px;
}
.hylist .hyitems .cyinfo .n1{
	font-size: 18px;
	color: var(--text-07-color);
	margin-bottom: 4px;
}
.hylist .hyitems .cyinfo .n2{
	font-size: 14px;
	color: var(--text-05-color);
}
.hylist .hyitems .cyinfo .n2 b{
	font-weight: 600;
}




.chaincos{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
}







/*************** 2.产业链图谱-详情页 ****************/
.chainbanner{
	background:  url('../../img/bgchain.png') top no-repeat;
}
.dark-theme .chainbanner{
	background:  url('../../img/cardbg4dark.png') top no-repeat;
}
.chainbanner{
	background-size: 100%  auto;
	border-radius: 6px;
	margin-bottom: 20px;
}
.chainbanner .chtoptitle{
	padding: 22px 30px;
}
.chainbanner .chtoptitle .top{
	display: flex;
}
.chainbanner .chtoptitle .top .name{
	flex: 1;
	font-size: 28px;
	text-align: left;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--text-09-color);
}
.chainbanner .chtoptitle .top .type{
	width: 150px;
	position: relative;
	margin-top: 2px;
}
.chainbanner .chtoptitle .top .type .tyicon{
	position: absolute;
	left: 10px;
	top: 9px;
	z-index: 9;
}
.chainbanner .chtoptitle .top .type .tyicon iconpark-icon{
	font-size: 16px;
	color: var(--text-06-color);
}

.chainbanner .chtoptitle .top .type .layui-form-select .layui-input {
	padding-left: 30px;
}



.chainbanner .chtoptitle .bottom{
	border-top: 1px solid  var(--text-005-color);
	margin-top: 10px;
	padding-top: 10px;
}
.chainbanner .chtoptitle .bottom a{
	margin-right: 10px;
	font-size: 15px;
}


.smartop{
	margin-top: 30px;
	margin-bottom: 15px;
}
.smartop .title{
	font-size: 20px;
	font-weight: bold;
	color: var(--text-07-color);
}





.smartlist{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.smartlist .hyitems{
	background: var(--bgmain2-color);
	border-right: 1px solid var(--text-005-color);
	border-bottom: 1px solid var(--text-005-color);
	padding: 25px 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	position: relative;
}
.smartlist .hyitems a{
	display: flex;
}
.smartlist .hyitems .smicon{
	background:var(--tag--msicon-bg);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 58px;
	line-height: 8px;
	width: 58px;
	margin: 0 auto;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}
.smartlist .hyitems .smicon iconpark-icon{
	font-size: 20px;
	color:var(--primary-color);
}



.smartlist .hyitems .cyinfo{
 	flex: 1;
	margin-left: 10px;
}
.smartlist .hyitems .cyinfo .n1{
	font-size: 18px;
	font-weight: bold;
	color: var(--text-07-color);
	margin-bottom: 4px;
}
.smartlist .hyitems .cyinfo .n2{
	margin-top: 8px;
	font-size: 14px;
	color: var(--text-05-color);
}
.smartlist .hyitems .cyinfo .n2 b{
	font-weight: 600;
}

.smright{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
}
.smright iconpark-icon{
	font-size: 18px;
}



/*************** 3.产业链图谱-图谱页面 ****************/
.induschain{
	position: relative;
	height: 100vh;
}
.chaingraph{
	width: 99.5vw;
	height:99.2vh;
	background:var(--chaingraph-bg);
}
/** 1. 左上：图谱路径导航 **/
.incLfroute{
	position: absolute;
	top:20px;
	left: 20px;
}

/** 2. 左下：图谱导航 **/
.incLfnav{
	position: absolute;
	top:40px;
	left: 20px;
}
.incNav{
	margin-top: 20px;
	background: var(--bgmain2-color);
	border: 1px solid var(--text-01-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.incNav .insearch{
	margin: 10px;
}
.incNav .inlist{
	height: 380px;
	overflow-y: scroll;
}
.incNav .inlist li{
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
}
.incNav .inlist li:hover{
	background: var(--bgmain2-hover-color);
}
.incNav .inlist li a{
	color: var(--text-06-color);
	display: block;
}
.incNav .inlist .active{
	background: var(--bgmain2-hover-color);
}
.incNav .inlist .active a{
	color: var(--cxui-a-color);
	font-weight: bold;
}

.incNav .innewnav{
	height: 300px;
	overflow-y: scroll;
}











/** 3. 右上：筛选工具 **/
.incRgtool{
	position: absolute;
	top:18px;
	right: 240px;
}
.baritem{
	background: var(--bgmain2-color);
	border: 1px solid var(--text-005-color);
	color: var(--text-07-color);
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	margin-left: 20px;
	cursor: pointer;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}


/** 4. 右下：企业列表 **/
.incRgtable{
	position: absolute;
	top: 62px;
	right: 60px;
}
.qychartlist {
	display: flex;
	max-width: 560px;
	margin: 20px auto;
	background-color: #fff;
	border: 1px solid var(--text-01-color);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: hidden;
}
.left-panel, .right-panel {
	box-sizing: border-box;
}
.left-panel {
	width: 240px;
	border-right: 1px solid #ddd;
}
.right-panel {
	width:300px;
}
.search-box {
	padding: 10px;
}
.search-box input {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
}
.node-list {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 400px;
	overflow-y: scroll;
}
.node-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}
.node-item:hover {
	background-color: #f9f9f9;
}
.node-item.active {
	background-color: #e0f7fa;
}
.node-name {
	font-weight: bold;
}
.node-count {
	color: #888;
	font-size: 12px;
}
.company-list {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 400px;
	overflow-y: scroll;
}
.company-item {
	padding: 10px;
	border-bottom: 1px solid #eee;
}
.company-item.highlight {
	color: red;
}
.hide-zero {
	background: #f2f3f4;
	padding: 10px;
	font-size: 14px;
	color: #888;
	cursor: pointer;
}
.hide-zero input {
	margin-right: 5px;
}

.btnclose{
	position: absolute;
	cursor: pointer;
	top: 8px;
	right: -8px;
	height: 26px;
	width: 26px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border: none;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-ms-border-radius: 26px;
	-o-border-radius: 26px;
}
/** 5. 右下：工具按钮 **/
.g6-toolbar-item{
	margin: 0 7px!important;
}

/** 6.节点弹窗 **/
.compsfilter{display: flex; justify-content: center;align-items: center; padding: 10px 15px}
.compsfilter .leftnav{flex: 1;display: flex; justify-content: left;align-items: center;}
.compsfilter .leftnav .cxui-btn-group{margin-right: 12px}
.compsfilter .rightcond{flex: 1;display: flex; justify-content: right;align-items: center;}
.compsfilter .layui-form-label{width: 100px;}
.compsfilter .layui-input{width: 150px!important;}
.compsfilter .layui-form-item .layui-input-inline{width: 150px; margin-left: 0px; margin-bottom: 0!important;}
.compsfilter .layui-form-item .layui-inline{margin-bottom: 0; margin-right: 0; margin-left: 12px}
.compsfilter .layui-form-item{width: 100%;margin-bottom: 0px;}

.compsfilter .rightcond button{height: 32px; line-height: 32px}

.compsrelist{
	padding: 0 15px;
}
.compsrelist table {
	width: 100%;
	border-collapse: collapse;
}
.compsrelist th,
.compsrelist td {
	border: 1px solid #ddd;
	padding: 4px 10px;
	text-align: left;
}
.compsrelist th {
	background-color: #f2f2f2;
	position: sticky;
	top: 0;
}
.compsrelist tr:nth-child(even) {
	background-color: #f9f9f9;
}
.compsrelist tr th:nth-child(1){text-align: center;}
.compsrelist tr td:nth-child(1){text-align: center;}

.compsnodata{text-align: center; padding-top: 56px}
.compsnodata .comname{ font-size: 16px; font-weight: bold}
.compsnodata .destips{ font-size: 15px; margin-top: 12px}
















/*******************  L. 按钮自定义(button)  *******************/


/***** 1.按钮基本设置 *****/

.cxui-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	border: 1px solid transparent;
	padding: 0 18px;
	background-color: var(--cxui-btn-background);
	color: var(--cxui-btn-text-color);
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
}
.cxui-btn i{font-size: 15px; margin-right: 4px;}
.cxui-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.cxui-btn:active {
	opacity: 1;
	filter:alpha(opacity=100)
}


/***** 2.按钮大小设置 *****/

.cxui-btn-lg {
	height: 44px;
	padding: 0 25px;
	font-size:16px
}
.cxui-btn-lg i{font-size: 18px; margin-right: 4px;}


.cxui-btn-sl {
	height: 36px;
	padding: 0 14px;
	font-size:14px!important
}
.cxui-btn-sl i{font-size: 16px;  margin-right: 4px;}


.cxui-btn-sm {
	height: 30px;
	padding: 0 10px;
	font-size:12px!important
}
.cxui-btn-sm i{font-size: 15px;  margin-right: 4px;}

.cxui-btn-xs {
	height: 22px;
	padding: 0 10px;
	font-size:12px
}
.cxui-btn-sm i{font-size: 14px;  margin-right: 2px;}


/***** 3.按钮组设置 *****/

.cxui-btn-group{
	display: flex;
}
.cxui-btn-group .groupitem{
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	background: none;
	color: var(--text-08-color);
	border: 1px solid var(--text-02-color);
	border-right: none;
	padding: 0 12px;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	margin-right: -1px;
	transition: background-color 0.3s ease;
}
.cxui-btn-group .groupitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.cxui-btn-group .active{
	background: none;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.cxui-btn-group .groupitem:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.cxui-btn-group .groupitem:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid var(--text-02-color);
	margin-right: 0px;
}
.cxui-btn-group .groupitem.active:last-child {
	border-right: 1px solid var(--primary-color);
}
.cxui-btn-group .groupitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}



.iconitem{
	background: var(--bgmain2-color);
	border: 1px solid var(--text-02-color);
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	width: 32px;
	border-radius: 4px;
}
.iconitem iconpark-icon{
	color: var(--primary-color);
}








/***** 3.表格上--按钮组 *****/

.cxui-tabtns{
	display: flex;
	margin-right: 10px;
}
.cxui-tabtns .groupitem{
	display: inline-block;
	vertical-align: middle;
	height: 28px;
	background: none;
	color: var(--text-08-color);
	border: 1px solid var(--text-02-color);
	border-right: none;
	padding: 0 12px;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	margin-right: -1px;
	transition: background-color 0.3s ease;
}
.cxui-tabtns .groupitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.cxui-tabtns .active{
	background: none;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.cxui-tabtns .groupitem:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.cxui-tabtns .groupitem:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid var(--text-02-color);
	margin-right: 0px;
}
.cxui-tabtns .groupitem.active:last-child {
	border-right: 1px solid var(--primary-color);
}
.cxui-tabtns .groupitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}






/***** 3.按钮颜色设置 *****/


.cxui-bg-blue{
	background-color: var(--cxui-btn-blue-background);
	color: var(--cxui-btn-blue-text-color);
}

.cxui-bg-white{
	background-color: var(--cxui-btn-white-background);
	color: var(--cxui-btn-white-text-color);
	border: 1px solid var(--cxui-btn-white-line-color);
}

.cxui-bg-warm{
	background-color: var(--cxui-btn-warm-background);
	color: var(--cxui-btn-warm-text-color);
}

.cxui-bg-subs{
	background: var(--cxui-btn-subs-background);
	color: var(--cxui-btn-subs-text-color);
	border: 1px solid var(--cxui-btn-subs-line-color);
}

.cxui-bg-pays{
	border: 1px solid #ffdc94;
	background: var(--cxui-pay-background);
	color: var(--cxui-pay-text-color);
}

.cxui-bg-tips{
	background: var(--cxui-btn-tips-background);
	color: var(--cxui-btn-tips-text-color);
	border: 1px solid var(--cxui-btn-tips-line-color);
}
.cxui-bg-type{
	background: var(--cxui-btn-type-background);
	color: var(--cxui-btn-type-text-color);
	border: 1px solid var(--cxui-btn-type-line-color);
}




/***** 3.文字颜色设置 *****/
.text-red{
	color: var(--cxui-text-red);
}
.text-green{
	color: var(--cxui-text-green);
}
.text-yellow{
	color:var(--cxui-text-yellow)
}
.cxpro-bg-red{
	background: var(--cxui-text-red);
}
.cxpro-bg-green{
	background: var(--cxui-text-green);
}
.cxpro-bg-yellow{
	background:var(--cxui-text-yellow)
}



/***** 4.付费按钮样式 *****/
.cxui-pay{
	display: inline-block;
	vertical-align: middle;
	height: 34px;
	line-height: 34px;
	padding: 0 18px;
	border: 1px solid #ffdc94;
	background: var(--cxui-pay-background);
	color: var(--cxui-pay-text-color);
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none
}
.cxui-pay:hover{
	opacity: 0.8;
}
.cxui-pay-lg {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size:16px
}

.cxui-pay-sm {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size:12px
}

.cxui-pay-xs {
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	font-size:10px
}


/***** 3.标签样式 *****/
.cxui-tag{
	display: inline-block;
	vertical-align: middle;
	height: 28px;
	line-height: 28px;
	border: 1px solid transparent;
	padding: 0 10px;
	background-color: var(--cxui-btn-background);
	color: var(--cxui-btn-text-color);
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none
}
.cxui-tag:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.tag-greeen{
	border: 0px solid var(--tag-green-line-color);
	background: var(--tag-green-background);
	color: var(--tag-green-text-color);
}
.tag-red{
	border: 0px solid var(--tag-red-line-color);
	background: var(--tag-red-background);
	color: var(--tag-red-text-color);
}
.tag-blue{
	border: 0px solid var(--tag-blue-line-color);
	background: var(--tag-blue-background);
	color: var(--tag-blue-text-color);
}
.tag-gray{
	border: 0px solid var(--tag-gray-line-color);
	background: var(--tag-gray-background);
	color: var(--tag-gray-text-color);
}
.tag-state{
	border: 0px solid var(--tag-state-line-color);
	background: var(--tag-state-background);
	color: var(--tag-state-text-color);
}
.tag-stock{
	background-color: #e9e7fd;
	color: rgba(var(--cdp-base-rgb), 1);
	font-weight: normal;
}


.tag-lg {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size:16px
}

.tag-sm {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size:12px
}

.tag-xs {
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	font-size:12px
}

.tag-sxs {
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size:10px;
	margin:0 4px;
}

/*******************  L. 直接重置原UI  *******************/

/** 0.对导航重置 **/
.navbar .layui-nav .layui-this:after, .navbar .layui-nav-bar{
	height: 0!important;
}

.navbar .layui-anim {
	-webkit-animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-duration: .3s;
	animation-fill-mode: both;
}

.navbar .layui-nav {
	position: relative;
	padding: 0 15px;
	background-color: var(--bgmain2-color);
	color: var(--text-color);
	border-radius: 5px;
	font-size: 0;
	box-sizing: border-box;
}

.navbar .layui-nav .layui-nav-item {
	position: relative;
	display: inline-block;
	margin-top: 0;
	list-style: none;
	vertical-align: middle;
	line-height: 36px;
	margin-right: 10px;
}

.navbar .layui-nav .layui-nav-item a:hover,
.navbar .layui-nav .layui-this a{
	background: var(--primary-color);
	color: var(--bgmainw-color)!important;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.navbar .layui-nav .layui-nav-item a:hover .layui-nav-more {
	color: var(--bgmainw-color);
}
.navbar .layui-nav .layui-this a .layui-nav-more {
	color: var(--bgmainw-color);
}
.navbar .layui-nav .layui-nav-item a {
	padding: 0 10px 0 11px;
	color: var(--text-m1-color);
	transition: all .3s;
	-webkit-transition: all .3s;
	letter-spacing: 1px;
	position: relative;
	cursor: pointer;
}

.navbar .layui-nav .layui-nav-more {
	display: inline-block;
	position: initial;
	right: -3px!important;
	left: auto!important;
	color: var(--text-m1-color);
	margin-top: 0;
	font-size: 12px;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
}


.navbar .layui-nav-child {
	top: 50px;
	background: var(--bgmain1-color);
	background-color: var(--bgmain1-color);
	border: 1px solid var(--text-005-color);
	box-shadow: 0 60px 120px 0 rgba(13,13,13,.04);
	z-index: 100;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.navbar .layui-nav-child dd{
	min-width: 120px
}
.navbar .layui-nav .layui-this dd a{
	background: none;
	color: var(--text-m1-color)!important;
}

/** 1.对按钮颜色重置 **/
.layui-btn {
	border: 1px solid transparent;
	background-color: var(--cxui-btn-background);
	color: var(--cxui-btn-text-color);
}
.layui-bg-red {
	background-color: #ff5722 !important;
	color:#fff !important
}
.layui-bg-orange {
	background-color: #ffb800 !important;
	color:#fff !important
}
.layui-bg-green {
	background-color: #16baaa !important;
	color:#fff !important
}
.layui-bg-cyan {
	background-color: #2f4056 !important;
	color:#fff !important
}
.layui-bg-blue {
	background-color: #1e9fff !important;
	color:#fff !important
}
.layui-bg-purple {
	background-color: #a233c6 !important;
	color:#fff !important
}
.layui-bg-black {
	background-color: #2f363c !important;
	color:#fff !important
}
.layui-bg-gray {
	background-color: #fafafa !important;
	color:#5f5f5f !important
}
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field,
.layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-input-split,
.layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card,
.layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
	border-color:#eee
}
.layui-border {
	border-width: 1px;
	border-style: solid;
	color:#5f5f5f !important;
	background: none;
}
.layui-border-red {
	border-width: 1px;
	border-style: solid;
	border-color: #ff5722 !important;
	color:#ff5722 !important;
	background: none;
}
.layui-border-orange {
	border-width: 1px;
	border-style: solid;
	border-color: #ffb800 !important;
	color:#ffb800 !important;
	background: none;
}
.layui-border-green {
	border-width: 1px;
	border-style: solid;
	background: none;
	border-color: var(--cxui-btn-background)!important;
	color: var(--cxui-btn-background)!important;
}
.layui-border-cyan {
	border-width: 1px;
	border-style: solid;
	border-color: #2f4056 !important;
	color:#2f4056 !important;
	background: none;
}
.layui-border-blue {
	border-width: 1px;
	border-style: solid;
	border-color: #1e9fff !important;
	color:#1e9fff !important;
	background: none;
}
.layui-border-purple {
	border-width: 1px;
	border-style: solid;
	border-color: #a233c6 !important;
	color:#a233c6 !important;
	background: none;
}
.layui-border-black {
	border-width: 1px;
	border-style: solid;
	border-color: #2f363c !important;
	color:#2f363c !important;
	background: none;
}

/** 2.对表格重置 **/

.layui-table-header thead{
	background-color: var(--text-005-color);
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background-color: var(--primary-color);
}
.layui-table-view:after{
	width: 0;
}
.layui-table-tool {
	position: relative;
	width: 100%;
	min-height: 54px;
	line-height: 30px;
	padding: 10px 0px;
	border-width: 0;
	border-bottom-width: 1px;
}
.layui-table-tool-self{
	right: 0;
	top: 10px;
}
.layui-table-tool .layui-inline[lay-event]{
	border-radius: 4px;
}
.layui-table {
	background-color: var(--table-bg-main);
	color: var(--text-09-color);
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header,
.layui-table-mend, .layui-table-page, .layui-table-tips-main,
.layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line],
.layui-table[lay-skin=row]{
	border-color: var(--text-005-color);
}
.layui-table-click,.layui-table-hover,.layui-table[lay-even] tbody tr:nth-child(even){
	background-color:var(--hover-card-bg);
}
.layui-table-mend{
	background-color: transparent;
}
.layui-table-cell {
	min-height: 38px;  /* 保留最小高度 */
}


/** 3.对表单重置 **/
.layui-input:focus,
.layui-textarea:focus {
	border-color: var(--primary-color)!important;
	box-shadow: 0 0 0 3px rgba(22,183,119,.08);
}
.layui-form-label {
	position: relative;
	float: left;
	display: block;
	padding: 7px 15px;
	width: 126px;
	font-weight: 400;
	line-height: 20px;
	text-align: right;
	color: var(--text-06-color);
}
.layui-input-block {
	margin-left: 156px;
	min-height: 34px;
}
.layui-input, .layui-select, .layui-textarea {
	height: 34px;
	line-height: 34px;
	border-width: 1px;
	border-style: solid;
	background-color: var(--bgmain2-color);
	color: rgba(0,0,0,.85);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.layui-field-title{
	margin: 30px 0 10px;
}
.layui-elem-field legend {
	margin-left: 20px;
	padding: 0 10px;
	font-size: 16px;
	color:var(--text-06-color);
}
.layui-form-checkbox[lay-skin=primary]>i {
	right: auto;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 14px;
	border: 1px solid var(--text-02-color);
	font-size: 12px;
	border-radius: 2px;
	-webkit-transition: .1s linear;
	transition: .1s linear;
}


.el-cascader {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 34px!important;
}
.el-input__inner {
	height: 34px!important;
	line-height: 34px!important;
	outline: none;
	padding: 0 10px!important;
	background-color: var(--bgmain2-color)!important;
	color: var(--text-06-color)!important;
	border: 1px solid var(--text-01-color)!important;
}
.el-input__suffix {
	right: 10px!important;
}
.el-cascader__search-input {
	margin: 2px 0 2px 10px!important;
}
.el-cascader__search-input{
	background: var(--bgmain2-color);
}
.transparent-skin .layui-layer-content {
	background: transparent!important;
	border: none!important;
}


/** 4.对翻页重置 **/
.layui-laypage a[data-page]{
	color: var(--cxui-a-color);
}
.layui-laypage-count{
	color: var(--text-08-color)!important;
}
.layui-table-page .layui-laypage input{
	background: var(--bgmain-search-color);
	border: 1px solid var(--text-02-color);
	color: var(--text-09-color);
}
.layui-table-page .layui-laypage span {
	padding: 0 10px;
}
.layui-laypage-btn{
	background-color: var(--bgmain2-color)!important;
	border: 1px solid var(--text-02-color)!important;
	color: var(--text-09-color);
}
.layui-laypage-limits  select{
	background-color: var(--bgmain2-color)!important;
	border: 1px solid var(--text-02-color)!important;
	color: var(--text-09-color);
}
.layui-laypage a, .layui-laypage span{
	background-color: var(--bgmain2-color)!important;
}

.layui-laypage button, .layui-laypage input{
	background: var(--bgmain-search-color);
	border: 1px solid var(--text-02-color);
	color: var(--text-09-color);
}
.layui-laypage .layui-laypage-skip{
	border: none!important;
	color: var(--text-09-color);
}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip{
	border: none!important;
}
.layui-table-page select{height: 22px}


/** 5.对选项卡颜色重置 **/
.layui-tab .layui-tab-title li{
	color: var(--text-08-color);
}
.layui-tab-brief>.layui-tab-title .layui-this{
	color: var(--cxui-a-color)!important;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 2px solid var(--cxui-a-color)!important;
}


/** 6.对线条颜色重置 **/
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-input-split, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
	border-color: var(--text-01-color);
}
.layui-tab .layui-tab-title:after{
	border-bottom-color:var(--text-01-color);
}


/** 7.对弹窗圆角重置 **/
.layui-layer{ border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }

/** 8.深色模式输入框 **/
.dark-theme .layui-input:focus, .dark-theme .layui-textarea:focus{
	border-color: rgba(var(--cdp-main-rgb), 0.4)!important;
}
layui-input:hover, .layui-textarea:hover{
	border-color: rgba(var(--cdp-main-rgb), 0.4)!important;}

/** 8.鼠标滑过展示指定div **/
.tooltip-wrapper {
	position: relative;
	display: inline-block;
}
.cxtlitem {
	cursor: pointer;
	transition: background 0.3s;
}
.cxtlshowcont {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px;
	background: var(--bgmain2-color);
	border-radius: 6px;
	box-shadow: 0 0 8px 7px rgba(0,0,0,.05);
	z-index: 100;
	min-width: 240px;
	max-width: 620px;
	/* 新增优化 */
	max-height: 70vh;
	overflow-y: auto;
	/* 默认向下定位 */
	top: 100%;
	margin-top: 8px;
}
.cxtlshowcont::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-bottom-color: #ddd;
}


/** 9. 优化深色模式**/
.dark-theme .layui-progress{
	background: var(--text-09-color);
}
.dark-theme .layui-layer-dialog .layui-layer-content{
	color: var(--text-09-color);
}


/** 10. 最新分步进度条**/
.x-steps-container {
	display: flex;
	justify-content: space-between;
	position: relative;
	max-width: 800px;
	margin: 40px auto;
	padding: 0 20px;
}

.x-step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	flex: 1;
}

.x-step-item:not(:last-child):after {
	content: '';
	position: absolute;
	top: 16px;
	left: 60%;
	width: 80%;
	height: 2px;
	background-color: #e0e0e0;
	z-index: 1;
}

.x-step-node {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	position: relative;
	z-index: 2;
	margin-bottom: 8px;
}

.x-step-content {
	text-align: center;
	padding: 0 10px;
}

.x-step-title {
	font-weight: bold;
	color: #757575;
	margin-bottom: 4px;
	font-size: 14px;
}

.x-step-time {
	font-size: 12px;
	color: #9e9e9e;
}

/* 当前步骤样式 */
.x-step-item--current .x-step-node {
	background-color: #2196F3;
}

.x-step-item--current .x-step-title {
	color: #2196F3;
}

/* 已完成步骤样式 */
.x-step-item--completed .x-step-node {
	background-color: #4CAF50;
}

.x-step-item--completed:not(:last-child):after {
	background-color: #4CAF50;
}

.x-step-item--completed .x-step-title {
	color: #4CAF50;
}
@media (max-width: 600px) {
	.x-steps-container {
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
	}

	.x-step-item {
		flex-direction: row;
		margin-bottom: 20px;
		width: 100%;
		align-items: flex-start;
		flex: none;
	}

	.x-step-item:not(:last-child):after {
		top: 60%;
		left: 16px;
		width: 2px;
		height: 100%;
	}

	.x-step-node {
		margin-right: 15px;
		margin-bottom: 0;
	}

	.x-step-content {
		text-align: left;
		padding: 0;
	}
}





/* 1.通用表格中-锁定的样式 */
.yunlocked{}
.yunlocked tbody tr:nth-child(n+3) td {
	position: relative;
	color: transparent;
	user-select: none;
}
.yunlocked tbody tr:nth-child(n+3) td .layui-table-cell{
	filter: blur(3px);
}
.yunlocked tbody tr:nth-child(n+3) td:last-child {
	border-right: none;
}
.yunlocked tbody tr:nth-child(n+3) td{
	background: var(--bgmain2-color);
	color: transparent!important;
}
.yunlocked tbody tr:nth-child(n+3) td a{
	color: transparent!important;
	pointer-events: none;
	cursor: default;
}
.yunlocked tbody tr:nth-child(n+3) td::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	/* 普通状态SVG - 灰色 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2395a5a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6' /%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: lockPulse 2s infinite;
}
.yunlocked tbody tr:nth-child(n+3) td:hover::before {
	/* 悬停状态SVG - 红色，stroke-width略粗 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6' /%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3C/svg%3E");
	transform: translate(-50%, -50%) scale(1.2);
	transition: all 0.3s ease;
}

/* 2.拼接表格中-锁定的样式如财务 */
.yuntablocked{}
.yuntablocked .scrollable-columns .data-cell {
	background: var(--bgmain2-color);
	color: transparent;
}
.yuntablocked .scrollable-columns .data-column:nth-child(1) .data-cell::before{ content: none !important;
	background-image: none !important;
	animation: none !important;}

.yuntablocked .scrollable-columns .data-column:nth-child(1) .data-cell {
	background: initial;
	color: initial;
}
.yuntablocked .scrollable-columns .data-cell::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-50%, 0%);
	width: 24px;
	height: 24px;
	/* 普通状态SVG - 灰色 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2395a5a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6' /%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: lockPulse 2s infinite;
}
.yuntablocked .scrollable-columns .data-cell:hover::before {
	/* 悬停状态SVG - 红色，stroke-width略粗 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6' /%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3C/svg%3E");
	transform: translate(-50%, -50%) scale(1.2);
	transition: all 0.3s ease;
}

/* 3.通用表格中-只展示第一列，如行业财务表现 */
.yunspelocked{}

.yunspelocked tbody tr td{
	background: var(--bgmain2-color);
	color: transparent;
}
.yunspelocked tbody tr td:nth-child(1)::before {
	content: none !important;
	background-image: none !important;
	animation: none !important;
}
.yunspelocked tbody tr td:nth-child(1) .layui-table-cell {
	background: initial;
	color: initial;
}
.yunspelocked tbody tr td:nth-child(2)::before {
	content: none !important;
	background-image: none !important;
	animation: none !important;
}
.yunspelocked tbody tr td:nth-child(2) .layui-table-cell {
	background: initial;
	color: initial;
}
.yunspelocked tbody tr td::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 40%;
	transform: translate(-50%, 0%);
	width: 24px;
	height: 24px;
	/* 普通状态SVG - 灰色 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2395a5a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6' /%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: lockPulse 2s infinite;
}
.yunspelocked tbody tr td .layui-table-cell:hover::before {
	/* 悬停状态SVG - 红色，stroke-width略粗 */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6' /%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3C/svg%3E");
	transform: translate(-50%, -50%) scale(1.2);
	transition: all 0.3s ease;
}


@keyframes lockPulse {
	0%, 100% {
		opacity: 0.8;
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.1);
	}
}



/* 表格下方的付费墙 */
.tabpaywall{
	background: rgba(var(--cdp-main-rgb), 0.03);
	border-radius: 4px;
	padding: 10px 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
	font-size: 15px;
	margin-top: 6px;
}
.tabpaywall span {
	color: rgba(var(--cdp-main-rgb), 0.9);
	font-weight: bold;
	margin: 0 2px;
}
.tabpaywall a {
	display: inline-block;
	background: var(--cxui-pay-background);
	color: var(--cxui-pay-text-color);
	border: 1px solid #ffdc94;
	text-decoration: none;
	padding: 4px 12px;
	border-radius: 4px;
	font-weight: 600;
	transition: all 0.3s ease;
	cursor: pointer;
}
.tabpaywall a:hover {
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}