* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

html,
body {
	height: 100%;
}

body {
	width: 100%;
	background: #eef1f7;
	background-size: 100% 100%;
	min-width: 1200px;
}

button {
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
}

.load-container {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #eef1f7;
	top: 0;
	left: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.load6 .loader {
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	-webkit-animation: load6 1.7s infinite ease;
	animation: load6 1.7s infinite ease;
}

.bg {
	width: 100%;
	height: 1809px;
	background: url(../img/bg.png) no-repeat center 0;
}

.nav {
	position: fixed;
	width: 100%;
	height: 71px;
	top: 0;
	left: 0;
	background: -webkit-radial-gradient(#151a2a, #1d2233, #1f2435);
	/* Safari 5.1 - 6.0 */
	background: -o-radial-gradient(#151a2a, #1d2233, #1f2435);
	/* Opera 11.6 - 12.0 */
	background: -moz-radial-gradient(#151a2a, #1d2233, #1f2435);
	/* Firefox 3.6 - 15 */
	background: radial-gradient(#151a2a, #1d2233, #1f2435);
	/* 标准的语法 */
	z-index: 5;
}

.nav-ul {
	width: 1200px;
	margin: 0 auto;
	display: table;
	text-align: center;
}

.nav-ul li {
	position: relative;
	list-style: none;
	width: 298px;
	height: 35px;
	color: #c0d6f6;
	font-size: 24px;
	float: left;
	line-height: 35px;
	border-right: 1px solid #495da3;
	margin: 16px auto 0;
	opacity: .6;
	cursor: pointer;
}

.nav-ul li:last-child {
	border-width: 0;
}

.nav-ul li.btn-act,
.nav-ul li:hover {
	opacity: 1;
}

.nav-ul li::before,
.nav-ul li::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(../img/nav-tit-ico.png) no-repeat center 0 / 100% 100%;
	top: 13px;
}

.nav-ul li::before {
	margin-left: -25px;
}

.nav-ul li::after {
	margin-left: 15px;
}

.page-app {
	position: relative;
	margin: -1015px auto 0;
}

.page-bg1 {
	/*position: absolute;*/
	width: 1129px;
	height: 1921px;
	background: url(../img/page-bg1.png) no-repeat center 0 / 100% 100%;
	/*top: 50%;
	left: 50%;
	margin: -1020.5px 0 0 -564.5px;*/
	margin: 0 auto 0;
}

.page-bg1-b {
	/*position: absolute;*/
	width: 1119px;
	height: 1181px;
	background: url(../img/page-bg2.png) no-repeat center 0 / 100% 100%;
	/*top: 50%;
	left: 50%;
	margin: -1020.5px 0 0 -564.5px;*/
	margin: 0 auto 0;
}

.page-bg2 {
	/*position: absolute;*/
	width: 1040px;
	min-height: 1145px;
	background: #fff;
	box-shadow: 0 0 0 5px #fff, 0 0 0 10px #5592c5;
	/*top: 50%;
	left: 50%;
	margin: -975.5px 0 0 -524px;*/
	outline: 2px solid #5592c5;
	margin: 0 auto 0;
	border: 1px solid transparent;
}

.page-bg2::before {
	content: '';
	position: absolute;
	width: 1030px;
	height: 74px;
	background: url(../img/page-flo.png) no-repeat center 0 / 100% 100%;
	left: 50%;
	margin-left: -515px;
	margin-top: 3px;
}

.page-tit {
	position: relative;
	width: 100%;
	margin: 40px auto 20px;
	text-align: center;
	z-index: 2;
}

.page-tit::before,
.page-tit::after {
	content: '';
	position: absolute;
	width: 229px;
	height: 26px;
	z-index: -1;
	background: url(../img/page-tit-flo.png) no-repeat center 0 / 100% 100%;
}

.page-tit::before {
	transform: rotateZ(180deg);
	top: 30px;
	left: 54px;
}

.page-tit::after {
	top: -5px;
	left: 750px;
}

.page-tit p {
	color: #334791;
	font-size: 36px;
	font-weight: bold;
	z-index: 2;
	width: 50%;
	margin: 0 auto;
	line-height: 1.5;
}

.page-info {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-info p,
.page-info span {
	color: #334791;
	font-size: 20px;
	float: left;
}

.tx {
	display: block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	margin-right: 5px;
	overflow: hidden;
}

.tx img {
	width: 100%;
	height: 100%;
}

.info-tx {
	margin-right: 20px;
}

.info-time {
	margin-right: 30px;
}

.info-see {
	margin-right: 20px;
}

.info-msg {
	margin-right: 20px;
}

.info-see::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 16px;
	background: url(../img/see-ico.png) no-repeat center 0 / 100% 100%;
	margin-right: 5px;
}

.info-msg::before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 18px;
	background: url(../img/msg-ico.png) no-repeat center 0 / 100% 100%;
	margin-right: 5px;
}

.qr {
	display: block;
	float: left;
	width: 126px;
	height: 28px;
	border: 1px solid #334791;
	cursor: pointer;
}

.qr p {
	width: 100%;
	text-align: center;
}

.qr p::before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../img/share-ico.png) no-repeat center 0 / 100% 100%;
	margin-right: 5px;
}

.qr p::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 7px;
	background: url(../img/qur.png) no-repeat center 0 / 100% 100%;
	margin-left: 5px;
}

.qr p:hover::after {
	transform: rotate(180deg);
}

.qr:hover .qrshow {
	display: block;
}

.qrshow {
	display: none;
	width: 126px;
	height: 123px;
	border: 1px solid #334791;
	margin: 2px 0 0 -1px;
}

.qrshow img {
	width: 100%;
	height: 100%;
}

.img {
	padding: 10px 0;
}

.tid-tit {
	width: 230px;
	height: 54px;
	background: url(../img/page-fra.png) no-repeat center 0 / 100% 100%;
	margin: 50px auto 50px;
	color: #334791;
	font-size: 30px;
	text-align: center;
	line-height: 54px;
	font-weight: bold;
}

.page-msg1 ul {
	width: 900px;
	margin: 0 auto;
	border-left: solid 2px #334791;
}

.page-msg1 ul li {
	list-style: none;
	margin: 0 0 0 13px;
}

.page-msg1 ul li:nth-of-type(odd) {
	margin-top: 14px;
	margin-bottom: 14px;
	position: relative;
	top: -7px;
}

.page-msg1 ul li:nth-of-type(even) {
	background: #dee9f9;
	padding: 20px;
	color: #172761;
	min-height: 70px;
	position: relative;
	top: -7px;
}

.page-msg1 ul li:nth-of-type(even)>div {
	max-width: 600px;
	font-size: 18px;
}

.page-msg1>ul>li>div font {
	color: #334791;
	font-weight: bold;
	font-size: 20px;
}

.page-msg1>ul>li>div font::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #334791;
	background-size: cover;
	margin-left: -22px;
	margin-right: 10px;
}

.page-msg1>ul>li img {
	max-width: 600px;
}

.voted {
	position: absolute;
	width: 72px;
	height: 72px;
	background: url(../img/vote.png) no-repeat center 0 /100% 100%;
	top: 50%;
	right: 25px;
	margin-top: -36px;
}

.vote-act {
	position: absolute;
	width: 72px;
	height: 72px;
	background: url(../img/vote-act.png) no-repeat center 0 /100% 100%;
	top: 50%;
	right: 25px;
	margin-top: -36px;
}

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

.page-msg2>div {
	width: 900px;
	margin: 0 auto;
	color: #172761;
	font-size: 18px;
}

.page-msg2>div font {
	font-size: 20px;
}

.page-msg2>div>font>strong {
	color: #334791;
	font-weight: bold;
}

.page-msg2 .img img {
	display: block;
	margin: 20px auto;
	max-width: 600px;
}

.page-msg3 {
	width: 900px;
	margin: 0 auto;
	color: #172761;
}

.page-msg3 .msg3-ul {
	width: 100%;
}

.page-msg3 .msg3-ul .msg3-li {
	list-style: none;
	border-bottom: 2px solid #e8e8e8;
	height: 140px;
	padding-top: 20px;
}

.page-msg3 .msg3-ul .msg3-li:last-child {
	border-bottom: none;
}

.msg3-pic {
	position: relative;
	width: 160px;
	height: 120px;
	float: left;
}

.msg3-pic a,
.msg3-tit {
	cursor: pointer;
}

.msg3-pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.play {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}

.play::before {
	content: '';
	position: absolute;
	width: 47px;
	height: 47px;
	background: url(../img/play.png) no-repeat center 0 / 100% 100%;
	top: 50%;
	left: 50%;
	margin: -23.5px 0 0 -23.5px;
}

.msg3-tit {
	float: left;
	display: block;
	width: 730px;
	line-height: 30px;
	font-size: 20px;
	color: #172761;
	overflow: hidden;
	margin-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.msg3-info {
	float: left;
	width: 730px;
}

.msg3-info li {
	list-style: none;
	float: left;
	width: 79px;
	height: 36px;
	text-align: center;
	line-height: 34px;
	font-size: 20px;
	margin: 10px;
}

.msg3-info li:first-child {
	display: none;
}

.video {
	background: url(../img/video-fra.png) no-repeat center 0 / 100% 100%;
	color: #172761;
}

.hot {
	background: url(../img/hot-fra.png) no-repeat center 0 / 100% 100%;
	color: #b20304;
}

.info {
	background: url(../img/video-fra.png) no-repeat center 0 / 100% 100%;
	color: #172761;
}

.kong {
	display: none;
}

.msg3-see,
.msg3-time {
	float: left;
	color: #707dab;
	font-size: 18px;
	margin-top: 10px;
	margin-left: 10px;
}

.comDiv {
	width: 900px;
	margin: 0 auto 0;
	position: relative;
}

.comDiv::after,
.com-ul li::after {
	content: '';
	display: block;
	clear: both;
}

.headlist {
	position: absolute;
	width: 629px;
	height: 400px;
	overflow: auto;
	border: 2px solid #5592c5;
	top: 120px;
	left: 0;
	background: #dee9f9;
	z-index: 10;
}

.headlist::-webkit-scrollbar {
	width: 5px;
	background-color: #dee9f9;
}

.headlist::-webkit-scrollbar-thumb {
	background-color: #5592c5;
}

.headlist ul li {
	list-style: none;
	float: left;
	width: 100px;
	height: 100px;
	background: #dee9f9;
	border: 2px solid #c0d6f6;
}

.setepx {
	width: 100px;
	height: 100px;
	background: url(../img/setexp.jpg) no-repeat center 0 / 100% 100%;
	float: left;
	margin: 10px 0 0 0;
	transition: all .2s;
}

.setepx:hover {
	opacity: .8;
}

.setepx img {
	background: #dee9f9;
	border: 2px solid #c0d6f6;
	width: 100%;
	height: 100%;
}

.cominp {
	width: 884px;
	height: 107px;
	border: #334791 solid 1px;
	float: left;
	margin: 6px 0 0 15px;
}

.cominp textarea {
	width: 864px;
	height: 87px;
	outline: none;
	border: none;
	padding: 10px;
	font-size: 18px;
	color: #707dab;
}

.reply_wrap {
	width: 80%;
	margin: 0 auto 0;
	background: #dee9f9;
	padding: 20px;
	border-radius: 5px;
}

.reply_wrap a {
	pointer-events: none;
	text-decoration: inherit;
}

.cominp textarea::-webkit-input-placeholder {
	font-size: 18px;
	color: #707dab;
	margin: 0;
}

.subbtn {
	width: 167px;
	height: 55px;
	background: #334791;
	float: left;
	margin: 10px 0 0 720px;
	font-size: 24px;
	color: #fff;
	transition: all .2s;
}

.subbtn:hover {
	background: #fff;
	border: 1px solid #334791;
	color: #334791;
}

.com-ul {
	width: 900px;
	margin: 0 auto 0;
}

.com-ul li {
	list-style: none;
	border-bottom: 1px solid #e8e8e8;
}

.com-tx {
	width: 79px;
	height: 79px;
	float: left;
	margin: 15px 15px 15px 0;
}

.com-tx img {
	width: 100%;
	height: 100%;
}

.com-name {
	color: #172761;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	width: 806px;
	margin: 10px auto 10px;
}

.com-cnt {
	color: #172761;
	font-size: 20px;
	display: inline-block;
	width: 806px;
	margin: 0 auto 10px;
}

.more-com {
	width: 100%;
	margin: 0 auto 0;
}

.more-btn {
	width: 100%;
	background: transparent;
	margin: 20px auto;
	color: #5592c5;
	font-size: 20px;
	transition: all .2s;
}

.more-btn:hover {
	opacity: .6;
}

.ngllogo {
	width: 358px;
	height: 180px;
	background: url(../img/ngllogo.png) no-repeat center 0/100% 100%;
	margin: 40px auto;
}

.common-ie-notice [data-v-1ce18906].bg111 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: 999999;
}

.common-ie-notice [data-v-1ce18906].topbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 98px;
	background-color: #fff;
	border-bottom: 2px solid #c81331;
	z-index: 999999;
}

.common-ie-notice .topbar [data-v-1ce18906].content {
	width: 1200px;
	height: 98px;
	line-height: 85px;
	text-align: center;
	margin: 0 auto;
}

.common-ie-notice .topbar .content img[data-v-1ce18906] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.common-ie-notice .topbar .content span[data-v-1ce18906] {
	color: #000;
	font-size: 18px;
	vertical-align: middle;
	margin-left: 10px;
}

.common-ie-notice .topbar .content a[data-v-1ce18906] {
	display: inline-block;
	width: 180px;
	height: 60px;
	text-align: center;
	color: #fff;
	line-height: 60px;
	font-size: 18px;
	text-decoration: none;
	background-color: #c81331;
	vertical-align: middle;
}

.common-ie-notice [data-v-1ce18906].dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 190px;
	background-color: #fff;
	border-top: 2px solid #c81331;
	padding: 40px 60px;
	margin-left: -260px;
	margin-top: -136px;
	z-index: 999999;
}

.common-ie-notice .dialog p[data-v-1ce18906] {
	line-height: 30px;
	font-size: 18px;
	color: #000;
}

.common-ie-notice .dialog a[data-v-1ce18906] {
	display: block;
	width: 180px;
	height: 60px;
	text-align: center;
	color: #fff;
	line-height: 60px;
	font-size: 18px;
	text-decoration: none;
	background-color: #c81331;
	margin-top: 20px;
}

.common-ie-notice .dialog img[data-v-1ce18906] {
	position: absolute;
	right: 60px;
	bottom: 40px;
}

.common-ie-notice [data-v-1ce18906].close {
	position: absolute;
	top: -2px;
	right: -60px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background-color: #c81331;
	cursor: pointer;
}