html {
	height: 100%
}

body {
	font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	font-family: Microsoft YaHei;
	font-family: Microsoft YaHei,Source Han Sans CN,-apple-system,BlinkMacSystemFont,Helvetica;
	font-weight: 400;
	padding: 0;
	margin: 0;
	height: 100%;
	background: #fff;
	background: #f9f9f9;
	color: rgba(0,0,0,.85);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

img {
	border: none;
	padding: 0;
	margin: 0;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

.icon {
	display: inline-block;
	vertical-align: middle
}

input {
	outline: none;
	border: none;
	background: none
}

h1,h2,h3,h4,h5,h6,ul,ol,li,strong,p {
	padding: 0;
	margin: 0
}

a {
	text-decoration: none;
	cursor: pointer;
	outline: 0 none;
	color: #222236
}

a,a :hover {
	transition: background .5s linear;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-o-transition: background .5s linear
}

a:focus {
	-moz-outline-style: none
}

li {
	list-style: none
}

@keyframes shineLight {
	0% {
		box-shadow: 0 0 0 0 rgba(0,0,0,.15)
	}

	100% {
		box-shadow: 0 0 0 12px rgba(0,0,0,0)
	}
}

.buttonLight {
	animation: shineLight 1.8s infinite;
	font-size: 14px;
	padding: 6px 16px;
	color: #fff;
	border: lpx solid;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center
}

.font-line-1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.font-line-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.font-line-4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

.common-more-loading-icon {
	animation: rotation 3s linear infinite;
	-moz-animation: rotation 3s linear infinite;
	-webkit-animation: rotation 3s linear infinite;
	-o-animation: rotation 3s linear infinite
}

.icon-arrow-left {
	background: url("../images/sprite.png") -153px -79px;
	width: 13px;
	height: 25px
}

.icon-arrow-right {
	background: url("../images/sprite.png") -135px -79px;
	width: 13px;
	height: 25px
}

.icon-page-left {
	background: url("../images/sprite.png") -104px -73px;
	width: 11px;
	height: 19px
}

.icon-page-right {
	background: url("../images/sprite.png") -160px -54px;
	width: 11px;
	height: 19px
}

.icon-search {
	background: url("../images/sprite.png") -70px -66px;
	width: 27px;
	height: 27px
}

@media screen and (min-width: 600px) {
	.container-ad-top {
		width: 805px
	}

	.mainAd {
		display: flex;
		justify-content: center;
		margin: 0 auto;
		margin-bottom: 30px
	}

	.mainAd-top {
		margin-bottom: 0;
		margin-top: 28px;
		background: #fff
	}

	.asideAd {
		display: flex;
		justify-content: center;
		background: #fff;
		padding: 20px 0;
		border-radius: 6px
	}
}

@media screen and (max-width: 600px) {
	.container-ad-top {
		display: flex;
		justify-content: center;
		width: 100%;
		padding-bottom: 1rem;
		background: #fff
	}

	.mainAd {
		display: flex;
		justify-content: center;
		margin-bottom: .6875rem
	}

	.mainAd-top {
		margin-top: 1rem;
		margin-bottom: 0
	}
}

@media screen and (min-width: 1640px) {
	.floatAd {
		display: block;
		position: absolute;
		top: 28px;
		left: -210px
	}
}

@media screen and (max-width: 1640px) {
	.floatAd {
		display: none
	}
}

@media screen and (min-width: 600px) {
	.pagination {
		padding: 19px 0;
		text-align: center
	}

	.pagination ul {
		display: inline-block
	}

	.pagination li {
		float: left;
		margin: 0 4px
	}

	.pagination li a,.pagination li span {
		display: block;
		height: 36px;
		width: 36px;
		font-size: 14px;
		background: #f7f7f7;
		text-align: center;
		line-height: 36px
	}

	.pagination li a.current,.pagination li span.current {
		color: #fff;
		background: #5342f6
	}

	.header {
		background: #fff;
		box-shadow: 0px 1px 0px 0px #ececec;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1000;
		height: 80px;
		display: flex
	}

	.header .header-main {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1184px;
		margin: 0 auto
	}

	.header .header-main .header-main-left {
		display: flex;
		align-items: center
	}

	.header .header-main .header-brand {
		display: flex;
		align-items: center;
		cursor: pointer;
		height: 44px
	}

	.header .header-main .header-brand .logo-icon {
		width: 244px;
		height: 22px
	}

	.header .header-main .nav .nav-ul {
		display: flex;
		margin-left: 38px
	}

	.header .header-main .nav .nav-ul li {
		height: 70px;
		display: flex;
		align-items: center;
		padding: 0 37px
	}

	.header .header-main .nav .nav-ul .header-tab {
		height: 40px;
		display: flex;
		cursor: pointer;
		position: relative
	}

	.header .header-main .nav .nav-ul .header-tab>a {
		display: flex;
		align-items: center
	}

	.header .header-main .nav .nav-ul .header-tab .nav-icon {
		width: 18px;
		height: 18px;
		margin-right: 13px
	}

	.header .header-main .nav .nav-ul .header-tab .nav-icon.nav-game {
		width: 18px;
		height: 16px
	}

	.header .header-main .nav .nav-ul .header-tab .nav-icon.nav-article {
		width: 15px;
		height: 18px
	}

	.header .header-main .nav .nav-ul .header-tab .nav-txt {
		color: #97979e;
		font-size: 16px;
		display: flex;
		align-items: center
	}

	.header .header-main .nav .nav-ul .header-tab .nav-txt>img {
		margin: 0 0 -4px 7px
	}

	.header .header-main .nav .nav-ul .header-tab .nav-txt .icon-arrow.active {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg)
	}

	.header .header-main .nav .nav-ul .header-tab .nav-txt.active {
		color: #5342f6
	}

	.aside-space {
		height: 20px;
		background: #f9f9f9
	}

	.search-side {
		padding: 24px 20px 24px 16px;
		background: #fff;
		border-radius: 6px
	}

	.search-side .search-content {
		display: flex;
		flex-direction: column
	}

	.search-side .search-content .search-hot {
		display: flex;
		flex-wrap: wrap
	}

	.search-side .search-content .search-hot .search-hot-txt {
		margin-top: 16px;
		margin-right: 16px;
		border: 1px solid #e3e5ed;
		border-radius: 15px;
		padding: 8px 10px;
		font-size: 14px;
		color: #222236;
		line-height: 14px;
		cursor: pointer
	}

	.header-search {
		position: relative;
		height: 44px;
		border-radius: 22px;
		padding: 0;
		float: left;
		margin-bottom: 4px;
		background: #f2f2f2
	}

	.header-search .common-search {
		width: 100%;
		height: 100%;
		position: relative
	}

	.header-search .common-search .common-search-content {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		position: relative
	}

	.header-search .common-search .common-search-content .header-search-box {
		padding: 0 82px 0 17px;
		height: 44px
	}

	.header-search .common-search .common-search-content .header-search-box .findIpt {
		height: 100%;
		width: 220px;
		font-size: 16px;
		color: #97979e
	}

	.header-search .common-search .common-search-content .header-search-box input::placeholder {
		color: #97979e
	}

	.header-search .common-search .common-search-content .header-search-box input:-ms-input-placeholder {
		color: #97979e
	}

	.header-search .common-search .common-search-content .header-search-box input::-webkit-input-placeholder {
		color: #97979e
	}

	.header-search .common-search .common-search-content .header-search-box .header-search-btn {
		position: absolute;
		top: 4px;
		right: 8px;
		height: 36px;
		width: 58px;
		text-align: center;
		background: #5342f6;
		line-height: 34px;
		border-radius: 18px
	}

	.header-search .common-search .common-search-content .header-search-box .header-search-btn .icon-search {
		width: 17px;
		height: 17px;
		background: unset
	}

	.main {
		box-sizing: border-box;
		padding-top: 80px;
		background-color: #f9f9f9
	}

	.main .container {
		width: 1184px;
		margin: 0 auto
	}

	.main .container .bread-nav {
		font-size: 14px;
		color: #97979e;
		line-height: 16px;
		padding-top: 28px
	}

	.main .container .bread-nav .bread-nav-current {
		color: #5342f6
	}

	.main .container .container-around {
		display: flex;
		padding-bottom: 100px;
		position: relative
	}

	.main .container .container-around .main-side {
		width: 805px;
		margin-right: 30px;
		margin-bottom: 15px;
		position: relative
	}

	.main .container .container-around .aside {
		width: 364px;
		position: absolute;
		right: -15px;
		top: 0
	}

	.main .container section.main-content {
		margin-top: 20px;
		width: 805px
	}

	.main .container .main-content.level2Css {
		margin-top: 16px
	}

	.main .container .common-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 0 21px
	}

	.main .container .common-title .common-title-left .common-title-txt {
		font-size: 22px;
		font-weight: bold;
		color: #222236;
		line-height: 28px
	}

	.main .container .common-title .common-title-right .common-title-more {
		font-size: 14px;
		color: #5342f6;
		line-height: 24px
	}

	.main .container .common-exhibition .common-exhibition-vertical {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-item {
		margin-bottom: 30px;
		border-radius: 9px;
		background: #fff
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-item:hover {
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,.08)
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic {
		display: flex;
		flex-direction: column;
		position: relative
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic img.mods-graphic-icon {
		width: 392px;
		height: 219px;
		background: #f5f6fa;
		border-radius: 6px 6px 0px 0px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-title {
		position: absolute;
		bottom: 65px;
		left: 0;
		width: 100%;
		height: 44px;
		background: linear-gradient(180deg, rgba(3, 0, 0, 0), rgba(0, 0, 0, 0.36));
		border-radius: 0px 0px 6px 6px;
		display: flex;
		align-items: center
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-title img.mods-graphic-title-icon {
		margin: 0 11px;
		width: 32px;
		height: 32px;
		border-radius: 6px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-title .mods-graphic-title-txt {
		font-size: 16px;
		color: #fff;
		line-height: 44px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message {
		padding: 20px 12px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu {
		display: flex;
		align-items: center
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu img.message-menu-icon-mod {
		width: 52px;
		height: 17px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .message-menu-txt {
		margin: 0 9px 0 6px;
		font-size: 22px;
		font-weight: bold;
		font-style: italic;
		color: #d3dbf5;
		line-height: 24px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu img.message-menu-icon-line {
		width: 118px;
		height: 6px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu img.mods-graphic-message-menu-icon {
		width: 15px;
		height: auto;
		margin-right: 5px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu span {
		font-size: 14px;
		color: #97979e;
		line-height: 18px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item {
		padding: 6px 8px;
		background: #f9f9f9;
		margin: 0 8px 2px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic {
		display: flex;
		align-items: center
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic img.recommend-item-graphic-icon {
		width: 100px;
		height: 56px;
		background: #f5f6fa
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic .recommend-item-graphic-title {
		margin: 0 9px 0 15px;
		width: 236px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic .recommend-item-graphic-title .mods-graphic-title-txt {
		font-size: 14px;
		color: #222236;
		line-height: 24px
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .common-more-btn {
		width: 100%;
		margin: 18px 0 19px;
		height: unset;
		padding: 0
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .common-more-btn .common-more-btn-txt {
		font-size: 16px;
		color: #5342f6;
		line-height: 24px;
		font-weight: 400;
		background: #fff
	}

	.main .container .common-exhibition .common-exhibition-vertical .common-recommend-desp .common-recommend-mod-content {
		width: 365px;
		font-size: 14px;
		color: #222236;
		line-height: 20px;
		margin: 0 13px 19px
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic:hover {
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,.08)
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic {
		border-radius: 9px
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message {
		padding: 0 18px 18px;
		width: 392px;
		box-sizing: border-box
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-name {
		margin: 14px 0px;
		font-size: 16px;
		color: #222236;
		line-height: 24px;
		overflow: hidden;
		height: 50px
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: unset
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial3 .common-exhibition-vertical-item {
		margin-right: 20px;
		margin-bottom: 20px
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial3 .common-exhibition-vertical-item:nth-child(3n+3) {
		margin-right: 0
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial3 .common-exhibition-vertical-graphic img.mods-graphic-icon {
		width: 255px;
		height: 142px
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial3 .common-exhibition-vertical-graphic .mods-graphic-message {
		padding: 0 16px 16px;
		width: 255px
	}

	.main .container .common-exhibition .common-exhibition-vertical.msgSpecial3 .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-name {
		margin: 13px 0px 16px;
		height: 48px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item {
		padding-bottom: 21px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic {
		display: flex;
		align-items: center;
		border-radius: 6px;
		background: #fff;
		position: relative
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic img.mods-graphic-icon {
		width: 333px;
		height: 187px;
		background: #f5f6fa;
		border-radius: 6px 0 0 6px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-topIcon {
		width: 34px;
		height: 31px;
		position: absolute;
		top: 0;
		left: 10px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message {
		box-sizing: border-box;
		width: 470px;
		height: 187px;
		padding: 12px 16px 16px 16px;
		padding: 0 16px;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-name {
		font-size: 16px;
		color: #222236;
		line-height: 24px;
		margin-bottom: 9px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-desp {
		font-size: 14px;
		color: #656570;
		line-height: 20px;
		margin-bottom: 10px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend {
		display: flex;
		justify-content: space-between
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu {
		display: flex;
		align-items: center
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu img.mods-graphic-message-menu-icon {
		width: 15px;
		height: auto;
		margin-right: 8px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu span {
		font-size: 14px;
		color: #97979e;
		line-height: 14px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu:nth-child(2) img {
		width: 17px
	}

	.main .container .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item .common-exhibition-horizontal-graphic.active {
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,.08)
	}

	.main .container .common-more-btn {
		margin: 0 auto;
		width: 804px;
		height: 50px;
		padding-bottom: 15px
	}

	.main .container .common-more-btn .common-more-btn-txt {
		background: #eeecfe;
		border-radius: 25px;
		font-size: 18px;
		font-weight: bold;
		color: #5342f6;
		line-height: 50px;
		text-align: center
	}

	.main .container .common-more-txt {
		display: none;
		margin-top: 10px;
		margin-bottom: 30px;
		text-align: center
	}

	.main .container .common-more-txt span {
		font-size: 16px;
		color: #97979e;
		line-height: 16px
	}

	.main .container .common-more-loading {
		display: none;
		margin-top: 10px;
		text-align: center;
		padding-bottom: 15px
	}

	.main .container .common-more-loading img.common-more-loading-icon {
		width: 28px;
		height: 28px
	}

	.main .container .removed-data {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 55px 0 50px
	}

	.main .container .removed-data .removed-data-icon {
		width: 175px;
		height: 120px;
		margin-bottom: 28px
	}

	.main .container .removed-data p.removed-data-txt {
		font-size: 16px;
		color: #222236
	}

	.main .container .no-keyword {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 60px
	}

	.main .container .no-keyword .no-keyword-icon {
		width: 180px;
		height: auto;
		margin-bottom: 20px
	}

	.main .container .no-keyword p.no-keyword-txt {
		font-size: 16px;
		color: #222236
	}

	.main .container .aside {
		margin-top: 64px;
		margin-bottom: 50px
	}

	.main .container .aside .aside-content {
		background: #fff;
		padding-bottom: 30px;
		border-radius: 6px
	}

	.main .container .aside .aside-desp {
		padding: 26px 16px 0
	}

	.main .container .aside h3 {
		font-size: 18px;
		font-weight: bold;
		color: #222236;
		line-height: 24px;
		text-align: center
	}

	.main .container .aside p,.main .container .aside span {
		font-size: 14px;
		color: #656570;
		line-height: 24px
	}

	.main .container .aside .aside-desp p {
		margin: 22px 0 25px
	}

	.main .container .aside .aside-line {
		border-top: 1px solid #ebebeb;
		margin: 0 16px
	}

	.main .container .aside .floor {
		border-top: 1px solid #ebebeb;
		margin: 0 16px;
		width: 332px
	}

	.main .container .aside .floor .floor-main {
		padding-top: 30px
	}

	.main .container .aside .floor .floor-main .floor-main-brand {
		text-align: center
	}

	.main .container .aside .floor .floor-main .floor-main-brand .floor-main-brand-icon {
		margin-bottom: 15px
	}

	.main .container .aside .floor .floor-main .floor-main-brand .floor-main-brand-txt {
		text-align: center;
		margin: 18px 0 23px
	}

	.main .container .aside .floor .floor-main .floor-main-brand .floor-main-brand-txt>span {
		line-height: 14px
	}

	.main .container .aside .floor .floor-main .floor-main-Follow {
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
		margin-top: 18px
	}

	.main .container .aside .floor .floor-main .floor-main-Follow .item {
		margin-right: 25px;
		cursor: pointer
	}

	.main .container .aside .floor .floor-main .floor-main-Follow .item img {
		width: 46px;
		height: 46px
	}

	.main .container .aside .floor .floor-main .floor-main-Follow .item:last-child {
		margin-right: 0
	}

	.main .container .aside .floor .floor-main .floor-main-copyright {
		display: flex;
		justify-content: space-around;
		word-spacing: -1px;
		margin-bottom: 20px
	}

	.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt {
		cursor: pointer;
		position: relative
	}

	.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt span {
		line-height: 14px
	}

	.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt span.language-select-txt {
		color: #423fe4
	}

	.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt-a:hover,.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt:hover {
		color: #5342f6;
		text-decoration: underline
	}

	.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt-a:hover span,.main .container .aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt:hover span {
		color: #5342f6
	}

	.main .container .aside .floor .floor-main .floor-main-desp span {
		line-height: 20px;
		color: #97979e
	}

	.main .container .aside .floor .floor-main .floor-main-desp .domain-name-txt {
		color: #423fe4
	}

	.main .container .aside .floor .floor-main .floor-main-desp .domain-name-txt:hover {
		text-decoration: underline
	}
	.main .container .aside .friend-link {
	    display: flex;
	    gap: 10px;
	    color: #97979e;
	    font-size: 14px;
	    flex-direction: column;
	    align-items: center;
	}
	.main .container .aside .friend-link a{
	    color: #97979e;
    	font-size: 14px;
	}

	.language-layer {
		position: absolute;
		right: 0;
		bottom: 36px;
		z-index: 999999;
		display: none
	}

	.language-layer .language-layer-main {
		width: 100%;
		height: 100%
	}

	.language-layer .language-layer-main .language-layer-content {
		box-sizing: border-box;
		background: #fff;
		border-radius: 6px;
		padding: 20px 16px 0;
		box-shadow: 0px 0px 12px 2px rgba(125,125,125,.2)
	}

	.language-layer .language-layer-main .language-layer-content .language-layer-content-item {
		display: flex;
		align-items: center;
		padding-bottom: 20px;
		justify-content: space-between
	}

	.language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-graphic {
		display: flex;
		align-items: center
	}

	.language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-graphic img {
		width: 38px;
		height: 38px;
		background: #f5f6fa;
		border-radius: 50%
	}

	.language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-graphic .language-item-graphic-txt {
		font-size: 16px;
		color: #222236;
		line-height: 22px;
		width: 96px;
		margin: 0 29px 0 15px
	}

	.language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-check img {
		width: 17px;
		height: 13px;
		display: block
	}

	.language-layer .language-layer-main .language-layer-content .language-layer-content-item:hover .language-item-check img {
		display: block
	}

	.common-layer {
		display: none;
		position: absolute;
		top: 60px;
		top: 54px;
		right: -80px;
		z-index: 10002;
		background: #fff;
		box-shadow: 0px 1px 6px 0px rgba(24,24,24,.1);
		border-radius: 6px;
		cursor: pointer
	}

	.common-layer .common-layer-content {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 20px 0 0 0;
		max-height: 535px
	}

	.common-layer .common-layer-content .common-layer-item {
		margin: 0 20px 20px 20px;
		position: relative;
		font-size: 16px;
		line-height: 20px;
		color: #97979e;
		width: 280px;
		display: flex;
		align-items: center
	}

	.common-layer .common-layer-content .common-layer-item .layer-item-icon {
		width: 32px;
		height: 32px;
		background: #eee;
		border-radius: 6px;
		margin-right: 12px
	}

	.common-layer .common-layer-content .common-layer-item:hover,.common-layer .common-layer-content .common-layer-item.active {
		color: #5342f6
	}

	.game-layerTop-li:hover .nav-txt {
		color: #5342f6
	}

	.game-layerTop-li:hover .nav-txt .icon-arrow {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg)
	}

	.game-layerTop-li:hover .common-layer {
		display: block
	}

	.common-layer::-webkit-scrollbar {
		width: 4px
	}

	.common-layer::-webkit-scrollbar-track {
		box-shadow: inset 0 0 0px rgba(180,180,180,.5);
		border-radius: 10px
	}

	.common-layer::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: inset 0 0 0px rgba(180,180,180,.5);
		background-color: #e4e5e8
	}

	.back-top {
		position: absolute;
		bottom: -40px;
		right: 16px;
		bottom: -50px;
		right: -70px;
		cursor: pointer;
		display: none;
		width: 76px;
		height: 77px
	}

	.back-top img {
		width: 100%;
		height: 100%
	}

	.css-wap {
		display: none !important
	}
}

@media screen and (max-width: 600px) {
	.wrap {
		position: relative
	}

	.common-layer {
		display: none;
		position: fixed;
		bottom: 1rem;
		left: .625rem;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10002;
		background: rgba(0,0,0,.5);
		border: 1px solid #e5e5e5;
		border-radius: .125rem;
		cursor: pointer
	}

	.common-layer .common-layer-content {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		padding: 1.125rem .875rem 0;
		background: #fff;
		border-radius: .5rem;
		width: 92%;
		max-height: 94%;
		overflow: auto;
		margin: 1.25rem .8125rem 1rem;
		bottom: 0;
		position: fixed
	}

	.common-layer .common-layer-content .common-layer-content-delIcon {
		width: .8125rem;
		position: absolute;
		top: .5rem;
		right: .5rem
	}

	.common-layer .common-layer-content .common-layer-content-title {
		font-size: 1rem;
		font-weight: 500;
		color: #222236;
		text-align: center;
		margin-bottom: 1rem
	}

	.common-layer .common-layer-content .common-layer-cateItem {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem
	}

	.common-layer .common-layer-content .common-layer-cateItem span.common-layer-cateItem-txt {
		font-size: .9375rem;
		color: #222236;
		line-height: 1.3125rem;
		margin-right: 1rem
	}

	.common-layer .common-layer-content .common-layer-cateItem img.common-layer-cateItem-icon {
		width: 1.0625rem;
		height: 1.0625rem
	}

	.common-layer .common-layer-content .common-layer-cateItem:hover .common-layer-cateItem-txt,.common-layer .common-layer-content .common-layer-cateItem.active .common-layer-cateItem-txt {
		color: #5342f6
	}

	.header {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1000;
		height: 3.125rem;
		background: #fff;
		box-shadow: 0px 1px 0px 0px rgba(0,0,0,.04)
	}

	.header .header-main {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%
	}

	.header .header-main .nav {
		width: 1.3125rem;
		height: .9375rem;
		display: flex;
		position: absolute;
		left: .8125rem
	}

	.header .header-main .nav img.nav-icon {
		width: 100%;
		height: 100%
	}

	.header .header-main .logo-icon {
		width: 10.875rem;
		height: .9375rem
	}

	.header .header-main .nav-search {
		width: 1.125rem;
		height: 1.125rem;
		display: flex;
		position: absolute;
		right: .8125rem;
		bottom: 1.125rem
	}

	.header .header-main .nav-search img.nav-search-icon {
		width: 100%;
		height: 100%
	}

	.header-layer {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0,0,0,.5);
		z-index: 999999;
		display: none
	}

	.header-layer .header-layer-content {
		width: 17.625rem;
		height: 100%;
		background: #fff
	}

	.header-layer .header-layer-content .header-layer-head {
		width: 100%;
		height: 3.125rem;
		display: flex;
		align-items: center;
		background: #f5f6fa;
		border-bottom: 1px solid rgba(149,149,149,.1)
	}

	.header-layer .header-layer-content .header-layer-head .header-layer-head-icon {
		width: 1rem;
		height: 1rem;
		padding-left: .8125rem
	}

	.header-layer .header-layer-content .nav {
		margin: 0 .6875rem 0 .875rem
	}

	.header-layer .header-layer-content .nav .header-tab {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 2.8125rem
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-left a {
		display: flex;
		align-items: center
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-left a img.nav-headIcon {
		width: .875rem;
		height: .875rem;
		margin-right: .5rem
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-left a img.nav-gameIcon {
		width: .9375rem;
		height: .8125rem
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-left a img.nav-newsIcon {
		width: .8125rem;
		height: .875rem
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-left a .nav-txt {
		font-size: 1rem;
		font-weight: 500;
		color: #222236;
		line-height: 1rem
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-left a .nav-txt.active {
		color: #5342f6
	}

	.header-layer .header-layer-content .nav .header-tab .header-tab-right img.nav-menuIcon {
		width: .5625rem;
		height: .5625rem
	}

	.header-layer .header-layer-content .nav .common-layer-game {
		padding-left: .5rem
	}

	.header-layer .header-layer-content .nav .common-layer-game .common-layer-content .common-layer-item {
		display: flex;
		margin: .375rem 0 .875rem;
		align-items: center
	}

	.header-layer .header-layer-content .nav .common-layer-game .common-layer-content .common-layer-item .mark-dot {
		width: .25rem;
		height: .25rem;
		background: #eff0f4;
		border-radius: 50%;
		margin-right: .5rem;
		margin-top: .125rem
	}

	.header-layer .header-layer-content .nav .common-layer-game .common-layer-content .common-layer-item .layer-item-icon {
		width: 1.375rem;
		height: 1.375rem;
		background: #f5f6fa;
		border-radius: .3125rem;
		margin-right: .375rem
	}

	.header-layer .header-layer-content .nav .common-layer-game .common-layer-content .common-layer-item .language-name {
		font-size: .875rem;
		color: #656570;
		line-height: 1.125rem
	}

	.header-layer .header-layer-content .nav .common-layer-game .common-layer-content .common-layer-item.active .language-name {
		color: #5342f6
	}

	.header-layer .header-layer-content .nav .common-layer-game a:last-child .common-layer-item {
		margin: .375rem 0 .375rem
	}

	.header-layer .header-layer-content-closeArea {
		width: 5.75rem
	}

	.main {
		padding-top: 3.125rem;
		background-color: #f9f9f9
	}

	.main .container .main-side {
		padding: 0 .875rem
	}

	.main .container section.main-content .common-title {
		display: flex;
		justify-content: space-between;
		margin: 1rem 0 .875rem
	}

	.main .container section.main-content .common-title .common-title-txt {
		font-size: .9375rem;
		font-weight: bold;
		color: #222236
	}

	.main .container section.main-content .common-title .common-title-icon {
		width: .3125rem;
		height: .625rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-item {
		border: .0625rem solid #f5f6fa;
		background: #fff;
		border-radius: .125rem;
		margin-bottom: .5625rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic {
		display: flex;
		flex-direction: column;
		position: relative
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic img.mods-graphic-icon {
		width: auto;
		height: 12.1875rem;
		background: #f9f9ff;
		border-radius: .125rem .125rem 0 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-title {
		position: absolute;
		bottom: 2.5625rem;
		bottom: 2.75rem;
		left: 0;
		width: 100%;
		height: 2.125rem;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0));
		border-radius: 0px 0px .125rem .125rem;
		display: flex;
		align-items: center
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-title .mods-graphic-title-icon {
		margin: 0 .5625rem 0 .4375rem;
		width: 1.375rem;
		height: 1.375rem;
		border-radius: .3125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-title .mods-graphic-title-txt {
		font-size: .9375rem;
		color: #f5f6fa
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message {
		margin: .875rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu {
		display: flex;
		align-items: center
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.dnIcon {
		width: .75rem;
		height: .75rem;
		margin: 0 .3125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu img.message-menu-icon-mod {
		width: 2.125rem;
		height: .6875rem;
		margin-right: .25rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu span {
		font-size: .8125rem;
		color: #97979e;
		line-height: .5rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .message-menu-txt {
		font-size: .9375rem;
		font-weight: bold;
		font-style: italic;
		color: #d3dbf5;
		line-height: 1rem;
		margin: 0 .5rem 0 .25rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .message-menu-icon-line {
		width: 2.5625rem;
		height: .125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item {
		padding: .3125rem;
		margin: 0 .5rem 1px;
		background: #f9f9f9
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic {
		display: flex;
		align-items: center
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic img.recommend-item-graphic-icon {
		width: 4.6875rem;
		height: 2.6875rem;
		background: #eeeff4
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic .recommend-item-graphic-title {
		margin: 0 .5625rem 0 .4375rem;
		width: 14.75rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .recommend-item .recommend-item-graphic .recommend-item-graphic-title .mods-graphic-title-txt {
		font-size: .8125rem;
		color: #222236;
		line-height: 1.125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .common-more-btn {
		height: unset;
		background: #fff;
		padding: .8125rem 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-mod .common-recommend-mod-content .common-more-btn .common-more-btn-txt {
		font-size: .8125rem;
		font-weight: 400;
		line-height: .8125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical .common-recommend-desp .common-recommend-mod-content {
		font-size: .875rem;
		color: #222236;
		line-height: 1.25rem;
		padding: 0 .4375rem;
		margin-bottom: .3125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: .5625rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic {
		width: 10.5625rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic img.mods-graphic-icon {
		width: auto;
		height: 5.9375rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message {
		display: flex;
		margin: .4375rem .4375rem .5625rem;
		flex-direction: column
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-name {
		margin-bottom: .4375rem;
		font-size: .875rem;
		color: #222236;
		line-height: 1.1875rem;
		height: 2.375rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon {
		margin: 0 .3125rem 0 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.timeIcon {
		height: .8125rem;
		width: .8125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.dnIcon {
		width: .75rem;
		height: .75rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.msgSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu span {
		font-size: .8125rem;
		color: #97979e;
		line-height: .8125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic {
		margin-bottom: 1.0625rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-topIcon {
		width: 1.75rem;
		height: 1.4375rem;
		position: absolute;
		left: .375rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message {
		display: flex;
		flex-direction: column;
		padding: .625rem .4375rem .625rem;
		margin: 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-name {
		font-size: .9375rem;
		font-weight: 500;
		color: #222236;
		line-height: 1.125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-desp {
		margin: .5rem 0 .625rem;
		font-size: .8125rem;
		line-height: 1rem;
		max-height: 4rem;
		color: #656570
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon {
		margin: 0 .3125rem 0 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.timeIcon {
		height: .8125rem;
		width: .8125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-vertical.similarSpecial .common-exhibition-vertical-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.viewIcon {
		width: auto;
		height: .75rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-item {
		background: #fff;
		margin-bottom: .5625rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic {
		display: flex;
		flex-direction: column;
		position: relative
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic img.mods-graphic-icon {
		width: 21.75rem;
		height: 12.1875rem;
		border-radius: .125rem .125rem 0 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message {
		padding: 0 .4375rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-name {
		font-size: .9375rem;
		font-weight: bold;
		color: #222236;
		line-height: .9375rem;
		margin: .6875rem 0
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-desp {
		font-size: .8125rem;
		color: #656570
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend {
		display: flex;
		justify-content: space-between;
		margin: .6875rem 0 .6875rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu {
		display: flex;
		align-items: center
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon {
		margin-right: .3125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.timeIcon {
		height: .8125rem;
		width: .8125rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu .mods-graphic-message-menu-icon.viewIcon {
		width: auto;
		height: .75rem
	}

	.main .container section.main-content .common-exhibition .common-exhibition-horizontal .common-exhibition-horizontal-graphic .mods-graphic-message .mods-graphic-message-extend .mods-graphic-message-menu span {
		font-size: .8125rem;
		color: #97979e
	}

	.main .container section.main-content .common-more-txt {
		display: none;
		text-align: center
	}

	.main .container section.main-content .common-more-txt span {
		font-size: .8125rem;
		color: #97979e;
		line-height: 2.25rem
	}

	.main .container section.main-content .common-more-btn {
		height: 2.25rem;
		background: #eeecfe;
		border-radius: 1.125rem;
		margin: 0 auto
	}

	.main .container section.main-content .common-more-btn .common-more-btn-txt {
		text-align: center;
		font-size: .9375rem;
		font-weight: bold;
		color: #5342f6;
		line-height: 2.25rem
	}

	.main .container section.main-content .common-more-loading {
		text-align: center;
		height: 1.25rem;
		padding: .5rem 0;
		display: none
	}

	.main .container section.main-content .common-more-loading .common-more-loading-icon {
		width: 1.25rem
	}

	.main .container section.main-content .removed-data {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 4.6875rem 0 3.75rem;
		padding-bottom: 2.5625rem
	}

	.main .container section.main-content .removed-data .removed-data-icon {
		width: 6.75rem;
		height: 4.625rem;
		margin-bottom: .8125rem
	}

	.main .container section.main-content .removed-data p.removed-data-txt {
		font-size: .875rem;
		color: #656570;
		line-height: .875rem;
		text-align: center
	}

	.main .container section.main-content .no-keyword {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 4.6875rem 0 3.75rem
	}

	.main .container section.main-content .no-keyword .no-keyword-icon {
		width: 6.0625rem;
		height: 4.5rem;
		margin-bottom: 1.125rem
	}

	.main .container section.main-content .no-keyword p.no-keyword-txt {
		font-size: .875rem;
		color: #656570;
		line-height: .875rem
	}

	.main .container section.main-content:nth-child(2) .common-title {
		margin-top: 1.1875rem
	}

	.main .container aside.aside {
		margin-top: .625rem;
		padding: 0 .875rem;
		background: #fff
	}

	.main .container aside.aside h3 {
		padding: 1rem 0 .625rem;
		text-align: center;
		font-size: 1.125rem;
		font-weight: bold;
		color: #222236;
		line-height: 1.1875rem
	}

	.main .container aside.aside p,.main .container aside.aside span {
		font-size: .8125rem;
		color: #656570;
		line-height: 1.1875rem
	}

	.main .container aside.aside .aside-line {
		margin-top: .875rem;
		border-top: 1px solid #ebebeb
	}

	.main .container aside.aside .floor {
		padding-bottom: .875rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-brand {
		text-align: center
	}

	.main .container aside.aside .floor .floor-main .floor-main-brand .floor-main-brand-icon {
		margin: 1.125rem 0 .6875rem;
		width: 8.875rem;
		height: .9375rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-Follow {
		display: flex;
		justify-content: center;
		margin: .625rem 0 .75rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-Follow .item {
		margin-right: .9375rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-Follow .item img {
		width: 2.1875rem;
		height: 2.1875rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-Follow .item:last-child {
		margin-right: 0
	}

	.main .container aside.aside .floor .floor-main .floor-main-copyright {
		display: flex;
		justify-content: space-around;
		margin-bottom: .625rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt {
		position: relative
	}

	.main .container aside.aside .floor .floor-main .floor-main-copyright .floor-main-copyright-txt span {
		font-size: .75rem;
		color: #222236;
		line-height: 1.1875rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-copyright span.language-select-txt {
		color: #5342f6
	}

	.main .container aside.aside .floor .floor-main .language-layer {
		position: absolute;
		right: 0;
		bottom: 1.625rem;
		z-index: 999999;
		display: none
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main {
		width: 100%;
		height: 100%
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main .language-layer-content {
		padding: .875rem .625rem 0;
		box-sizing: border-box;
		background: #fff;
		border-radius: .375rem;
		box-shadow: 0px 0px .75rem .125rem rgba(125,125,125,.2)
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main .language-layer-content .language-layer-content-item {
		display: flex;
		align-items: center;
		padding-bottom: .875rem;
		justify-content: space-between
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-graphic {
		display: flex;
		align-items: center
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-graphic img {
		height: 1.75rem;
		width: 1.75rem;
		background: #f5f6fa;
		border-radius: 50%
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-graphic .language-item-graphic-txt {
		font-size: .875rem;
		color: #222236;
		line-height: 1.125rem;
		margin: 0 1.6875rem 0 .5625rem
	}

	.main .container aside.aside .floor .floor-main .language-layer .language-layer-main .language-layer-content .language-layer-content-item .language-item-check img {
		width: .625rem;
		height: .4375rem
	}

	.main .container aside.aside .floor .floor-main .floor-main-desp span {
		color: #97979e
	}

	.main .container aside.aside .floor .floor-main .floor-main-desp span .domain-name-txt {
		color: #423fe4
	}

	.download-main-floor {
		font-size: .5625rem;
		font-weight: 300;
		color: #2c3847;
		text-align: center;
		padding-bottom: .4rem
	}

	.back-top {
		display: none;
		position: fixed;
		bottom: 6.25rem;
		right: .125rem;
		cursor: pointer;
		display: none
	}

	.back-top img {
		width: 3.75rem;
		height: 3.75rem
	}

	.css-pc {
		display: none !important
	}
}

html[class*=common-rtl] {
	direction: rtl
}

html[class*=common-rtl] .fl {
	float: right
}

html[class*=common-rtl] .fr {
	float: left
}/*# sourceMappingURL=basic.css.map */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}