@font-face {
	font-family: din;
	src: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/css/fonts/DIN-Medium.otf");
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	font-family: "Microsoft YaHei";
	font-size: 0.16rem;
	background-color: rgb(255, 255, 255);
	color: rgb(51, 51, 51);
	overflow-x: hidden;
}

html {
	font-size: 100px;
}

.bg1 {
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/bg1.png") right top no-repeat rgb(247, 243, 239);
	position: relative;
}

.bg2 {
	position: relative;
}

.bg2::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 11.13rem;
	background: #F7F3EF url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/bg2.png") no-repeat left top;
	background-size: 100% 100%;
}

.bg3 {
	background: #F7F3EF;
	position: relative;
}

.bg3::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 10.82rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/bg3.png") left top no-repeat;
	background-size: 100% 100%;
}

.bg4 {
	background: #F7F3EF;
	position: relative;
	z-index: 1;
	margin-top: .2rem;
}

.bg4::before {
	content: "";
	position: absolute;
	left: 0;
	top: -2rem;
	width: 13.6rem;
	height: 8.5rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/bg4.png") no-repeat;
	background-size: contain;
}

.bodyList {
	background: #F7F3EF;
}

.xcbzt-contain-box {
	max-width: 15rem;
	margin: 0px auto;
	padding: 0.6rem 0px;
	position: relative;
}

.bg1 .xcbzt-contain-box {
	padding: 1.2rem 0 .6rem 0;
}

.bg2 .xcbzt-contain-box {
	padding: 1.5rem 0 .6rem 0;
}

.bg3 .xcbzt-contain-box {
	padding: .6rem 0 2.2rem 0;
}

.bg4 .xcbzt-contain-box {
	padding: 0 0 .8rem 0;
	z-index: 2;
}

.xcbzt-nav-box .xcbzt-contain-box {
	padding: 0px;
}

.xcbzt-banner {
	position: relative;
	overflow: hidden;
}

.xcbzt-banner .swiper-slide .box {
	position: relative;
	height: 9.6rem;
}

.bodyList .xcbzt-banner .swiper-slide .box {
	height: 4.68rem;
}

.xcbzt-banner .swiper-slide .img {
	height: 100%;
}

.xcbzt-banner .swiper-slide .img img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
}

.xcbzt-nav-box {
	background: rgb(217, 10, 26);
}

.xcbzt-nav {
	display: flex;
	justify-content: space-between;
}

.xcbzt-nav li {
	position: relative;
	z-index: 999;
}

.xcbzt-nav>li>a {
	display: block;
	line-height: 0.66rem;
	font-size: 0.24rem;
	color: rgb(255, 220, 195);
	text-align: center;
	position: relative;
	transition: all 0.2s ease 0s;
	font-weight: 500;
}

.xcbzt-nav>li>a:hover {
	color: #fff;
}

.xcbzt-nav>li>a>.icon {
	/* display: inline-block; */
	/* width: 0.16rem; */
	/* height: 0.16rem; */
	/* margin-left: 0.03rem; */
}

.xcbzt-suNnav {
	position: absolute;
	left: 50%;
	top: 100%;
	min-width: 165%;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%);
	background: rgb(255, 255, 255);
	box-shadow: rgba(19, 52, 143, 0.08) 0px 4px 10px 0px;
	padding: 0.1rem 0px;
	transition: all 0.5s ease 0s;
}

.xcbzt-suNnav::before {
	width: 0.14rem;
	height: 0.09rem;
	content: "";
	position: absolute;
	left: 50%;
	top: -0.08rem;
	transform: translateX(-50%);
}

.xcbzt-nav-box li:hover .xcbzt-suNnav {
	top: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 100;
}

.xcbzt-nav-box li .xcbzt-suNnav li {
	width: 100%;
}

.xcbzt-nav-box li .xcbzt-suNnav li a {
	display: block;
	color: rgb(51, 51, 51);
	font-size: 0.16rem;
	padding: 0.06rem;
	text-align: center;
}

.xcbzt-nav-box li .xcbzt-suNnav li a:hover {
	color: rgba(217, 10, 26, 1) !important;
}

.xcbzt-title-box {
	position: relative;
	margin-bottom: .5rem;
}

.xcbzt-title {
	position: relative;
	font-weight: bold;
	font-size: 0.36rem;
	color: rgb(217, 10, 26);
	text-align: center;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/title-bg.png") center center no-repeat;
	background-size: contain;
}

.xcbzt-title::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -0.3rem;
	transform: translateX(-50%);
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/ding.png") center center no-repeat;
	width: 0.91rem;
	height: 0.66rem;
	background-size: contain;
}

.xcbzt-title-box a {
	padding-right: 0.2rem;
}

.xcbzt-title-box a.more {
	position: absolute;
	right: 0px;
	top: 0.08rem;
	font-weight: bold;
	font-size: 0.2rem;
	color: rgb(217, 10, 26);
}

.xcbzt-title-box::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 0.13rem;
	height: 0.13rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/more-icon.png") 0% 0% / contain no-repeat;
}

.xcbzt-ywgz-box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

#tu {
	width: 6.98rem;
	height: 4.78rem;
	overflow: hidden;
}

#tu .img {
	height: 4.78rem;
	overflow: hidden;
}

#tu .img img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
	transition: all 0.5s ease 0s;
}

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

.xcbzt-ydgz-list {
	width: calc(100% - 7.07rem);
	height: 4.78rem;
	position: relative;
	z-index: 10;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border-left: 0.09rem solid rgb(217, 10, 26);
}

.xcbzt-ydgz-list ul {
	width: 100%;
	height: 100%;
}

.xcbzt-ydgz-list ul li {
	width: 100%;
	height: 25%;
	overflow: hidden;
}

.xcbzt-ydgz-list ul li a {
	display: block;
	margin: 0.25rem 0.4rem 0px;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.xcbzt-ydgz-list ul li:last-child a {
	border-bottom: none;
}

.xcbzt-ydgz-list ul li a .box {
	display: flex;
	align-items: center;
}

.xcbzt-ydgz-list ul li a .box .time {
	width: 0.9rem;
	color: rgb(217, 10, 26);
	font-family: "din";
	font-weight: bold;
	text-align: center;
	border-right: 1px solid rgba(51, 51, 51, 0.1);
}

.xcbzt-ydgz-list ul li a .box .time .day {
	font-size: 0.36rem;
}

.xcbzt-ydgz-list ul li a .box .time .year {
	font-size: 0.16rem;
}

.xcbzt-ydgz-list ul li a .box .item {
	width: calc(100% - 1.1rem);
	padding-left: 0.2rem;
}

.xcbzt-ydgz-list ul li a .box .item .title {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 0.18rem;
	color: rgb(51, 51, 51);
}

.xcbzt-ydgz-list ul li a .box .item .des {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 0.16rem;
	color: rgb(153, 153, 153);
}

.xcbzt-ydgz-list li.choose {
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/ydgz-bg.png") no-repeat rgb(217, 10, 26);
	background-size: contain;
}

.xcbzt-ydgz-list ul li.choose a .box .time,
.xcbzt-ydgz-list ul li.choose a .box .title,
.xcbzt-ydgz-list ul li.choose a .box .des {
	color: rgb(255, 255, 255) !important;
}

.xcbzt-ydgz-list ul li.choose a .box .time,
.xcbzt-ydgz-list ul li:hover a .box .time {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.xcbzt-zyjs-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.xcbzt-zyjs-list li {
	position: relative;
	width: 32.33333333333333%;
	margin-bottom: 2%;
	background: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 24px 0px;
	top: 0px;
	transition: all 0.5s ease 0s;
}

.xcbzt-zyjs-list li::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 2.98rem;
	height: 1rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/zyjs-bg.png") center center no-repeat;
	background-size: contain;
}

.xcbzt-zyjs-list li .box {
	padding: 0.35rem 0.2rem 0.73rem;
	position: relative;
}

.xcbzt-zyjs-list li .box .title {
	/* height: 0.5rem; */
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 500;
	font-size: .2rem;
	color: #333333;
}

.xcbzt-zyjs-list li .box::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: .58rem;
	height: .08rem;
	background: #D90A1A;
}

.xcbzt-zyjs-list li:hover .box {
	background: #D90A1A;
}

.xcbzt-zyjs-list li:hover .box .title {
	color: #fff
}

.xcbzt-zyjs-list li:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 24px 0px;
	top: -0.05rem;
}

.xcbzt-zyjs-list li:hover .box::before {
	content: "";
	position: absolute;
	right: .3rem;
	bottom: .25rem;
	transform: none;
	width: .64rem;
	height: .31rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/zyjs-jt.png") no-repeat;
	background-size: contain;
}

.xcbzt-yxcz-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.xcbzt-yxcz-list li {
	width: 49%;
}

.xcbzt-yxcz-list li .img {
	height: 3.89rem;
	overflow: hidden;
}

.xcbzt-yxcz-list li .img img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
	transition: all 0.5s ease 0s;
}

.xcbzt-yxcz-list li:hover .img img {
	transform: scale(1.1);
}

.xcbzt-yxcz-list li .box .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: .2rem;
	color: #333333;
	margin: .15rem 0 .1rem 0;
}

.xcbzt-yxcz-list li .box .des {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: .18rem;
	color: #666666;
}

.xcbzt-yxcz-list li:hover .box .title,
.xcbzt-yxcz-list li:hover .box .des {
	color: #D90A1A
}

.xcbzt-yxcz-list1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.xcbzt-yxcz-list1 li {
	width: 49%;
	padding: .25rem 0;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.xcbzt-yxcz-list1 li.li1,
.xcbzt-yxcz-list1 li.li2 {
	display: none;
}

.xcbzt-yxcz-list1 li a .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: .2rem;
	color: #333333;
	position: relative;
	text-indent: .2rem
}

.xcbzt-yxcz-list1 li a .title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: .04rem;
	height: .28rem;
	background: #D90A1A;
}

.xcbzt-yxcz-list1 li:hover a .title {
	color: #D90A1A;
}

.xcbzt-xccs-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.xcbzt-xccs-list ul li {
	width: 49%;
	margin-bottom: 2%;
	transition: all 0.5s ease 0s;
	position: relative;
	top: 0;
}

.xcbzt-xccs-list ul li a {
	display: block;
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 0px rgba(187, 0, 0, 0.1);
	padding: .2rem .14rem .5rem .2rem;
}

.xcbzt-xccs-list ul li a .box {
	display: flex;
	align-items: center;
}

.xcbzt-xccs-list ul li a .box .time {
	width: .6rem;
	font-family: "din";
	font-weight: bold;
	text-align: left;
	position: relative;
}

.xcbzt-xccs-list ul li a .box .time::before {
	content: "";
	position: absolute;
	left: 0;
	top: 59px;
	width: .24rem;
	height: .03rem;
	background: #D90A1A;
}

.xcbzt-xccs-list ul li a .box .time .day {
	font-weight: bold;
	font-size: .2rem;
	color: #333333;
}

.xcbzt-xccs-list ul li a .box .time .year {
	color: #666666;
	font-size: .16rem;
}

.xcbzt-xccs-list ul li a .box .item {
	width: calc(100% - 1rem);
	padding-left: .4rem;
}

.xcbzt-xccs-list ul li a .box .item .title {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 0.18rem;
	color: rgb(51, 51, 51);
	margin-bottom: .15rem;
}

.xcbzt-xccs-list ul li a .box .item .des {
	width: 100%;
	height: .63rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: 400;
	font-size: 0.16rem;
	color: rgb(153, 153, 153);
}

.xcbzt-xccs-list ul li a:hover {
	background: rgb(217, 10, 26);
}

.xcbzt-xccs-list ul li:hover a .box .time .day,
.xcbzt-xccs-list ul li:hover a .box .time .year,
.xcbzt-xccs-list ul li:hover a .box .item .title,
.xcbzt-xccs-list ul li:hover a .box .item .des {
	color: #fff;
}

.xcbzt-xccs-list ul li:hover a .box .time::before {
	background: #fff;
}

.xcbzt-xccs-list ul li:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 24px 0px;
	top: -0.05rem;
}

.xcbzt-footer-bg {
	display: flex;
	height: 2.28rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/footer-bg.png") 0% 0% / cover no-repeat;
	font-weight: 500;
	font-size: .22rem;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 3;
}

.xcbzt-column-box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: end;
	border-bottom: 1px solid #BDBDBD;
	padding: .15rem 0;
	margin-top: -.5rem;
}

.xcbzt-column-h3 {
	font-weight: 800;
	font-size: 0.2rem;
	color: rgb(51, 51, 51);
	position: relative;
	text-indent: 0.2rem;
}

.xcbzt-column-h3::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: .04rem;
	height: .18rem;
	background: rgba(217, 10, 26, 1);
}

.xcbzt-place {
	font-weight: 500;
	font-size: 0.16rem;
	color: rgb(102, 102, 102);
}

.xcbzt-place .icon {
	width: 0.16rem;
	height: 0.16rem;
	display: inline-block;
	margin-right: 2px;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/home.png") 0% 0% / contain no-repeat;
	vertical-align: -0.025rem;
}

.xcbzt-place a {
	font-weight: 500;
	font-size: 0.16rem;
	color: rgb(102, 102, 102);
	padding: 0px 0.05rem;
}

.xcbzt-place a:hover {
	color: rgba(217, 10, 26, 1);
}

.xcbzt-list {
	position: relative;
	z-index: 10;
	margin: .2rem 0;
}

.xcbzt-list ul {
	width: 100%;
	height: 100%;
}

.xcbzt-list ul li {
	background: #fff;
	margin-bottom: .3rem;
}

.xcbzt-list ul li a {
	display: block;
	padding: 0.35rem 0.25rem;
}

.xcbzt-list ul li a .box {
	display: flex;
}

.xcbzt-list ul li a .box .time {
	width: 0.9rem;
	color: rgb(217, 10, 26);
	font-family: "din";
	font-weight: bold;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.10);
	padding-right: .1rem;
}

.xcbzt-list ul li a .box .time .day {
	font-size: 0.36rem;
}

.xcbzt-list ul li a .box .time .year {
	font-size: .2rem;
	color: #666666;
}

.xcbzt-list ul li a .box .item {
	width: calc(100% - 1.2rem);
	padding-left: 0.2rem;
}

.xcbzt-list ul li a .box .item .title {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	font-size: .2rem;
	color: rgb(51, 51, 51);
}

.xcbzt-list ul li a .box .item .des {
	width: 100%;
	font-weight: 500;
	font-size: .16rem;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: .13rem;
}

.xcbzt-list li:hover {
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/ydgz-bg.png") no-repeat center bottom rgb(217, 10, 26);
	background-size: contain;
}

.xcbzt-list ul li:hover a .box .time .day,
.xcbzt-list ul li:hover a .box .time .year,
.xcbzt-list ul li:hover a .box .title,
.xcbzt-list ul li:hover a .box .des {
	color: rgb(255, 255, 255) !important;
}

.xcbzt-list ul li:hover a .box .time {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.xcbzt-ny-cont {
	background: #fff;
	margin: .2rem 0;
}

.xcbzt-ny-cont .title h1 {
	font-size: .22rem;
	text-align: center;
	font-weight: bold;
	padding: .25rem 0 .15rem 0;
}

.xcbzt-ny-cont .arc-info {
	padding: 0 .3rem 0.12rem .3rem;
	border-bottom: 1px solid rgb(238, 238, 238);
	position: relative;
}

.xcbzt-ny-cont .inf-left {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.xcbzt-ny-cont .inf-left span {
	margin: 0 .3rem;
	font-size: 16px;
	color: rgb(119, 119, 119);
}

.xcbzt-ny-cont .inf-right {
	position: absolute;
	right: 0px;
	top: 0px;
}

.xcbzt-ny-cont .inf span {
	font-size: 14px !important;
}

.arc-con {
	padding: .3rem;
}

.arc-con span,
.arc-con p,
.arc-con p span,
.arc-con ul li {
	color: rgb(51, 51, 51);
	font-weight: 500;
	font-family: "Microsoft YaHei" !important;
	font-size: 18px !important;
	line-height: 2em !important;
}

.arc-con.small-size span,
.arc-con.small-size p,
.arc-con.small-size p span,
.arc-con h1 {
	font-size: 14px !important;
}

.arc-con.normal-size span,
.arc-con.normal-size p,
.arc-con.normal-size p span,
.arc-con h1 {
	font-size: 16px !important;
}

.arc-con.large-size span,
.arc-con.large-size p,
.arc-con.large-size p span,
.arc-con h1 {
	font-size: 18px !important;
}

.xcbzt-ny-cont .vsbcontent_img {
	text-align: center;
}

.xcbzt-ny-cont img {
	max-width: 100%;
	height: auto;
}

.xcbzt-ny-cont .vsbcontent_img,
.vsbcontent_video {
	text-align: center;
}

.xcbzt-ny-cont img,
.xcbzt-ny-cont video {
	max-width: 100%;
	height: auto;
}

.navbar-toggle {
	display: none;
	position: fixed;
	width: 20px;
	padding: 0px;
	border: none;
	z-index: 20000;
	background-color: transparent;
	background-image: none;
	right: 0.15rem;
	top: 0.2rem;
	cursor: pointer;
}

.navbar-toggle.on {
	top: 0.3rem;
}

.pb_sys_style1 .p_no_d {
	border: 1px solid rgb(217, 10, 26) !important;
	background-color: rgb(217, 10, 26) !important;
}

.pb_sys_common {
	font-family: "Microsoft YaHei" !important;
}

.xcbzt-yjx {
	position: fixed;
	bottom: 50px;
	right: 20px;
	/* transform: translateY(-50%); */
	z-index: 20;
}

.xcbzt-yjx .box{
	position: relative;
}

.xcbzt-yjx a {
	display: block;
}

.xcbzt-yjx a img {
	width: 260px;
}

.xcbzt-yjx .box span.close {
	position: absolute;
	top: -15px;
	right: -10px;
	/* font-size: 18px; */
	/* color: #fff; */
	/* background-color: #666; */
	/* border-radius: 6px; */
	/* padding: 1px 7px; */
	cursor: pointer;
	width: .3rem;
	height: .3rem;
	background: url("https://www.peaktip.com/__xh__/zjg.whu.edu.cn/images/yjx-close.png") no-repeat;
	background-size: 100%;
}