.huodonitem {
	/* width: 100%; */
	font-size: 46px;
	line-height: 160px;
	display: flex;
	justify-content: left;
	position: relative;
}
a:hover{
	text-decoration: none;
}

.top-title h3{
	font-size: 27px;
	color: #333;
    margin: 80px 0;
    text-align: center;
}

.huodonbanerbox {
	position: relative;
	overflow: hidden;
}

.huodonbaner {
	width: 100%;
}

.huodonbanerabs {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.huodonbanertit {
	font-size: 50px;
	font-weight: 400; 
	line-height: 65px;
	color: #fff;
}

.huodonbanerdes {
	font-size: 15px;
	width: 282px;
	margin-top: 36px;
	margin-bottom: 84px;
	color: #fff;
}

.huodonbanerbtn {
	width: 160px;
	height: 47px;
	display: flex;
	align-items: center;
	font-size: 17px;
	background-color: #213d95;
	border-radius: 50px;
	padding-left: 27px;
	padding-right: 4px;
	justify-content: space-between;
}

.huodonbanerbtn>img {
	display: block;
	width: 40px;
	height: 40px;
}

.huodonyugao {
	font-size:27px;
	margin: 80px 0;
	text-align: center;
	color: #333;
	font-weight: 400; 
}

.huodonmonthnum {
	font-size: 34px;
	color: #00004F;
	font-weight: 400; 
}

.huodonmonth {
	font-size: 22px;
	color: #00004f;
	font-weight: 400; 
}

.huodonyear {
	font-size: 15px;
	color: #00004F;
	font-weight: 400; 
}

.huodonbar {
	padding: 28px;
	border-radius: 15px;
	background-color: #f4f5f8;
	padding-bottom: 0;
	margin-top: 20px;
}

.huodonbaritem {
	padding: 23px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	border-radius: 15px;
}

.huodonbaritem:hover .huodonbarname>a{
	color: #10105a;
	font-weight: 400; 
}

.huodonbaritem:hover .huodonbardrass {
	color: #10105a;
	font-weight: 400; 
}

/* .huodonbaritem:hover .huodonline {
	display: block;
} */

.huodonbaritem>div {
	display: flex;
	align-items: center;
}

.huodonbarnner {
	margin-bottom: 60px;
}

.huodonbartit {
	border-radius: 10px;
	background-color: #e7cf7b;
	color: #fff;
	font-size: 14px;
	padding: 13px 0px;
	margin-right: 26px;
	width: 85px;
	text-align: center;
}

.huodonbartit2 {
	border-radius: 10px;
	background-color: #2b62ac;
	color: #fff;
	font-size: 15px;
	padding: 13px 0px;
	margin-right: 26px;
	width: 85px;
	text-align: center;
}

.huodonbarname {
	font-size: 15px;
	color: #333;
	margin-right: 50px;
	position: relative;
	width: 400px;
}
.huodonbarname a:hover{
	text-decoration: none;
}

.huodonline {
	width: 100%;
	height: 1px;
	background-color: #181860;
	bottom: -7px;
	display: none;
	position: absolute;
}

.huodonbardrass {
	font-size: 15px;
	color: #333;
}

.huodonbarday {
	font-size: 30px;
	color: #fff;
	width: 70px;
	height: 52px;
	line-height: 52px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin-right: 8px;
}

.huodonbardaytext {
	font-size: 15px;
	color: #777;
}

.huodonbardaybox1 {
	background-color: #254e93;
	height: 50%;
}

.huodonbardaybox2 {
	background-color: #3a6da5;
	height: 50%;
}

.huodonbardaynum {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: 400; 
	font-size: 34px;
}

.huodonbardata {
	font-size: 14px;
	color: #777;
	margin-right: 8px;
	text-align: right;
}
.huodonbaritemshow2{
	display: none;
}
@media screen and (min-width: 1920px) {
	.huodonbaner {
		height: 620px;
	}
}

@media screen and (max-width: 1920px) {}

@media screen and (max-width: 992px) {

	.huodonbarname{
		width: 200px;
		margin-right: 20px;
	}
	.huodonbardaynum{
		font-size: 20px;
	}
	.huodonbarday{
		width: 50px;
	}
}


@media screen and (max-width: 768px) {
	.huodonbanertit {
		font-size: 20px;
		line-height: 20px;
		text-align: center;
	}

	.huodonbanerdes {
		display: none;
	}

	.huodonbanerbtn {
		transform: scale(0.6);
	}

	.huodonbaritemshow {
		display: none !important;
	}
	.huodonbaritemshow2{
		display: block !important;
	}

	.huodonbaritem {
		display: block;
	}

	.huodonfle {
		display: flex !important;
	}

	.huodonbaritem>div {
		display: block;
	}
	.huodonbartit{
		margin-bottom:8px;
		padding: 7px 0px;
		width: 70px;
		font-size: 10px;
	}
	.huodonbartit2{
		margin-bottom:8px;
		padding: 7px 0px;
		width: 70px;
		font-size: 10px;
	}
	.huodonbarname{
		width: 100%;
		margin-bottom:8px;
		font-size: 14px;
	}
	.huodonbardrass{
		font-size: 12px;
	}
	.huodonbardrass{
		margin-bottom:8px;
	}
	.huodonbardata{
		font-size: 12px;
	}
	.huodonbardaytext{
		font-size: 12px;
	}
	.huodonyugao{
		margin: 20px 0;
	}
	.huodonbarnner{
		margin-bottom: 20px;
	}
}