body {
	background-color: #e9e9e9;
	transition: all .5s;
}

.weather {
	position: absolute;
	width: 100%;
	height: 150px;
	/* background-color: black; */
	margin-right: 0;
	/* margin-top: 50px; */
}

#he-plugin-standard {
	background-position: right;
	right: -70%;
}

/* banner开始 */
.banner {
	width: 100%;
}


.banner_head {
	position: relative;
	width: 100%;
	height: 15.625rem;
	background-color: #e9e9e9;
}

.wv-lt-refresh {
	display: none;
}

.bn_hd_img {
	position: absolute;
	bottom: -1.9375rem;
	margin-left: 3.125rem;
	border: 4px solid black;
	border-radius: 5px;
	height: 8.25rem;
}

.banner_head h2 {
	position: absolute;
	bottom: 18px;
	margin-left: 263px;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 5px;
	color: #000000;
}

.banner_menu {
	width: 100%;
	height: 3.125rem;
	background-color: rgba(0, 0, 0, 0);
}

.menu {
	width: 100%;
	height: 3.125rem;
	background-color: rgba(0, 0, 0, 0);
}

.menu-i {
	margin-left: 0.9375rem;
}

.menu ul {
	margin-left: 15.75rem;
}

.menu ul li {
	display: inline-block;
	width: 12.5rem;
	text-align: center;
	font-size: 14px;
	line-height: 5.125rem;
	font-weight: 550;
	letter-spacing: 0.125rem;
	color: #000000;
	cursor: default;
}

/* banner结束 */
/* 浮动框开始

/* 新悬浮窗开始 */
.infor-manu {
	position: fixed;
	top: 286px;
	left: 58px;
	width: 290px;
	/* height: 237px; */
	padding: 0 10px;
	z-index: 999;
	overflow: hidden;
	transition: all 0.3s;
}

.felx-infor {
	width: 100%;
	height: 213px;
	background-color: #FFFFFF;
	border: rgb(230, 230, 230) 1px solid;
	padding: 0 10px;
	margin-bottom: 0px;
	font-size: 12px;
	overflow: hidden;
	transition: all 0.3s;

}

.infor-head {
	display: block;
	height: 35px;
	text-align: left;
	font-weight: 550;
	font-size: 18px;
	color: #000000;
	border-bottom: rgb(230, 230, 230) 1px solid;
	margin-top: 10px;
	cursor: default;
}

audio {
	width: 100%;
	height: 38px;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: rgb(230, 230, 230) 1px solid;
}

.infor {
	display: inline-block;
	line-height: 36px;
	width: 100%;
	height: 38px;
	text-align: left;
	color: #000000;
	border-bottom: rgb(230, 230, 230) 1px solid;
	cursor: default;
	White-space: nowrap;
	overflow: hidden;
	Text-overflow: ellipsis;
}

.contact_link {
	font-size: 12px;
}

.contact_link:hover {
	color: #FFA500;
}

.infor::before {
	content: "\e9db";
	font-family: 'icomoon';
	color: #000000;
	margin-right: 6px;
	cursor: default;
}

.look-more {
	/* display: inline-block; */
	float: left;
	width: 135px;
	height: 41px;
	background-color: #F5F5F5;
	border: rgb(230, 230, 230) 1px solid;
	padding: 0 10px;
	font-size: 14px;
	line-height: 41px;
	text-align: center;
	color: #666666;
	cursor: default;
	z-index: 999;
	transition: all 0.3s;
}

.look-more:hover {
	color: #FFA500;
}

.go-head {
	/* display: inline-block; */
	float: left;
	width: 135px;
	height: 41px;
	background-color: #F5F5F5;
	border: rgb(230, 230, 230) 1px solid;
	padding: 0 10px;
	font-size: 14px;
	line-height: 41px;
	text-align: center;
	color: #666666;
	cursor: default;
	z-index: 999;
	transition: all 0.3s;
}

.go-head:hover {
	color: #FFA500;
}

.back_music {
	display: inline-block;
	line-height: 36px;
	width: 268px;
	height: 38px;
	text-align: left;
	color: #000000;
	border-bottom: rgb(230, 230, 230) 1px solid;
	cursor: default;
	White-space: nowrap;
	Overflow: hidden;
	Text-overflow: ellipsis;
}

.back_music::before {
	content: "";
	width: 0px;
	height: 0px;
}

.animation_to_big {
	animation: to_big 0.2s linear;
	animation-fill-mode: forwards;
}

@keyframes to_big {
	from {
		height: 213px;
	}

	to {
		height: 426px;
	}
}

.animation_to_small {
	animation: to_small 0.2s linear;
	animation-fill-mode: forwards;
}

@keyframes to_small {
	from {
		height: 426px;
	}

	to {
		height: 213px;
	}
}


/* 悬浮窗歌词滚动页面开始 */
.lyrics_container {
	position: fixed;
	bottom: 0px;
	left: 58px;
	width: 290px;
	height: 200px;
	padding: 0 10px;
	/* background-color: yellow; */
	text-align: center;
	overflow: hidden;
	z-index: 999;
	transition: all 0.6s;
}

.lyrics_container ul {
	transition: 0.6s;
}

.lyrics_container li {
	list-style: none;
	/* height: 30px; */
	line-height: 25px;
	font-size: 14px;
}

.lyrics_container li.active {
	color: #000;
	transform: scale(1.3);
}

/* 新悬浮窗结束 */


/* 动态内容区开始 */
.dynamic_content {
	width: 1200px;
	height: calc(400px * 6);
	background-color: rgba(0, 0, 0, 0);
	/* text-align: center; */
	position: relative;
	transition: all .5s;
	overflow: hidden;
}

.dc_head {
	width: 1200px;
	height: 76px;
	position: relative;
	background-color: #fff;
	padding: 10px;
}

.head_img {
	position: absolute;
	top: 0;
	width: 80px;
	height: 80px;
	padding: 10px;
	border-radius: 50%;
}

.head_id {
	position: absolute;
	top: 8px;
	left: 110px;
	color: #333333;
	font-size: 18px;
	letter-spacing: 2px;
}

.head_time {
	position: absolute;
	top: 42px;
	left: 110px;
	color: #666;
	font-size: 12px;
	letter-spacing: 2px;
}

.dc_body {
	padding: 10px;
	background-color: #fff;
}

.body_title {
	color: #000000;
	font-size: 20px;
	margin-bottom: 5px;
}

.body_img {
	width: 500px;
}

.margin_left_15 {
	margin-left: 15px;
}

.margin_top_15 {
	margin-top: 15px;
}

.body_imgs {
	width: 250px;
	height: 250px;
	object-fit: cover;
}

.body_imgs:nth-child(3) {
	margin-left: 2px;
}


.body_imgs:last-child {
	margin-left: 5px;
}

.dc_all_body {
	margin-top: 10px;
	height: 390px;
	overflow: hidden;
	/* padding: 5px; */
}

.dc_all_body_box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all .5s;
}

.dc_all_body_box_animation {
	animation: to_big 0.5s linear;
	animation-fill-mode: forwards;
}

/* .body_img:hover {
	width: 550px;
} */
.click_look_more {
	position: absolute;
	left: 43%;
	bottom: 15px;
	transform: translateX(-50%);
	display: block;
	width: 136px;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.03);
	padding: 0 20px;
	color: #999999;
	text-decoration: none;
	border-radius: 25px;
	cursor: default;
	transition: all .5s;
}

.click_look_more::after {
	content: "\ea43";
	Font-family: 'icomoon';
	color: #999999;
	margin-left: 10px;
}

.click_look_more:hover {
	color: #000000;
	text-decoration: none;
}

.click_close {
	position: absolute;
	left: 57%;
	bottom: 15px;
	transform: translateX(-50%);
	display: block;
	width: 136px;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.03);
	padding: 0 20px;
	color: #999999;
	text-decoration: none;
	border-radius: 25px;
	cursor: default;
	transition: all .5s;
}

.click_close::after {
	content: "\ea77";
	Font-family: 'icomoon';
	color: #999999;
	margin-left: 10px;
}

.click_close:hover {
	color: #000000;
	text-decoration: none;
}

/* 内容重写区 */

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 100px;
	line-height: 100px;
	/* Center slide text vertically */
	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;
}

.refresh {
	position: absolute;
	line-height: 100px;
	bottom: 100%;
	text-align: center;
	width: 100%;
}

.loadmore {
	position: absolute;
	line-height: 20px;
	top: 100%;
	text-align: center;
	width: 100%;
}

/* 动态内容区结束 */

/* 内容隔离区隔板开始 */
#diag {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(22, 23, 23, 0.8);
	z-index: 999;
	padding: 20px;
}

.division_board {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(22, 23, 23, 0.8);
	z-index: 999;
	transition: all .5s;

}

#board_img {
	position: absolute;
	top: 50%;
	width: calc(100% - 300px);
	transform: translateY(-50%);
	border: 1px solid rgba(255, 255, 255, 0.6);
	transition: all .5s;
}

.division_img_box {
	position: relative;
	/* top: 200px; */
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	border-radius: 5px;
	overflow: hidden;
	/* transition: all .5s; */
}

#divison_menu {
	position: absolute;
	right: 0;
	height: 100%;
	width: 300px;
	background-color: #FFFFFF;
	transition: all .5s;
}

#close_division {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 20px;
	border-radius: 50%;
	z-index: 99;
}

#close_division::after {
	content: "\ea3b";
	font-family: 'icomoon';
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	font-weight: 200;
	background-color: rgba(255, 255, 255, 0.6);
	color: #000;
	z-index: 99;
}

#division_menu_box {
	position: relative;
	margin-top: 20px;
	padding: 20px;
	width: 100%;
	height: 100px;
}

#divison_header_img {
	width: 50px;
}

#division_title {
	display: inline-block;
	margin-top: 10px;
}

#divison_header {
	position: absolute;
	top: 20px;
	/* left: 10px; */
	margin-left: 10px;
}

#division_time {
	position: absolute;
	top: 44px;
	margin-left: 10px;
	color: #8C8C8C;
	font-size: 12px;
	/* left: 10px; */
}

/* 内容隔离区隔板结束 */

/* 微信页面 */
dialog {
	position: relative;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 40%;
	height: 100%;

	object-fit: cover;
	overflow: hidden;
}

.dialog_div::before {
	position: absolute;
	top: 10px;
	right: 20px;
	content: "\ea3b";
	font-family: 'icomoon';
	color: #fff;
	font-size: 24px;
	font-weight: 300;
}

.dialog_div img {
	width: 100%;
	object-fit: cover;
}