@charset "UTF-8";

/* 右侧导航栏 start */
.calculatorRight {
	position: fixed;
	right: 20px;
	top: 30%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow:  0 0 10px rgba(0,0,0,.15);
	z-index: 200;
}
.calculatorRight .tip {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 120px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	transition: .5s;
	opacity: 0;
	text-align: center;
	pointer-events: none;
}
.calculatorRight .tip::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}
.calculatorRight dd{
	position: relative;
	transition: .3s;
	margin-bottom: 5px;
}
.calculatorRight .icon {
	padding: 16px 25px;
	position: relative;
}
.calculatorRight .icon::before{
	display: block;
	content: "";
	width: 50%;
	height: 1px;
	background-color: #ebebeb;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.calculatorRight .icon img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.calculatorRight .tip .title {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	font-weight: 700;
}
.calculatorRight .tip .phone {
	font-size: 18px;
	line-height: 30px;
	color: var(--themeColor);
	margin-top: 10px;
}
.calculatorRight dd:hover .tip {
	right: 100px;
	opacity: 1;
	pointer-events: auto;
}
/* 右侧导航栏 end */

/* 计算器弹窗 start */
.calculatorPopBg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 2000;
	justify-content: center;
	align-items: center;
	display: none;
	transition: .3s;
}
.calculatorPopBg.active {
	display: flex;
}
.calculatorPopBox {
	padding: 3.125rem 3.75rem;
	background-color: #fff;
	border-radius: 1.25rem;
	position: relative;
	z-index: 20;
	width: 55.625rem;
	overflow: hidden;
}

.calculatorPopTab {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 3.125rem;
}
.calculatorPopTab dd {
	font-size: 1.125rem;
	color: #666;
	line-height: 3.125rem;
	border-bottom:2px solid transparent;
	transition: .3s;
	cursor: pointer;
}
.calculatorPopTab dd.hover,
.calculatorPopTab dd:hover {
	color: #333;
	font-weight: 700;
	border-bottom: 2px solid var(--themeColor);
}
.calculatorFrom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2.75rem 0;
}
.calculatorFrom .item {
	width: calc(50% - 2.1875rem);
	display: flex;
	align-items: center;
}
.calculatorFrom .lable {
	font-size: 1rem;
	line-height: 2.8125rem;
	color: #666;
	margin-right: 1.25rem;
	width: 6rem;
	text-align: left;
}
.calculatorFrom .lable span {
	color: #ce404d;
	display: inline-block;
	margin-right: .5rem;
}
.calculatorFrom .layui-col-md6,
.calculatorFrom .select,
.calculatorFrom .input {
	height: 2.8125rem;
	line-height: 2.8125rem;
	width: 15rem;
	padding: 0;
}
.calculatorFrom select,
.calculatorFrom input {
	width: 15rem !important;
	height: 2.8125rem;
	line-height: 2.8125rem;
	border: none;
	padding: 0 1.125rem;
	border-radius: 3px;
	border: 1px solid #e6e6e6 !important;
	box-sizing: border-box;

}
.calculatorFrom .formUp {
	display: flex;
	justify-content: center;
	width: 100%;
	column-gap: 1.25rem;
	margin-top: 1.25rem;
}
.calculatorFrom .formUp button {
	width: 7.5rem;
	height: 3.125rem;
	text-align: center;
	border-radius: 3px;
	font-size: 1rem;
	line-height: 3.125rem;
	background-color: var(--themeColor);
	color: #fff;
	border: 1px solid #f5f5f5;
	cursor: pointer;
}
.calculatorFrom .formUp .bt2 {
	background-color: #fff;
	color: #999;
}

/* 计算返回结果 */
.calculatorResult {
	display: none;
	border-top: 1px solid #e6e6e6;
}
.calculatorResult.active {
	display: block;
	padding: 1.25rem 0;
}
.calculatorResult .title {
	font-size: 1.5rem;
	color: #333;
	line-height: 2.25rem;
	font-weight: 700;
}
.calculatorResult dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 1.25rem;
}
.calculatorResult dl dd {
	width: 50%;
	margin-bottom: .9375rem;
}
.calculatorResult dl .con {
	display: flex;
	align-items: center;
	font-size: .9375rem;
	color: #666;
}
.calculatorResult dl span {
	color: #333;
}
.calculatorResult dl em {
	font-style: normal;
}
/* 计算器弹窗 end */
/* 提示信息 start */
.calculatorTip {
	position: absolute;
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	left: 0;
	bottom: 0;
	background-color: #fffbe6;
	border-top: 1px solid #ffe58f;
	padding: 0 2rem;
	font-size: .9375rem;
	color: #333;
}
.calculatorTip span {
	display: inline-block;
	padding-left: 2rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-image: url(../images/icon/ts.png);
}
.calculatorPopBox .off {
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/icon/off.png) no-repeat center center / 1.5rem;
	cursor: pointer;
	position: absolute;
	top: .75rem;
	right: .75rem;
	z-index: 2000;
	transition: .5s;
}
.calculatorPopBox .off:hover {
	transform: rotate(180deg);
}

/* 基金买卖计算器 */
.calculatorFrom.calculatorFrom2 .w100{
	width: 100%;
	margin-bottom: 1.875rem;
}
.dangerTip {
	margin: 1.875rem 0 2.5rem;
	padding: 1.25rem;
	background-color: #fafafa;
	border: 1px dashed #e9e9e9;
	border-radius: 6px;
	color: rgba(0,0,0,.65);
	line-height: 1rem;
	line-height: 1.75rem;
}
.layui-col-md6 .tip {
	font-size: .875rem;
	color: #999;
	line-height: 2rem;
}
.dangerTip span {
	display: inline-block;
	padding-left: 2.25rem;
	background-position: left calc(100% - 5rem);
	background-repeat: no-repeat;
	background-size: 1.875rem;
	background-image: url(../images/icon/zy.png);
}
/* ========== 首页 start ========== */
/* ————— indexBanner start ————— */
.indexBannerBox{position: relative;overflow: hidden;}
.indexBannerBox::before{display: block;content: '';padding-top:31.35%;}
.indexBanner{height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
.bannerSwiper{height: 100%;width: 100%;}
.bannerSwiper .swiper-slide{text-align: center;font-size: 18px;background: #fff;overflow:hidden;}
.slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}
.bannerSwiper .swiper-slide .video{width: 100%;height: 100%;object-fit: cover;}
.bannerSwiper .swiper-pagination {
	bottom: 20px !important;
}
.bannerSwiper .swiper-pagination-bullet{
	width: 13px;
	height: 13px;
	background: #fff;
	opacity: 0.5;
	margin: 0 8px;
}
.bannerSwiper .swiper-pagination-bullet-active{
	opacity: 1;
}
/* ————— indexBanner end ————— */
/* ========== 首页 start ========== */
/* 公共部分 start */
.indexMore a {
	display: inline-block;
	font-size: .9375rem;
	line-height: 1.25rem;
	color: var(--themeColor);
	padding-right: 1.5rem;
	position: relative;
	z-index: 10;
}
.indexMore a::after {
	content: '';
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	background: url(../images/icon/indexMore.png) no-repeat center center / 1.25rem;
	position: absolute;
	right: 0;
	top: 0;
	transition: .3s;
}
.indexMore a:hover::after {
	transform: rotate(180deg);
}
/* 公共部分 end */
/* 资讯公告 start */

.indexTitle {
	font-size: 1.875rem;
	line-height: 1.875rem;
	color: #333;
	font-weight: bold;
}

.indexHotNews {
	height: 6.25rem;
	background: #fff;
}
.indexHotNews .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	column-gap: 17.5rem;
}
.indexHotLeft {
	display: flex;
	align-items: center;
	flex: 1;
	column-gap: 2.6875rem;
}
.indexHotLeft .post {
	font-size: 1.125rem;
	height: 1.375rem;
	line-height: 1.375rem;
	color: #333;
	font-weight: bold;
	padding-left: 2.25rem;
	background: url(../images/icon/indexHot.png) no-repeat left center / 1.375rem;
}
.indexHotSwiper {
	position: relative;
	overflow: hidden;
	flex: 1;
	height: 1.375rem;
}
.indexHotSwiper dl {
	display: flex;
	align-items: center;
	column-gap: 2.6875rem;
}
.indexHotSwiper .con {
	font-size: 1.125rem;
	color: #444;
	height: 1.375rem;
	line-height: 1.375rem;
	column-gap: 1.4375rem;
	transition: .3s;
}
.indexHotSwiper .con:hover {
	color: var(--themeColor);
}
/* 资讯公告 end */

/* 第一栏 start */

.indexColumn1 {
	padding: 3.75rem 0;
	background-color: #f7f7f7;
}
.indexColumn1 .indexMinTitle {
	font-size: .875rem;
	color: #999;
	margin-left: 1rem;
}
.indexC1More a {
	display: inline-block;
	font-size:1rem;
	line-height: 1rem;
	color: #999;
	padding-right: 1.2rem;
	position: relative;
	transition: .3s;
}
.indexC1More a::before {
	content: '>';
	display: block;
	width: 1rem;
	height: 1rem;
	font-size: 1rem;
	line-height: 1rem;
	color: #999;
	position: absolute;
	right: 0;
	top: -2px;
	transition:.3s;
	font-family: "SimSun";
}
.indexC1More a:hover {
	color: var(--themeColor);
}
.indexC1More a:hover::before {
	color: var(--themeColor);
}
.indexC1Swiper {
	margin: 2.5rem 0 1.25rem;
	position: relative;
	overflow: hidden;
}

.indexC1Swiper dl {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	column-gap: 1.875rem;
	padding: 10px 0;
}
.indexC1Swiper dd {
	transition: .3s;
	overflow: hidden;
	transform: translateY(0);
}
.indexC1Swiper dd:hover {
	border-radius: 10px;
	transform: translateY(-3px);
}
.indexC1Swiper .con {
	padding: 1.25rem 3.75rem 1.875rem;
	background-color: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.indexC1Swiper .con .title {
	font-size: 1.125rem;
	color: #333;
	line-height: 1.875rem;
	height: 3.75rem;
	text-align: center;
}
.indexC1Swiper .con .code{
	font-size: 1rem;
	color: #999;
	line-height: 1rem;
	margin: 1.0625rem 0 .875rem;
}
.indexC1Swiper .element {
	display: flex;
	justify-content: center;
	column-gap: 6px;
}
.indexC1Swiper .element span {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .9375rem;
	padding: 0 8px;
}
.indexC1Swiper .element .span1 {
	background-color: #fff0db;
	color: #e58600;
	text-transform: uppercase;
}
.indexC1Swiper .element .span2 {
	background-color: #e5f1ff;
	color: #54a3ff;
}
.indexC1Swiper .num {
	font-size: 2.25rem;
	color: var(--themeColor1);
	line-height: 2.25rem;
	margin: 1.875rem 0;
}
.indexC1Swiper .tip {
	font-size: 1rem;
	line-height: 1rem;
	color: #888;
}
.indexC1Swiper .more {
	margin-top: 2rem;
	width: 100%;
}
.indexC1Swiper .more a {
	display: inline-block;
	font-size: 1rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #fff;
	width: 100%;
	border-radius: 6px;
	background-color: var(--themeColor1);
	text-align: center;
	transition:.3s;
}
.indexC1Swiper .tig {
	position: absolute;
	left: 0;
	top: 0;
	font-size: .875rem;
	color: #fff;
	height: 1.625rem;
	line-height: 1.625rem;
	padding: 0 .625rem;
	border-radius: .625rem 0 .625rem 0;
}
.indexC1Swiper .tig[data-class="热销"]{
	background-color: #cfa972;
}
.indexC1Swiper .tig[data-class="热销Top"]{
	background-color: #ff5f16;
}
.indexSwiperBt div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 100%;
	background-color: #fff;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	z-index: 20;
	cursor: pointer;
	transition:.3s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1rem;
}
.indexSwiperBt .prev {
	left: 0;
	background-image: url(../images/icon/left.png);
}
.indexSwiperBt .prev:hover {
	background-color: var(--themeColor1);
	background-image: url(../images/icon/lefth.png);
}
.indexSwiperBt .next{
	right: 0;
	background-image: url(../images/icon/right.png);
}
.indexSwiperBt .next:hover {
	background-color: var(--themeColor1);
	background-image: url(../images/icon/righth.png);
}
#echartsBox1{
	background-color: #FFF;
	height: 30.3125rem;
	box-sizing: border-box;
	padding: 2.5rem 0 3.125rem;
	border-radius: 10px;
	position: relative;
	margin-top: 30px;
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}
#echartsBox1::before{
	content: '';
	position: absolute;
	top: -20px; /* 调整三角形和 #echartsBox1 的间距 */
	left: 0;    /* 默认指向第一个 dd */
	width: 0;
	height: 0;
	border-left: 24px solid transparent;   /* 三角形左边透明 */
	border-right: 24px solid transparent;  /* 三角形右边透明 */
	border-bottom: 24px solid #fff;   /* 三角形颜色 */
	transition: left 0.3s;                /* 移动动画 */
}
#echartsBox1::before{
	left: var(--triangle-left, 0);
}
/* 第一栏 end */

/* 第二栏 start */
.indexColumn2 {
	padding: 4.0625rem 0 3.75rem;
	background-color: #ffff;
}
.indexC2Dll {
	margin: 1.875rem 0 2.875rem;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	column-gap: 1.875rem;
}
.indexC2Dll dd,.indexC2Dll dt{
	width: 100%;
	height: 26.25rem;
	overflow: hidden;
}
.indexC2Dll a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.indexC2Dll .img {
	height: 100%;
}
.indexC2Dll .tip{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding: 0 1.25rem;
	z-index: 20;
}
.indexC2Dll .tip .icon {
	width: 2.5rem;
	height: 2.5rem;
}
.indexC2Dll .tip .icon img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
}
.indexC2Dll .tip .name {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 3.75rem;
	color: #fff;
}
.indexC2Dll ul {
	display: flex;
	flex-direction: column;
	row-gap: 1.875rem;
}
.indexC2Dll dd .img::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.indexFridLink .title span {
	display: inline-block;
	font-size: 1.25rem;
	color: #333;
	padding-left: 3.125rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 2.5rem;
	line-height: 2.5rem;
}
.indexFridLink .main {
	display: flex;
	column-gap: 1.875rem;
	margin-top: 1.875rem;
}
.indexLinkDl {
	flex: 1;
	padding: 2.5rem 1.875rem;
	background-color: #fafafa;
	border-radius: 10px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	row-gap: 1.5rem;
	column-gap: 2.5rem;
}
.indexLinkDl dt {
	grid-column: 1 / -1;
}
.indexLinkDl dt {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 4px;
}
.indexLinkDl a {
	display: flex;
	font-size: 1rem;
	line-height: 1rem;
	height: 1rem;
	color: #666;
	transition: .3s;
}
.indexLinkDl a:hover {
	color: var(--themeColor1);
}
.dutyText {
	font-size: .875rem;
	color: #999;
	line-height: 1.875rem;
	margin-top: 2.1875rem;
}
/* 第二栏 end */

/* 自营理财列表 start */
.generalSearch {
	display: flex;
	justify-content: center;
	height: 3.75rem;
	width: 42.5rem;
	box-sizing: border-box;
	padding: 0 0 0 1.25rem;
	background-color: #fff;
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
	margin: 50px auto 30px;
	border-radius: 12px;
	align-items: center;
}
.generalSearch .input {
	flex: 1;
	margin-right: 2rem;
}
.generalSearch input {
	height: 3.75rem;
	line-height: 3.75rem;
	width: 100%;
	font-size: 1rem;
	color: #333;
	border: none;
	outline: none;
	background-color: transparent;
}
.generalSearch a {
	width: 4rem;
	height: 2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.875rem;
}
.productTable {
	width: 100%;
}
.productTable th:nth-child(1),
.productTable td:nth-child(1) {
	width: 20.5652%;
	text-align: left;
	box-sizing: border-box;
}
.productTable th:nth-child(2),
.productTable td:nth-child(2) {
	width: 11.21739%;
}
.productTable th:nth-child(3),
.productTable td:nth-child(3) {
	width: 6.08695%;
}
.productTable th:nth-child(4),
.productTable td:nth-child(4) {
	width: 7.8260%;
}
.productTable th:nth-child(5),
.productTable td:nth-child(5) {
	width: 4.47826%;
}
.productTable th:nth-child(6),
.productTable td:nth-child(6) {
	width: 5.2173%;
}
.productTable th:nth-child(7),
.productTable td:nth-child(7) {
	width: 5.6956%;
}
.productTable th:nth-child(8),
.productTable td:nth-child(8) {
	width: 3.8260%;
}
.productTable th:nth-child(9),
.productTable td:nth-child(9) {
	width: 2.8260%;
}
.productTable th,.productTable td {
	text-align: center;
}
.productTable th:nth-child(1){
	padding-left: 4.0625rem;
}
.productTable td:nth-child(1){
	padding-left: 2.5rem;
}
.productTable thead tr {
	height: 3.75rem;
	line-height: 3.75rem;
	background-color: #ce404d;
	font-size: .9375rem;
	color: #fff;
}
.productTable thead th {
	font-weight: 400;
}
.productTable tbody td {
	font-size: 1rem;
	line-height: 1.75rem;
	color: #333;
	padding: 1.75rem .5rem;
}
.productTable tbody tr {
	border-bottom: 1px solid #ebebeb;
}
.productTable tbody tr:hover {
	background-color: #f7f7f7;
}
.productTable {
	margin: 1.875rem 0 2.5rem;
}
.productTable a {
	display: block;
	transition: .3s;
}
.productTable a:hover {
	color: var(--themeColor1);
}

.buyNumDl {
	display: flex;
	margin-top: 1.25rem;
	column-gap: 6.25rem;
}
.buyNumDl .con {
	text-align: center;
}
.buyNumDl .tip {
	font-size: 1rem;
	color: #999;
}
.buyNumDl .num {
	font-size: 1.875rem;
	margin-top: 1rem;
	color: #ff4143;
	font-weight: 700;
}
/* 自营理财列表 end */


/* 代销理财列表 start */
.productTable.agentTable th:nth-child(8),
.productTable.agentTable td:nth-child(8){
	width: 2.8260%;
}
.productTable.agentTable th, .productTable.agentTable td{
	font-size: .9375rem;
}
.productTable.agentTable td:nth-child(1){
	padding-left: 1.25rem;
}
.productTable.agentTable th:nth-child(2),
.productTable.agentTable td:nth-child(2){
	width: 11.2554%;
}
.productTable.agentTable th:nth-child(3),
.productTable.agentTable td:nth-child(3){
	width: 13.8528%;
}
.productTable.agentTable th:nth-child(4),
.productTable.agentTable td:nth-child(4){
	width: 6.9264%;
}
.productTable.agentTable th:nth-child(5),
.productTable.agentTable td:nth-child(5){
	width: 8.658%;
}
.productTable.agentTable th:nth-child(6),
.productTable.agentTable td:nth-child(6){
	width: 10.3896%;
}
/* 代销理财列表 end */



/* 自营理财 详情 start */
.monyTabNewC1 .buyPorduct {
	display: flex;
	justify-content: space-between;
	column-gap: 25rem;
	margin: 5.625rem 0 2.8125rem;
	align-items: center;
}
.monyTabNewC1 .buyPorduct .flex {
    align-items: center;
}
.idenBox {
    display: flex;
    align-items: center;
    column-gap: .8rem;
}
.idenBox .li1 {
    color:#fff;
    background-color: #ce404d;
}

.idenBox .li2 {
    background-color: #e6e6e6;
    color: #666;
}

.idenBox span {
    height: 2rem;
    line-height: 2rem;
    width: 3.75rem;
    text-align: center;
    border-radius: 3px;
    font-size: 1.125rem;
}
.monyTabNewC1 .buyPorduct .text {
	flex: 1;
}
.monyTabNewC1 .buyPorduct .title {
	font-size: 1.375rem;
	line-height: 2.75rem;
	color: #333;
	font-weight: bold;
}
.perforTableStage {
	width: 100%;
}
.perforTableStage th,
.perforTableStage td {
	text-align: center;
}
.perforTableStage thead tr {
	background-color: #fff8e7;
}
.perforTableStage thead th {
	font-weight: 400;
	font-size: 1rem;
	color: #333;
	line-height: 1.75rem;
	padding: 1rem;
}
.perforTableStage tbody tr {
	background-color: #fff8e7;
}
.perforTableStage.perforTableStage2 tbody tr{
	background-color: #fff;
	transition: .3s;
	border-bottom: 1px solid #ebebeb;
}
.perforTableStage.perforTableStage2 tbody tr:hover {
	background-color: #f7f7f7;
}
.perforTableStage tbody td {
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: var(--themeColor1);
	padding: 1rem;
}
.perforTableStage.perforTableStage2 tbody td {
	color: #333;
	font-size: 1.125rem;
}
.monyTabNewC1 .buyLink{
	min-width: 10.625rem;
	text-align: center;
}
.monyTabNewC1 .buyLink a {
	display: inline-block;
	line-height: 3.125rem;
	width: 10.625rem;
	height: 3.125rem;
	line-height: 3.125rem;
	border-radius: 3px;
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
	background-color: #ce404d;
}
.monyTabNewC1 .buyLink .buyPeople {
	font-size: 1rem;
	color: #999;
	margin-top: 1rem;
}
.buyPorductTable {
	width: 100%;
}
.buyPorductTable td:nth-child(odd){
	width: 14.0434%;
	background-color: #f7f7f7;
}
.buyPorductTable td{
	width: 17.3913%;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #333;
	padding: .625rem 1.25rem;
}
.buyPorductTable td span[data-class="低风险"]{
	color: var(--themeColor1);
}
.buyPorductTable .tdText .con {
	text-align: center;
}
.buyPorductTable .tdText .num {
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: #333;
	font-weight: bold;
}
.buyPorductTable .tdText .num.rem1 {
	font-size: 1rem;
}
.buyPorductTable .tdText .title {
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666;
}
.buyPorductTable .tdText .text {
	font-size: .875rem;
	line-height: 1.5rem;
	color: #858585;
}
.buyProductTip {
	padding: 1.875rem 1.5rem;
	background-color: #fafafa;
	border-radius: 10px;
	margin-top: 1.875rem;
	color: #444;
	font-weight: bold;
}
.buyProductTip .title span {
	display: inline-block;
	line-height: 1.875rem;
	padding-left: 3.125rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.875rem;
	font-size: 1.125rem;
}
.buyProductTip .text {
	padding: 1.4375rem 0 0 3.125rem;
	font-size: .9375rem;
	line-height: 1.75rem;
}


/* 自营理财 echers start */
#notValueEachBox1,
#notValueEachBox2 {
	width: 100%;
	height: 315px;
}
#notValueEachBox1 canvas {
	width: 100% !important;
	height: 100% !important;
}
.notValueEachTab {
	display: flex;
	column-gap: 4.125rem;
	margin: 1.875rem 0 1.5625rem;
	font-size: 1.25rem;
	line-height: 3rem;
	border-bottom: 1px solid #ebebeb;
	color: #666;
	font-weight: bold;
}
.notValueEachTab dd{
	line-height: 3rem;
	position: relative;
	transition: .3s;
	cursor: pointer;
}
.notValueEachTab dd::before{
	content: '';
	display: block;
	position: absolute;
	width: 0%;
	height: 2px;
	background-color: var(--themeColor);
	bottom: -1px;
	left: 0;
	transition:.3s;
}
.notValueEachTab dd.hover,
.notValueEachTab dd:hover {
	color: #333;
}
.notValueEachTab dd.hover::before,
.notValueEachTab dd:hover::before {
	width: 100%;
}
.tabBtnMon {
	display: flex;
	align-items: center;
	column-gap: .9375rem;
}
.tabBtnMon span {
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1rem;
	color: #333;
	background-color: #f2f2f2;
	border-radius: 3px;
	padding: 0 17px;
	cursor: pointer;
}
.tabBtnMon span.active {
	background-color: var(--themeColor1);
	color: #fff;
}
/* 自营理财 echers end */

.performDl {
	display: flex;
	align-items: center;
	padding: 1.875rem 3.75rem;
	justify-content: space-between;
	column-gap: 7.5rem;
	background-color: #fff8e7;
}
.performDl .con {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.performDl .con .post {
	font-size: 1rem;
	color: #333;
	margin-bottom: 1.5rem;
}
.performDl .con .num {
	font-size: 1.5rem;
	color: #ff4143;
}
.perforTable {
	width: 100%;
	margin: 2rem 0 3rem;
}
.perforTable td,.perforTable th {
	text-align: center;
}
/* .perforTable td:nth-child(1),.perforTable th:nth-child(1) {
	width: 26.0869%;
}
.perforTable td:last-child,
.perforTable th:last-child{
	width: 9.5652%;
} */
.perforTable thead tr {
	height: 3.75rem;
	line-height: 3.75rem;
	background-color: #f5f5f5;
}
.perforTable thead tr th {
	font-size: 1rem;
	color: #666;
}
.perforTable tbody tr {
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: .9375rem;
	color: #666;
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.perforTable tbody tr:hover {
	background-color: #f7f7f7;
}
.perforTable tbody tr:last-child {
	border-bottom: none;
}
/* 正数颜色 */
.perforTable td.downOrUp[data-value^="0"],
.perforTable td.downOrUp[data-value^="1"],
.perforTable td.downOrUp[data-value^="2"],
.perforTable td.downOrUp[data-value^="3"],
.perforTable td.downOrUp[data-value^="4"],
.perforTable td.downOrUp[data-value^="5"],
.perforTable td.downOrUp[data-value^="6"],
.perforTable td.downOrUp[data-value^="7"],
.perforTable td.downOrUp[data-value^="8"],
.perforTable td.downOrUp[data-value^="9"] {
	color: #ff4143; /* 红色 */
}

/* 负数颜色（以 - 开头） */
.perforTable td.downOrUp[data-value^="-"] {
	color: #27a57c; /* 绿色 */
}

/* 零显示默认颜色 */
.perforTable td.downOrUp[data-value="0"] {
	color: #333;
}
.annexBg {
	margin: 1.875rem 0 4.25rem;
}
.annexDl .con {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
	padding-bottom: .875rem;
	border-bottom: 1px solid #ebebeb;
}
.annexDl .con a {
	height: 2.5rem;
	line-height: 2.5rem;
	background-color: #edf3fc;
	border-radius: 6px;
	padding: 0 1.25rem 0 2.75rem;
	font-size: 1.125rem;
	color: #2867ce;
    position: relative;

}
.annexDl .con a::before{
    display: block;
    content: "";
    width: 1.25rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: left center;
    background-image: url(../images/icon/fj.png);
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.annexDl .con .title {
	flex: 1;
	font-size: 1.125rem;
	color: #333;
	height: 2.5rem;
	line-height: 2.5rem;
}
/* 自营理财 详情 end */

/* 通知公告 start */
.noticeColumn .maxTitle {
	font-size: 1.875rem;
	color: var(--themeColor);
	font-weight: bold;
	margin: 2.8125rem 0 1.75rem;
}
.noticeDaySearch {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 1.25rem;
}
.noticeDay {
	height: 3.125rem;
	line-height: 3.125rem;
	width: 13.75rem;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
}
.noticeDay:before {
	content: '';
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	background-image: url(../images/icon/rl.png);
	position: absolute;
	right: 1.6875rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}
.noticeDay input {
	height: 3.125rem;
	line-height: 3.125rem;
	width: 100%;
	border: none;
	padding: 0 1.6875rem;
	position: relative;
}
.noticeDay input:focus{
	border: none;
	outline: none;
}
.noticeSearch {
	display: flex;
	width: 30rem;
	height: 3.125rem;
	line-height: 3.125rem;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}
.noticeSearch::before{
	display: block;
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: .9375rem;
	background-image: url(../images/icon/ss.png);
	position: absolute;
	left: 1.6875rem;
	top: 50%;
	transform: translateY(-50%);
}
.noticeSearch .input {
	flex: 1;
	position: relative;
	padding-left: 1.675rem;
    overflow: hidden;
}
.noticeSearch input {
	height: 3.125rem;
	line-height: 3.125rem;
	width: 100%;
	border: none;
	padding: 0 1.6875rem;
	position: relative;
	background-color: transparent;
    box-sizing: border-box;
}
.noticeSearch a {
	width: 6.25rem;
	height: 3.125rem;
	line-height: 3.125rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	background-color: var(--themeColor1);
}
.textList1 {
	margin: 3.75rem 0 2.5rem;
}
.textList1 .con {
	height: 5rem;
	line-height: 5rem;
	column-gap: 5rem;
	transition: .3s;
	position: relative;
	padding: 0 1.25rem;
}
.textList1 .con::before{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
	position: absolute;
	left: 0;
	bottom: 0;
}
.textList1 .con::after{
	display: block;
	content: "";
	width: 0%;
	height: 1px;
	background-color: #bf0008;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .3s;
}
.textList1 .con:hover::after{
	width: 100%;
}
.textList1 .con:hover{
	background-color: #fcf5f5;
}
.textList1 .con .title {
	position: relative;
	padding-left: 1.875rem;
	font-size: 1rem;
	color: #333;
}
.textList1 .con .title::before{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #ce404d;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.textList1 .con .time {
	font-size: .875rem;
	color: #333;
}
/* 通知公告 end */

/* 新闻导航栏 start */
.newsLoaction {
	display: flex;
	align-items: center;
	column-gap: 6px;
}
.newsLoaction a{
	font-size: 15px;
	line-height: 1.1875rem;
	color: #999;
	transition: .3s;
	background-position: left center;
	background-repeat: no-repeat;
}
.newsLoaction dd:hover a,
.newsLoaction dd.hover a {
	color: #333;
}
.newsLoaction a.home{
	padding-left: 20px;
	background-size: 15px;
	background-image: url(../images/icon/newshome.png);
}
.newsLoaction a {
	background-size: 6px;
	background-image: url(../images/icon/newssjx.png);
	padding-left: 12px;
}
/* 新闻导航栏 end */

/* 代销理财列表 statt */
.angecSearch {
	display: flex;
	align-items: center;
	height: 3.75rem;
	line-height: 3.75rem;
	width: 42.5rem;
	box-sizing: border-box;
	padding: 0 1.25rem;
	border-radius: 12px;
	margin: 3.125rem auto 1.875rem;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
	background-color: #fff;
}
.angecSearch .input {
	flex: 1;
	position: relative;
	padding: 0 1.5rem 0 0;
}
.angecSearch a {
	width: 1.875rem;
	height: 1.875rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.875rem;
	background-image: url(../images/icon/ssh.png);
}
.angecSearch input {
	height: 3.75rem;
	line-height: 3.75rem;
	width: 100%;
	border: none;
	font-size: 1.125rem;
	color: #333;
	background-color: transparent;
}
.angecTable {
	width: 100%;
	margin: 2rem 0 2.5rem;
}
.angecTable th,.angecTable td {
	text-align: center;
	font-size: .9375rem;
	color: #333;
	padding: 0 1.25rem;
	box-sizing: border-box;
}
.angecTable thead tr {
	height: 3.75rem;
	line-height: 3.75rem;
	background-color: #ce404d;
}
.angecTable thead tr th {
	color: #fff;
	font-weight: 400;
}
.angecTable th:nth-child(1),
.angecTable td:nth-child(1) {
	width: 27.6816%;
	text-align: left;
}
.angecTable th:nth-child(1) {
	padding-left: 2.5rem;
}
.angecTable td {
	line-height: 24px;
	padding: 2.0938rem 1.25rem;
}
.angecTable tbody tr {
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.angecTable tbody tr:hover {
	background-color: #f7f7f7;
}
.angecTable th:nth-child(2),
.angecTable td:nth-child(2) {
	width: 11.2456%;
}
.angecTable th:nth-child(3),
.angecTable td:nth-child(3) {
	width: 12.1107%;
}
.angecTable th:nth-child(4),
.angecTable td:nth-child(4) {
	width: 8.6505%;
}
.angecTable th:nth-child(5),
.angecTable td:nth-child(5) {
	width: 8.0553%;
}
.angecTable th:nth-child(6),
.angecTable td:nth-child(6) {
	width: 11.5155%;
}
.angecTable th:nth-child(7),
.angecTable td:nth-child(7) {
	width: 8.975%;
}
/* 代销理财列表 end */


/* 基金列表 start */
.fundsTable {
	width: 100%;
	margin: 1.875rem 0;
}
.fundsTable th:nth-child(1),
.fundsTable td:nth-child(1) {
	width: 20.8333%;
	text-align: left;
}
.fundsTable a.con {
	display: block;
	transition: .3s;
}
.fundsTable a.con:hover .title,.fundsTable a.con:hover .tip {
	color: var(--themeColor1);
}
.fundsTable th:nth-child(2),
.fundsTable td:nth-child(2) {
	width: 6.25%;
}
.fundsTable th:nth-child(3),
.fundsTable td:nth-child(3) {
	width: 6.25%;
}
.fundsTable th:nth-child(4),
.fundsTable td:nth-child(4) {
	width: 4.8611%;
}
.fundsTable th,
.fundsTable td {
	width: 4.8611%;
	text-align: center;
}

.fundsTable th .con{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 3px;
}
.fundsTable thead tr {
	background-color: #ce404d;
	height: 3.75rem;
	line-height: 3.75rem;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.fundsTable thead th:first-child {
	border-top-left-radius: 10px;
}
.fundsTable thead th:last-child {
	border-top-right-radius: 10px;
}
.fundsTable th .con .img2 {
	display: none;
}
.fundsTable img {
	display: block;
	width: 6px;
	height: 6px;
	object-position: center;
	object-fit: contain;
	cursor: pointer;
}
.fundsTable .down.active .img1 {
	display: none;
}
.fundsTable .down.active .img2 {
	display: block;
}
.fundsTable .up.active .img1 {
	display: none;
}
.fundsTable .up.active .img2 {
	display: block;
}
.fundsTable .upDown div {
	width: 6px;
	height: 6px;
	cursor: pointer;
}
.fundsTable th {
	text-align: center;
	font-size: .9375rem;
	color: #fff;
}
.fundsTable th:nth-child(1) {
	padding-left: 4.375rem;
}
.fundsTable th:last-child,.fundsTable td:last-child {
	padding-right: 1.875rem;
}
.fundsTable .upDown {
	height: 3.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 3px;
}
.fundsTable td .title {
	font-size: 1.125rem;
	line-height: 1.875rem;
	color: #333;
}
.fundsTable td .title.bold {
	font-weight: bold;
}
.fundsTable td  .tip {
	font-size: .9375rem;
	line-height: 1.875rem;
	color: #999;
}
.fundsTable td {
	padding: .9375rem 0;
}
.fundsTable td .num {
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.875rem;
	font-weight: bold;
}
/* 正数颜色 */
.fundsTable td .num[data-value^="0"],
.fundsTable td .num[data-value^="1"],
.fundsTable td .num[data-value^="2"],
.fundsTable td .num[data-value^="3"],
.fundsTable td .num[data-value^="4"],
.fundsTable td .num[data-value^="5"],
.fundsTable td .num[data-value^="6"],
.fundsTable td .num[data-value^="7"],
.fundsTable td .num[data-value^="8"],
.fundsTable td .num[data-value^="9"] {
	color: #ff4143;
}
.fundsTable td .num[data-value^="-"] {
	color: #27a57c;
}
.fundsTable td .post {
	font-size: 1rem;
	line-height: 1rem;
	color: #666;
	margin-bottom: 1.875rem;
	font-weight: bold;
}
.fundsTable td:nth-child(1){
	padding-left: 1.875rem;
}
.fundsTable tbody tr {
	border-bottom: 1px solid #ebebeb;
	transition:.3s;
}
.fundsTable tbody tr:hover {
	background-color: #f7f7f7;
}
.fundsTable tbody tr:last-child {
	border-bottom: none;
}

/* 第二栏 start */
.fundsColumn2 {
	padding: 3.75rem 0;
}
.companyTab {
	column-gap: 3.4375rem;
	align-items: center;
}
.companyTab dd {
	font-size: 1.875rem;
	color: #666;
	transition: .3s;
	cursor: pointer;
}
.companyTab dd.hover,
.companyTab dd:hover{
	color: #a6202f;
	font-weight: 700;
}
.companyDl {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1.875rem;
	margin: 2rem;
}
.companyDl .con {
	background-color: #fff;
	padding: 2.5rem 1.875rem;
	border-radius: 10px;
	transition: .4s;
	transform: translateY(0);
}
.companyDl .con .time {
	display: flex;
	align-items: end;
	column-gap: 1.125rem;
}
.companyDl .con .day {
	font-size: 3.75rem;
	color: var(--themeColor1);
}
.companyDl .con .year {
	font-size: 1rem;
	color: #666;
	line-height: 3.75rem;
}
.companyDl .con .title {
	font-size: 1.25rem;
	line-height: 2.1875rem;
	height: 4.375rem;
	color: #333;
	margin-bottom: 1.875rem;
}
.companyDl .con a {
	display: inline-block;
	font-size: .9375rem;
	line-height: 2.8125rem;
	color: var(--themeColor);
	padding-right: 2.5rem;
	position: relative;
}
.companyDl .con a::after{
	display: block;
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	background-image: url(../images/icon/more3.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.625rem;
	transition: .3s;
}
.companyDl .con a::before{
	display: block;
	content: "";
	width: 0;
	height: 1px;
	background-color: var(--themeColor);
	position: absolute;
	left: 0;
	bottom: 0;
	transition:.3s;
}
.companyDl .con a:hover::after{
	transform: rotate(-30deg);
}
.companyDl .con a:hover::before{
	width: 100%;
}
.companyDl .con:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* 第二栏 end */
/* 基金列表 end */

/* 基金详情 start */
/* 第一栏 strat */
.fundsTableNewsC1 {
	padding: 3.125rem 1.875rem;
	background-color: #fff;
}
.fundsNewsText {
	display: flex;
	justify-content: space-between;
	column-gap: 12.5rem;
	align-items: center;
	margin-bottom: 1.875rem;
}
.fundsNewsText dl {
	display: flex;
	column-gap: 3.75rem;
}
.fundsNewsText .post {
	font-size: 1rem;
	color: #999;
	margin-bottom: 2.5rem;
}
.fundsNewsText .num {
	font-size: 1.875rem;
	color: #ff4143;
}
.fundsNewsText .text {
	flex: 1;
}
.fundsNewsText .titleBox {
	display: flex;
	align-items: end;
}
.fundsNewsText .title {
	font-size: 1.375rem;
	color: #333;
	font-weight: bold;
	line-height: 1.375rem;
}

.fundsNewsText .tip {
	font-size: 1.25rem;
	line-height: 1.375rem;
	color: #999;
	margin: 0 1.25rem 0 .5625rem;
}
.fundsNewsText .tig {
	height: 1.375rem;
	width: 1.375rem;
	padding: 0 7px;
	text-align: center;
	font-size: .9375rem;
	color: #e58600;
	background-color: #fff0db;
	min-width: 3.75rem;
}
.fundsNewsText .textC {
	display: flex;
	margin-top: 2.5rem;
	column-gap: 2.8125rem;
	flex-wrap: wrap;
	font-size: 1rem;
	color: #888;
}
.fundsNewsText .textC em {
	font-style: normal;
}
.fundsNewsText .textC .em1 {
	color: #f3182f;
}
.fundsNewsText .textC .em2 {
	color: #333;
}
.fundsNewsText .textC .em3,.fundsNewsText .textC a {
	color: #40a9ff;
}
.fundsTabBg .main {
	display: flex;
	column-gap: 2.5rem;
}
.fundsTabBg .fundsRight {
	width: 22.5rem;
}
.fundsTabBg .titleBox {
	display: flex;
	align-items: end;
	column-gap: 1.25rem;
	justify-content: space-between;
	border-bottom: 1px solid #ebeef5;
	padding: 0 .625rem 1.25rem;
}
.fundsTabBg .titleBox .title {
	font-size: 1.125rem;
	color: #333;
	font-weight: bold;
}
.fundsTabBg .titleBox .time {
	font-size: .9375rem;
	line-height: 1.125rem;
	color: #999;
}
.fundsTabBg dl .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3.125rem;
	line-height: 3.125rem;
	font-size: .9375rem;
	border-bottom: 1px solid #ebeef5;
	padding: 0 .625rem;
	color: #666;
}
.fundsTabBg dl .num[data-value^="0"],
.fundsTabBg dl .num[data-value^="1"],
.fundsTabBg dl .num[data-value^="2"],
.fundsTabBg dl .num[data-value^="3"],
.fundsTabBg dl .num[data-value^="4"],
.fundsTabBg dl .num[data-value^="5"],
.fundsTabBg dl .num[data-value^="6"],
.fundsTabBg dl .num[data-value^="7"],
.fundsTabBg dl .num[data-value^="8"],
.fundsTabBg dl .num[data-value^="9"] {
	color: #ff4143;
}
.fundsTabBg dl .num[data-value^="-"] {
	color: #27a57c;
}
.fundsEchars1,.fundsEchars2 {
    flex: 1;
	height: 400px;
    overflow: hidden;
}
#fundsEchars1,#fundsEchars2  {
	height: 400px;
}
.fundsEchars canvas{
	height: 100% !important;
	width: 100%;
}
/* 第一栏 end */

/* 第二栏 start */
.capitalTab {
	display: flex;
	column-gap: 4.25rem;
	align-items: center;
	margin: 1rem 0 1.25rem;
}
.capitalTab dd{
	font-size: 1.125rem;
	color: #333;
	line-height: 3rem;
	cursor: pointer;
	transition:.3s;
	position: relative;
}
.capitalTab dd::after{
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background-color: var(--themeColor);
	position: absolute;
	left: 0;
	bottom: 0;
	transition:.3s;
}
.capitalTab dd.hover::after,
.capitalTab dd:hover::after{
	width: 100%;
}
.capitalBox {
	padding: 1.875rem;
	background-color: #fff;
	overflow: hidden;
}
.capitalTitle {
	font-size: 1.125rem;
	color: #333;
	line-height: 3.25rem;
	border-bottom: 1px solid #ebebeb;
	font-weight: bold;
}
.capitalMinTab {
	display: flex;
	column-gap: .75rem;
	margin: 1.75rem 0 1.875rem;
}
.capitalMinTab dd{
	padding-right: .75rem;
	color: #666;
	font-size: 1rem;
	line-height: 1rem;
	border-right: 1px solid #ebebeb;
	cursor: pointer;
	transition:.3s;
	font-weight: bold;
}
.capitalMinTab dd:last-child {
	border-right: none;
}
.capitalMinTab dd.hover,
.capitalMinTab dd:hover {
	color: var(--themeColor);
}
.capitalDl {
	display: flex;
	column-gap: 10.3125rem;
	height: 7.1875rem;
	align-items: center;
	justify-content: center;
	background-color: #fff8e7;
}
.capitalDl .con {
	text-align: center;
}
.capitalDl .con .tip {
	font-size: 1rem;
	color: #333;
	line-height: 1rem;
	margin-bottom: 1.25rem;
}
.capitalDl .con .num {
	font-size: 1.5rem;
}
.capitalTable {
	width: 100%;
	border: 1px solid #ebebeb;
}
.capitalTable tr {
	height: 3.75rem;
	line-height: 3.75rem;
}
.capitalTable tr:hover {
	background-color: #f7f7f7;
}
.capitalTable td {
	font-size: .9375rem;
	color: #666;
	text-align: center;
}
.capitalTable thead tr {
	background-color: #f7f7f7;
}
.capitalTable thead th {
	font-size: 1rem;
	color: #666;
	border: none;
}
.capitalTable tbody tr {
	border-bottom: 1px solid #ebebeb;
}
.capitalTableBg {
	overflow: hidden;
}
.capitalTable td,.capitalTable th {
	width: 25%;
}
/* 第二栏 end */
.proportionTip {
	font-size: 1rem;
	line-height: 1rem;
	color: #1890ff !important;
	padding-left: 1.35rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1rem;
	background-image: url(../images/icon/wh.png);
}
/* 第三栏 start */
.fundsTableNewsC3 {
	padding: .9375rem 1.875rem;
	background-color: #fff;
	margin-top: 1.875rem;
}
.fundsTableNewsC3 .topTitle {
	font-size: 1.125rem;
	color: #333;
	font-weight: bold;
	line-height: 3rem;
	border-bottom: 1px solid #ebebeb;
}
.fundsTableChoose {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
	margin: 1.0625rem 0 2rem;
}
.fundsTableChoose span {
	font-size: 1rem;
	color: #666;
	line-height: 2.5rem;
}
.fundsTableChoose .select {
	padding: 0 .8125rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px solid #dcdfe6;
}
.fundsTableChoose select {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	border: none;
	padding-right: .5rem;
}
.fundsTableChoose a {
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: .875rem;
	color: #fff;
	background-color: #ce404d;
	text-align: center;
}

.ecersSum {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 3.75rem;
	row-gap: 1.875rem;
}

.ecersSumBox .title {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 1.25rem;
}
.ecersSumBox .tip{
	font-size: .9375rem;
	color: #999;
}
.ecersBorder {
	height: 400px;
	border: 1px solid #e6e6e6;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.ecersBorder canvas {
	width: 100% !important;
	height: 100% !important;
}
.ecersBorder .ecersAngec {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.ecersAngec {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10rem;
	background-image: url(../images/icon/zwsj.png)
}
.ecersAngec.has-data {
	background-image: none;
}
.ecersSumTable {
	border: 1px solid #e6e6e6;
	width: 100%;
}
.ecersSumTable th,
.ecersSumTable td {
	width: 23.1515%;
	text-align: center;
}
.ecersSumTable th:nth-child(2),
.ecersSumTable td:nth-child(2) {
	width: 30.4545%;
}
.ecersSumTable tr {
	border-bottom: 1px solid #e6e6e6;
}
.ecersSumTable thead tr {
	background-color: #fff8e7;
}
.ecersSumTable th {
	font-size: .9375rem;
	color: #ce404d;
	font-weight: 400;
	height: 3.125rem;
	line-height: 3.125rem;
}
.ecersSumTable tbody {
	height: 100%;
	overflow-y: auto;
	display: block;
	width: 100%;
}
.ecersSumTable td {
	padding: 1.25rem 1.25rem;
	font-size: .9375rem;
	line-height: 1.25rem;
}
.ecersSumTable thead tr,
.ecersSumTable tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
/* 第三栏 end */

/* 第四栏 start */
.fundsTableNewsC4 {
	padding: .75rem 1.875rem 1.875rem;
	margin-top: 1.875rem;
	background-color: #fff;
}
.fundsTableNewsC4 .topTitle {
	font-size: 1.125rem;
	color: #333;
	font-weight: bold;
	line-height: 3rem;
	border-bottom: 1px solid #ebebeb;
}
.fundsTableNewsC4 .title {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
	margin: 1.875rem 0 1rem;
}
.fundInformTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e8e8e8;
}

.fundInformTable td {
	border: 1px solid #e8e8e8;
	font-size: .9375rem;
	line-height: 1.875rem;
	padding: .5rem 1.25rem;
	min-height: 3.4375rem;
	color: #666;
}
.fundInformTable td.fundTd {
	width: 7.6086%;
	text-align: center;
	background-color: #fafafa;
	color: #333;
}
.fundInformTable td:nth-child(odd){
	background-color: #fafafa;
	color: #333;
}
/* 第四栏 end */

/* 第五栏 start */
/* 第四栏 start */
.fundsTableNewsC5 {
	padding: .75rem 1.875rem 2.5rem;
	margin-top: 1.875rem;
	background-color: #fff;
}
.fundsTableNewsC5 .topTitle {
	font-size: 1.125rem;
	color: #333;
	font-weight: bold;
	line-height: 3rem;
	border-bottom: 1px solid #ebebeb;
}
.fundsTableTextList {
	margin: 0 0 2.5rem;
}
.fundsTableTextList .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 5rem;
	line-height: 5rem;
	border-bottom: 1px solid #e6e6e6;
	column-gap: 5rem;
	transition: .3s;
}
.fundsTableTextList .title {
	flex: 1;
	position: relative;
	padding-left: 1.125rem;
	font-size: 1.125rem;
	color: #333;
	transition: .3s;
}
.fundsTableTextList .title::before{
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #999999;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.fundsTableTextList .time {
	font-size: 1.125rem;
	color: #999;
}
.fundsTableTextList dd:nth-child(1) .title,
.fundsTableTextList dd:nth-child(2) .title,
.fundsTableTextList dd:nth-child(3) .title{
	padding-left: 28px;
}
.fundsTableTextList dd:nth-child(1) .title::before,
.fundsTableTextList dd:nth-child(2) .title::before,
.fundsTableTextList dd:nth-child(3) .title::before{
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	background-image: url(../images/icon/ggqs.png);
}
.fundsTableTextList .con:hover .title{
	color: var(--themeColor1);
}
/* 第五栏 end */
/* 基金详情 end */

/* 全文列表 3 start */
.textList3 .con {
	height: 5rem;
	line-height: 5rem;
	column-gap: 7.5rem;
	padding: 0 .9375rem;
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.textList3 .title {
	font-size: 1rem;
	color: #333;
	padding-left: 1.5625rem;
	position: relative;
	transition:.3s;
}
.textList3 .title::before{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #ce404d;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.textList3 dd:nth-child(1) .title,
.textList3 dd:nth-child(2) .title,
.textList3 dd:nth-child(3) .title{
	padding-right: 3.125rem;
}
.textList3 dd:nth-child(1) .title::after,
.textList3 dd:nth-child(2) .title::after,
.textList3 dd:nth-child(3) .title::after{
	width: 2.625rem;
	height: 1.125rem;
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/icon/new.png);
}
.textList3 .time{
	font-size: 1rem;
	color: #777;
	min-width: 6.25rem;
}
.textList3 .con:hover{
	background-color: #fcf5f5;
	border-bottom: 1px solid #ce404d;
}
.textList3 .con:hover .title{
	color: var(--themeColor);
}
/* 全文列表 3 end */

/* 保险列表 start */
/* 保险筛选 start */
.insuranceSeleDlBox {
	display: flex;
	column-gap: 1.25rem;
	flex: 1;
}
.insuranceSeleDl {
	flex: 1;
	display: flex;
	column-gap: 1.25rem;
	align-items: center;
	flex-wrap: wrap;
	row-gap: .9375rem;
	position: relative;
}
.insuranceSeleDl dd{
	transition: .3s;
	margin-right: 2.1875rem;
}
.insuranceSeleDl .con {
	font-size: 1rem;
	line-height: 2.5rem;
	padding: 0 1.25rem;
	cursor: pointer;
	transition: .3s;
}
.insuranceSeleDl dd:hover,
.insuranceSeleDl  dd.hover {
	background-color: #f5ece0;
	color: #a06637;
	border-radius: 3px;
	font-weight: bold;
}
.insuranceSeleDl dt {
	height: 2.5rem;
	z-index: 10;
	width: 0;
}
.insuranceSeleDl dt .more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: .9375rem;
	color: #999;
	line-height: 2.5rem;
	padding-right: 1.25rem;
	cursor: pointer;
	transition:.3s;
}
.insuranceSeleDlBox .post {
	font-size: 1rem;
	line-height: 2.5rem;
	height: 2.5rem;
	padding: 0 1.25rem;
	cursor: pointer;
	transition: .3s;
}
.insuranceSeleDlBox .post.hover {
	background-color: #f5ece0;
	color: #a06637;
	border-radius: 3px;
	font-weight: bold;
}


.insuranceSeleDl dt .more::before{
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../images/icon/down.png);
	background-size: .625rem;
	margin-bottom: .9375rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	transition: transform 0.3s ease;
}
.insuranceSeleDl.active dt .more::before {
	transform: translateY(-50%) rotate(180deg);
}
.insuranceSeleDl.insuranceSeleDlPdR{
	padding-right: 1.25rem;
}

.insuranceSeleDlPdR {
	max-height: 2.5rem;
	overflow: hidden;
	position: relative;
	padding-right: 1.25rem;
}

.insuranceSeleDlPdR.active {
	max-height: 500px;
}
/* 保险筛选 end */
/* 条件筛选 start */
.insuranceConBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 1.25rem 0 2.5rem;
}
.insuranceConBox .numSum {
	font-size: .9375rem;
	color: #666;
}
.insuranceConBox .numSum span {
	color: var(--themeColor1);
}
.insuranceCon {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
}
.insuranceCon .tip {
	font-size: .9375rem;
	color: #333;
}
.insuranceUl {
	display: flex;
	align-items: center;
	column-gap: 1.25rem;
}
.insuranceUl .con {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px solid #e6e6e6;
	padding: 0 2.5rem;
	font-size: .9375rem;
	color: #666;
}
.insuranceUl .post {
	margin-right: 6px;
}

.insuranceUl  .img2 {
	display: none;
}
.insuranceUl img {
	display: block;
	width: 8px;
	height: 8px;
	object-position: center;
	object-fit: contain;
	cursor: pointer;
}
.insuranceUl  .img2 {
	display: none;
}
.insuranceUl .down.active .img2 {
	display: block;
}
.insuranceUl .down.active .img1 {
	display: none;
}
.insuranceUl .up.active .img1 {
	display: none;
}
.insuranceUl  .up.active .img2 {
	display: block;
}
.insuranceUl .upDown div {
	width: 8px;
	height: 8px;
	cursor: pointer;
}
/* 条件筛选 end */
.imgText5 dd{
	margin-bottom: 1.875rem;
}
.imgText5 .con {
	display: flex;
	border: 1px solid #e6e6e6;
	transition: .3s;
}
.imgText5 a{
	width: 47.5778%;
	overflow: hidden;
}
.imgText5 .text {
	padding: 1.875rem;
	flex: 1;
	position: relative;
}
.imgText5 .titleIden {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
}
 .idenBox {
    display: flex;
    align-items: center;
    column-gap: .8rem;
}
 .idenBox span {
    height: 2rem;
    line-height: 2rem;
    width: 3.75rem;
    text-align: center;
    border-radius: 3px;
    font-size: 1.125rem;
}
 .idenBox .li1 {
    color:#fff;
    background-color: #ce404d;
}

 .idenBox .li2 {
    background-color: #e6e6e6;
    color: #666;
}
.imgText5 .text .title {
	font-size: 1.375rem;
	line-height: 2rem;
	height: 2rem;
	color: #333;
	font-weight: bold;
	transition: .3s;
    width: auto;
}
.imgText5 .con:hover{
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.imgText5 .con:hover .title{
	color: var(--themeColor1);
}
.imgText5 .tigSum {
	display: flex;
	flex-wrap: wrap;
	gap: .625rem;
}
.imgText5 .tig {
	height: 2rem;
	line-height: 2rem;
	padding: 0 .9375rem;
	background-color: #fceff0;
	font-size: .9375rem;
	color: #ce404d;
	border-radius: .1875rem;
}
.imgText5 ul {
	position: absolute;
	bottom: 1.875rem;
	left: 1.875rem;
	right: 1.875rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.imgText5 li {
	text-align: center;
	line-height: 2rem;
}
.imgText5 li .num{
	font-size: 1.125rem;
	color: #333;
}
.imgText5 li .year{
	font-size: 1rem;
	color: #999;
}
.imgText5 .pic::before{
	padding-top: 50%;
}
.imgText5 .tip {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3.125rem;
	line-height: 3.125rem;
	padding: 0 1.875rem;
	background-color: rgba(0,0,0,.5);
	font-size: 1rem;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
}

/* 保险列表 end */

/* 保险详情 start */
.insuranImgText {
	padding: 1.875rem;
	background-color: #fff;
}
.insuranImgText .tip {
	display: flex;
	align-items: center;
	column-gap: 2.5rem;
	font-size: .9375rem;
	color: #999;
}
.insuranImgText .tip a {
	font-size: .9375rem;
	color: #999;
	transition: .3s;
}
.insuranImgText .tip a:hover {
	color: var(--themeColor1);
}
.insuranImgText .main {
	display: flex;
	margin-top: 2rem;
}
.insuranImgText .main .img {
	width: 43.1654%;
}
.insuranImgText .main .text {
	flex: 1;
	padding-left: 2.5rem;
}
.insuranImgText .buyInsurance {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 7.5rem;
	padding-bottom: 1.875rem;
	border-bottom: 1px solid #e6e6e6;
}
.insuranImgText .titleNum {
	flex: 1;
}
.insuranImgText .titleNum .title {
	font-size: 1.375rem;
	line-height: 2.75rem;
	color: #333;
	font-weight: bold;
	margin-bottom: .6875rem;
}
.insuranImgText .titleNum .num {
	display: flex;
	align-items: end;
	color: #dd1127;
}
.insuranImgText .titleNum .num span {
	font-size: 2.25rem;
}
.insuranImgText .titleNum .num em {
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-style: normal;
}
.insuranImgText .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.insuranImgText .right a {
	width: 10.625rem;
	height: 3.125rem;
	text-align: center;
	border-radius: 3px;
	line-height: 3.125rem;
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
	background-color: var(--themeColor1);
}
.insuranImgText .hint {
	font-size: 1rem;
	color: #ce6140;
	margin-top: 1.25rem;
}
.insuranImgText dl {
	padding: 1.875rem 2.5rem 0 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 2rem;
}
.insuranImgText dl dd{
	width: calc(50% - 1rem);
	margin-bottom: .625rem;
}
.insuranImgText dl .con {
	display: flex;
	font-size: 1rem;
	line-height: 1.875rem;
}
.insuranImgText dl span {
	color: #333;
	height: 1.875rem;
    text-wrap: nowrap;
	font-weight: bold;
}
.insuranImgText dl em {
	color: #666;
	font-style: normal;
    flex: 1;
}
.insuranImgText dl em a{
	color: #2e84ca;
}
.insuranImgText .pic::before{
	padding-top: 50%;
}
.insuranceNewTab {
	display: flex;
	align-items: center;
	margin: 1.875rem 0 1.25rem;
	column-gap: 4.375rem;
}
.insuranceNewTab dd {
	font-size: 1.125rem;
	color: #333;
	line-height: 1.125rem;
	padding-bottom: .9375rem;
	position: relative;
	cursor: pointer;
}
.insuranceNewTab dd::before{
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background-color: var(--themeColor);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .3s;
}
.insuranceNewTab dd.hover::before,
.insuranceNewTab dd:hover::before{
	width: 100%;
}
.insuranceNewTabBox {
	padding: .9375rem 1.875rem 1.875rem 1.875rem;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box	;
}
.insuranceNewTabBox .title {
	font-size: 1.125rem;
	line-height: 3rem;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ebebeb;
}
.insuranceNewTabBox .img {
	margin-top: 3.75rem;
}
.insuranceNewTabBox img {
	display: block;
	width: 87.9565217%;
	height: 100%;
	object-position: center;
	object-fit: contain;
	margin: 0 auto;
}
/* 保险详情 end */

/* 比较基金 start */
/* 比较基金的下拉选择框 start */
.compareNewsC1 {
	padding: 1.875rem 1.875rem 2.5rem;
	background-color: #fff;
}
.compareNewsC1 .topTitle span {
	font-size: 1.125rem;
	color: #333;
	line-height: 1.25rem;
	padding-left: 2.1875rem;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	background-image: url(../images/icon/jjbj.png);
}
.layInputSum {
	display: flex;
	align-items: center;
	margin: 2.5rem 0 1.5rem;
}
.layInputSum .post{
	font-size: 1rem;
	line-height: 2.5rem;
	height: 2.5rem;
	color: #666;
}

.layInputSum .layui-col-md6 select,
.layInputSum .layui-col-md6 input {
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px solid #dcdfe6;
	border-radius: 3px;
	padding: 0 10px;
	width: 100%;
}
#compareA{
	width: 12.75rem;
}
#compareB{
	width: 16.25rem;
}
.layInputSum a{
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1.75rem;
	border-radius: 3px;
	background-color: var(--themeColor1);
	font-size: .875rem;
	color: #fff;
	border: 1px solid var(--themeColor1);
	cursor: pointer;
}
.compareNewsAdd {
	display: flex;
	align-items: center;
}
.compareNewsAdd .tip{
	font-size: 1rem;
	line-height: 2.25rem;
	height: 2.25rem;
	color: #666;
	margin-right: 1.25rem;
}
.compareNewsAddDl {
	flex: 1;
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.compareNewsAddDl dd {
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: 1rem;
	padding: 0 1rem;
	background-color: #f7f7f7;
	border-radius: 3px;
	display: none;
	position: relative;
	align-items: center;
	justify-content: space-between;
}
.compareNewsAddDl dd .icon {
	margin-left: 5px;
	cursor: pointer;
}
.compareNewsAddDl dd:nth-child(1){
	color: #ce404d;
}
.compareNewsAddDl dd:nth-child(2){
	color: #fa8c16;
}
.compareNewsAddDl dd:nth-child(3){
	color: #722ed1;
}
.compareNewsAddDl dd:nth-child(4){
	color: #eb2f96;
}
.insuranTable {
	margin-top: 2rem;
	width: 100%;
	border: 1px solid #ccc;
}
.insuranTable td,.insuranTable th {
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1rem;
	color: #666;
	border: 1px solid #ccc;
	text-align: center;
}
/* 比较基金的下拉选择框 end */
.compareNewsC2 {
	padding: 1.875rem;
	background-color: #fff;
	font-size: 1.125rem;
	color: #666;
	column-gap: 1.875rem;
}
.compareTab {
	display: flex;
	align-items: center;
	column-gap: 2.5rem;
	color: #666;
	font-size: 1.125rem;
	padding-bottom: 1.125rem;
	position: relative;
}
.compareTab dd{
	cursor: pointer;
	transition: .3s;
}
.compareTab dd.hover,
.compareTab dd:hover{
	color: #333;
	font-weight: bold;
}
.compareTab::before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
	position: absolute;
	left: 0;
	bottom: 0;
}
.comparTitle {
	font-size: 1.125rem;
	color: #333;
	margin: 27px 0 0;
	font-weight: 600;
}
/* echers表 start */
#comparEchart {
	width: 100%;
	height: 380px;
}
/* echers表 end */
/* 提示信息 start */
.compareTip {
	margin: 1.875rem 0 1.875rem;
	padding: 1.25rem;
	background-color: #fdfdfd;
	border: 1px solid #f7f7f7;
}
.compareTip span {
	display: inline-block;
	font-size: .9375rem;
	line-height: 1.625rem;
	color: #999;
	padding-left: 2.125rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.625rem;
	background-image: url(../images/icon/wx.png)
}

/* 提示信息 end */
/* 表格 start */
.compareTable {
	width: 100%;
}
.compareTable thead tr {
	background-color: #fff8e7;
	height: 3.75rem;
	line-height: 3.75rem;
}
.compareTable thead th {
	font-size: .9375rem;
	color: #ce404d;
	font-weight: normal;
}
.compareTable thead th .con {
	display: flex;
	align-items: center;
	justify-content: center;
}
.compareTable .upDown {
	height: 3.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 3px;
	margin-left: 4px;
}
.compareTable tbody{
	min-height: 100px;
}
.compareTable .img2 {
	display: none;
}
.compareTable  img {
	display: block;
	width: 8px;
	height: 8px;
	object-position: center;
	object-fit: contain;
	cursor: pointer;
}
.compareTable  .img2 {
	display: none;
}
.compareTable  .down.active .img2 {
	display: block;
}
.compareTable .down.active .img1 {
	display: none;
}
.compareTable .up.active .img1 {
	display: none;
}
.compareTable   .up.active .img2 {
	display: block;
}
.compareTable  .upDown div {
	width: 8px;
	height: 8px;
	cursor: pointer;
}
.compareTable td:nth-child(1){
	width: 25.5362%;
}
.compareTable td,.compareTable th{
	width: 12.4112%;
	text-align: center;
	padding: 1rem .3rem;
}
.compareTable .title {
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #ce404d;
}
.compareTable .post {
	font-size: .9375rem;
	line-height: 1.75rem;
	color: #999;
	text-align: left;
}
.compareTable td:nth-child(1){
	padding: 1rem .3rem 1rem 1.75rem;
	text-align: left;
}
.compareTable th:nth-child(1){
	padding-left: 3.125rem;
	text-align: left;
}
.compareTable th {
	font-size: 1rem;
	line-height: 1.75rem;
	color: #666;
}
.compareTable tbody tr:hover {
	background-color: #f7f7f7;
}
.compareTable .tip {
	font-size: .875rem;
	color: #999;
}
/* 表格 end */

#comparEchart.empty,
#comparEchart2.empty,
#comparEchart3.empty
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	background-image: url(../test/images/xz.png);
}

/* table tbody 背景图 */
.compareTable tbody.empty {
	min-height: 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	background-image: url(../test/images/xz.png);
}
/* 比较基金 end */


/* 综合比较 start */
#comparEchart2,#comparEchart3 {
	width: 100%;
	height: 380px;
}
#comparEchart3 {
	height: 430px;
}
/* 持股明细表格 start */
.compartTableBox {
	margin: 1.875rem 0;
}
.compartTableBox .titleBox {
	display: flex;
	align-items: center;
	column-gap: 5px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ebebeb;
}
.compartTableBox .titleBox .title {
	font-size: 1.125rem;
	color: #333;
	font-weight: 600;
}
.compartTableBox .titleBox .titleMin {
	font-size: .875rem;
	color: #999;
}
.detailTable {
	width: 100%;
	margin-top: 1.875rem;
}
.detailTable tr {
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.detailTable tr:hover {
	background-color: #f7f7f7;
}
.detailTable td {
	width: 8.5%;
	font-size: .875rem;
	line-height: 1.5rem;
	padding: 1rem .75rem;
	box-sizing: border-box;
	color: #333;
	text-align: center;
}
.detailTable td:nth-child(1) {
	width: 15%;
	text-align: left;
}
.detailTable td .con {
	text-align: center;
}
.detailTable td:nth-child(1) .con {
	text-align: left;
}
.detailTable .num {
	color: #999;
}
.detailTable .num1 {
	color: #009ce5;
}
/* 持股明细表格 end */
/* 综合比较 end */


/* 基金公告 start */
.textList5 dd:nth-child(1) .title::after,
.textList5 dd:nth-child(2) .title::after,
.textList5 dd:nth-child(3) .title::after{
	width: 2.625rem;
	height: 1.125rem;
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/icon/new.png);
}
.textList5 dd:nth-child(1) .title,
.textList5 dd:nth-child(2) .title,
.textList5 dd:nth-child(3) .title{
	padding-right: 3.125rem;
}
/* 基金公告 end*/

/* 销售网点和基金持证人员 start */
.salceNetColumn {
	background-color: #f7f7f7;
	padding: 2.5rem 0 3.75rem;
}
.salceNetTab {
	display: flex;
	justify-content: center;
	align-items: center;
}
.salceNetTab dd .con {
	background-color: #fef0ef;
	height: 3.125rem /* 50/16 */;
	line-height: 3.125rem;
	font-size: 1rem;
	color: #ce404d;
	border-radius: 6px;
	padding: 0 2.5rem;
	transition: .3s;
	cursor: pointer;
}
.salceNetTab dd.hover .con,.salceNetTab dd:hover .con {
	background-color: #ce404d;
	color: #fff;
}
.salceNetTabBox {
	margin: 2.5rem 0 0 0;
	padding: 1.875rem;
	border-radius: 10px;
	background-color: #fff;
}
.salceNetTable1 {
	width: 100%;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
}
.salceNetTable1  td {
	border: 1px solid #e6e6e6;
	padding: 0 1.125rem;
	height: 3.125rem /* 50/16 */;
	line-height: 3.125rem;
	font-size: 1rem;
	color: #999;
}
.salceNetTable1  td:nth-child(odd){
	background-color: #f9f9f9;
}
.salceNetTable2 {
	margin-top: 2.5rem;
	width: 100%;
}
.salceNetTable2 thead tr {
	border: 1px solid #e6e6e6;
	background-color: #fafafa;
}
.salceNetTable2 thead th {
	font-size: 1rem;
	color: #444;
	line-height: 4.375rem;
	text-align: center;
	font-weight: 400;
}
.salceNetTable2 th:nth-child(1),
.salceNetTable2 td:nth-child(1)
{
	width: 7.2463%;
	text-align: center;
}
/*.salceNetTable2 th:nth-child(1){*/
/*	writing-mode: vertical-rl;*/
/*}*/
.salceNetTable2 th:nth-child(2),
.salceNetTable2 td:nth-child(2){
	width: 20.2898%;
}
.salceNetTable2 th:nth-child(3),
.salceNetTable2 td:nth-child(3){
	width: 48.55072%;
}
.salceNetTable2 th:nth-child(4),
.salceNetTable2 td:nth-child(4){
	width: 10%;
}
.salceNetTable2 td {
	text-align: center;
	font-size: 1rem;
	color: #666;
	line-height: 1.75rem;
	padding: 1.125rem 0;
}
.salceNetTable2 td:nth-child(2){
	text-align: left;
}
.salceNetTable2 tbody tr {
	border-bottom: 1px solid #ebebeb;
	transition: .3s;
}
.salceNetTable2 tbody tr:hover {
	border-color: #ce404d;
}
.salceNetTable2 tbody tr:nth-child(even){
	background-color: #fafafa;
}
.salceNetTable2.salceNetTable2 td {
	text-align: center;
}
.salceNetTable2.salceNetTable2 td,.salceNetTable2.salceNetTable2 th {
	width: 30%;
}
.salceNetTable2.salceNetTable2 td:nth-child(1),.salceNetTable2.salceNetTable2 th:nth-child(1){
	width: 10%;
}
/* 销售网点和基金持证人员 end */

/* 基金二级菜单 start */
.subMenuMony {
	position: absolute;
	top: 5.625rem;
	left: 0;
	width: 100vw;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../test/images/jjbg.png);
	opacity: 0;
	display: none;
}
.menuDl dd:hover .subMenuMony {
	opacity: 1;
	display: block;
}
.subMenuMony .wrap {
	display: block;
}
.subMenuMony.active {
	display: block;
}
.subMenuMony .main {
	display: flex;
	margin: 2.5rem 0 3rem;
	justify-content: space-between;
	column-gap: 5rem;
}
.subMenuMony .leftBox{
	flex: 1;
}
.subMenuMony .titleBox {
	display: flex;
	column-gap: 1rem;
	align-items: center;
}
.subMenuMony .titleBox .title {
	font-size: 1.5rem;
	color: #333;
	line-height: 1.5rem;
}
.subMenuMony .titleBox .num {
	font-size: 1rem;
	color: #666;
}
.subMenuMony .titleBox .tig {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	background-color: #fff0db;
	padding: 0 .5rem;
	color: #e58703;
}
.subMenuMony ul {
	display: flex;
	align-items: center;
	margin-top: 2.5rem;
	column-gap: 2.5rem;
}
.subMenuMony ul li {
	font-size: .875rem;
	line-height: 1rem;
	display: flex;
	align-items: center;
	column-gap: .5rem;
}
.subMenuMony ul span {
	color: #666;
}
.subMenuMony ul em {
	font-style: normal;
}
.subMenuMony ul .em1 {
	color: var(--themeColor1);
}
.subMenuMony ul .em2 {
	color: #333;
}
.subMenuMony ul a {
	color: #3fa8ff;
}
.subMonyDl {
	display: flex;
	column-gap: 5rem;
}
.subMonyDl .tip {
	font-size: .875rem;
	line-height: 1rem;
	color: #999;
}
.subMonyDl .num {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #ff4143;
	margin-top: 2.5rem;
	font-weight: 700;
}
.subMenuLInk {
	display: flex;
	align-items: center;
	column-gap: 4.375rem;
	margin-bottom: 4px;
}
.subMenuLInk a {
	font-size: 1rem;
	line-height: 1rem;
	padding-bottom: 1rem;
	color: #333;
	position: relative;
	transition: .3s;
}
.subMenuLInk a::before {
	display: block;
	content: "";
	width: 0%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .3s;
	background-color: var(--themeColor);
}
.subMenuLInk a:hover {
	color: var(--themeColor);
}
.subMenuLInk a:hover::before{
	width: 100%;
}
.subMenuLInk dd {
	height: 2rem;
}

/* 基金二级菜单 end */


.jjjlPost {
    position: relative;
}
.jjjlPost a:hover + .nameTipBox {
    opacity: 1;
    transform: scale(1);
    display: block;
}
.nameTipBox {
    opacity: 0;
    transform: scale(0);
    position: absolute;
    left: 0;
    width: 300px;
    min-height: 80px;
    top: 160%;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    z-index: 10000;
    border-radius: 4px;
    transition: .3s;
    display: none;
    background-color: #fff;
}
.nameTipBox::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 85px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.05);
}
.nameTipBox .name {
    font-size: 15px;
    padding: 0 10px;
    color: #333;
    line-height: 30px;
    border-bottom: 1px solid #ededed;
}
.nameTipBox .nameTextC {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    padding: 10px;
}
.nameTipBox .nameTextC em {
    font-style: normal;
    color: #333;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
}

/*费率弹窗  start*/
.rateBox {
    width: 700px;
    max-height: 0;
    overflow-y: auto;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    transition: .3s;
    opacity: 0;
    z-index: 1001;
    display: none;
}
.rateBox.active {
    max-height: 700px;
    opacity: 1;

    border-radius: 3px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    padding: 20px;
    display: block;
}
.rateBox .offBt {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 50%;
    background-color: #eee;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;

}

.rateBox .offBt:hover {
    background-color: #ff4d4f;
    color: #fff;;
}
.rateBox .title {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    border-bottom: 1px solid #ededed;
}
.rateBox .rateTitle {
    margin: 20px 0 10px;
}
.rateBox .rateTitle span {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    padding-left: 13px;
    position: relative;
}
.rateBox .rateTitle span::before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--themeColor);
    position: absolute;
    left: 0;
    top: 0;
}
.rateTable {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.rateTable  th {
    text-align: center;
    padding: 6px 8px;
    overflow-wrap: break-word;
    border: 1px solid #e8e8e8;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.rateTable td {
    padding: 6px 8px !important;
    border: 1px solid #e8e8e8 !important;
}
.rateUl {
    display: flex;
    align-items: center;
    margin: 10px 0 20px;
    font-size: 16px;
    color: #333;
    column-gap: 10%;
}
.rateUl li {
    display: flex;
    align-items: center;
}
.rateUl li em {
    font-style: normal;
    color: #666;
}
.rateTip {
    font-size: 14px;
    color: #999;
}
.assetFloatBg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    display: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    z-index: 2000;
}
.assetFloatBg.active{
    display: flex;
}
.assetFloat {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: auto;
}
.assetFloat .title {
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color:#ce404d ;
    border-bottom: 1px solid #ededed;
}
.assetFloat .post {
    padding: 24px;
    font-size: 14px;
    line-height: 30px;
    color: #333;
}
.assetFloat .offBt {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 50%;
    background-color: #eee;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;

}

.assetFloat  .offBt:hover {
    background-color: #ff4d4f;
    color: #fff;;
}


/*layui 分页器修改 begin*/
.layui-laypage a, .layui-laypage span {
    width:40px !important;
    height: 40px !important;
    line-height: 40px !important;
    color:#999999 !important;
    border-radius:100% !important;
    border: 1px solid #ebebeb !important;
    background: #fff;
    margin: 0 3px;
    vertical-align: middle;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    padding: 0;
    box-sizing: border-box;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    width:40px !important;
    height: 40px !important;
    line-height: 40px !important;
    box-sizing: border-box;
    border-radius: 100%;
    border-radius: 100%;
	background: var(--themeColor1);
}
/* 修改原有的分页器悬停样式 */
.layui-laypage a:hover {
	background: var(--themeColor1);
	color: #fff !important;
}

/* 添加对 layui-disabled 类的特殊处理，防止其应用悬停效果 */
.layui-laypage a.layui-disabled:hover,
.layui-laypage a.layui-laypage-prev:hover,
.layui-laypage a.layui-laypage-next:hover {
	background: #fff !important;
	color: #999999 !important;
}
.layui-laypage a img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
/*layui 分页器修改 end*/

/*通用没有数据插件*/
.pubNoNum {
    min-height: 400px;
    /*background-image: url("../images/nNum.png");*/
    background-position: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/nNum2.png")
}
.pubNoNum1{
    min-height: 400px;
    /*background-image: url("../images/nNum.png");*/
    background-position: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/nNum2.png")
}


/* 搜索结果页 */
.angecSearchBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.angecSearchBox .angecSearchNum {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.searchListDl {
    margin: 3.75rem 0 2.5rem;
}
.searchListDl .con {
    display: block;
    padding: 1.875rem 1.25rem 1.375rem;
    transition: .3s;
    border-bottom: 1px dashed #e6e6e6;
}
.searchListDl .title {
    font-size: 1.25rem ;
    line-height: 1.25rem ;
    height: 1.25rem ;
    color: #333;
}
.searchListDl  .textC {
    font-size: .9375rem ;
    height: 1rem;
    line-height: 1rem;
    color: #666;
    margin: 1.375rem  0 2rem;
}
.searchListDl .time {
    font-size: 1rem;
    line-height: 1;
    color: #333;
    font-weight: 600;
}
.searchListDl .con:hover {
    background-color: #f5f5fc;
}