.head {
	padding-bottom: 26px;
	background: url(../images/W020221102570928704512.png) no-repeat center;
}

.head .head_con .head_logo_fanh {
	padding-top: 30px;
}

.head .head_con .head_logo_fanh span {
	display: inline-block;
	float: right;
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.4);
	color: #ff645d;
	border-radius: 8px;
}

.head .head_con .head_logo_fanh span a {
	color: #ff645d;
}

.head .head_con .head_tit {
	margin-top: 10px;
	text-align: center;
}

.head .head_con .head_tit img {
	width: 60%;
}

.head .head_con .head_search {
	display: flex;
	margin: 16px auto;
	width: 460px;
	height: 58px;
	background: #fff;
	border-radius: 27px;
}

.head .head_con .head_search input {
	flex: 1;
	border: 0;
	outline: 0;
	background-color: transparent;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.head .head_con .head_search button {
	border: 0;
	background: #71acf2;
	color: #fff;
	outline-style: none;
	padding: 10px 19px;
	border-radius: 27px;
	float: right;
	font-size: 14px;
}

.main {
	position: relative;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 6px rgba(52, 149, 241, 0.22);
	padding-top: 0px !important;
	padding-bottom: 40px;
	margin-bottom: 80px;
	min-height: 900px;
}

.main .channel {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: absolute;
	left: -76px;
	top: 120px;
}

.main .channel .channel_item {
	width: 70px;
	height: 180px;
	border-radius: 20px 0px 0px 20px;
	border-right: 0;
	border: 2px solid #6a84e8;
    background-color: #6a84e8;
}

.main .channel .channel_item a {
	display: flex;
	justify-content: center;
	align-items: center;
	writing-mode: vertical-rl;
	text-orientation: upright;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #ffffff;
}

.main .channel .channel_item:hover,
.main .channel .channel_item.active {
	background-color: #f89c2f;
	border: 2px solid #f89c2f;
}

.main .channel .channel_item:hover a,
.main .channel .channel_item.active a {
	color: #fff;
	font-weight: 700;
}

.main .panel {
	margin: 40px;
}

.main .panel .navx {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-bottom: 30px;
}

.main .panel .navx li {
	border: 1px solid #1b71d6;
	border-radius: 10px;
}

.main .panel .navx li a {
	display: block;
	padding: 12px 24px;
	font-size: 20px;
	color: #1a6dd5;
}

.main .panel .navx li:hover,
.main .panel .navx li.active {
	background-color: #1b71d6;
}

.main .panel .navx li:hover a,
.main .panel .navx li.active a {
	color: #fff;
}

.main .panel .category {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
}

.main .panel .category li {
	border: 1px solid #d3d3d3;
	border-radius: 10px;
}

.main .panel .category li a {
	display: block;
	padding: 8px 18px;
	color: #999;
}

.main .panel .category li.active,
.main .panel .category li:hover {
	background-color: #1a6dd5;
	border-color: #1a6dd5;
}

.main .panel .category li.active a,
.main .panel .category li:hover a {
	color: #fff;
	font-weight: 700;
}

.main .list {
	padding: 0px 40px 40px 40px;
}

.main .list .list_loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 0;
}

.main .list .list_loading .spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #e0e0e0;
	border-top-color: #1a6dd5;
	border-radius: 50%;
	animation: list-spin 0.8s linear infinite;
}

.main .list .list_loading .loading_text {
	margin-top: 16px;
	font-size: 16px;
	color: #999;
}

.main .list .list_head {
	display: flex;
	align-items: center;
	height: 60px;
	background-color: #f1f7fe;
}

.main .list .list_head .head_item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 18px;
	color: #1a6dd5;
	font-weight: 700;
}

.main .list .list_head .xh {
	width: 90px;
	border-bottom: 5px solid #2d66a5;
}

.main .list .list_head .wjmc {
	flex: 1;
	border-bottom: 5px solid rgba(45, 102, 165, 0.28);
}

.main .list .list_head .fwzh {
	width: 260px;
	border-bottom: 5px solid #2d66a5;
}

.main .list .list_head .cwrq {
	width: 160px;
	border-bottom: 5px solid rgba(45, 102, 165, 0.28);
}

.main .list .list_head .fbrq {
	width: 160px;
	border-bottom: 5px solid #2d66a5;
}

.main .list li a {
	display: flex;
	font-size: 16px;
	color: #333;
}

.main .list li a .xh {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	background-color: #f1f7fe;
}

.main .list li a .wjmc {
	flex: 1;
	color: #2d66a5;
}

.main .list li a .fwzh {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	background-color: #f1f7fe;
	text-align: center;
}

.main .list li a .cwrq {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
}

.main .list li a .fbrq {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	background-color: #f1f7fe;
}

.main .list li a .item {
	border-bottom: 1px solid #eaeaea;
	padding: 10px 10px;
}

.main .list li:hover a .wjmc {
	color: #2d66a5;
}