/** 
--- 功能: 估值模块的样式
--- 日期: 2025-03-28
--- by: xwq
**/




/* 估值场景说明 */
.gzpop-body {
}

.gzpop-header {
	color: rgba(var(--cdp-main-rgb), 0.9);
	border-bottom: 2px solid #3498db;
	padding-bottom: 10px;
}

.gzpop-subheader {
	color: rgba(var(--cdp-main-rgb), 0.9);
	margin-top: 20px;
}

.gzpop-method-card {
}
.gzpop-method-card p {
	 color: rgba(var(--cdp-main-rgb), 0.9);
 }
.gzpop-method-card li{
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.gzpop-limitations, .gzpop-recommendations {
	background-color:rgba(var(--cdp-base-rgb), 0.1);
	padding: 15px;
	border-radius: 5px;
	margin-top: 15px;
}

.gzpop-limitations-title, .gzpop-recommendations-title {
	 color: rgba(var(--cdp-main-rgb), 0.9);
	margin-top: 0;
}

.gzpop-scenario {
	margin-bottom: 15px;
}

.gzpop-scenario-title {
	color: rgba(var(--cdp-main-rgb), 0.9);
	margin-bottom: 5px;
	font-size: 16px;
}

.gzpop-pagination {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.gzpop-pagination-link {
	margin: 0 10px;
	padding: 8px 16px;
	text-decoration: none;
	color: rgba(var(--cdp-main-rgb), 0.9);
	border: 1px solid #ddd;
	border-radius: 4px;
}

.gzpop-pagination-active {
	background-color: #3498db;
	color: white;
}

.gzpop-note {
	font-style: italic;
	color: #7f8c8d;
	margin-bottom: 15px;
}


/** ##.股市：页面主导航组件 **/
 .twonav{
	 display: flex;
 }
.twonav .tnleft{flex: 1;}
.twonav .layui-nav{
	padding: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.twonav .layui-nav .layui-nav-more{
	right: 12px;
}
.twonav .layui-bg-gray {
	background-color: none!important;
	color: #5f5f5f!important;
}
.twonav .layui-nav .layui-nav-item {
	line-height: 50px;
	margin-right: 15px;
}
.twonav .layui-nav .layui-nav-item a{
	font-size: 16px;
	padding: 0 26px 0 16px;
}
/* 当a标签包含i标签时 */
.twonav .layui-nav .layui-nav-item a:has(> i) {

}
.twonav .layui-nav .layui-nav-item a:not(:has(> i)) {

}


.twonav .layui-nav .layui-nav-item:hover{
	background-color: var(--text-005-color);
	transition: all .2s;
	-webkit-transition: all .2s;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.twonav .layui-nav .layui-this{
	background: rgba(78,70,180,0.1);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.twonav .layui-nav .layui-this a{
	color: rgba(78,70,180,1);
}
.twonav .layui-nav .layui-this:after,
.twonav .layui-nav-bar {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0px;
	background-color: var(--text-005-color);
	transition: all .2s;
	-webkit-transition: all .2s;
	pointer-events: none;
}
.twonav .ntflag{ width: 34px; display: inline-block;}
.twonav .ntflag img{ width: 100%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.twonav .ntmark{
	font-weight: bold;
	font-size: 16px;
}
.twonav .ntnavt{
	padding-left: 10px;
	font-size: 16px;
}

.twonav .ntname{
	font-size: 16px;
}
.twonav .layui-nav-child{
	min-width: 500px;
	top: 56px;
	border: 1px solid var(--text-005-color);
	box-shadow: 0 60px 120px 0 rgba(13,13,13,.04);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.twonav .tnright{
	width: 300px;
	padding-top: 8px;
}
.twonav .tnright .tosearch{
	display: flex;
}



/**弹框：选择地区**/
.fgchoose{padding: 20px; }
.fgtitle{
	font-size: 13px;
	letter-spacing: 1px;
}
.fglist{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.fglist .item{display: flex; padding: 10px 0; cursor: pointer;}
.fglist .item:hover{background: var(--text-005-color);}
.fglist .item .thumb{width: 30px;}
.fglist .item .thumb img{ width:100%; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.fglist .item .info{ margin-left: 6px;}
.fglist .item .info .fgcn{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.fglist .item .info .fgen{
	font-size: 12px;
	line-height: 20px;

}



/**弹框：选股器/产业研究/指数 共用**/
.fgpicker{  display: grid; grid-template-columns: repeat(5, 1fr); padding: 20px 0;}

.fgpicker .pickeritem{width: 160px;overflow: hidden; padding: 0 20px; border-right: 1px solid var(--tag-gray-line-color);}
.fgpicker .pickeritem:last-child{border-right: none;}

.pickeritem .pktitle {display: flex; justify-content: left;
	align-items: center; }
.pickeritem .pktitle .icon{
	background: rgba(78,70,180,0.06);
	width: 36px;
	height: 36px;
	margin-right: 6px;
	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;
}
.pickeritem .pktitle .icon i{ font-size: 20px;}
.pickeritem .pktitle .name{font-size: 16px;}

.pickeritem .pklist{ padding-bottom: 15px; margin-top: 10px;}
.pickeritem .pklist a{font-size: 14px!important; padding: 0!important;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  }
.pickeritem .pklist a:hover{
	background:rgba(78,70,180,0.15)!important;
	padding: 0 10px!important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}




.pickeritem .pktitle .flag{
	width: 30px;
	height: 30px;
	margin-right: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pickeritem .pktitle .flag img{ width: 100%;}
.pickeritem .pkindexlist{ padding-bottom: 15px; margin-top: 10px;}
.pickeritem .pkindexlist a{font-size: 14px!important; padding: 6px 0!important;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  }
.pickeritem .pkindexlist a:hover{
	background:rgba(78,70,180,0.15)!important;
	padding: 6px 10px!important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.pickeritem .pkindexlist .i1{font-size: 14px; line-height: 24px;}
.pickeritem .pkindexlist .i2{font-size: 12px; line-height: 16px;}





.fgindexitem{padding: 6px 0px!important;}
.fgindexitem .i1{font-size: 14px; line-height: 20px;}
.fgindexitem .i2{font-size: 12px; line-height: 14px;}


/**弹框：行业**/
.fgindustry{  display: grid; grid-template-columns: repeat(3, 1fr); padding: 10px 0;}
.fgindustry .fgindsitem{width: 160px;overflow: hidden; padding: 0 20px; border-right: 1px solid var(--tag-gray-line-color);}
.fgindustry .fgindsitem:last-child{border-right: none;}

.fgindsitem .layui-colla-icon{
	position: absolute;
	left: unset!important;
	right: 0px!important;
	top: 0;
	font-size: 14px;
}
.fgindsitem .layui-colla-title {
	position: relative;
	height: 42px;
	line-height: 42px;
	padding: 0 0px;
	color: #333;
	background: none!important;
	cursor: pointer;
	font-size: 14px;
	overflow: hidden;
}
.fgindsitem .layui-collapse{
	border: none;
}
.fgindsitem .layui-colla-item{
	border: none;
	margin: 7px 0;
}
.fgindsitem .layui-colla-item:hover{ background: rgba(78,70,180,0.07); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.fgindsitem .layui-colla-content{
	border: none;
	padding: 0;
}
.institle{
	display: flex; justify-content: left; align-items: center;
}
.institle .icon{
	background: rgba(78,70,180,0.07);
	width: 42px;
	height: 42px;
	margin-right: 6px;
	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;
}
.institle .icon i{ font-size: 20px;}
.institle .name{font-size: 16px;}
.inslist a{font-size: 14px!important; padding: 6px 0!important;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  }
.inslist a:hover{
	background:rgba(78,70,180,0.15)!important;
	padding: 6px 10px!important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
















/** ##.股市：页面中的标题(普通版)**/
.onetitle{
	display: flex;
	font-size: 20px;
	padding: 18px 0px;
	letter-spacing: 1px;
	color: var(--text-08-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.onetitle .ctl{flex: 1; color: var(--text-07-color); font-weight: bold;}
.onetitle .ctr{font-size:12px; text-align: right; height: 25px; line-height: 25px;  position: relative; color: var(--text-07-color);}
.onetitle .ctr button{position: absolute; top: -15px; right: -12px;}
.onetitle .ctr b{color: var(--text-06-color);}
.onetitle .ctr a{color: var(--text-06-color);}
.onetitle .ctr em{color: var(--cxui-a-color); font-style: normal;}

/** ##.股市：页面中的标题(普通版)**/
.onetitlebase{
	display: flex;
	font-size: 20px;
	padding: 18px 0px;
	letter-spacing: 1px;
	color: var(--text-08-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.onetitlebase .ctl{flex: 1; color: var(--text-07-color); font-weight: bold;}
.onetitlebase .ctr{font-size:12px; text-align: right; height: 25px; line-height: 25px;  position: relative; color: var(--text-07-color);}


/** ##.股市：页面中的标题（复杂版）**/
.onetitlepro{display:flex;font-size:20px;padding:18px 0;letter-spacing:1px;color:var(--text-08-color);border-radius:4px}
.onetitlepro .ctl{flex: 1; }

.onetitlepro .profilter{display: flex; justify-content: left; align-items: center;}
.onetitlepro .stktitle{color: var(--text-07-color); font-weight: bold;}

.onetitlepro .stkcase{margin-left: 10px; margin-right: 15px;}
.onetitlepro .stkcase .casename{ border: 1px solid #ddd; height: 30px; line-height: 30px; padding: 6px 8px 6px 12px; cursor: pointer; display: flex; justify-content: left; align-items: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.onetitlepro .stkcase .casename:hover{ background: #f1f3f5;}
.onetitlepro .stkcase .casename span{font-size: 18px; font-weight: bold;}

.onetitlepro .stkoperate{display: flex; justify-content: left; align-items: center; }
.onetitlepro .stkoperate .cdptips{background:var(--bgmain-search-color);  border: 1px solid var(--text-01-color);border-radius:6px;margin-right:10px;width:32px;height:32px;font-size:18px}
.onetitlepro .stkoperate button{padding: 0 10px}

.onetitlepro .stkoperate .cdpbutton{ margin-right: 10px}


.onetitlepro .ctr{font-size:12px; text-align: right; height: 25px; line-height: 25px;  position: relative; color: var(--text-07-color);}
.onetitlepro .ctr button{ margin-left: 12px; margin-top: 6px}
.onetitlepro .ctr b{color: var(--text-06-color);}
.onetitlepro .ctr a{color: var(--text-06-color);}
.onetitlepro .ctr em{color: var(--cxui-a-color); font-style: normal;}

/** 弹窗的效果**/
.prodropera { width: 220px; background: var(--bgmain2-color); border-radius: 6px; box-shadow: 0 60px 120px 0 rgba(13,13,13,.04); }

.droplist{padding:8px 0}
.droplist a,.tobuilt{display:flex;align-items:center;padding:8px 12px;color:#333;text-decoration:none;transition:background-color .2s}
.droplist a:hover,.tobuilt:hover{background-color: rgba(var(--cdp-main-rgb), 0.07);}
.droplist .icon{font-size:18px;margin-right:8px;color: rgba(var(--cdp-main-rgb), 0.9);display:flex;align-items:center}
.droplist .name{font-size:15px;color: rgba(var(--cdp-main-rgb), 0.9);}

.droprecently{border-top:1px solid rgba(var(--cdp-main-rgb), 0.2);;padding:8px 0}
.droprecently .tit{padding:8px 12px;font-size:12px;color:#888}
.droprecently .recenlist{display:flex;flex-direction:column}
.droprecently .recenlist a{padding:8px 12px;font-size:15px;color: rgba(var(--cdp-main-rgb), 0.9); text-decoration:none;display:flex;align-items:center}
.droprecently .recenlist a:hover{background-color:rgba(var(--cdp-main-rgb), 0.07);}
.droprecently .recenlist a .icon{margin-right:8px}
.droprecently .tobuilt{margin-top:8px;text-align:center;cursor:pointer;color:#1a73e8}
.droprecently .tobuilt .icon{color:#1a73e8}




/** 估值用户的方案统一处理**/
.guzhicase{margin-left: 10px; margin-right: 15px;}
.gzhy{background: var(--cxui-btn-type-background);color: var(--cxui-btn-type-text-color);border: 1px solid var(--cxui-btn-type-line-color);}
.gztj{background-color: var(--cxui-btn-warm-background); color: var(--cxui-btn-warm-text-color);}
.gzyh{background: var(--cxui-btn-subs-background); color: var(--cxui-btn-subs-text-color);border: 1px solid var(--cxui-btn-subs-line-color);}


.gzcasename{ border: 1px solid var(--text-01-color);  padding: 4px 6px 4px 8px; cursor: pointer; display: flex; justify-content: left; align-items: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.gzcasename:hover{ background: var(--bgmain-search-color);}
.gzcasename .type{ font-size: 12px; padding: 4px 6px;  margin-right: 10px; border-radius:4px;}
.gzcasename .name{ font-size:15px;color:rgba(var(--cdp-main-rgb), 0.9); text-decoration:none; }



.gzdropercase {width: 320px; background: #fff; border-radius: 6px; box-shadow: 0 60px 120px 0 rgba(13,13,13,.04); }
.gzdrocase{border-top:1px solid #e0e0e0;padding:8px 0}
.gzdrocase .tit{padding:8px 12px;font-size:12px;color:#888}
.gzdrocase .recenlist{display:flex;flex-direction:column}
.gzdrocase .recenlist a{padding:8px 12px; text-decoration:none;display:flex;align-items:center}
.gzdrocase .recenlist a:hover{background-color:#f5f5f5}
.gzdrocase .recenlist a .icon{margin-right:8px}
.gzdrocase .recenlist .type{ width:64px; text-align: center; font-size: 12px; padding: 4px 0px;  margin-right: 10px; border-radius:4px;}
.gzdrocase .recenlist .name{flex: 1; font-size:16px;color:#333;text-decoration:none; }





/** ##.估值区间图-标题 **/
.dcftips-container {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 12px;
	border-radius: 4px;
	background:rgba(var(--cdp-main-rgb), 0.08);
	color: rgba(var(--cdp-main-rgb), 0.88);
	border-left: 3px solid #4CAF50;
	font-size: 14px;
	color: #333;
}
.dcftips-container .cdptips{margin-right: 8px;
	color: rgba(var(--cdp-main-rgb), 0.88);}
.dcftips-container .value {
	font-weight: 600;
	color: rgba(var(--cdp-red-rgb), 0.99);
}
.dcftips-container .label {
	color: rgba(var(--cdp-main-rgb), 0.88);
	font-size: 0.9em;
}
.dcftips-container .desifo{

	color: rgba(var(--cdp-main-rgb), 0.88);
}
.dcftips-container .reset-btn {
	margin-left: 8px;
	background: #e0e0e0;
	border: none;
	padding: 2px 8px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 0.85em;
}
.dcftips-container .reset-btn:hover {
	background: #d0d0d0;
}


/** ##.股市：K线图-多种切换 **/
.kchartool{display: flex;  }
.lefswitch{flex: 1;}
.kchartool i{font-size: 16px;}
.rigsetting{width: 200px; text-align: right;}







/** ##.股市详情页：股票核心信息组件**/
.numlevel1{font-size: 45px;}
.numlevel2{font-size: 22px;}
.numlevel3{font-size: 18px;}
.digit{font-family: HarmonyOS_Sans_Bold;}




.stktoper{display: flex;}
.stktoper .namelf{ flex: 1; display: flex;}
.stktoper .namelf .logo{margin-right: 20px; width: 80px;}
.stktoper .namelf .logo img{ width: 100%; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }

.stktoper .namelf .info .core{ display: flex; align-items: flex-end;  margin-bottom: 4px;}
.stktoper .namelf .info .core .abbrev{ font-size: 32px; height: 40px; margin-right: 10px; font-weight: 500;}

.stktoper .other .area{background: #d0efff;font-size: 12px; padding: 2px 4px; margin-right: 4px;}
.stktoper .other .code{margin-right: 8px;}
.stktoper .other .flag{display: inline-block; width: 16px;}
.stktoper .other .flag img{width: 100%;}
.stktoper .other .exchange{margin-right: 6px;}
.stktoper .other .industry{ margin-right: 2px; padding: 4px 2px 4px 8px;}
.stktoper .other .industry:hover{background: #ecf9ff;}
.stktoper .other .plate{cursor: pointer;padding: 4px 2px 4px 8px;}
.stktoper .other .plate:hover{background: #ecf9ff;}



.stktoper .induswarp{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;  width: 380px;}
.stktoper .induswarp .indcard{ background: #f1f2f3; padding: 10px 12px; display: flex;}
.stktoper .induswarp .indcard .cdtit{flex: 1;}
.stktoper .induswarp .indcard .cdtit .cd1{font-size: 15px;}
.stktoper .induswarp .indcard .cdtit .cd2{font-size: 12px;}
.stktoper .induswarp .indcard .cdnum{width: 80px;text-align: right;}



.stktoper .stkdata .lina{ display: flex; align-items: flex-end; margin: 10px 0;}
.stktoper .stkdata .lina .price{margin-right: 14px;display: flex; align-items: flex-end;}
.stktoper .stkdata .lina .price .now{margin-right:6px;height: 38px; line-height: 38px; }
.stktoper .stkdata .lina .icon{margin-right: 10px;}
.stktoper .stkdata .lina .nums{margin-right: 10px; height: 24px;}
.stktoper .stkdata .linb{color: var(--text-07-color); display: flex;}
.stktoper .stkdata .linb .text1{margin-right: 10px;}
.stktoper .stkdata .linb .text2{margin-right: 10px;}



.stktoper .namerg{}
.stktoper .mychoose{margin-bottom: 12px;}
.stktoper .mychoose i{font-size: 14px; }
.stktoper .tosearch{ width: 300px;}
.stktoper .tosearch .search-reminder{width: 100%;}

.stktoper .setags{width: 300px;}
.stktoper .colortag .title{font-size: 14px; margin-bottom: 6px;}
.stktoper .colortag .list{display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;}
.stktoper .colortag .list a{padding: 4px; text-align: center;}
.stktoper .colortag .list a:hover{background: #f2f3f4;}
.stktoper .colortag .list i{ font-size: 18px;}
.stktoper .colortag .list .check{ background: #f2f3f4;}
.stktoper .customize{margin-top: 8px;}
.stktoper .customize .title{font-size: 14px; margin-bottom: 6px;}
.stktoper .customize .list a{ display: inline-block;
	height: 24px; line-height: 24px;
	font-size: 13px; color: var(--text-06-color);
	padding: 0px 8px; margin-bottom: 10px; margin-right: 10px;
	border: 1px solid #b4b4b4; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.stktoper .customize .tool{margin-top: 6px;}
.stktoper .customize .list .check{ background: #f2f3f4; border: 1px solid #f2f3f4;}




/** ##.估值自动保存 **/
.gzautosave{

}
.gzautosave .layui-form-switch{
	margin-top: 0;
}
.autotips{
	font-size: 12px;
	display: none;
}



/** ##.股市详情页：公司介绍组件**/
.stkcompany .toper{
	/**display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;**/
	display: flex;
	margin-bottom: 10px;
}
.stkcompany .toper .item{ margin-right: 20px;display: flex; align-items: center;}
.stkcompany .toper .item .icon{
	display: grid;
	align-items: center;
	text-align: center;
	background: #f1f3f4;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin-right: 6px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
}
.stkcompany .toper .item .icon i{
	font-size: 20px;
	color: var(--text-06-color);
}
.stkcompany .toper .item .name span{
	margin-right: 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;font-size: 16px; opacity: 0.8; }
.stkcompany .toper .item .info{
	font-size: 16px;height: 30px;
	line-height: 30px;}
.stkcompany .toper .item .info a{ font-size: 16px;}
.stkcompany .intro{margin-top: 16px;}
.stkcompany .intro .text{ font-size: 16px; line-height: 26px; text-align: justify;}




/** ##.股市详情页：关键数据组件 **/

.stkeydata {
	color: white;
	column-count: 3; /* 列数 */
	column-gap: 20px; /* 列间距 */
}
.stkeydata .keycard {
	background: var(--bgmain2-color);
	display: inline-block;
	width: 100%;
	padding: 20px;
	break-inside: avoid;
	/*防止内容被分割到不同列*/box-sizing: border-box;
	margin-bottom: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.stkeydata .keycard  .title {
	font-weight: bold;
	margin-bottom: 12px;
	color: var(--text-08-color);
	font-size: 16px
}
.stkeydata .keycard  .row {
	display: flex;
	justify-content: space-between;
	margin: 8px 0;
	padding: 4px 0;
}

.stkeydata .keycard  .label {
	flex: 1;
	color: var(--text-06-color);
}

.stkeydata .keycard  .value {
	flex: 1;
	text-align: right;
	color: var(--text-09-color);
	font-family: Consolas, monospace;
}


/** ##.行业详情：行业名称**/
.inTypeToper{
	margin-bottom: 5px;
}

.intypewarp{
	margin-top: 12px;
	display: flex;
	align-items: center;
}

.intypewarp .intyicon {
	display: flex;
	align-items: center;
	flex: 1;
}

.intypewarp .intyicon .hyicon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--text-005-color);
	height: 68px;
	width: 68px;
	margin-right: 10px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}
.intypewarp .intyicon .hyicon .ti {
	font-size: 36px;
	color: var(--text-07-color);
}
.intypewarp .intyicon .hyinfo .hyname{
	font-size: 28px;
	font-weight: bold;
}
.intypewarp .intytool{
	width: 100px;
}

.intypedes{
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
	margin-left: 0px;
}





/***主框架..二级导航***/
.secondnav{
	display: block;
}
.secondnav .csitem{
	display: inline-block;
	background: var(--btgp-normal-bg);
	color: var(--text-08-color);
	border: 1px solid var(--text-01-color);
	margin-right: 12px;
	padding: 12px 28px;
	border-radius: 6px;
	font-size: 15px;
}
.secondnav .csitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	border: 1px solid var(--btgp-active-bg);
	color:var(--btgp-active-bg);
}
.secondnav .active{
	background: var(--btgp-active-bg);
	color: var(--whiter-color);
	border: 1px solid var(--text-02-color);
}
.secondnav .active:hover{
	background: var(--btgp-active-bg);
	color: var(--whiter-color);
	border: 1px solid var(--text-02-color);
}

/***主框架..三级导航***/
.thirdnav{
	display: block;
}
.thirdnav .csitem{
	display: inline-block;
	background: var(--btgp-normal-bg);
	color: var(--text-08-color);
	border: 1px solid var(--text-01-color);
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 10px 17px;
	border-radius: 4px;
	font-size: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.thirdnav .csitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	border: 1px solid var(--btgp-active-bg);
	color:var(--btgp-active-bg);
}
.thirdnav .active{
	background: var(--btgp-active-bg);
	color: var(--whiter-color);
	border: 1px solid var(--text-02-color);
}
.thirdnav .active:hover{
	background: var(--btgp-active-bg);
	color: var(--whiter-color);
	border: 1px solid var(--text-02-color);
}


/***主框架..四级导航--简单筛选***/
.fournav{
	display: block;
}
.fournav .csitem{
	display: inline-block;
	background: var(--btgp-normal-bg);
	color: var(--text-08-color);
	border: 1px solid var(--text-01-color);
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 6px 14px;
	border-radius: 4px;
	font-size: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.fournav .csitem:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	border: 1px solid var(--btgp-active-bg);
	color:var(--btgp-active-bg);
}
.fournav .active{
	background: var(--btgp-active-bg);
	color: var(--whiter-color);
	border: 1px solid var(--text-02-color);
}
.fournav .active:hover{
	background: var(--btgp-active-bg);
	color: var(--whiter-color);
	border: 1px solid var(--text-02-color);
}



/** 2.搜索效果（search）**/
.search-reminder {width: 340px; position: relative; display: inline-block; }
.search-reminder .ti{font-size:18px;  color: var(--text-05-color);}
.search-reminder input{height: 38px; line-height: 38px; }
.search-reminder .layui-input-prefix{top: 2px;left: 0px; }
search-reminder .layui-input-prefix i{color:var(--text-04-color); font-size: 14px}

.seare-dropdown{ display: none; width: 100%;position: absolute;  top: 48px;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 0 60px 120px 0 rgba(13,13,13,.04);
	background:var(--bgmain-search-color); border-radius: 6px; height: 300px; overflow-y: auto; z-index: 1; }

.seare-dropdown.show { display: block; }
.seare-dropdown .tipsimg{width: 220px; margin: 10px auto 0;}
.seare-dropdown .tipsimg img{width: 100%; text-align: center;}
.seare-dropdown .tipstit{text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 8px;}
.seare-dropdown .tipsdes{text-align: center; font-size: 14px; color: #333;}
.seare-dropdown .seahistory{padding: 10px;}
.seare-dropdown .shtit{ color: rgba(var(--cdp-main-rgb), 0.9);font-size: 14px; font-weight: bold; margin-bottom: 6px; height: 36px; line-height: 36px; position: relative;}
.seare-dropdown .shtit .ti{position: absolute; right: 0; top: 10px; cursor: pointer;}
.seare-dropdown .shlist span{background: #f2f4f5; color: #333; padding: 4px 8px; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; border-radius: 20px;}

.search-stock-list .scl-item{display: flex; padding: 0px 20px; border-bottom: 1px solid  rgba(var(--cdp-main-rgb), 0.1);  padding: 6px 10px }
.search-stock-list .scl-item:hover{ background: rgba(var(--cdp-main-rgb), 0.11);}
.search-stock-list .scl-item .ca{flex: 3;}
.search-stock-list .scl-item .cb{flex: 1;font-size: 15px;  white-space: nowrap; display: flex; align-items: center;}
.search-stock-list .scl-item .cc{flex: 1;font-size: 15px; white-space: nowrap; display: flex; align-items: center; }
.search-stock-list .scl-item .ca .tit{font-size: 15px; font-weight: bold; line-height: 20px; color:rgba(var(--cdp-main-rgb), 0.9);}
.search-stock-list .scl-item .ca .base{  font-size: 11px; color:rgba(var(--cdp-main-rgb), 0.8);}
.search-stock-list .scl-item .ca .base .jys{ padding: 4px; background: rgba(var(--cdp-main-rgb), 0.1);; margin-right: 8px;}
.search-stock-list .scl-item .ca .base .code{font-size: 13px;}

.search-chain-list .chi-item{display: flex; padding: 12px 20px; border-bottom:  1px solid var(--text-005-color);; }
.search-chain-list .chi-item:hover{ background: var(--hover-background); cursor: pointer;}
.search-chain-list .chi-item .ca .t1{color: rgba(var(--cdp-main-rgb), 0.8);	background: rgba(var(--cdp-base-rgb), 0.2); font-size: 12px; padding: 2px 4px; margin-right: 6px;}
.search-chain-list .chi-item .ca .t2{color: rgba(var(--cdp-main-rgb), 0.8);	background: rgba(var(--cdp-base-rgb), 0.2); font-size: 12px; padding: 2px 4px; margin-right: 6px;}
.search-chain-list .chi-item .ca .tit{ color: rgba(var(--cdp-main-rgb), 0.9); font-size: 15px; font-weight: bold; margin-top: 8px;}


.search-dropdown{  border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 0 60px 120px 0 rgba(13,13,13,.04);
	background:var(--bgmain-search-color);}

/** 估值历史估值方案 **/
.gzhis-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.gzhis-tag {
	display: inline-flex;
	align-items: center;
	padding: 4px 6px;
	background: #f0f0f0;
	border-radius: 16px;
	font-size: 12px;
}

.gzhis-name {
	font-weight: bold;
	margin-right: 4px;
}

.gzhis-code {
	color: #666;
	margin-right: 4px;
	font-size: 12px;
}

.gzhis-del {
	background: none;
	border: none;
	color: rgba(var(--cdp-main-rgb), 0.6);
	cursor: pointer;
	line-height: 1;
}
.gzhis-del .ti{
	font-size: 12px!important;
}
.gzhis-del:hover {
	color: #f00;
}



/** 估值固定本身股票信息对比
background: var(--cxui-btn-type-background);
color: var(--cxui-btn-type-text-color);
**/
.gzcomtable .layui-table thead tr:nth-child(2){
	background: var(--cxui-btn-type-background);
	color: var(--cxui-btn-type-text-color);}
.gzcomtable .layui-table thead tr:nth-child(2) th{text-align: center}
.gzcomtable .layui-table thead tr:nth-child(2) th:nth-child(1) i{ display: none }
.gzcomtable .layui-table thead tr:nth-child(2) th:nth-child(2) .layui-table-cell{padding-top: 18px}

.gzcomtable .layui-table thead tr:nth-child(2) .layui-table-cell{overflow: initial!important;}
.gzcomtable .layui-table thead tr:nth-child(2) .layui-table-sort{
	position: absolute; right: 15px; top: -30px;
}



/** 选股器：基础-筛选条件 **/
.selectnav{
	display: flex;
}
.selectnav .tnleft{flex: 1;}
.selectnav .tnleft .layui-bg-gray{background: none!important;}
.selectnav .layui-nav{
	padding: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.selectnav .layui-nav .layui-nav-more{
	right: 14px;
}
.selectnav .layui-bg-gray {
	color: #5f5f5f!important;
}
.selectnav .layui-nav .layui-nav-item {
	line-height: 40px;
	border: 1px solid var(--text-005-color);
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.selectnav .layui-nav .layui-nav-item a{
	font-size: 16px;
	color: #000;
	padding: 0 30px 0 20px;
}
.selectnav .layui-nav .layui-nav-item:hover{
	background-color: var(--text-005-color);
	transition: all .2s;
	-webkit-transition: all .2s;
}
.selectnav .layui-nav .layui-this{
	background: rgba(78,70,180,0.1);
}
.selectnav .layui-nav .layui-this a{
	color: rgba(78,70,180,1);
}
.selectnav .layui-nav .layui-this:after,
.selectnav .layui-nav-bar {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0px;
	background-color: var(--text-005-color);
	transition: all .2s;
	-webkit-transition: all .2s;
	pointer-events: none;
}

.selectnav .layui-nav-child{
	min-width: 300px;
	top: 46px;
	padding: 0;
	z-index: 99999999;
	border: 1px solid var(--text-005-color);
	box-shadow: 0 60px 120px 0 rgba(13,13,13,.04);
	border-radius: 6px;
}
.selectnav .layui-input, .selectnav .layui-select, .selectnav .layui-textarea{height: 43px; line-height: 43px; border: none;}
.selectnav .layui-form-item{margin-bottom: 0;}
.selectnav .layui-inline{margin-bottom: 0; margin-right: 0;}
.selectnav .layui-form-item .layui-input-inline{margin-right: 0;}
.selectnav .layui-form-mid{margin: 0 10px!important;}


.selectnav .tnright{
	width: 126px;
	text-align: right;
	height: 60px;
}
.selectnav .tnright button{ height: 42px;}


.selconwarp {
	background: var(--bgmain2-color);
	border-radius: 6px;
}
.selconwarp .seltit {
	padding: 0px 16px;
	font-size: 12px;
	line-height: 34px;
	color: #888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.selconlist {
	padding: 8px 0;
}

.seltypetext {
	display: flex;
	flex-direction: column;
}

.seltypetext a {
	display: flex;
	align-items: center;
	padding: 10px 16px;
	color: #333!important;
	text-decoration: none;
	transition: background-color 0.2s;
	font-size: 15px;
	position: relative;
}

.seltypetext a:hover {
	background-color: #f5f5f5;
}

.seltypetext a span {
	display: inline-block;
	margin-right: 8px;
}
.seltypetext a span:nth-child(1){ font-weight: bold;}
.seltypetext a span:nth-child(2){font-size: 12px;}

.seltypetext .acitve span,
.seltypetext .acitve i{
	color: var(--cxui-a-color);
}
.seltypetext a i {
	position: absolute;
	right: 18px;
	top: 10px;
	font-size: 18px;
}
.seltypeform{padding: 0 30px 0 20px;}
.seltypeform .layui-form-checkbox{display: block; margin: 12px 0;}

.selcontool {
	border-top: 1px solid #e0e0e0;
	display: flex;
	justify-content: space-between;
}
.selcontool a{
	display: flex!important;
	justify-content: center;
	align-items: center;
	padding: 10px 0!important;
	color: #333;
	text-decoration: none;
	transition: background-color 0.2s;
	font-size: 15px;
	flex: 1;
	border-right: 1px solid #e0e0e0;
}
.selcontool a:last-child{
	border-right: none;
}
.selcontool a:hover {
	background-color: #f5f5f5;
}
.selcontool .icon {
	margin-right: 4px;
}
.selcontool .icon i{
	font-size: 20px;
	color: #333!important;
}
.selcontool .name {
	font-size: 15px;
	color: #333!important;
}





































/* 估值首行固定 */
.fixedline{
	position: sticky;
	top: 0;
	z-index: 100;
	color: var(--cxui-btn-type-text-color);
}
.fixedline td{ background: #dad7ff!important;}

.fixedline .layui-form-checkbox{display: none}
.fixedline .iconitem{display: none}
.fixedline .gzonebut{display: none}
.fixedline .stock-name{color: var(--cxui-btn-type-text-color);}
.fixedline .stock-name:hover{color: var(--cxui-btn-type-text-color);}


/*******************  三. 估值助手(guzhi)  *******************/

#casefixetop {
	position: sticky;
	top: 55px;
	z-index: 9;
}
#casefixetop .onetitlepro{
	background: var(--bgmain2-color);
	padding: 10px;
	border-bottom: 1px solid #f2f2f2;
}

.gzbottom {
	position: fixed;
	bottom: -9.5px;
	left: 0;
	right: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: 999999;
}
.gzfixedwarp{
	margin: 0 auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: var(--bgmain2-color);
	border-top: 0px solid #D9DADC;
	box-shadow: 0 -1px 12px 0 rgba(0,0,0,0.08);

}
.gzfixedwarp .process-title{ padding: 10px 20px;}

.avg-cont{display:flex; gap:14px; padding: 0px; margin-top: 10px}
.avg-cont .card{ background: rgb(227 242 253);flex:1; display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px 0; border-radius: 4px; }
.dark-theme .avg-cont .card{background: rgba(227,242,253,0.2);}
/***
.avg-cont .card:nth-child(1){background: rgb(227 242 253);}
.avg-cont .card:nth-child(2){background: rgb(232 245 233);}
.avg-cont .card:nth-child(3){background: rgb(255 235 238);}
.avg-cont .card:nth-child(4){background: rgb(243 229 245);}

.dark-theme .avg-cont .card:nth-child(1){background: rgba(227,242,253,0.2);}
.dark-theme .avg-cont .card:nth-child(2){background: rgba(232,245,233,0.2);}
.dark-theme .avg-cont .card:nth-child(3){background: rgba(255,235,238,0.2);}
.dark-theme .avg-cont .card:nth-child(4){background: rgba(243,229,245,0.2);}
**/
.avg-cont .card .title{ border-right: 1px solid #ddd; width: 60px; }
.avg-cont .card .title .name{color: rgba(var(--cdp-main-rgb), 0.8); font-weight: bold; font-size:12px;}
.avg-cont .card .title .icon{ margin-top: 4px; padding: 2px 4px;}
.avg-cont .card .title .icon i{ background: #fff; font-size: 18px;}

.avg-cont .card .grid{flex:1;display: grid; grid-template-columns: repeat(5, 1fr);}
.avg-cont .card .item{display:flex;flex-direction:column;align-items:center}
.avg-cont .card .label{color: rgba(var(--cdp-main-rgb), 0.7); ;font-size:12px;margin-bottom:8px}
.avg-cont .card .value{color: rgba(var(--cdp-main-rgb), 0.9); ;font-weight:700;font-size:12px}




/*********** 1. 可比公司法 ***********/


/** ##.估值头部区域**/


.guzhitoper{display: flex; margin: 10px 0}
.guzhitoper .namelf{ flex: 1; display: flex;}
.guzhitoper .namelf .logo{margin-right: 10px; width: 60px; border-radius: 4px;
	border:1px solid rgba(var(--cdp-main-rgb), 0.12); background: var(--bgmain2-color)}
.guzhitoper .namelf .logo img{ width: 100%; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }

.guzhitoper .namelf .info{margin-right: 15px;}
.guzhitoper .namelf .info .core{ display: flex; align-items:center;  margin-top: 2px; margin-right: 6px;}
.guzhitoper .namelf .info .core .abbrev{cursor: pointer; font-size: 20px; font-weight: 500; margin-right: 6px; color: rgba(var(--cdp-main-rgb), 0.9); }
.guzhitoper .namelf .info .core .other .code{ font-size: 15px;color: rgba(var(--cdp-main-rgb), 0.9); }



.guzhitoper .namelf .info .stkdata{display: flex; height: 28px;}
.guzhitoper .namelf .info .stkdata .lina{ display: flex; align-items:center;}
.guzhitoper .namelf .info .stkdata .lina .icon{margin-right: 4px;}
.guzhitoper .namelf .info .stkdata .lina .icon i{ margin-top: -2px;   font-size: 20px; display: inline-block;}
.guzhitoper .namelf .info .stkdata .lina .price{ margin-right: 10px;}
.guzhitoper .namelf .info .stkdata .lina .price .now{font-size: 24px; font-weight: bold;}
.guzhitoper .namelf .info .stkdata .lina .price .unit{font-size: 14px;}
.guzhitoper .namelf .info .stkdata .lina .nums{  font-size: 16px; margin-top: 6px; margin-right:10px;}

.guzhitoper .namelf .info .stkdata .linb{ color: var(--text-07-color); display: flex;}
.guzhitoper .namelf .info .stkdata .linb .gztips{ height: 24px; line-height: 24px; margin-top: 5px;}
.guzhitoper .namelf .info .stkdata .linb .gztips .cxtlshowcont{text-align: center;}

.guzhitoper .namelf .info .stkprice{color: #ff9f43;  }
.guzhitoper .namelf .info .stkprice .szpr1{font-size: 14px}
.guzhitoper .namelf .info .stkprice .szprnumb{font-size: 16px;}


.guzhitoper .namelf .switch{padding-top: 6px;}

.search-link{margin-bottom: 10px;}
.search-link button{margin-right: 10px}

.guzhitoper .namerg{margin-top: 12px;}
.guzhitoper .namerg .thirdnav .csitem{ margin-right: 0; margin-left: 15px;}

@media (min-width: 1200px) and (max-width: 1300px) {
	.guzhitoper .search-reminder{
		width: 220px;
	}
	.guzhitoper .namelf .info{
	}
}

@media (min-width: 1060px) and (max-width: 1200px) {
	.guzhitoper .namerg{margin-top: 16px}
	.guzhitoper .namerg .thirdnav .csitem{
		padding: 8px 12px;
	}
	.guzhitoper .search-reminder{
		width: 180px;
	}
	.guzhitoper .namelf .info{
	}
	.avg-cont{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:10px;
	}
}


@media (min-width: 960px) and (max-width: 1060px) {
	.guzhitoper .namerg{margin-top: 26px}
	.guzhitoper .namerg .thirdnav .csitem{
		padding: 4px 8px;
	}
	.guzhitoper .search-reminder{
		width: 180px;
	}

	.guzhitoper .namelf .cxui-bg-type span{
		display: none;
	}

	.avg-cont{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:10px;
	}
	.gzname{
		font-size: 14px;
	}
}


@media (max-width: 960px){
	.guzhitoper .namerg .thirdnav .csitem{
		padding: 4px 8px;
	}
	.guzhitoper .search-reminder{
		width: 180px;
	}

	.guzhitoper .namelf .cxui-bg-type span{
		display: none;
	}

	.avg-cont{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:10px;
	}
	.gzname{
		font-size: 14px;
	}
}


/** ##.估值场景区域**/

/* 自定义每个 div 的宽度 */
.gzw0 { flex: 0 0 10%; text-align: left;} /* 估值法 */
.gzw1 { flex: 0 0 13%; text-align: center;} /* 实际 */
.gzw2 { flex: 0 0 13%; text-align: center;} /* 计算值 */
.gzw3 { flex: 0 0 20%;  text-align: center;} /* 溢价水平 */
.gzw4 { flex: 0 0 22%; text-align: center;} /* 估算股价 */
.gzw5 { flex: 0 0 22%; text-align: center;} /* 估算市值 */
.gzw6 { flex: 0 0 22%; display: none} /* 推荐场景 */

.gzscene { display: flex; width: 100%; }
.gzscene .topitem { box-sizing: border-box;}

/* 估值场景统一header */
.gzcardtop{background-color: rgba(var(--cdp-main-rgb), 0.06);
	color: rgba(var(--cdp-main-rgb), 0.9);
	border-radius: 4px;
	margin-bottom: 5px;
	padding: 5px 0px;}
.gzcardtop .topitem{padding: 0px 0; text-align: center;}
.gzcardtop .toptitle{text-align: center;}
.gzcardtop .toptitle .name{display: flex; justify-content: center; align-items: center; }
.gzcardtop .toptitle .name .title{font-size: 16px; font-weight: bold;}
.gzcardtop .toptitle .name .cdptips{ margin-left: 4px;}
.gzcardtop .toptitle .name .cdptips i{  font-size: 16px;}
.gzcardtop .toptitle .des{font-size: 12px; margin-top: 2px;}


/* 估值场景单独card */
.gzcarditem{padding: 2px 0;}
.gzcarditem .cdptips{ background: #f2f3f4; border-radius:2px ; padding: 4px; margin-left: 6px; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.gzcarditem:hover{ background: rgba(var(--cdp-main-rgb), 0.06); }

.gzname{line-height: 34px; font-weight: bold; font-size: 16px; padding-left: 10px; color: rgba(var(--cdp-main-rgb), 0.9); }
.gzvalue{line-height: 34px;  font-size: 16px;  color: rgba(var(--cdp-main-rgb), 0.9); }
.gzobject{display: flex; justify-content: center; align-items: center; }
.gzobject .default .layui-input{width: 100px; text-align: center; padding-left: 0;}
.gzobject .default{position: relative;}

.gzpremium{display: flex; justify-content: center; align-items: center; }
.gzpremium .layui-form-item{margin-bottom: 0;}
.gzpremium .layui-form-item .layui-inline{margin-bottom: 0; margin-right: 0;}
.gzpremium .layui-form-mid{padding: 7px 0!important; margin: 0 6px!important; color: rgba(var(--cdp-main-rgb), 0.6);}
.gzpremium .layui-input-inline{margin-right: 0; position: relative;}
.gzpremium .layui-input{text-align: center; padding-left: 0; padding-right: 6px; position: relative}
.gzpremium .layui-input-inline::after {
	 content: "%";
	 position: absolute;
	 right: 22px;
	 font-size: 13px;
	 color: rgba(var(--cdp-main-rgb), 0.6);
	 top: 50%;
	 transform: translateY(-50%);
	 pointer-events: none;
 }

.gznumbs{line-height: 34px; font-size: 18px;}
.gznumbs em{margin: 0 1px;}
.gznumbs span{}
.gznumbs.price{color: #f03d3f;}
.gznumbs.market{color: #ff9f43;}

.gzsecne {display: flex; justify-content: center;  align-items: center; }
.gzsecne .text { flex: 1; line-height: 34px; height: 34px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gzsecne .more {  width: 78px;}

.notips{opacity: 0.6; pointer-events: none;transition: none !important; animation: none !important;}


/* 没有权限 */
.gzlimit .gzobject{ opacity: 0.6;}
.gzlimit .gzobject .locked{display: block!important; position: absolute; top: 7px; right: 4px;}
.gzlimit .gzobject .locked i{font-size: 18px;}
.gzlimit .gzobject .layui-input{pointer-events: none; padding-right: 10px;}
.gzlimit .gzpremium{opacity: 0.6;}
.gzlimit .gzpremium .layui-input-inline .locked{display: block!important; position: absolute; z-index: 9; top: 7px; right: 4px;}
.gzlimit .gzpremium .layui-input-inline .locked i{font-size: 18px;}
.gzlimit .gzpremium .layui-input-inline .layui-input-affix{display: none;}
.gzlimit .gzpremium .layui-input-inline .layui-input{pointer-events: none; padding-right: 10px;}
.gzlimit .cdptips{pointer-events: none;transition: none !important; animation: none !important;}




/* 2、估值列表上的按钮 */
.tntocase{
	border: 1px solid rgba(var(--cdp-base-rgb), 0.8)!important;
}
.tntocase a{
	padding: 0 10px!important;
	font-size: 14px!important;
	text-align: center;
	color: rgba(var(--cdp-base-rgb), 0.8)!important;
}
.tntoadd{
	border: 1px solid rgba(var(--cdp-base-rgb), 0.8)!important;
}
.tntoadd a{
	padding: 0 10px!important;
	font-size: 14px!important;
	text-align: center;
	color: rgba(var(--cdp-base-rgb), 0.8)!important;
}




/* 0、各板块的操作序号 */
.process-step{position: absolute; top:22px; left: 0px;}
.process-step i{font-size: 30px; color: rgba(var(--cdp-main-rgb), 0.14);}

/* 对比条件筛选 */
.guzhirange{display: flex; justify-content: left; align-items: center; margin-top: 10px; margin-bottom: 5px; }
.guzhirange .csitem{margin-bottom: 0;}


/* 1、各步骤的标题 */
.process-title{display: flex; justify-content: left; align-items: center; height: 24px; line-height: 24px;}
.process-title .lfinfo{flex:1;  padding-left: 0px;display: flex;  justify-content: left; align-items: center; }
.process-title .lfinfo .name{font-size: 18px; font-weight: bold;  color: rgba(var(--cdp-main-rgb), 1);  }
.process-title .lfinfo .tips{font-weight: 400; margin-left: 4px; margin-right: 6px; font-size: 13px; color: rgba(var(--cdp-main-rgb), 0.7); margin-top: 2px;  line-height: 24px;}

.process-title .rgset{ display: flex; justify-content: right; align-items: center; }
.process-title .rgset .layui-form-item{margin-bottom: 0;}
.process-title .rgset .layui-form-item{ margin-bottom: 0;}
.process-title .rgset .layui-form-radio{margin: 0 10px 0 0; padding-right: 0;}
.process-title .rgset .layui-form-radio>i{margin-right: 4px; font-size: 18px;}

.process-title .rgset .titoperate .cdptips{

		background: var(--bgmain-search-color);
		border: 1px solid var(--text-01-color);
		color: rgba(var(--cdp-main-rgb), 0.9);  height: 30px; width: 30px; margin-left: 10px;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.process-title .rgset .titoperate .cdptips .ti{font-size: 16px;}


.process-title .rgtoolist button{ margin-left: 6px;}




/* 2、对比条件筛选 */
.guzhicompare{margin-top: 0px;}
.guzhicompare .layui-tabs-body{ padding: 0;}
.guzhicompare .layui-tabs-item{padding: 0;}
.guzhicompare .fileritem .filcont .layui-nav-item{margin-top: 0}
.gzways{ margin-right: 580px;}
.gzcase{display: flex; justify-content: left; align-items: center; margin-top: 5px; }

/* 对比方式切换 */
.casenav{background: #fff;}
.casenav .layui-tabs-header:after,
.casenav .layui-tabs-scroll:after{border-bottom: none;}
.casenav .layui-tabs-header{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.casenav .layui-tabs-header li{min-width: 116px; font-size: 15px; font-weight: 400; }
.casenav .layui-tabs-header .layui-this{ background: #d5d2ff; color: #4e46b4; font-weight: bold;}
.casenav .layui-tabs-header .layui-this:after{border-bottom: none;}
.casenav .layui-tabs-header li:nth-child(1){border: 1px solid #dfdfdf; border-right: none;border-top-left-radius:4px; border-bottom-left-radius: 4px;}
.casenav .layui-tabs-header li:nth-child(2){border: 1px solid #dfdfdf; border-left: none;border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.casenav .layui-tabs-header .layui-this,
.casenav .layui-tabs-header li:hover{ color: #4e46b4;}

/* 选择公司范围--暂时没有用到 */
.gzcomper{  height: 32px;  display: flex; justify-content: left; align-items: center; background: #fff4f4; border: 1px solid #ffe2e2; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.gzcomper .textitem{padding-left: 10px;}
.gzcomper .markitem{margin-left: 10px;}
.gzcomper .markitem .layui-form-item{ margin-bottom: 0;}
.gzcomper .markitem .layui-form-radio{margin: 0 10px 0 0; padding-right: 0;}
.gzcomper .markitem .layui-form-radio>i{margin-right: 4px; font-size: 18px;}


/* 对比行业/对比方案切换管理 */
.filercase{  position: absolute; top: 1px; left: 272px; }
.filercase .topexplace{display: flex; justify-content: left; align-items: center; }

.topself .topthis{padding: 0 12px; background: #d5d2ff; color: #4e46b4; height: 40px; line-height: 40px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }

.topmanage{display: flex; justify-content: left; align-items: center; margin-left: 10px; }
.topmanage .cdptips{  background: #fff;
	border: 1px solid #f3f5f5;
	border-radius: 50%;
	margin-right: 6px;
	width: 40px;
	height: 40px;
	font-size: 18px;
}


/* 添加公司/筛选条件 1 */
.filerset{ }
.filercard{margin-top: 20px;}
.filercard .filname{  display: flex; justify-content: left; align-items: center; font-weight: bold; position: relative;}
.filercard .filname .icon{background: #f1f3f4; border-radius: 2px; padding: 4px; margin-right: 6px; }
.filercard .filname .icon i{font-size: 15px;}
.filercard .filname .name{font-size: 16px;  color: rgba(var(--cdp-main-rgb), 0.8); padding-left: 4px;}
.filercard .filname .tips{font-weight: 400; margin-left: 4px; font-size: 13px; color: rgba(var(--cdp-main-rgb), 0.7); line-height: 16px;
	position: absolute; right: 0;}


.filercard .filcont{}
.filercard .filcont .layui-nav-item{line-height: 32px; margin-right: 15px; margin-top: 10px; margin-bottom: 0;}
.filercard .filcont .selectnav .layui-nav-child{top: 36px;}
.filercard .filcont  .layui-input, .filercard .filcont  .layui-select, .filercard .filcont .layui-textarea{height:32px; line-height: 32px;}
.filercard .filcont .selectnav .layui-nav .layui-nav-item a { padding: 0 20px 0 10px;}
.filercard .filcont .selectnav .layui-nav .layui-nav-more{right: 6px;}

.selectmark{margin-top: 10px;}
.selectmark .layui-form-item{margin-bottom: 0;}
.selectmark .layui-form-item{ margin-bottom: 0;}
.selectmark .layui-form-radio{margin: 0 10px 0 0; padding-right: 0; line-height: 18px;}
.selectmark .layui-form-radio>i{margin-right: 4px; font-size: 18px;}

.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i {
	color: var(--btgp-active-bg);
}

/* 添加公司/筛选条件 2 */
.fileritem{  display: flex; justify-content: left; align-items: center; position: relative;  }

.fileritem .filname{  margin-right: 8px;margin-top: 10px; }
.fileritem .filname .name{font-size: 15px;  color: rgba(var(--cdp-main-rgb), 0.8);}

.fileritem .filcont{}
.fileritem .filcont .layui-nav-item{line-height: 32px; margin-right: 15px; margin-top: 10px; margin-bottom: 0;}
.fileritem .filcont .selectnav .layui-nav-child{top: 36px;}
.fileritem .filcont  .layui-input, .fileritem .filcont  .layui-select, .fileritem .filcont .layui-textarea{height:32px; line-height: 32px;}
.fileritem .filcont .selectnav .layui-nav .layui-nav-item a { padding: 0 20px 0 10px;}
.fileritem .filcont .selectnav .layui-nav .layui-nav-more{right: 6px;}

.filbutton{margin-top: 10px;}


/* 3、对比过程 */


/* 表格上方操作工具 */
.filertool{ margin-bottom: 10px; display: flex;  }
.filertool .tooleft{flex: 1; display: flex; justify-content: left; align-items: center;  }

.filertool .tooleft .filname{display: flex; justify-content: left; align-items: center; font-weight: bold;}
.filertool .tooleft .filname i{background: #f1f3f4; font-size: 18px; border-radius: 2px; padding: 4px; margin-right: 6px; }
.filertool .tooleft .filname em{ font-style: normal; font-weight: bold;}

.filertool .toolright{flex: 1; display: flex; justify-content: right; align-items: center;}

.filertool .tooleft button{margin-right: 10px;}
.filertool .toolright button{margin-left: 10px;}

/* 表格上方筛选条件 */
.gzfliter{  display: flex; justify-content: left; align-items: center; position: relative; margin-bottom: 10px;  }

.gzfliter .filcont{}
.gzfliter .filcont .layui-nav-item{line-height: 32px; margin-right: 15px; margin-top: 10px; margin-bottom: 0;}
.gzfliter .filcont .selectnav .layui-nav-child{top: 36px;}
.gzfliter .filcont  .layui-input, .gzfliter .filcont  .layui-select, .gzfliter .filcont .layui-textarea{height:32px; line-height: 32px;}
.gzfliter .filcont .selectnav .layui-nav .layui-nav-item a { padding: 0 20px 0 10px;}
.gzfliter .filcont .selectnav .layui-nav .layui-nav-more{right: 6px;}

.gzfliter .tntype{height: 34px; line-height: 34px;    position: relative;
	display: inline-block;
	margin-top: 10px;
	margin-right: 5px;
	list-style: none;
	vertical-align: middle; ;}

xm-select{
	background-color: var(--lay-color-fill-2)!important;
	color: var(--lay-color-text-2)!important;
	border: 0px solid var(--text-005-color)!important;
}
xm-select > .xm-body {

	background: var(--bgmain2-color)!important;
	border-radius: 6px!important;
	border: 1px solid var(--text-005-color)!important;

}
xm-select > .xm-body .xm-option-content{
	color: var(--lay-color-text-2);
}
xm-select > .xm-body .xm-option:hover{
	background: rgba(var(--cdp-main-rgb), 0.06)!important;
}

xm-select .xm-input{
	background-color: var(--lay-color-fill-2)!important;
	color: var(--lay-color-text-2)!important;
}
xm-select > .xm-body .xm-search{

	background-color: var(--lay-color-fill-2)!important;
	color: var(--lay-color-text-2)!important;
}
xm-select > .xm-tips {
	color: rgba(var(--cdp-main-rgb), 0.9);
}

/* 表格中样式优化*/

.gztbtool{}
.gztbtool .gzonebut{ height: 24px; line-height: 24px; width: 24px;
	border: none; background: none;
	cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.gztbtool .gzonebut:hover{opacity: 0.88;}
.gztbtool .gzonebut i{ color:  rgba(var(--cdp-main-rgb), 0.9);}


/* 4、对比结果 */
.topresult{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99;
	width: 560px;
	margin-left: 20px;
}

.resultwarp{ padding:0px;}


.gzresultable{ margin-top: 15px;
	background: rgba(var(--cdp-red-rgb), 0.1);
	border-radius:6px ;}
.gzresultable table{width:100%;border-collapse:collapse}
.gzresultable td,
.gzresultable th{border:0px solid #eee;padding:9px 12px;text-align:left}
.gzresultable th{background-color:#f2f2f2;position:sticky;top:0}
.gzresultable thead th{background:#f1f2f4; padding: 13px 15px;}
.gzresultable .cdptips{ background: #fff; padding: 4px; border-radius:2px ; }

.gzresultable tr th:nth-child(2){text-align:center}
.gzresultable tr td:nth-child(2){text-align:center}
.gzresultable tr th:nth-child(3){text-align:center}
.gzresultable tr td:nth-child(3){text-align:center}
.gzresultable tr th:nth-child(4){text-align:center}
.gzresultable tr td:nth-child(4){text-align:center}
.gzresultable tr th:nth-child(5){text-align:center}
.gzresultable tr td:nth-child(5){text-align:center}





/*********** 2. 现金流折算 ***********/


/* 1、流程切换标题 */
.valstepheader{ border-bottom: 1px solid var(--text-01-color); padding: 10px 20px; display:flex;justify-content:left;align-items:center}
.valstepheader .lfintro{color:rgba(var(--cdp-main-rgb), 0.9); flex: 1; font-size: 18px; font-weight: bold;}
.valstepheader .rgtool{flex: 1; display:flex;justify-content:right;align-items:center}


/* 2、流程切换 */
.cxflut1-tolabeling{ margin: 0 auto; padding: 20px;}


:root{--step-active-color:#4e46b4;
	--step-inactive-color:#e6e6e6;
	--step-completed-color:#665fcf;
	--step-text-color:#333;
	--step-active-text-color:#fff;
	--cxflut1-step-title-color:#999;
	--step-active-title-color:#4e46b4;
	--cxflut1-step-connector-height:2px
}
.cxflut1-step-container{position:relative}
.cxflut1-stepbutton{position:absolute;bottom:0;right:0}
.cxflut1-step-header{display:flex; padding: 0 60px 15px;}
.cxflut1-step-item{flex:1;text-align:center;position:relative}
.cxflut1-step-number{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;background-color:var(--step-inactive-color);color:var(--step-text-color);margin-bottom:5px;position:relative;z-index:1}
.cxflut1-step-item.completed .cxflut1-step-number{background-color:var(--step-completed-color);color:var(--step-active-text-color)}
.cxflut1-step-item.active .cxflut1-step-number{background-color:var(--step-active-color);color:var(--step-active-text-color)}
.cxflut1-step-title{font-size:14px;color:var(--cxflut1-step-title-color)}
.cxflut1-step-title span{ font-size: 12px; margin-left: 4px;     background-color: var(--step-inactive-color);
	color: var(--step-text-color);
	padding: 2px 4px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.cxflut1-step-item.completed .cxflut1-step-title{color:var(--step-completed-color)}
.cxflut1-step-item.active .cxflut1-step-title{color:rgba(var(--cdp-main-rgb), 0.9);font-weight:700}
.cxflut1-step-content{min-height:200px; padding: 0 20px;}

.cxflut1-step-connector{position:absolute;top:15px;left:-50%;width:100%;height:var(--cxflut1-step-connector-height);background-color:var(--step-inactive-color);z-index:0}
.cxflut1-step-item.active .cxflut1-step-connector,.cxflut1-step-item.completed .cxflut1-step-connector{background-color:var(--step-completed-color)}
.cxflut1-step-item:first-child .cxflut1-step-connector{display:none}
.cxflut1-step-pane{display:none}
.cxflut1-step-pane.active{display:block}

.cxflutnav{ display: inline-block;padding:5px 15px; cursor: pointer}
.cxflutna:hover{background:rgba(var(--cdp-main-rgb), 0.1);}






/* 2、估值提示信息*/
 .guzhialert {
	 padding: 6px 12px;
	 border-radius: 4px;
	 position: relative;
	 margin-bottom: 10px;
	 font-size: 13px;
 }
.guzhialert b{
	font-weight: bold;
	margin: 0 4px;
}
.guzhialert a{
	color: #222;
	text-decoration: underline;
	margin: 0 4px;
	cursor: pointer;
}
.guzhialert a:hover{
	color:#2a2a2a;
}

.gztipsclose-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
}
.gztipsclose-btn:hover {
	color: #000;
}




.statealert {
	padding: 4px 6px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: normal;
}
.statealert b{
	font-weight: bold;
	margin: 0 4px;
}
.statealert a{
	color: #222;
	text-decoration: underline;
	margin: 0 4px;
	cursor: pointer;
}
.statealert a:hover{
	color:#2a2a2a;
}


.gztipsbuy{
	border: 1px solid #ffdc94;
	background: var(--cxui-pay-background);
	color: var(--cxui-pay-text-color);
}
.gztipstips{
	background-color: var(--cxui-btn-warm-background);
	color: var(--cxui-btn-warm-text-color);
	border: 1px solid #fedcbd;
}
.gztipswarm{
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}
.gztipsnoraml{
	background: var(--cxui-btn-type-background);
	color: rgba(var(--cdp-main-rgb), 0.9);
	border: 1px solid rgba(var(--cdp-main-rgb), 0.05);
}
/* 2、头部的数据汇总 */

.valcomtopheight{ height: 120px  }
.valuatop-title{ background: #f2f3f4;}
.valuatop-title .gzname{ font-size: 18px; font-weight: bold; color: rgba(var(--cdp-main-rgb), 1);}

.dcfpadding{
	padding:10px 0px
}
.intertitle {
	display: flex;
	justify-content: left;
	align-items: center;
	padding: 0px 15px 6px;
}
.intertitle .lfname{
	font-size: 16px;
	font-weight: bold;
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.intertitle .rgtl{
	flex: 1;
	display: flex;
	justify-content: right;
	align-items: center;
}

/* 计算结果 */
.comparison-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding: 0 15px;
}
.comparison-container .method {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.comparison-container .method-title {
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	color: rgba(var(--cdp-main-rgb), 0.9);
	text-align: center;
}
.comparison-container .method-value{
	text-align: center;
	margin: 10px 0;
}
.comparison-container .price {
	font-size: 24px;
	font-weight: 700;
	color: #FF8C00;
	text-align: center;
	margin: 10px 0 12x;
}
.comparison-container .price-label {
	font-size: 12px;
	color: rgba(var(--cdp-main-rgb), 0.7);
	text-align: center;
	white-space: nowrap;
	margin-bottom: 8px;
}
.comparison-container .premium {
	padding: 5px;
	margin: 0 10px 10px;
	background: var(--cxui-btn-type-background);
	color: rgba(var(--cdp-main-rgb), 0.9);
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
}

.comparison-container .premium-value {
	font-weight: 700;
	color: #FF8C00;
}

/* 核心假设 */
.parameters-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0 15px;
}
.parameters-container .parameter {
	flex: 1;
	text-align: center;
	padding: 6px 0;
}
.parameters-container .parameter:nth-child(1){
	border-right:1px solid rgba(var(--cdp-main-rgb), 0.1);
	border-bottom:1px solid rgba(var(--cdp-main-rgb), 0.1);
}
.parameters-container .parameter:nth-child(2){
	border-bottom:1px solid rgba(var(--cdp-main-rgb), 0.1);
}
.parameters-container .parameter:nth-child(3){
	border-right:1px solid rgba(var(--cdp-main-rgb), 0.1);
}


.parameters-container .par-name {
	font-size: 14px;
	color: #6b7280;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.parameters-container .par-value {
	font-size: 18px;
	margin-top: 4px;
	font-weight: 600;
	color: #FF8C00;
	line-height: 1.2;
}


/* 估值解读 */
.interpret-container{
	padding: 0 15px;}
.interpret-container .notetips{
	margin-bottom: 8px;
}
.interpret-container .intinfo{
	font-size: 14px;
	color: rgba(var(--cdp-main-rgb), 0.9);
	margin-bottom: 2px;
	line-height: 24px;
	text-align: justify;
}

.interpret-container .bdresult {
	font-weight: bold;
	font-size: 15px;
	color: rgba(var(--cdp-main-rgb),1);
}

/* 3、各流程中的内容 */




.restitle{font-size: 20px; margin-top: 20px;}


.cxflut1-inputtable table{width:100%;border-collapse:collapse}
.cxflut1-inputtable td,.cxflut1-inputtable th{border:1px solid #eee;padding:4px 8px;text-align:left}
.cxflut1-inputtable th{background-color:#f2f2f2;position:sticky;top:0}
.cxflut1-inputtable tr:nth-child(even){background-color:#f9f9f9}
.cxflut1-inputtable thead th{background:#f1f1f1}
.cxflut1-inputtable tr th:nth-child(1){text-align:left;width:240px}
.cxflut1-inputtable tr td:nth-child(1){text-align:left;width:240px}
.cxflut1-inputtable tr th:nth-child(2){text-align:left;width:130px}
.cxflut1-inputtable tr td:nth-child(2){text-align:left;width:130px}
.cxflut1-inputtable tr th:nth-child(3){text-align:left;}
.cxflut1-inputtable tr td:nth-child(3){text-align:left;}


.valpane-title{ background: rgba(var(--cdp-main-rgb), 0.1); ; padding: 10px 15px;  display: flex; justify-content: left; align-items: center; position: relative;}
.valpane-title .name{font-size: 16px; font-weight: bold; color: rgba(var(--cdp-main-rgb), 0.9);}
.valpane-title .tips{margin-left: 4px;}
.valpane-title .text{position: absolute; right: 15px;}


.panel-title {
	font-size: 15px;
	font-weight: bold;
	color: rgba(var(--cdp-main-rgb), 0.9);
	margin-bottom: 10px;
}


/**第一步**/


#demoTabsHeader2  .layui-this{background: var(--cxui-btn-type-background); color: var(--cxui-btn-type-text-color); border: 3px solid var(--cxui-btn-type-text-color);}
#demoTabsBody2 .test-item{display: none;}

.step1-container{
	display: flex;
}
.step1-container .step1-left {
	flex: 4;
	border-right: 1px solid #eee;
	padding: 10px 40px 0px 0;
}
.step1-container .step1-right {
	flex: 2;
	padding: 10px 0 0 40px;
}

.step1-container .layui-btn-container button{margin-right: 15px;}



.step1-container .layui-btn-container{margin-top: 15px; margin-bottom: 15px;}

.step1-container .layui-form{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.step1-container .layui-form-item{margin-bottom: 0;}
.step1-container .layui-form-text .layui-form-label {
	float: none;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
}
.step1-container .layui-form-text .layui-input-block {
	margin: 0;
	left: 0;
	top: -1px;
	margin-top: 10px;
}



.result-dalist{margin-top: 24px; margin-bottom: 12px;}
.result-dalist .result-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dashed #eee;
}
.result-dalist .result-item:last-child{
	padding-bottom: 6px;
	border-bottom: none;}
.result-dalist .result-item  .result-label {
	font-weight: bold;
	color: rgba(var(--cdp-main-rgb), 0.8);
}
.result-dalist .result-item .result-value {
	font-weight: bold;
	color:rgba(var(--cdp-main-rgb), 0.9);
	font-size: 16px;
}


.betabtn{
	display: flex; margin-top: 10px; justify-content: left;
	align-items: center;}
.betabtn .tips {
	font-size: 12px;
	color: #999;
	margin-left: 10px;
}
.betabtn button{height: 38px; line-height: 38px;}





/**第2步**/


.step2-container{
	padding: 10px 0;
}
.step2-warp{
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;
}
.step2-panel{
	flex: 1;
}

.step2-container .layui-tab-content{padding: 0;}
.step2-container .layui-tab-title{margin-bottom: 20px;}
.step2-container .layui-form{display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px;}
.step2-container .layui-form-item{margin-bottom: 15px;}
.step2-container .layui-form-text .layui-form-label {
	float: none;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
	position: relative;
}
.step2-container .layui-form-text .layui-form-label em{
	position: absolute;
	right: 0;
	font-style: normal;
}
.step2-container .layui-form-text .layui-input-block {
	margin: 0;
	left: 0;
	top: -1px;
	margin-top: 10px;
}

.step2-container .tsinput .layui-form-label{ color: var(--cxui-btn-warm-text-color)!important;}
.step2-container .tsinput .layui-input{background: var(--cxui-btn-warm-background)!important;color: var(--cxui-btn-warm-text-color)!important;}










/**第3步**/

.step3-container{
	padding-top: 10px;
}
.freermb-card{}

.freermbtool{display: flex; margin-bottom: 10px;}
.freermbtool .rmbleft{ flex: 1; display: flex; justify-content: left; align-items: center;  }
.freermbtool .rmbright{ flex: 1; display: flex; justify-content: right; align-items: center;  }
.freermbtool .rmbleft .freetool-btn-item{margin-right: 15px;}
.freermbtool .rmbright .freetool-btn-item{margin-left: 15px;}


.freetool-btn-item .cxui-btn-group .active{background: var(--cxui-btn-type-background);
	color: var(--cxui-btn-type-text-color);
	border: 1px solid var(--cxui-btn-type-line-color);}
.freetool-btn-item .cxui-btn-group .groupitem{border: 1px solid var(--text-005-color);}
.freetool-btn-item .cxui-btn-group .groupitem:last-child{border-right:1px solid var(--text-005-color);}


.freermbtable {
	width: 100%;
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(var(--cdp-main-rgb), 0.1);
	border-radius: 4px;
}
.freermbtable .table-container {
	display: flex;
	width: 100%;
}
.freermbtable .fixed-column {
	width: 200px;
	position: sticky;
	left: 0;
	background-color: #fff;
	z-index: 2;
	box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.freermbtable .scrollable-columns {
	display: flex;
	overflow-x: auto;
	flex: 1;
	-webkit-overflow-scrolling: touch;
}


.fixed-cell,
.header-cell,
.data-cell {
	height: 34px;
	padding: 0 10px;
	border-bottom: 1px solid  rgba(var(--cdp-main-rgb), 0.1);
	color: rgba(var(--cdp-main-rgb), 0.9);
	text-align: right;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}
.fixed-cell {
	height: 34px;
	padding: 0 10px;
	text-align: left;
	justify-content: flex-start;
	background-color: var(--bgmain2-color);
}

.fixed-header {
	font-weight: bold;
	background-color: var(--bgmain2-color);
	color: rgba(var(--cdp-main-rgb), 0.9);
	position: sticky;
	top: 0;
	z-index: 3;
}

.header-cell {
	font-weight: bold;
	background-color:rgba(var(--cdp-main-rgb), 0.12);
	position: sticky;
	top: 0;
	min-width: 180px;
}
.cellindent{
	padding-left: 25px;
}

.data-column {
	display: flex;
	flex-direction: column;
	min-width: 180px;
}

.data-cell {
	background-color: var(--bgmain2-color);
}
.data-cell:hover {
	background-color: rgba(var(--cdp-main-rgb), 0.11);
}
.data-cell .layui-input{
	text-align: right;
	padding: 0 12px;
}
.negative {
	color: red;
}

.scrollable-columns::-webkit-scrollbar {
	height: 8px;
}

.scrollable-columns::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.scrollable-columns::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}

.scrollable-columns::-webkit-scrollbar-thumb:hover {
	background: #555;
}



/**第4步**/

.step4-container{
	padding-top: 10px;}
#demoTabsHeader  .layui-this{background: var(--cxui-btn-type-background); color: var(--cxui-btn-type-text-color); border: 1px solid var(--cxui-btn-type-line-color);}
#demoTabsBody .test-item{display: none;}

.step4-table{ margin-top: 15px; border-radius:6px ;}
.step4-table table{width:100%;border-collapse:collapse}
.step4-table td{border:1px solid rgba(var(--cdp-main-rgb), 0.07); padding:8px 12px;
	color:rgba(var(--cdp-main-rgb), 0.9); }
.step4-table tr td:nth-child(1){text-align:left;width: 200px; font-size: 16px;}
.step4-table tr td:nth-child(2){text-align:right;width: 200px; font-size: 16px;}
.step4-table tr td:nth-child(3){text-align:left; color: rgba(var(--cdp-main-rgb), 0.8); line-height: 24px; font-size: 15px;}

.step4-table .layui-input{text-align: right;}

.step4-container .layui-btn-container button{margin-right: 15px;}


/*********** 3. 估值区间图 ***********/


.footbset{ background:rgba(var(--cdp-main-rgb), 0.08);padding: 8px 10px; margin-bottom: 10px; }
.footbset .layui-form-item .layui-inline{margin-bottom: 0;}
.footbset .layui-form-mid{line-height: 15px;}
.footbset  .layui-form-item{margin-bottom: 0px;}
.footbset .layui-input-wrap{ position: relative;  }
.footbset .layui-input-wrap::after {
	content: "%";
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	pointer-events: none;
	z-index: 9999;
}




/*******估值字段弹窗****/
.indicator-title{color: rgba(var(--cdp-main-rgb), 0.9);}
.indicator-group{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	margin-bottom: 10px;
}
.indicator-group .checkbox-item label{
	color: rgba(var(--cdp-main-rgb), 0.9);
}








/*******************  二. 列表模块(cplist)  *******************/






/*******************  三. 表格模块(cptable)  *******************/

/** 1.一个完整的列表模块（stklist）**/
.stklist{
	background: var(--bgmain2-color); padding: 0 10px 10px;
}

.tabtoper{display: flex; border-bottom: 1px solid var(--text-005-color);}
.tabtoper .stkhorizontal{ width: 80px; margin-right: 10px;}
.tabtoper .stkhorizontal .horizset{ height:30px; margin-top: 10px; background: none;  border: none;  padding: 0 10px; cursor: pointer;}
.tabtoper .stkhorizontal .horizset:hover{ background: var(--text-005-color); opacity: 0.88;}

.tabtoper .stktabs{flex: 1;}
.tabtoper .stktool{width:300px; display: flex;justify-content: right; align-items: center;  }
.tabtoper .stktool .cxui-btn-group{margin-right: 15px;}

.tabtoper .layui-tabs-header:after, .tabtoper .layui-tabs-scroll:after{border-bottom: none;}
.tabtoper .layui-tabs-header{height: 46px;}
.tabtoper .layui-tabs-header li{line-height: 46px; font-size: 15px; letter-spacing: 2px;}
.tabtoper .layui-tabs-header .layui-this,
.tabtoper .layui-tabs-header li:hover{ color: var(--btgp-active-bg);}
.tabtoper .layui-tabs-header .layui-this:after{border-bottom: 3px solid var(--btgp-active-bg);}



.gztabtoper{margin: 0 auto;text-align: center;}
.gztabtoper .name{line-height: 20px;}
.gztabtoper .unit{font-size: 12px; line-height: 16px; font-weight: 300; text-align: left}


/**1、表格默认高度**/
.stktable .layui-table-cell {
	height: 42px;
	line-height:42px;
	/* 新增居中方案 */
	display: flex;
	align-items: center;
	font-size: 15px;
}


.stkcodeplus{position: initial; width: 100%; padding: 0;}
.stkcodeplus .layui-input{
	position: absolute;
	top: 9px;
	width: 234px;
	padding-left: 30px;
	z-index: 8;}
.stkcodeplus i{position: relative;
	left: 10px;
	z-index: 9;}

.tabstock {
	height: 100%;
	display: inline-flex;
	align-items: center;
	line-height: normal;
}
.stock-logo {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(var(--cdp-main-rgb), 0.12);
	border-radius: 4px;
}
.stock-logo img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
.stock-code {
	height: 24px;
	line-height: 24px;
	margin: 0 8px;
	font-size: 14px;
	min-width: 60px;
	padding: 0px 6px;
	background-color: var(--bgmain-search-color);
	color: rgba(var(--cdp-main-rgb), 0.9);
}
.stock-name {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
}

.stock-numb{ font-size: 15px;}
.stock-unit{ font-size: 12px; color: var(--text-07-color); margin-left: 4px;}

.stock-center{margin: 0 auto; text-align: center;}

.stock-lead .thmub{width: 30px; display: inline-block;}
.stock-lead .thmub img{width: 100%;}
.stock-lead .name{margin-left: 6px; min-width: 100px; display: inline-block;}

.stock-star i{ color: #ea5455; margin: 0 2px;}

/**2、表格调整高度**/
.stktable .setheight .layui-table-cell {
	height: 74px;
	line-height: 74px;
	font-size: 16px;
	/* 新增居中方案 */
	display: flex;
	align-items: center;
}
.stktable .setheight .tabstock{position: relative;}
.stktable .setheight .tabstock .stock-name{position: absolute; top:0; left: 60px;}
.stktable .setheight .tabstock .stock-code{position: absolute; bottom:0; left: 60px; margin: 0;}
.stktable .setheight .stock-logo { width: 50px; height: 50px; }

.stktable .setheight .tabprice{position: relative; height: 38px;line-height: 19px}
.stktable .setheight .stock-numb{ position: absolute; top:0; left: 0px;}
.stktable .setheight .stock-unit{ position: absolute; bottom:0; left: 0px; margin: 0;}
.stktable .tabprice{ line-height: 19px; margin-left: auto}


/*******************  四. 筛选模块(cpfilter)  *******************/





/*******************  五. 图表模块(cpchart)  *******************/


#chart-container {
	width: 100%;
	height: 300px;
	margin: 20px auto;
}





/*******************  七. 典型页面(cpmain)  *******************/


/******2·表格卡片样式切换*****/
.view-content {
	display: none;
}

.view-content.active {
	display: block;
}



/******3·纯样式实现tips*****/
.cdptips {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: translateY(0);
}
.cdptips:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.cdptips i {
	transition: transform 0.3s ease, color 0.2s ease;
}

.cdptips:hover i {
	transform: scale(1.1);
}

.cdptips .tooltip {
	position: absolute;
	top: -30px;
	max-width: 340px;
	min-width: 100px;
	text-align: center;
	font-size: 12px;
	background: #515151;
	color: #fff;
	padding: 6px 8px;
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transform: translateY(10px);
	pointer-events: none;
}
.cdptips .tooltip::before {
	position: absolute;
	content: "";
	height: 8px;
	width: 8px;
	background: #515151;
	bottom: -3px;
	left: 50%;
	transform: translate(-50%) rotate(45deg);
	transition: background 0.2s ease;
}

.cdptips:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.cdptips:hover span,
.cdptips:hover .tooltip {
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.tipblack:hover .tooltip,
.tipblack:hover .tooltip::before {
	background: #515151;
	color: white;
	fill: white;
}

.tipblack:hover{
	opacity: 0.88;
}

/******4·图标提示文字内容*****/
.cell-tip-wrapper {
	display: inline-flex;
	align-items: center;
	position: relative;
	top: 2px;
}
.cell-tip-wrapper i{
	color: rgba(var(--cdp-main-rgb), 0.7);
	cursor: pointer;
	font-size: 16px;
	display: inline-flex;
	transition: transform 0.2s;
}
.cell-tip-wrapper:hover .cell-tip-icon {
	transform: scale(1.1);
}
.cell-tip-text {
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%) translateX(-10px);
	margin-left: 8px;
	background: rgba(0,0,0,0.85);
	color: white;
	text-align: justify;
	padding: 12px 15px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.5;
	max-width: 400px;
	width: max-content;
	opacity: 0;
	pointer-events: none;
	z-index: 100;
	white-space: normal;
	word-wrap: break-word;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	transition:
			opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
			transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cell-tip-wrapper:hover .cell-tip-text {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
}





.gz-stock-search {
}
.gz-search-box {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	background: white;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	transition: all 0.3s ease;
}
.gz-search-box:hover {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.gz-search-icon {
	color: #6c757d;
	padding: 4px 0px 0 16px;
	margin-right: 10px;
}
.gz-search-icon i{
	font-size: 22px;
}
.gz-search-input {
	flex: 1;
	padding: 10px 0;
	border: none;
	font-size: 15px;
	outline: none;
	background: transparent;
	color: #495057;
}

.gz-search-btn {
	padding: 10px 30px;
	background: var(--cxui-pay-background);
	color: var(--cxui-pay-text-color);
	border: none;
	border-radius: 0px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s ease;
	box-shadow: 0 2px 5px rgba(58, 123, 213, 0.3);
}

.gz-search-btn:hover {
	box-shadow: 0 4px 8px rgba(58, 123, 213, 0.4);
}

.gz-columns-container {
	display: flex;
	gap: 20px;
}

.gz-history-column, .gz-favorites-column {
	flex: 1;
	min-width: 0;
}

/* 调整历史记录列表样式 */
.gz-history-list {
	max-height: 400px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #dee2e6 #f8f9fa;
}

.gz-history-list::-webkit-scrollbar {
	width: 6px;
}

.gz-history-list::-webkit-scrollbar-track {
	background: #f8f9fa;
}

.gz-history-list::-webkit-scrollbar-thumb {
	background-color: #dee2e6;
	border-radius: 3px;
}

/* 调整自选股列表样式 */
.gz-favorites-list {
	max-height: 400px;
	overflow-y: auto;
}

/* 区块标题 */
.gz-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.gz-section-title {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: #343a40;
	position: relative;
}

.gz-section-title:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 40px;
	height: 3px;
	background: linear-gradient(90deg, #3a7bd5 0%, #00d2ff 100%);
	border-radius: 3px;
}

.gz-clear-all, .gz-edit-toggle {
	font-size: 14px;
	color: #6c757d;
	cursor: pointer;
	transition: all 0.2s;
	padding: 4px 8px;
	border-radius: 4px;
}

.gz-clear-all:hover, .gz-edit-toggle:hover {
	color: #3a7bd5;
	background-color: rgba(58, 123, 213, 0.1);
}

/* 列表样式 */
.gz-history-list, .gz-favorites-list {
	list-style: none;
	padding: 0;
	margin: 0;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
}

.gz-history-item, .gz-favorite-item {
	display: flex;
	align-items: center;
	padding: 4px 10px;
	border-bottom: 1px solid #f1f3f5;
	transition: all 0.3s ease;
	position: relative;
}

.gz-history-item:last-child, .gz-favorite-item:last-child {
	border-bottom: none;
}

.gz-history-item:hover, .gz-favorite-item:hover {
	background-color: #f8f9fa;
	transform: translateX(5px);
}
.gz-favorites-column .layui-laypage{ margin-bottom: 0!important; margin-top: 8px}

/* 股票logo */
.gz-stock-logo {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 15px;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* 股票信息 */
.gz-stock-info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.gz-stock-name {
	font-size: 16px;
	color: #212529;
	margin-bottom: 3px;
	font-weight: 500;
}

.gz-stock-code {
	font-size: 13px;
	color: #868e96;
}

/* 股票数据 */
.gz-stock-data {
	text-align: right;
	margin-left: 10px;
}

.gz-stock-price {
	display: block;
	font-size: 15px;
	color: #212529;
	margin-bottom: 3px;
	font-weight: 500;
}

.gz-stock-change {
	display: block;
	font-size: 13px;
	font-weight: 600;
}


/* 删除按钮 */
.gz-delete-item {
	color: #adb5bd;
	font-size: 20px;
	padding: 0 8px;
	cursor: pointer;
	transition: all 0.2s;
	opacity: 0.6;
}

.gz-delete-item:hover {
	color: #f03e3e;
	opacity: 1;
	transform: scale(1.2);
}

/* 取消自选按钮 */
.gz-remove-btn {
	color: #f03e3e;
	font-size: 13px;
	padding: 6px 12px;
	border: 1px solid #ffc9c9;
	border-radius: 15px;
	margin-left: 15px;
	cursor: pointer;
	transition: all 0.3s;
	background-color: #fff5f5;
}

.gz-remove-btn:hover {
	background-color: #ffc9c9;
	color: #c92a2a;
}