/* 莽搂鈥樏犫�澝β︹�毭モ�犅得┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.kygk
{
	font-size: 18px;
}

.surveyT
{
	width: 100%;
	height: 17.4em;
}

.serL
{
	width: 25.1em;
	height: 100%;
	align-items: flex-start;
	justify-content: flex-start;
	overflow: hidden;
}

.serL img
{
	width: inherit;
	height: 100%;
	transition: all 1s;
}

.serL img:hover
{
	transform: scale(1.1);
}

.serR
{
	width: calc(100% - 25.1em);
	height: 100%;
	box-sizing: border-box;
	padding: 2.5em;
	background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
	overflow: hidden;
}

.serR p
{
	font-size: 1em;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	height: 13.3em;
	line-height: 2.2em;
}

.surList li:nth-child(7) .surItem, .surList li:nth-child(8) .surItem, .surList li:nth-child(9) .surItem
{
	border-bottom: none;
} 

/* 莽搂鈥樏犫�澝β︹�毭モ�犅得┢捖ニ嗏�犆烩�溍β澟� */

/* 氓颅娄忙艙炉氓艩篓忙鈧伱┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.xsdt
{
	font-size: 18px;
}

.trendsItem
{
	width: 100%;
	height: auto;
	background: #FAFAFA;
	background-size: 100% 100%;
	margin-bottom: 1.5em;
	position: relative;
}
.trendsItem:after
{
	position: absolute;
	content: '';
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	background: linear-gradient(90deg, #bb23af, #321da8, #54229e);
	background-size: 100% 100%;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}
.trendsItem:hover:after
{
	right: 0;
    opacity: 1;
    visibility: visible;
}
.trendsItem a
{
	position:relative;
	z-index:3;
}
.treImg
{
	width: 16.6em;
	height: 12.5em;
	overflow: hidden;
}

.treImg img
{
	width: inherit;
	height: 100%;
	transition: all 2s;
}

.noimg .treInfo
{
	width: 83% !important;
}
.noimg a
{
	padding: 3.55rem 0;
}
.treInfo
{
	width: calc(100% - 16.6em - 8.3em);
	box-sizing: border-box;
	padding: 0 1.3em;
}

.treInfo h3
{
	font-size: 1.1em;
	color: #333;
	margin-bottom: 1.5em;
}

.treInfo > p
{
	font-size: 0.8em;
	color: #7D7D7D;
	line-height: 2em;
	height: 58px;
	overflow: hidden;
}

.treInfo .infoTools
{
	display: none;
}

.infoTools .treMore
{
	margin-top: 0;
}

.infoTools p
{
	font-size: 0.9em;
	color: #ACACAC;
}

.treTools
{
	width: auto;
	min-width: 8.3em;
	box-sizing: border-box;
	padding: 0 1.5em;
	border-left: 1px solid #D2DAE1;
}

.treTools h3
{
	font-size: 1.5em;
	color: #A2A2A2;
}

.treTools p
{
	font-size: 0.7em;
	color: #A2A2A2;
	line-height: 2em;
}

.treMore
{
	width: 4.1em;
	height: 1.6em;
	border: 1px solid #D2DAE1;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1em;
}

.treMore .treActive
{
	display: none;
}

.trendsItem:hover .treInfo h3
{
	color: #fff;
}

.trendsItem:hover .treInfo > p
{
	color: #fff;
}

.trendsItem:hover .treTools h3
{
	color: #fff;
}

.trendsItem:hover .treMore
{
	background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
}

.trendsItem:hover .treActive
{
	display: block;
}

.trendsItem:hover .treDefault
{
	display: none;
}

.trendsItem:hover .treImg img
{
	transform: scale(1.2);
}

.trendsItem:hover .blueLine
{
	display: block;
}

/* 氓颅娄忙艙炉氓艩篓忙鈧伱┢捖ニ嗏�犆烩�溍β澟� */

/* 莽搂鈥樏犫�澝ε撀好ε锯�灻┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.kyjg
{
	font-size: 18px;
}

.instList
{
	width: 100%;
	flex-wrap: wrap;
}

.instItem
{
	width: 49%;
	height: 3.3em;
	background: #F1F8FE;
	box-sizing: border-box;
	padding: 0 1.2em;
	flex-shrink: 0;
	margin-bottom: 1em;
}

.instItem a
{
	width: 100%;
	height: inherit;
}

.instItem p
{
	width: calc(100% - 50px);
	color: #333;
	font-size: 1em;
}

.instMore .instActive
{
	display: none;
}

.instItem:hover
{
	background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
}

.instItem:hover p
{
	color: white;
}

.instItem:hover .instMore .instActive
{
	display: block;
}

.instItem:hover .instMore .instDefault
{
	display: none;
}
/* 莽搂鈥樏犫�澝ε撀好ε锯�灻┢捖ニ嗏�犆烩�溍β澟� */

/* 莽聽鈥澝┞睹λ喡惷ε九撁┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.yjcg
{
	font-size: 18px;
}

.tabNav
{
}

.tabItem
{
	width: 8.8em;
	height: 2.7em;
	margin-right: 15px;
	background: #F1F4F6;
	text-align: center;
	line-height: 2.7em;
}

.tabItem a
{
	width: 100%;
	height: 100%;
	font-size: 1em;
	color: #333;
}

.tabItem:hover
{
	background: url(../image/pc/ny_tu8.png) no-repeat;
	background-size: 100% 100%;
}

.tabItem:hover a
{
	color: white;
}

.tabActive
{
	background: url(../image/pc/ny_tu8.png) no-repeat;
	background-size: 100% 100%;
}

.tabActive a
{
	color: white;
}

/* 猫隆篓忙聽录 */
.tableWrap
{
	margin-top: 2em;
}

.reTable
{
	width: 100%;
	border-color: #EAECF2;
}

.reTable thead:nth-child(2), .reTable thead:nth-child(3)
{
	display: none;
}

.reTable thead
{
	background: #E2EAFC;
	font-size: 0.8em;
	color: #8F8F8F;
}

.reTable tbody
{
	font-size: 0.8em;
	color: #46484F;
}

.reTable th, .reTable td
{
	padding: 6px;
	text-align: center;
}

.reTable tr td:first-child, .reTable tr td:nth-child(3)
{
	min-width: 80px;
}

.reTable tbody tr td:nth-child(2)
{
	min-width: 78px;
}



















/* 莽聽鈥澝┞睹λ喡惷ε九撁┢捖ニ嗏�犆烩�溍β澟� */








/* 氓鈥溌嵜ヂ衡�澝ヂ悸徝ヂも�灻愨�犆ヂ尖偓氓搂鈥� */
@media screen and (max-width: 800px)
{
	.surveyT
	{
		width: 100%;
		height: auto;
		display: block;
	}

	.serL, .serR
	{
		width: 100%;
		height: auto;
	}

	.serR
	{
		padding: 2em;
	}

	.serR p
	{
		height: auto;
		display: block;
		overflow: visible;
	}

	.trendsItem a
	{
		flex-wrap: wrap;
	}

	.treImg
	{
		width: 12.6em;
		height: 8.5em;
	}

	.treInfo
	{
		width: calc(100% - 12.6em);
	}

	.treInfo h3
	{
		font-size: 1.1em;
		height: 45px;
		white-space: pre-wrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-bottom: 10px;
	}

	.treInfo > p
	{
		display: none;
	}

	.treInfo .infoTools
	{
		display: flex;
	}

	.treTools
	{
		display: none;
	}

	.kyjg
	{
		font-size: 16px;
	}

	.surList li:nth-child(7) .surItem, .surList li:nth-child(8) .surItem
	{
		border-bottom: 1px solid rgba(205, 219, 231, 0.65);
	}
}

@media screen and (max-width: 600px)
{
	.instItem
	{
		width: 100%;
	}

	.tabProgress, .tableWrap
	{
		margin-top: 20px;
	}
}

@media screen and (max-width: 500px)
{
	.kygk
	{
		font-size: 16px;
	}

	.xsdt
	{
		font-size: 16px;
	}

	.treInfo h3
	{
		height: 42px;
	}
}

@media screen and (max-width: 450px)
{
	.treImg
	{
		width: 10.6em;
		height: 7.5em;
	}

	.treInfo
	{
		width: calc(100% - 10.6em);
		padding: 0 0.5em;
	}
}

@media screen and (max-width: 400px)
{
	.treImg
	{
		width: 9.6em;
		height: 6.5em;
	}

	.treInfo
	{
		width: calc(100% - 9.6em);
	}

	.reTable tbody tr td:nth-child(2)
	{
		min-width: 0px;
	}
}
/* 氓鈥溌嵜ヂ衡�澝ヂ悸徝ヂも�灻愨�犆烩�溍β澟� */