@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	border: 0;
	font-family: "PingFang SC";
	outline: none;
}

img {
	display: block;
	width: 100%;
	height: 100%;
}

a:link,
a:visited {
	text-decoration: none;
	color: #000;
	font-size: 20px;
}

.opus-view {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
	margin-right: 5px;
}

.icon2 {
	display: block;
	width: 64px;
	height: 64px;
	opacity: 1;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* 公共header */
header {
	width: 100%;
	height: 70px;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0 25px 0 38px;
	justify-content: space-between;
}

.logo_top {
	/*width: 225px;header > img*/
	height: 44px !important;
	width: auto !important;
}

	header > ul {
		width: 1150px;
		height: 46px;
		display: flex;
	}

		header > ul > li {
			width: 110px;
			height: 46px;
			position: relative;
		}

			header > ul > li > a:link,
			header > ul > li > a:visited {
				font-size: 20px;
				color: #000;
				font-family: PingFang SC;
				font-weight: 400;
				display: block;
				text-align: center;
				line-height: 46px;
			}

			header > ul > li:nth-child(2n) > a {
				background: url(../img/xia.png) no-repeat 82px center;
				background-size: 13px 12px;
			}

			header > ul > li > ol {
				width: 135px;
				position: absolute;
				left: -7.5px;
				top: 46px;
				height: auto;
				display: none;
				background: #fff;
				border-radius: 0 0 10px 10px;
			}

				header > ul > li > ol > li {
					width: 100%;
					height: 62px;
					border-bottom: 1px solid #fafafa;
				}

					header > ul > li > ol > li:nth-last-child(1) {
						border-bottom: 0;
					}

					header > ul > li > ol > li > a:link,
					header > ul > li > ol > li > a:visited {
						line-height: 62px;
						text-align: center;
						display: block;
						color: #000;
						font-size: 20px;
					}

					header > ul > li > a:hover,
					header > ul > li > ol > li > a:hover {
						color: #316AEA;
					}

			header > ul > li:hover > ol {
				display: block;
				z-index: 999;
			}

			header > ul > li.last {
				width: auto;
				height: 46px;
				border: 1px solid #707070;
				opacity: 1;
				border-radius: 23px;
				overflow: hidden;
				position: relative;
				margin-left: 6%;
			}

				header > ul > li.last > input {
					display: block;
					width: 300px;
					height: 46px;
					padding: 0 50px 0 15px;
					line-height: 44px;
					color: #000;
					font-size: 20px;
				}

				header > ul > li.last > .search {
					width: 27px;
					height: auto;
					position: absolute;
					right: 16px;
					top: 10px;
					z-index: 9;
					cursor: pointer;
				}

	header > div {
		width: 120px;
		height: 46px;
		display: flex;
		align-items: center;
	}

		header > div > span {
			display: block;
			color: #000;
			width: 46px;
			font-size: 20px;
			line-height: 46px;
			cursor: pointer;
		}

		header > div > b {
			display: block;
			width: 1px;
			height: 20px;
			background: #000;
			margin: 0 8px;
		}

	header > ul.ul_user {
		width: 270px;
		/* display: none; */
	}

		header > ul.ul_user > li {
			width:auto;
			margin-right: 10px;
		}
		header > ul.ul_user > li:nth-child(1){
			width: 220px;
		}
		header > ul.ul_user > li:nth-child(2){
			width: 150px;
			position:relative;

		}
			header > ul.ul_user > li:nth-child(2) i {
				display: block;
				height: 14px;
				max-width: 20px;
				padding: 0 4px;
				border-radius: 50%;
				background: red;
				position: absolute;
				color: #fff;
				font-size: 10px;
				left: 30px;
				top: 3px;
				line-height: 14px;
				text-align: center;
				font-style: normal
			}


			header > ul.ul_user > li:nth-child(2) > a:link, header > ul.ul_user > li:nth-child(2) > a:visited {
			display: flex;
			align-items: center;
			background: none;
			text-align: center;
		}

	header > .ul_user > li > a > img {
		width: 42px;
		height: 42px;
		flex-shrink:0;
		border-radius: 50%;
	}

	header > .ul_user > li > a > span {
		display: block;
		width: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-left:10px;
	}

	header > ul.ul_user > li > ol {
		left: 0;
	}
/* 公共侧边 */
aside {
	width: 64px;
	/*height: 222px;*/
	background: #FFFFFF;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	opacity: 1;
	border-radius: 5px 0px 0px 5px;
	position: fixed;
	right: 0;
	bottom: 15%;
	z-index: 999;
}

	aside > div {
		width: 100%;
		height: 74px;
		position: relative;
	}

		aside > div > a {
			width: 100%;
			height: 100%;
			display: block;
			padding-top: 12px;
		}

			aside > div > a > img {
				width: 32px;
				height: auto;
				margin: 0 auto;
			}

			aside > div > a > p {
				line-height: 30px;
				font-size: 14px;
				color: #9F9F9F;
				text-align: center;
			}

		aside > div > p {
			width: 200px;
			height: 200px;
			position: absolute;
			left: -206px;
			top: -54px;
			padding: 10px;
			border-radius: 10px;
			overflow: hidden;
			background: #fff;
			display: none;
		}

		aside > div:hover > p {
			display: block;
		}

		aside > div > a > svg.icon {
			width: 3.3em;
			height: 37px;
			margin: 0 auto;
			vertical-align: -0.5em;
		}

/* 公共footer */
footer {
	width: 100%;
	height: 240px;
	/*background: url(../img/bg_bottom.png) no-repeat 0 0;
	background-size: 100% 100%;*/
	padding-top: 50px;
	margin-top: 172px;
	position: relative;
}

	footer > ul {
		width: 468px;
		height: 16px;
		display: flex;
		margin: 0 auto 13px;
		position: relative;
		z-index: 3;
	}

		footer > ul > li {
			width: 78px;
			border-right: 1px solid #000;
		}

			footer > ul > li:nth-last-child(1) {
				border-right: none;
			}

			footer > ul > li > a:link,
			footer > ul > li > a:visited {
				display: block;
				line-height: 16px;
				color: #000;
				font-size: 14px;
				text-align: center;
			}

	footer > p {
		width: 600px;
		line-height: 40px;
		color: #000;
		font-size: 14px;
		text-align: center;
		margin: 0 auto;
		position: relative;
		z-index: 3;
	}
	footer > .zz29 {
		width: 100%;
		height: 100%;
		/*background: rgba(0,0,0,0.2);*/
		background: url(../img/bg_bottom.png) no-repeat 0 0;
		background-size: 100% 100%;
		opacity:0.7;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
		footer > p.jh {
			/*background: url(../img/jinhui.png) no-repeat 115px center;*/
			background-size: 17px auto;
			padding-left: 20px;
		}


/* 公共轮播样式 */
.swiper-container {
	width: 100%;
	/*height: 568px;*/
	height: auto;
}

.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: #fff;
	opacity: .4;
}

.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 25px;
}

/* 图片自适应 */
.gallery {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	min-height: 200px;
	&::after

{
	content: '';
	flex-grow: 999999999;
}

}
.gallery div a {
	width: 100%;
	height: 100%;
	display: block;
}

.shenhe_ing {
	width: auto !important;
	height: auto !important;
	font-size: 26px !important;
	position: absolute;
	left: 10px;
	top: 20px;
	margin: auto !important;
	z-index: 10 !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 26px !important;
}

.gallery_d {
	display: none;
}

.gallery > div {
	flex-grow: 1;
	margin: 5px;
	height: 300px;
	position: relative;
	cursor: pointer;
	position: relative;
}

	.gallery > div > a > img {
		height: 300px;
		width: auto !important;
		object-fit: cover;
		max-width: 100%;
		min-width: 100%;
		vertical-align: bottom;
	}

	.gallery > div > a > span {
		display: block;
	    height: 36px;
		width:36px;
	    text-align: center;
	    position: absolute;
	    right: 5px;
	    bottom: 3%;
	}

	.gallery > div > a > div {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		background: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%;
		padding: 15px 13px 11px 18px;
		display: none;
	}

	.gallery > div:hover > a > div {
		display: block;
	}

	.gallery > div > a > div > span {
		float: right;
		display: block;
		width: auto;
		min-width: 80px;
		height: 37px;
		background: #FAFAFA;
		border-radius: 5px;
		margin: 0 6px 5px;
		line-height: 37px;
		font-size: 16px;
		text-align: center;
		cursor: pointer;
	}

		.gallery > div > a > div > span > b {
			font-weight: normal;
		}

	.gallery > div > a > div > p {
		width: 100%;
		height: 35px;
		position: absolute;
		left: 18px;
		bottom: 11px;
		color: #fff;
		font-size: 16px;
		display: flex;
		align-items: center;
	}

		.gallery > div > a > div > p > img {
			display: inline-block;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			margin-right: 10px;
		}


	.gallery > div > a > div > .pppp {
		width: 100%;
		height: 35px;
		position: absolute;
		left: 18px;
		bottom: 11px;
		color: #fff;
		font-size: 16px;
		display: flex;
		align-items: center;
	}

		.gallery > div > a > div > .pppp > img {
			display: inline-block;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			margin-right: 10px;
		}



/* 视频 */
.vd_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	min-height: 402px;
}

	.vd_list > li {
		width: 32%;
		height: auto;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		border-radius: 5px;
		margin-bottom: 40px;
		overflow: hidden;
		padding-bottom: 23px;
		max-height: 362px;
		background: #fff;
		float: left;
		margin-right: 2%;
		cursor: pointer;
	}

		.vd_list > li:nth-child(3n) {
			margin-right: 0;
		}

		.vd_list > li > a {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
		}

			.vd_list > li > a > img {
				width: 100%;
				height: 244px;
				max-height: 244px;
			}

			.vd_list > li > a > div {
				position: absolute;
				left: 0;
				top: 0;
				background: rgba(0, 0, 0, .3);
				z-index: 9;
				height: 244px;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				max-height: 244px;
			}

				.vd_list > li > a > div > svg {
					display: block;
					width: 64px;
					height: 64px;
					opacity: 0.5;
				}

			.vd_list > li > a > h5 {
				width: 100%;
				height: 60px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 16px;
				font-weight: normal;
			}

				.vd_list > li > a > h5 > span {
					width: 70%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					color: #000;
					font-size: 20px;
				}

				.vd_list > li > a > h5 > b {
					font-weight: normal;
					color: #9F9F9F;
					font-size: 14px;
				}

			.vd_list > li > a > p {
				width: 100%;
				height: 35px;
				color: #9F9F9F;
				font-size: 16px;
				display: flex;
				align-items: center;
				padding: 0 15px;
			}

				.vd_list > li > a > p > img {
					display: inline-block;
					width: 35px;
					height: 35px;
					border-radius: 50%;
					margin-right: 10px;
				}

/* 公共广告位 */
.banner {
	width: 100%;
	height: 211px;
	margin: 28px auto 12px;
	background: url(../img/bg_bottom.png)no-repeat;
	background-origin: content-box!important;
	background-position: center!important;
	background-size: cover!important;
}


/* 公共分页 */
.page_div {
	margin: 20px auto;
	display: flex;
	justify-content: center;
	color: #000;
	font-size: 14px;
	clear: both;
}

	/* 页数按钮样式 */
	.page_div button {
		display: inline-block;
		width: 46px;
		height: 36px;
		background: #FFFFFF;
		border-radius: 4px;
		cursor: pointer;
		color: #000;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		margin: 0 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

#firstPage,
#lastPage,
#nextPage,
#prePage {
	width: 65px;
	height: 36px;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 4px;
}


.page_div .current {
	background-color: #316AEA;
	color: #FFF
}

/*button禁用*/
.page_div button:disabled {
	opacity: .5;
	cursor: no-drop
}

.page_div span {
	display: block;
	height: 36px;
	line-height: 36px;
	margin: 0 10px;
}

.page_div input {
	display: block;
    width: 46px;
    height: 26px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 4px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #000;
    margin-top: 5px;
}


.login_box, .kefu {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.7);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}

	.login_box > div, .kefu > li {
		width: 446px;
		height: 450px;
		background: #fff;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding: 33px 17px 30px 16px;
		/* display: none; */
	}

	.kefu > li {
		height: 350px;
	}

		.kefu > li > p {
			width: 100%;
			height: 60px;
			line-height: 60px;
			color: #000;
			font-size: 20px;
		}

		.kefu > li > textarea {
			display: block;
			resize: none;
			width: 100%;
			height: 150px;
			border: 1px solid #9F9F9F;
			padding: 8px;
			border-radius: 6px;
			font-size: 16px;
			color: #000;
		}

		.login_box > div > img, .kefu > li > img {
			width: 13px;
			height: 13px;
			position: absolute;
			right: 18px;
			top: 21px;
			cursor: pointer;
		}

	.login_box > div > ol {
		width: 80%;
		height: 60px;
		margin: 0 auto;
		display: flex;
	}

		.login_box > div > ol > li {
			width: 50%;
			line-height: 60px;
			color: #000;
			font-size: 20px;
			text-align: center;
			cursor: pointer;
		}

			.login_box > div > ol > li.active {
				border-bottom: 7px solid #316AEA;
			}

	.login_box > div > ul {
		width: 100%;
		height: auto;
	}

		.login_box > div > ul > li {
			display: none;
			width: 100%;
			height: auto;
			padding-top: 30px;
		}

			.login_box > div > ul > li:nth-child(1) {
				display: block;
			}

			.login_box > div > ul > li > .line {
				width: 100%;
				height: 48px;
				margin-top: 30px;
				display: flex;
				border: 1px solid #9F9F9F;
			}

				.login_box > div > ul > li > .line > input {
					display: block;
					width: 100%;
					height: 100%;
					line-height: 48px;
					font-size: 16px;
					color: #000;
					background-color: none;
					padding: 0 10px;
				}

.login_btn, .kefu_btn {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 47px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	margin: 30px auto;
	height: 47px;
	background: #316AEA;
}

.login_box > div > ul > li > .line2 > input {
	width: 284px;
	border-right: 1px solid #9F9F9F;
}

.login_box > div > ul > li > .line2 > span {
	display: block;
	width: 128px;
	height: 100%;
	text-align: center;
	line-height: 48px;
	color: #9F9F9F;
	font-size: 14px;
	cursor: pointer;
	color: #316AEA;
}

input[type=number] {
	-moz-appearance: textfield;
}

	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

.login_box > div > ul > li > .agree {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 20px auto;
}

	.login_box > div > ul > li > .agree > p {
		margin-left: 2px;
		color: #9F9F9F;
		font-size: 14px;
	}

		.login_box > div > ul > li > .agree > p > a:link,
		.login_box > div > ul > li > .agree > p > a:visited {
			color: #316AEA;
			font-size: 14px;
		}

.login_box > div > ul > li > #wx_login {
	width: 75%;
	height: 230px;
	margin: 15px auto;
}

.impowerBox .qrcode {
	width: 230px;
	margin-top: 0;
	margin-left:35px;
}

.impowerBox .title {
	display: none;
}

.impowerBox .info {
	width: 230px;
}

.status_icon {
	display: none
}

.impowerBox .status {
	text-align: center;
}

.impowerBox #wx_default_tip {
	display: none
}





.login_box > div > ul > li > p {
	width: 100%;
	line-height: 60px;
	font-size: 14px;
	color: #9F9F9F;
	text-align: center;
}

.details_body {
	background: #EFF1F4;
}

.details_box, .problem {
	width: auto;
	max-width: 1280px;
	height: auto;
	overflow: hidden;
	min-height: 602px;
	background: #fff;
	border-radius: 8px;
	margin: 63px auto -90px;
	padding: 20px;
}

.problem {
	overflow-x: hidden;
	overflow-y: auto;
	height: 602px;
}

	.problem > li {
		width: 100%;
		height: 60px;
		border-bottom: 1px solid #FAFAFA;
	}

		.problem > li > a:link, .problem > li > a:visited {
			display: block;
			line-height: 60px;
			padding: 0 15px;
			color: #000;
			font-size: 18px;
		}

	.problem::-webkit-scrollbar {
		width: 4px;
	}

	.problem::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: rgba(0, 0, 0, 0.2);
	}

	.problem::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: rgba(0, 0, 0, 0.1);
	}

.vider_delet {
	display: block;
	width: auto;
	min-width: 80px;
	height: 37px;
	width: 50px;
	background: #FAFAFA;
	border-radius: 5px;
	margin: 0 6px 5px;
	line-height: 37px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: 8px;
	bottom: -7px;
}



.protect{
	width: 80px;
    height: 24px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    border-radius: 100px;
    padding: 0px 8px 0px 6px;
    z-index: 99;
    font-style:normal
}

.protect{position:absolute;z-index:99999999;color:#fff;font-size:12px;line-height:12px;background:rgba(0,0,0,.8);
-webkit-border-radius:3px;border-radius:3px;padding:8px 10px;text-shadow:0,1px,0,rgba(0,0,0,.2)}




.login_head {
	position: absolute;
	right: 4%;
	bottom: 5%;
	text-align: center;
	font-weight: 600;
	color: #fff;
	display: flex
}

	.login_head a {
		color: #fff;
		font-size: 14px;
	}

		.login_head a p {
			float: left;
			line-height: 30px;
			margin-left: 10px;
		}

	.login_head img {
		border-radius: 50%;
		float: left;
		width: 30px;
		display: block;
		height: 30px;
	}