:root {
    --pm-c: #02A76C;
}
/*隐藏类*/
.hide {
	display: none !important;
}
/*隐藏遮罩*/
#aq-model{
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff url(/themes/default/404.png) no-repeat center;
}
/*应用信息样式*/
#app_info{
	margin: 20px 0
}
#app_info li {
	display: inline-block;
	width: 33.33%;
	
}
#app_info li b {
	cursor: pointer;
}
#app_info_cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	text-align: center;
	z-index: 9999
}
#app_info_cover .app_info_main {
	background: #fff;
	width: 520px;
	margin: auto;
	margin-top: 100px;
	border-radius: 8px;
	overflow: hidden;
}
#app_info_cover .app_info_title {
	background: #5CA8F6;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
#app_info_cover .app_info_body {
	padding: 20px;
	height: 320px;
	overflow-y: scroll;
	text-align: left;
}
#app_info_cover .app_info_close {
	margin: 20px;
	font-size: 17px;
	color: #fff;
	background: #5CA8F6;
	line-height: 48px;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-top: 30px;
}

@media (max-width: 760px) {
	#app_info li {
		width: 100%;
		margin-top: 10px;
	}
	#app_info_cover .app_info_main {
		width: 98%;
	}
	#app_info_cover .app_info_close {
		font-size :16px;
		line-height: 42px;
	}
}

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* 解决IOS默认滑动很卡的情况 */
	-webkit-overflow-scrolling: touch;
}

/*修改UIKIT框架自带样式*/
body,
html {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei';
	background-color: #F6FCF9;
}

.bg-f {
	background-color: #ffffff;
}

.uk-container {
	box-sizing: border-box;
	padding: 0px;
}

.w360 {
	width: 360px;
}

.w400 {
	width: 400px;
}

a,
a:hover {
	text-decoration: none;
}

ol,
ul,
p {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*图片高清*/
img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	object-fit: cover;
}

/*边框样式*/
.b-a {
	border: 1px solid var(--br-c) !important;
}

.b-b {
	border-bottom: 1px solid var(--br-c) !important;
}

.b-t {
	border-top: 1px solid var(--br-c) !important;
}

.b-l {
	border-left: 1px solid var(--br-c) !important;
}

.b-r {
	border-right: 1px solid var(--br-c) !important;
}

/* 虚线上边框 */
.b-t-dashed {
	border-top: 1px dashed var(--br-c) !important;
}

/* 虚线下边框 */
.b-b-dashed {
	border-bottom: 1px dashed var(--br-c) !important;
}

/* 内边距  */
.p-a-0 {
	padding: 0px;
}

.p-a-5 {
	padding: 5px;
}

.p-a-10 {
	padding: 10px;
}

.p-a-15 {
	padding: 15px;
}

.p-a-20 {
	padding: 20px;
}

.p-a-25 {
	padding: 25px;
}

.p-a-30 {
	padding: 30px;
}

/* 内上边距 */
.p-t-0 {
	padding-top: 0px !important;
}

.p-t-5 {
	padding-top: 5px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-30 {
	padding-top: 30px;
}

/* 内下边距 */
.p-b-0 {
	padding-bottom: 0px !important;
}

.p-b-5 {
	padding-bottom: 5px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-30 {
	padding-bottom: 30px !important;
}

/* 内右边距 */
.p-r-0 {
	padding-right: 0px;
}

.p-r-5 {
	padding-right: 5px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-15 {
	padding-right: 15px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-r-30 {
	padding-right: 30px;
}

/* 内左边距 */
.p-l-0 {
	padding-left: 0px;
}

.p-l-5 {
	padding-left: 5px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-20 {
	padding-left: 20px;
}

.p-l-30 {
	padding-left: 30px;
}

/*圆角样式*/
.b-r-4 {
	border-radius: 4px !important;
}

.b-r-6 {
	border-radius: 6px !important;
}

.b-r-8 {
	border-radius: 8px !important;
}

.b-r-10 {
	border-radius: 10px !important;
}

.b-r-12 {
	border-radius: 12px !important;
}

.b-r-24 {
	border-radius: 24px !important;
}

/* 上外边距 */
.m-t-0 {
	margin-top: 0px !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

/* 下外边距 */
.m-b-0 {
	margin-bottom: 0px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

/* 左外边距 */
.m-l-0 {
	margin-left: 0px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-l-20 {
	margin-left: 20px !important;
}

.m-l-25 {
	margin-left: 25px !important;
}

.m-l-30 {
	margin-left: 30px !important;
}

/* 右外边距 */
.m-r-0 {
	margin-right: 0px !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-r-25 {
	margin-right: 25px !important;
}

.m-r-30 {
	margin-right: 30px !important;
}

/* 溢出2行省略号 */
.line-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}

/* 溢出3行省略号 */
.line-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}

/* 溢出4行省略号 */
.line-4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
}

/*伪类居中*/
/* 增加伪类 前置 */
.before-middle {
	position: relative;
}

.before-middle::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

/* 增加伪类 后置 */
.after-middle {
	position: relative;
}

.after-middle::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.after-center {
	position: relative;
}

.after-center::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}

/* 分页 */
.pagination {
	margin: 60px 0 40px 0;
	text-align: center;
}

.pagination .page-item {
	display: inline-block;
	margin: 5px;
	font-size: 13px;
	border: 1px solid var(--br-c);
	color: #999999;
	background: #fff;
}

.pagination .active span {
	background: var(--pm-c);
	color: #fff;
}

.pagination .page-item:hover {
	background: var(--pm-c);
	color: #fff;
}

.pagination .page-item .page-link {
	display: block;
	padding: 6px 12px;
	border: 1px solid transparent;
}

.pagination li a {
	display: inline-block;
	color: #999999;
}

.pagination li a:hover {
	background: var(--pm-c);
	color: #fff;
	border: 1px solid var(--pm-c) !important;
}

/* 评分 */
.star {
	height: 15px;
	width: 80px;
	display: inline-block;
	background: url(../images/icon-star-bg.png) repeat-x 15px / contain;
	vertical-align: text-top;
}

.star:before {
	content: "";
	display: block;
	background: url(../images/icon-star.png) repeat-x 15px / contain;
	height: 15px;
}

.star-1:before {
	width: 16px;
}

.star-2:before {
	width: 30px;
}

.star-3:before {
	width: 48px;
}

.star-4:before {
	width: 64px;
}

.star-5:before {
	width: 80px;
}

/* 评分2 */
.star1 {
	height: 12px;
	width: 60px;
	display: inline-block;
	background: url(../images/icon_star_bg.png) repeat-x 12px / contain;
	vertical-align: text-top;
}

.star1:before {
	content: "";
	display: block;
	background: url(../images/icon_star.png) repeat-x 12px / contain;
	height: 12px;
}

.star1-1:before {
	width: 12px;
}

.star1-2:before {
	width: 24px;
}

.star1-3:before {
	width: 36px;
}

.star1-4:before {
	width: 48px;
}

.star1-5:before {
	width: 60px;
}

/*面包屑导航*/
.crumbs {
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #F3F1F1;
	padding-bottom: 12px;
}

.crumbs a {
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #999;
}

.crumbs a::after {
	content: ">";
}

/* 平台 安卓 苹果 图标显示 */
.platform i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.platform .az_ {
	background-image: url(../images/az_.png);
	margin-right: 5px;
}

.platform .az {
	background-image: url(../images/az.png);
	margin-right: 5px;
}

.platform .ios_ {
	background-image: url(../images/ios_.png);
}

.platform .ios {
	background-image: url(../images/ios.png);
}

/* 公共标题 */
.module-title {
	position: relative;
	height: 24px;
	line-height: 24px;
}

.module-title .title {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	letter-spacing: 2px;
	line-height: 24px;
	padding-left: 30px;
}

.module-title .more {
	display: block;
	line-height: 24px;
	letter-spacing: 1px;
	color: #999999;
	font-size: 12px;
}

.module-title .title::before {
	display: inline-block;
	width: 24px;
	height: 16px;
	background: url('../images/title.png') no-repeat center/contain;
	left: 0;
}

/*默认图标尺寸*/
.item .icon {
	margin: 0 auto;
	overflow: hidden;
}

.item .icon img {
	width: 100%;
	height: 100%;
}

/* 默认缩略图尺寸 */
.item .thumb img {
	width: 100%;
	height: 100%;
}

.item:hover .title,
.list:hover .title,
ul li:hover .title {
	color: var(--pm-c);
}

/* 默认的一些文字大小和颜色 */
.info {
	flex: 1;
	overflow: hidden;
}

.info .title {
	font-size: 14px;
	color: #333;
	display: block;
}

.info .title:hover {
	color: var(--pm-c);
}

.info .text {
	font-size: 14px;
	color: #666;
}

.info .time {
	font-size: 12px;
	color: #999;
}

.title {
	display: block;
	font-size: 16px;
	color: #333333;
}

.text {
	font-size: 14px;
	color: #888888;
}

/* list 样式 */
.list-container li {
	margin-bottom: 18px;
}

.list-container li .title {
	padding-left: 12px;
	font-size: 14px;
    color: #333333;
}

.list-container li .title::before {
	display: inline-block;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: var(--pm-c);
}

.list-container li .time {
	font-size: 12px;
	color: #999;
	margin-left: 5px;
}

.list-container li .dot {
	display: block;
	width: 6px;
	height: 6px;
	background-color: #E1E1E1;
}

.list-container li .dot_ {
	display: block;
	width: 6px;
	height: 6px;
	background-color: var(--pm-c);
}

.list-container li .tag {
	font-size: 14px;
	letter-spacing: 1px;
	color: #999999;
}

/* 公共头部样式 */
.header {
	padding-top: 33px;
	box-sizing: border-box;
	background-color: #fff;
}

.header-top {
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
}

.header .logo {
	display: block;
	width: 160px;
	height: auto;
	margin-right: 30px;
}

.header .search {
	width: 269px;
	height: 34px;
	border: solid 1px var(--pm-c);
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
}

.header .search .search_input {
	height: 100%;
	border: none;
	outline: medium;
	vertical-align: top;
	width: 215px;
	height: 46px;
	line-height: 46px;
	color: #999999;
	font-size: 12px;
	background-color: #ffffff;
	text-indent: 10px;
}

.search-input:-webkit-input-placeholder {
	color: #C8C8C8;
	font-size:12px;
}

.search-input:-moz-input-placeholder {
	color: #C8C8C8;
	font-size:12px;
}

.search-input:-ms-input-placeholder {
	color: #C8C8C8;
	font-size:12px;
}

.header .search .search-btn {
	width: 54px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border: none;
	float: right;
	cursor: pointer;
	background-color: var(--pm-c);
}

.header .nav {
	position: relative;
	background: linear-gradient( 90deg, #76EB88 0%, #01A66C 100%);
	height: 50px;
	line-height: 50px;
	margin-top: 33px;
}

.header .nav ul{}

.header .nav li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 36px;
	box-sizing: border-box;
}

.header .nav li a {
	display: block;
	font-size: 15px;
	color: #fff;
}

.header .nav li:hover,
.header .nav li.active {
	background: rgba(255,255,255,0.3);
}

.header .nav li:hover a,
.header .nav li.active a {
	font-weight: bold;
}

/* 公共尾部样式 */
.footer {
	background-color: #333;
	padding: 35px 0;
	font-size: 14px;
	color: #999;
	text-align: center;
}

.footer ul {
	margin-bottom: 20px;
	justify-content: center;
}

.footer ul li {
	line-height: 1;
	padding: 0 10px;
	border-left: 1px solid #999;
	letter-spacing: 1px;
}

.footer ul li a {
	font-size: 14px;
	color: #999999;
}

.footer ul li:first-child {
	border-left: 0;
}

.footer p {
	margin-top: 10px;
}

.footer a {
	font-size: 14px;
	color: #999999;
}

/* 友情链接 */
.index-link{
	overflow: hidden;
}
.index-link .link-list {
	float: left;
	margin-top: 20px;
}

.index-link .link-list a{
	display: inline-block;
	font-size: 14px;
	color: #888888;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.index-link .link-list a:hover {
	color: var(--pm-c) !important;
}

.index-link .link-list a::after {
	content: '|';
	display: inline-block;
	color: #888888;
	margin-left: 10px;
	margin-right: 5px;
}

.index-link .link-list a:last-child::after {
	display: none;
}

/* 首页内容区域 */
/* 公共容器样式 */
.warpper{
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

/* 资讯推荐 */
.index_recom_news .item {
	position: relative;
	width: 222px;
	height: 140px;
}
.index_recom_news .item .thumb{
	width: 222px;
	height: 140px;
}
.index_recom_news .item .title{
	position: absolute;
	top: 0;
	z-index: 22;
	font-size: 14px;
	color: #FFFFFF;
	height: 100px;
	line-height: 36px;
	padding: 30px;
	box-sizing: border-box;
	display: none;
}
.index_recom_news .item::before{
	content: '';
	display: none;
    position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 11;
}
.index_recom_news .item:hover .title{
	display: -webkit-box;
}
.index_recom_news .item:hover::before{
	display: block;
}
/* 推荐游戏 */
.index_recom_game{
 display: flex;
 justify-content: space-between;
 margin-top: 25px;
}
.index_recom_game .item{
  text-align: center;
  width: 80px;
  justify-content: center;
}
.index_recom_game .item .icon{
	width: 70px;
	height: 70px;
	border-radius: 15px;
	overflow: hidden;
}
.index_recom_game .item .title{
	font-size: 14px;
	color: #333;
	margin: 10px auto;
}
.index_recom_game .item .size{
	font-size: 12px;
	color: #999999;
}
.index_recom_game .item .down{
	display: block;
    width: 66px;
	height: 28px;
	line-height: 26px;
	border-radius: 4px;
	border: 1px solid var(--pm-c);
	margin: 15px  auto 0;
	font-size: 12px;
	color: var(--pm-c);
	padding-left: 15px;
	text-align: left;
	background: url('../images/icon_jt.png') no-repeat  45px 10px/contain;
	background-size: 13px 7px;
	box-sizing: border-box;
}
.index_recom_game .item:hover .title{
	color: var(--pm-c);
}

.index_catList{
	margin: 32px 0 36px;
}
.index_catList ul {
	list-style: none;
	margin-top: 18px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}

.index_catList ul:first-child {
	margin-top: 0;
}

.index_catList ul li {
	margin-right: 6px;
	padding-right: 12px;
}

.index_catList ul li:first-child {
	width:40px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	margin-right: 10px;
	border-radius: 4px;
}

.index_catList ul li:first-child span {
	font-size: 12px;
    color: #FFFFFF;
	box-sizing: border-box;
}

.index_catList ul:nth-of-type(1) li:first-child{
	background: #FFA723;
}

.index_catList ul:nth-of-type(2) li:first-child{
	background: #1DB773;
}

.index_catList ul li .title{
	font-size: 12px;
	color: #888;
}
.index_catList ul li:hover .title{
	color: var(--pm-c);
}
.index_catList ul li::after {
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 12px;
	background: #888;
}

.index_catList ul li:first-child {
	padding-right: 0;
}

.index_catList ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.index_catList ul li:first-child:after {
	display: none;
}

.index_catList ul li i {
	line-height: 0;
	margin: 0 20px;
}
/* 今日要闻 */
.index_jr_news .tig_title{
   width: 360px;
   height: 60px;
   margin-bottom: 30px;
   background: url('../images/title_jryw.png') no-repeat center/cover;
}
.index_jr_news ul{
	border-left: 1px solid #EFEFEF;
	padding-left: 18px;
}
.index_jr_news ul li{
   margin-bottom: 18px;
   position: relative;
}
.index_jr_news ul li:last-child{
	margin-bottom: 0;
}
.index_jr_news ul li::before{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	border: 2px solid #EFEFEF;
	position: absolute;
	top: 2px;
	left: -23px;
	background: #FFFFFF;
}
.index_jr_news ul li .score{
	display: block;
	width: 48px;
	height: 20px;
	line-height: 20px;
	background: linear-gradient( 90deg, #76EB88 0%, #01A66C 100%);
	border-radius: 6px 6px 0px 6px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 10px;
	align-self: baseline;
}
.index_jr_news ul li .score::before{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: url('../images/score.png') no-repeat center 2px/contain;
}
.index_jr_news ul li .title{
	font-size: 14px;
    color: #333333;
}

.index_jr_news ul li .text{
	font-size: 12px;
	color: #999999;
	margin: 14px 0 12px;
}
.index_jr_news ul li .time{
	font-size: 12px;
	color: #999999;
}
.index_jr_news ul li:hover::before{
	border-color: var(--pm-c);
}
.index_latest_top .title{
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.index_latest_top .title:hover{
	color: var(--pm-c);
}
.index_latest_top .text{
	font-size: 12px;
	color: #999999;
	line-height: 36px;
	margin: 10px 0 12px;
}
.index_latest ul li {
	margin-bottom: 25px;
}
.index_latest ul li:first-child {
	border-top: 1px dashed #E5E5E5;
	padding-top: 24px;
}
.index_latest ul li:nth-child(6) {
	border-top: 1px dashed #E5E5E5;
	padding-top: 24px;
}
.index_latest ul li:hover .dot{
	background: var(--pm-c);
}
/* 轮播图 */
.index_slide {
	width: 334px;
	margin-bottom: 22px;
}

.index_slide .slider {
	width: 100%;
	height: 202px;
}

.index_slide .slider .slide {
	width: 100%;
	height: 100%;
	margin-left: 0;
}

.index_slide .slider li {
	padding-left: 0;
}

.index_slide .slider li .thumb {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.index_slide .slider li .title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 33px;
	line-height: 33px;
	background: rgba(0, 0, 0, .5);
	font-size: 14px;
	color: #fff;
	padding: 0 15px;
	display: block;
	text-align: center;
	box-sizing: border-box;
}

.index_slide .slider .slideNav {
	position: absolute;
	bottom: 24px;
	width: 100%;
	margin-left: 0px;
}

.index_slide .slider .slideNav li {
	margin-right: 5px;
	padding-left: 0;
}

.index_slide .slider .slideNav li:last-child {
	margin-right: 0;
}

.index_slide .slider .slideNav li a {
	width: 6px;
	height: 6px;
	background: #999;
	display: block;
	border-radius: 50%;
	border: none;
}

.index_slide .slider .slideNav li.uk-active a {
	background-color: var(--pm-c);
}

.index_hot_news .item{
	background: #F9F9F9;
	margin-top: 38px;
	padding: 14px;
}
.index_hot_news .item .icon{
	width: 70px;
	height: 70px;
	border-radius: 10px;
	margin-top: -28px;
}
.index_hot_news .item .title{
	font-size: 14px;
	color: #333333;
	margin-left: 12px;
}
.index_hot_news .item:hover .title{
	color: var(--pm-c);
}
.index_hot_news .item .text{
	font-size: 12px;
	color: #999999;
    margin-top: 10px;
}
/* 游戏安利墙 */
.index_game_alq{
	padding: 50px  25px 44px;
	background: url('../images/bg_yxalq.png') no-repeat center/cover;
}
.index_game_alq .big_title{
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	text-align: center;
	padding-bottom: 45px;
}

.index_game_alq .big_title::before{
	content: '';
	display: inline-block;
	width: 89px;
	height: 17px;
	margin: 0 8px;
	background: url('../images/icon_yxalq_l.png') no-repeat center 2px/contain;
}

.index_game_alq .big_title::after{
	content: '';
	display: inline-block;
	width: 89px;
	height: 17px;
	margin: 0 8px;
	background: url('../images/icon_yxalq_r.png') no-repeat center 2px/contain;
}

.index_game_alq .item{
	background-color: #fff;
	padding: 30px 25px;
	text-align: center;
}

.index_game_alq .item .icon{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.index_game_alq .item .title{
	font-size: 15px;
	color: #333333;
	margin: 16px auto;
	text-align: center;
}
.index_game_alq .item:hover .title{
	color: var(--pm-c);
}

.index_game_alq .item .text{
	font-size: 12px;
	color: #999999;
	line-height: 26px;
    margin: 30px 0 10px;
}
 
.index_game_alq .item .desc{
    position: relative;
}
.index_game_alq .item .desc::before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -12px;
	top: -12px;
	background: url('../images/icon_text_l.png') no-repeat center 2px/contain;
}
.index_game_alq .item .desc::after{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -12px;
	bottom: -12px;
	background: url('../images/icon_text_r.png') no-repeat center/contain;
}
/* 手游下载 */
.index_game{
	margin: 25px 0;
}

.index_game_channel li {
    margin-right: 10px;
}
.index_game_channel li a{
	display: block;
	height: 36px;
	line-height: 36px;
	padding:0 32px;
	background: #F9F9F9;
	border-radius: 4px;
	font-size: 14px;
    color: #666666;
}
.index_game_channel li.active a{
	color: var(--pm-c);
	background: #F4F9F8;
}
.index_game .item{
 margin-top: 18px;
}
.index_game .item .icon{
	width: 80px;
	height: 80px;
	border-radius: 10px;
}
.index_game .item .title{
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
}
.index_game .item:hover .title{
	color: var(--pm-c);
}
.index_game .item .type{
	display: inline-block;
	margin-right: 6px;
	padding: 0 8px;
	height: 22px;
	line-height: 20px;
	border: 1px solid #EEEEEE;
	font-size: 12px;
	color: #666;
	margin-top: 8px;
}

/* 游戏资讯 */
.index_game_zx{

}
.index_game_zx .item .thumb{
	width: 179px;
	height: 126px;
	border-radius: 2px;
}
.index_game_zx .item .title{
	font-size: 14px;
	color: #666666;
	text-align: center;
}
.index_game_zx ul{
	border-top: 1px dashed #E5E5E5;
}
.index_game_zx ul li:last-child{
	margin-bottom: 0;
}
/* 新游动态 */
.index_xy_dt{
	width: 410px;
	margin: 0 22px
}
.index_xy_dt .list{
	background: #F9F9F9;
	margin-top: 30px;
	position: relative;
	padding: 18px 14px 16px;
}

.index_xy_dt .list .time{
	position: absolute;
	left: 0px;
	top: -12px;
	font-size: 12px;
	color: #fff;
	width: 60px;
	height: 24px;
	line-height: 24px;
	background: url('../images/bg_title.png') no-repeat center/contain;
	padding-left: 12px;
    box-sizing: border-box;
}
.index_xy_dt .list .title{
	font-size: 14px;
	color: #000;
}
.index_xy_dt .list .text{
	font-size: 12px;
	color: #999999;
	margin-top: 12px;
}
.index_xy_dt .list .down{
	display: inline-block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	border: 1px solid var(--pm-c);
	font-size: 13px;
    color: var(--pm-c);
	margin-left: 15px;
	text-align: center;
}
.index_xy_dt .list:hover .down{
	background-color: var(--pm-c);
	color: #fff;
}
/* 热门攻略 */
.index_hot_gl{
	width: 335px;
}
.index_hot_gl .item{
	margin-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #E5E5E5;
}
.index_hot_gl .item:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.index_hot_gl .item .thumb{
	width: 117px;
	height: 85px;
}
.index_hot_gl .item .title{
	font-size: 14px;
	color: #000;
	margin-bottom: 12px;
}
.index_hot_gl .item:hover .title{
	color: var(--pm-c);
}
.index_hot_gl .item .text{
	font-size: 12px;
	color: #999999;
	margin-bottom: 14px;
}
.index_hot_gl .item .type{
	display: inline-block;
	margin-right: 6px;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	background: #F4F9F8;
	border-radius: 4px 4px 4px 0px;
	font-size: 12px;
	color: var(--pm-c);
}
.index_hot_gl .item .time{
	display: block;
	font-size: 12px;
	color: #999999;
	background: url('../images/time.png') no-repeat left/contain;
    background-size: 14px;
	padding-left: 22px;
}
/* 手游专辑 */
.index_game_album{

}
.index_game_album .item{
   background:url('../images/bg_album.png') no-repeat top center;
   padding-top: 22px;
}
.index_game_album .item .thumb{
	width: 252px;
	height: 153px;
	border-radius: 8px;
}
.index_game_album .item .title{
	font-size: 14px;
	color: #666;
	margin-top: 14px;
	text-align: center;
}
.index_game_album .item:hover .title{
	color: var(--pm-c);
}
.index_game_album .album_list{
    margin-top: 16px;
}
.index_game_album .album_list .list{
	height: 50px;
	line-height: 50px;
	background: #F8F8F8;
	border-radius: 6px;
	padding: 0 30px;
	justify-content: center;
}

.index_game_album .album_list_365 .list{
	width: 365px;
	 margin-right: 14px;
}
.index_game_album .album_list_272 .list{
	width: 272px;
	margin-right: 12px;
}

.index_game_album .album_list .list:last-child{
    margin-right: 0;
}
.index_game_album .album_list .list .icon{
	width: 23px;
	height: 23px;
	border-radius: 6px;
	margin-right: 8px;
}
.index_game_album .album_list .list .title{
	font-size: 14px;
	color: #333333;
	margin-left: 4px;
}
.index_game_album .album_list .list:hover .title{
	color: var(--pm-c);
}
/* 游戏美宣 */
.index_images .thumb{
	width: 216px;
    height: 356px;
}
.index_images .index_images_middle{
	margin: 0 10px;
}
.index_images .index_images_middle .thumb{
	width: 236px;
    height: 171px;
}
.index_images .index_images_middle .thumb:nth-child(2){
	margin-top: 13px;
}
/* 游戏排行 */
.index_rank .itemBox{
	width:370px;
	margin-right: 28px;
	margin-top: 30px;
}

.index_rank .itemBox:last-child{
	margin-right: 0;
}
.index_rank .itemBox .item .bottom_warp{
	display: none;
	background: #F9F9F9;
	border-radius: 6px;
	padding: 20px 20px 20px 0
}
.index_rank .itemBox .item.active .top_warp{
	display: none;
}
.index_rank .itemBox .item.active .bottom_warp{
	display: flex;
}
.index_rank .itemBox .item {
	margin-bottom: 20px;
	position: relative;
}
.index_rank .itemBox .item:last-child{
	margin-bottom: 0;
}
.index_rank .itemBox .item .icon{
	width: 80px;
	height: 80px;
	border-radius: 15px;
	margin-left: 40px;
}
.index_rank .itemBox .item .title{
	font-size: 14px;
	color: #333;
}
.index_rank .itemBox .item .order{
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-color: #E7E7E7;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.index_rank .itemBox .item .bottom_warp .order{
	position: absolute;
	top: 0;
	left: 0;
}
.index_rank .itemBox:nth-child(1) .item:nth-child(-n+3) .order{
	background-color: #FA7A5A;
}
.index_rank .itemBox:nth-child(2) .item:nth-child(-n+3) .order{
	background: var(--pm-c);
}
.index_rank .itemBox:nth-child(3) .item:nth-child(-n+3) .order{
	background: #FFD04D;
}
.index_rank .itemBox .item .c_name{
	font-size: 12px;
	color: #999999;
}
.index_rank .item:hover .title{
	color: var(--pm-c);
}
.index_rank .item .type{
	display: inline-block;
	margin-right: 6px;
	padding: 0 8px;
	height: 22px;
	line-height: 20px;
	border: 1px solid #EEEEEE;
	font-size: 12px;
	color: #666;
	margin-top: 3px;
}
.index_rank .item .down{
	display: block;
	width: 66px;
	height: 30px;
	line-height: 30px;
	background: #FA7A5A;
	border-radius: 6px;
	text-align: center;
	font-size: 14px;
    color: #FFFFFF;
}

.index_rank .itemBox:nth-child(2) .item .down{
	background: var(--pm-c);
}
.index_rank .itemBox:nth-child(3) .item .down{
	background: #FFD04D;
}
/* 首页内容end */

/* 手游下载*/
.list_game .item{
   position: relative;
}
.list_game .item .order{
	position: absolute;
	top: 1PX;
	left: 0;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background: #D9D9D9;
	text-align: center;
	font-size: 12px;
	color: #fff;
	z-index: 100;
}
.list_game .uk-width-1-3:nth-child(-n+3) .item .order{
    background: #FFCD44;
}
.list_game .item .icon{
	width: 80px;
	height: 80px;
	border-radius: 15px;
}
.list_game .item .title{
	font-size: 14px;
	color: #333333;
	margin-bottom: 8px;
}
.list_game .item:hover .title{
	color: var(--pm-c);
}
.list_game .item .type{
	display: inline-block;
	margin-right: 6px;
	padding: 0 8px;
	height: 22px;
	line-height: 20px;
	border: 1px solid #EEEEEE;
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}

.list_game .item .box{
	height: 42px;
	line-height: 42px;
	background: #F6FBFA;
	padding: 8px 10px;
	box-sizing: border-box;
}

.list_game .item .text{
	font-size: 12px;
	color: #666666;
}

.list_game .item .down{
	display: block;
	width: 50px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #DCF1E9;
	border-radius: 4px;
	margin-left: 5px;
	font-size: 13px;
	color: var(--pm-c);
}

.list_game .item:hover .down{
	background: var(--pm-c);
	color: #FFFFFF;
}
/* 下载详情 */
.single_game .single_header {
	border-bottom: 1px dashed #E5E5E5;
	padding-bottom: 23px;
}
.single_game .single_header .icon {
	width: 150px;
	height: 150px;
	border-radius: 30px;
	overflow: hidden;
	object-fit: cover;
}

.single_game .single_header .icon img {
	width: 100%;
}

.single_game .single_header .single_title h1 {
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	margin-bottom: 0;
	max-width: 80%;
}

.single_game .single_header .single_score{
	display: inline-block;
	width: 109px;
	height: 22px;
	line-height: 22px;
	padding-left: 11px;
	box-sizing: border-box;
	margin-left: 10px;
	font-size: 12px;
	color: #fff;
	background: url('../images/single_header_pf.png') no-repeat left/cover;
}

.single_game .single_header ul {
	max-width: 100%;
}

.single_game .single_header ul li {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #666666;
	margin-top: 14px;
	border-radius: 2px;
    border: 1px solid #EEEEEE;
	margin-right: 15px;
}

.single_game .single_header ul li span {
	display: inline-block;
	font-size: 12px;
	color: #666666;
	padding: 0 16px;
}
.single_game .single_header .single_icon{
	margin-left: 30px;
	width: 101px;
	height: 122px;
	background: url('../images/single_header_icon.png') no-repeat center/cover;
}
/* 内页中的轮播图 */
.single-slide {
	overflow: hidden;
	position: relative;
	margin: auto 70px;
}

.single-slide .item {
  width: 244px;
}
.single-slide img {
	overflow: hidden;
}

.single_images .btn {
    /* display: none; */
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
	margin-left: 0;
	margin-right: 0;
}

.single_images .btn svg {
    display: none;
}

.single_images .left {
    background-image: url(../images/icon_l.png);
}

.single_images .right {
    background-image: url(../images/icon_r.png);
}

/* 资讯列表 */
.list_news .menu_nav_ li{
	background-image: none;
	text-align: center;
}
.list_news .menu_nav_ li:hover,
.list_news .menu_nav_ li.active{
	background-image: none;
}
.list_news .item{
	background: linear-gradient( 90deg, #F7F7F7 0%, #FFFFFF 100%);
	padding: 20px;
	margin-top: 12px;
}
.list_news .item .thumb{
	width: 158px;
	height: 112px;
}
.list_news .item .title{
	font-weight: bold;
	font-size: 16px;
	color: #333333;
}
.list_news .item:hover .title{
	color: var(--pm-c);
}

.list_news .item .text{
	font-size: 13px;
	color: #999999;
	margin: 26px 0 16px;
}
.list_news .item .type{
	font-size: 12px;
	color: #999999;
	margin-right: 20px;
}
.list_news .item .time{
	font-size: 12px;
	color: #999999;
}
.list_news .item .more{
	display: block;
	width: 84px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #F1F1F1;
	font-size: 13px;
	color: #999999;
	margin-left: 16px;
}
.list_news .item:hover .more{
	color: var(--pm-c);
	border: 1px solid var(--pm-c);
}
/* 资讯详情 */
.single_news {}

.single_news .single_header {
	padding-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	padding-bottom: 32px;
	border-bottom: 1px dashed #E5E5E5;
}

.single_news .single_header h1 {
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	margin-bottom: 30px;
}

.single_news .single_header .info span {
	margin: 0 25px;
	font-size: 12px;
	color: #999;
}

/* 手游专辑 */
.list_collection_warp .item{
	position: relative;
	background: linear-gradient( 180deg, #FFFFFF 0%, #FAFAFA 100%);
	box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.05);
	border-radius: 8px;
	border: 1px solid #F8F8F8;
	padding: 20px 20px 17px;
	margin-top:30px;
}
.list_collection_warp .item::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: -15px;
	left: 22px;
	width: 324px;
	height: 136px;
	border-radius: 8px;
	overflow: hidden;
	background: #FAFAFA;
	z-index: 1;
}
.list_collection_warp .item::after{
  content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 1px;
	right: 1px;
	bottom: 1px;
	z-index: 2;
	background: linear-gradient( 180deg, #FFFFFF 0%, #FAFAFA 100%);
	border-radius: 8px;
}
.list_collection_warp .item .zj_info{
	background: url('../images/icon_album.png') no-repeat 300px/contain;
	background-size: 24px;
  font-size: 12px;
	color: #999999;
	position: relative;
	z-index: 11;
}
.list_collection_warp .item .zj_info .title{
	font-weight: bold;
	font-size: 17px;
	color: #333333;
}
.list_collection_warp .item .zj_info span{
	display: inline-block;
	font-size: 12px;
	color: #999999;
}
.list_collection_warp .item .zj_game{
	position: relative;
	z-index: 11;
}
.list_collection_warp .zj_game_item{
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
}
.list_collection_warp .zj_game .icon{
	width: 62px;
	height: 62px;
	border-radius: 15px;
}
.list_collection_warp .zj_game .title{
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
	text-align: center;
}
.list_collection_warp .item .more{
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	background: #F4F9F8;
	font-size: 14px;
	color: var(--pm-c);
	margin-top: 18px;
}
.list_collection_warp .item:hover .more{
	color: #fff;
	background-color: var(--pm-c);
	border: 1px solid var(--pm-c);
}
.list_collection_warp .item:hover .zj_info .title{
	color: var(--pm-c);
}
.list_collection_warp .zj_game_item:hover .title{
	color: var(--pm-c);
}
/* 专辑详情 */
.single_collection .single_header .single_info .single_type{
	display: inline-block;
	width: 65px;
	height: 22px;
	line-height: 22px;
	padding-left: 11px;
	box-sizing: border-box;
	margin-left: 10px;
	font-size: 12px;
	color: #fff;
	background: url('../images/single_album_type.png') no-repeat left/cover;
}

/* 更多相关专辑 */
.single_more_album .name{
	font-size: 12px;
	color: #999999;
}
.single_more_album a{
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	background: rgba(255,182,68,0.1);
	font-size: 12px;
    color: #FFB744;
	margin-right: 10px;
}
.single_more_album a:nth-child(4n-3){
	color: #FFB744;
	background: rgba(255,182,68,0.1);
}
.single_more_album a:nth-child(4n-2){
	color: #33C478 ;
	background: rgba(51,196,120,0.1);
}
.single_more_album a:nth-child(4n-1){
	color: #FF7644 ;
	background: rgba(255,118,68,0.1);
}
.single_more_album a:nth-child(4n){
	color: #44A5FF;
	background: rgba(68,165,255,0.1);
}
/* 游戏推荐 */
.single_collection .single_recom_game{
	width: 327px;
	padding: 30px;
	box-sizing: border-box;
	background: url('../images/single_header_game_bg.png') no-repeat center/contain;
}
.single_collection .single_recom_game .icon{
	width: 60px;
	height: 60px;
	border-radius: 15px;
}
.single_collection .single_recom_game .title{
	font-size: 15px;
	color: #333333;
	max-width: 80%;
}
.single_collection .single_recom_game .label{
	display: inline-block;
	width: 60px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #FFA41D;
	font-size: 12px;
	color: #FFA41D;
	text-align: center;
	margin-left: 10px;
}
.single_collection .single_recom_game .type{
	font-size: 12px;
	color: #999999;
}
.single_collection .single_recom_game .type span{
	display: inline-block;
	font-size: 12px;
	color: #999999;
	margin-right: 5px;
}
.single_collection .single_recom_game .text{
	font-size: 12px;
	color: #888888;
	margin: 10px 0 8px;
}
.single_collection .single_recom_game .down{
	display: block;
	height: 30px;
	line-height: 30px;
	background: #83C478;
	border-radius: 6px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
/* 礼包列表 */
.list_package_warp .item{
	background: #F9F9F9;
	margin-top: 36px;
	position: relative;
	padding: 25px 20px 19px;
}

.list_package_warp .item .num{
	position: absolute;
	left: 0px;
	top: -14px;
	font-size: 12px;
	color: #fff;
	width: 120px;
	height: 24px;
	line-height: 24px;
	background: url('../images/bg_gift.png') no-repeat center/contain;
	padding-left: 11px;
    box-sizing: border-box;
}
.list_package_warp .item .icon{
	width: 80px;
	height: 80px;
	border-radius: 15px;
	margin-right: 16px;
}
.list_package_warp .item .title{
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.list_package_warp .item .text{
	font-size: 13px;
	color: #999999;
	margin-top: 15px;
}
.list_package_warp .item .down{
	display: inline-block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	border: 1px solid var(--pm-c);
	font-size: 13px;
  color: var(--pm-c);
	margin-left: 15px;
	text-align: center;
}
.list_package_warp .item:hover .down{
	background-color: var(--pm-c);
	color: #fff;
}
/* 礼包详情 */
.single_package .single_header ul {
	max-width: 50%;
}
.single_package .single_header ul li{
	display: inline-block;
}
/* 排行榜 */
.list_rank .rank_banner{
	height: 210px;
	background: url('../images/rank_banner.png') no-repeat center/contain;
}
.list_rank .menu_nav li{
	width: 160px;
	background-position: 132px;
}
.list_rank .menu_nav li:hover,
.list_rank .menu_nav li.active{
	background-position: 132px;
}
.list_rank_warp .item{
	position: relative;
	margin-top: 33px;
	padding: 18px 20px;
	background: linear-gradient( 90deg, #F7F7F7 0%, #FFFFFF 100%);
}
.list_rank_warp .item .score{
	position: absolute;
	left: 0px;
	top: -14px;
	font-size: 12px;
	color: #fff;
	width: 120px;
	height: 24px;
	line-height: 24px;
	background: url(../images/bg_rank.png) no-repeat center / contain;
	padding-left: 12px;
	box-sizing: border-box;
}
.list_rank_warp .item .icon{
	width: 112px;
	height: 112px;
	border-radius: 15px;
	margin-left: 28px;
}
.list_rank_warp .item .order{
	width: 53px;
	height: 48px;
	line-height: 42px;
	font-weight: bold;
	font-size: 16px;
	color: #818181;
	text-align: center;
	background: url('../images/rank_n.png') no-repeat center/contain;
}
.list_rank_warp .item.item:nth-child(-n+3) .order{
    color: transparent;
}
.list_rank_warp .item:nth-child(1) .order{
    background: url('../images/rank_1.png') no-repeat center/contain;
}
.list_rank_warp .item:nth-child(2) .order{
   background: url('../images/rank_2.png') no-repeat center/contain;
}
.list_rank_warp .item:nth-child(3) .order{
   background: url('../images/rank_3.png') no-repeat center/contain;
}
.list_rank_warp .item .title{
	font-weight: bold;
	font-size: 16px;
	color: #333333;
}
.list_rank_warp .item .text{
	font-size: 13px;
	color: #999999;
	margin-top: 20px;
	margin-bottom: 16px;
}
.list_rank_warp .item .type{
	font-size: 12px;
	color: #999999;
	margin-right: 15px;
}
.list_rank_warp .item .down{
	width: 84px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #F1F1F1;
	font-size: 13px;
    color: #999999;
	margin-left: 10px;
}
.list_rank_warp .item:hover .down{
	border-color: var(--pm-c);
	color: var(--pm-c);
}
.list_rank_warp .item:hover .title{
	color: var(--pm-c);
}
/* 排行榜大全 */
.list_rank_news_warp .item{
  background: #FFFAF9;
	margin-bottom: 5px;
	padding-bottom: 25px;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n-3) .item{
    background: #FFFAF9;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n-2) .item{
    background: #F4F9F8;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n-1) .item{
    background: #F8FAFF;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n) .item{
    background: #FFFCF2;
}

.list_rank_news_warp .item_info{
	line-height: 48px;
	border-bottom: 1px dashed #FCCEC2;
	padding-right: 20px;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n-3) .item_info{
    border-bottom: 1px dashed #FCCEC2;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n-2) .item_info{
    border-bottom: 1px dashed #B9E8D7;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n-1) .item_info{
    border-bottom: 1px dashed #D1DCF6;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n) .item_info{
    border-bottom: 1px dashed #F1E5BC;
}

.list_rank_news_warp .item_info::before{
	content: '';
	display: inline-block;
	width: 44px;
	height: 48px;
	background: #FA7A5A url('../images/icon_rank_list.png') no-repeat center/contain;
	background-size: 26px;
	margin-right: 20px;
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n-3) .item_info::before{
	background-color: #FA7A5A;
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n-2) .item_info::before{
	background-color: var(--pm-c);
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n-1) .item_info::before{
	background-color: #719CFF;
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n) .item_info::before{
	background-color: #FAD45A;
}
.list_rank_news_warp .item_info .title{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.list_rank_news_warp .item_info .time{
	font-size: 12px;
	color: #999999;
}

.list_rank_news_warp .item_game{
	margin-top: 28px;
	padding-left: 20px;
}
.list_rank_news_warp .item_game .game_list{
	margin-right: 27px;
	text-align: center;
	max-width: 88px;
}

.list_rank_news_warp .item_game .icon{
	width: 80px;
	height: 80px;
	border-radius: 15px;
}

.list_rank_news_warp .item_game .title{
	font-size: 14px;
	color: #666;
	margin-top: 14px;
}
.list_rank_news_warp .item_game .game_list:nth-child(5) {
	margin-right: 8px;
}
.list_rank_news_warp .item_game .game_list:nth-child(5) .icon{
	width: 54px;
	height: 54px;
	border-radius: 50%;
	margin-top: -25px;
	margin-left: -4px;
}
.list_rank_news_warp .item_game .game_list:nth-child(5) .title{
	display: none;
}
.list_rank_news_warp .item_game .more{
	display: inline-block;
	width: 54px;
	height: 54px;
	border-radius: 50px;
	background: #FDF1EC url('../images/icon_more_1.png') no-repeat center/contain;
    background-size: 28px 25px;
	margin-top: -25px;
	margin-left: -10px;
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n-3) .more{
    background: #FDF1EC  url('../images/icon_more_1.png') no-repeat center/contain;
    background-size: 28px 25px;
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n-2) .more{
    background: #E2F3F0 url('../images/icon_more_2.png') no-repeat center/contain;
    background-size: 28px 25px;
}
.list_rank_news_warp .uk-width-1-2:nth-child(4n-1) .more{
    background: #E9EFFF url('../images/icon_more_3.png') no-repeat center/contain;
    background-size: 28px 25px;
}

.list_rank_news_warp .uk-width-1-2:nth-child(4n) .more{
    background: #FFF7DC url('../images/icon_more_4.png') no-repeat center/contain;
    background-size: 28px 25px;
}
/* 排行榜详情 */
.single_rank_banner{
	height: 210px;
	background: url('../images/single_rank_banner.png') no-repeat center/contain;
	position: relative;
}
.single_rank_banner::before{
	content: '';
	display: block;
	width: 294px;
	height: 121px;
	background: rgba(255,255,255,0.4);
	position: absolute;
	top: 48px;
	left: 170px;
	z-index: 0;
}
.single_rank_banner::after{
	content: '';
	display: block;
	width: 276px;
	height: 107px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	top: 55px;
	left: 179px;
	z-index: 1;
}

.single_rank_banner .title{
	position: relative;
	z-index: 11;
	max-width: 255px;
	padding-top: 80px;
	margin-left: 190px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.single_rank_banner .time{
	font-size: 12px;
	color: #999999;
	padding-left: 249px;
	margin-top: 12px;
	position: relative;
	z-index: 11;
}
/* 列表页公共样式 */
/* 菜单栏 */
.menu_nav li {
	width: 120px;
	height: 36px;
	line-height: 36px;
	padding: 0 14px;
	background: #F9F9F9 url('../images/menu_nav.png') no-repeat 90px/contain;
	background-size: 16px 8px;
	border-radius: 4px;
	margin-right: 9px;
	margin-bottom: 12px;
	box-sizing: border-box;
}
.menu_nav li:nth-child(9n) {
	margin-right: 0;
}

.menu_nav li.active,
.menu_nav li:hover {
	background: #F4F9F8 url('../images/menu_nav_.png') no-repeat 90px/contain;
    background-size: 16px 8px;;
}

.menu_nav li a {
	display: block;
	font-size: 14px;
	color: #666666;
}

.menu_nav li.active a,
.menu_nav li:hover a {
	color: var(--pm-c);
}

/* 详情页公共样式 */
.single .single_content iframe {
	display: block;
	margin: 0 auto;
	width: 520px;
	height: 320px;
}

.single .single_content p {
	font-size: 16px;
	color: #333333;
	text-indent: 2em;
	line-height: 36px;
}

.single .single_content p img {
	max-width: 68%;
	margin: 10px auto;
	display: block;
}

.single .single_content h2,
.single .single_content h3 {
    font-size: 15px;
    margin: 15px 0 15px 10px;
	height: 32px;
	line-height: 32px;
	background: #F9F9F9;
	position: relative;
}
.single .single_content h2 span,
.single .single_content h3 span{
	display: inline-block;
	padding: 0 18px;
	height: 32px;
	line-height: 32px;
	background: var(--pm-c);
	color: #fff;
	font-size: 15px;
}
.single .single_content h2::before,
.single .single_content h3::before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 13px;
	background: url(../images/single_title_h3.png) no-repeat center / contain;
	position: absolute;
	left: -5px;
	top: -5px;
}

/* .single .single_content h2::after,
.single .single_content h3::after{
	content: '';
	display: inline-block;
	width: 38px;
	height: 1px;
	right: -45px;
	background: var(--pm-c);
	vertical-align: middle;
	bottom: 20px;
	position: absolute; 
}*/

/* 详情下载按钮 */
.single .down-btn .btn {
	position: relative;
	display: block;
	font-size: 16px;
	color: #fff;
	border-radius: 6px;
	padding: 12px 25px;
	cursor: pointer;
}

.single .down-btn .pc,
.single .down-btn .az {
	background: var(--pm-c);
}

.single .down-btn .sy,
.single .down-btn .ios,
.single .down-btn .mob,
.single .down-btn .xz {
	background: #ffb22d;
}

.single .down-btn .lb {
	background: var(--pm-c);
}

.single .down-btn .btn:hover .qrcode {
	display: block;
}

.single .down-btn .btn:hover a {
	color: #fff !important;
}

.single .down-btn .btn .qrcode {
	display: none;
	background-color: #fff;
	z-index: 999;
	position: absolute;
	right: 5%;
	top: 240%;
	border-radius: 10px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	border: 1px solid var(--pm-c);
}

.single .down-btn .btn .qrcode img {
	width: 120px;
	height: 120px;
}

.single .down-btn .btn a,
.single .down-btn .btn span {
	position: relative;
	padding-left: 25px;
	font-size: 16px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center left;
}

.single .down-btn .az a,
.single .down-btn .az span {
	background-image: url('../images/az.png');
}

.single .down-btn .ios a,
.single .down-btn .ios span {
	background-image: url('../images/ios.png');
}

.single .down-btn .pc a,
.single .down-btn .pc span {
	background-image: url('../images/pc.png');
}

.single .down-btn .mob a,
.single .down-btn .mob span {
	background-image: url('../images/play.png');
}

.single .down-btn .sy a,
.single .down-btn .sy span {
	background-image: url('../images/icon_game.png');
}

.single .down-btn .lb a,
.single .down-btn .lb span {
	background-image: url('../images/icon_gift.png');
}

.single .down-btn .xz a,
.single .down-btn .xz span {
	background-image: url('../images/icon_game.png');
}

/* 暂无下载的样式 */
.single .down-btn .none {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
	opacity: .4;
	border: none;
}

/* 侧边栏 */
.sidebar {
	margin-left: 30px;
	width: 335px;
}
/* 热门资讯 */
.side_hot_zx .item .thumb{
	width: 160px;
	height: 105px;
	border-radius: 2px;
}
/* 手游上新 */
.side_hot_game{
	display: block;
	margin-top: 0px;

}
.side_hot_game .item{
	background: none;
	width: 33.3%;
	padding: 0px 10px;
	box-sizing: border-box;
}
/* 礼包推荐 */
.side_recom_gift .down{
	font-size: 12px;
	color: var(--pm-c);
	margin-left: 10px;
}
/* 最新排行 */
.side_more_rank li{

}
.side_more_rank .list .order{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: #E7E7E7;
	font-size: 14px;
	color: #fff;
}
.side_more_rank ul li:nth-child(-n+3) .order{
    background: var(--pm-c);
}
.side_more_rank .list .title{
	font-size: 14px;
	color: #333;
}

.side_more_rank .list .down{
   font-size: 12px;
   color: var(--pm-c);
}
.side_more_rank .item{
	width: 25%;
	padding: 5px;
	box-sizing: border-box;
}

.side_more_rank .item .title{
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}
.side_more_rank .item .icon{
	width: 50px;
    height: 50px;
	border-radius: 50%;

}
.side_more_rank ul li .game_list{
  display: none;
}
.side_more_rank .list:hover .title,
.side_more_rank .item:hover .title {
	color: var(--pm-c);
}

.side_more_rank ul li.active{
	 background: #F9F9F9;
}

.side_more_rank ul li.active .game_list{
	display: flex;
}
.side_more_rank ul li.active .title{
	margin-top: 10px;
}
.side_more_rank ul li.active .down{
	margin-right: 10px;
	margin-top: 10px;
}
/* 404 500 错误页面 */
.page-error {
	min-height: 520px;
	padding-top: 100px;
}

.page-error .page-404 {
	width: 326px;
	height: 326px;
	margin: 0 auto;
	background: url("../images/404.png") no-repeat center/contain;
}

.page-error .page-500 {
	width: 326px;
	height: 326px;
	margin: 0 auto;
	background: url("../images/500.png") no-repeat center/contain;
}

.page-error p {
	color: #999;
	font-size: 12px;
}

.page-error .go-home {
	margin-top: 40px;
	display: inline-block;
	line-height: 36px;
	border-radius: 4px;
	font-size: 14px;
	padding: 0 30px;
	color: #666666;
	background: #F9F9F9;
}

/* 单页面样式 */
.page {
	min-height: 720px;
}

.page_nav {
	overflow: hidden;
	margin-right: 33px;
	width: 220px;
}

.page_nav li {
	width: 220px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 12px;
	background: #F9F9F9 url('../images/icon_about.png') no-repeat 180px/contain;
	background-size: 24px 13px;
}

.page_nav li.active,
.page_nav li:hover {
	background: #F4F9F8 url('../images/icon_about_.png') no-repeat 180px/contain;
	background-size: 24px 13px;
}

.page_nav li a {
	display: block;
	font-size: 14px;
	color: #666666;
	letter-spacing: 1px;
	padding-left: 24px;
	border-radius: 4px;
}

.page_nav li.active a,
.page_nav li:hover a {
	color: var(--pm-c);
}

.page_content p {
	font-size: 14px;
	line-height: 36px;
	letter-spacing: 1px;
	color: #666666;
}

.page_title {
	margin: 25px 0 16px;
	height: 32px;
	line-height: 32px;
  background: #F9F9F9;
	position: relative;
}
.page_title p{
	display: inline-block;
	padding: 0 18px;
	height: 32px;
	line-height: 32px;
	background: var(--pm-c);
	color: #fff;
}

.page_title::before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 13px;
	background: url('../images/single_title_h3.png') no-repeat center/contain;
	position: absolute;
	left: -5px;
	top: -3px;
}

.page_content ul {
	flex-wrap: wrap;
}

.page_content ul li {
	margin-right: 18px;
	margin-bottom: 12px;
}

.page_content ul li a {
	font-size: 14px;
	color: #666;
	letter-spacing: 1px;
	display: block;
}

.page_content ul li:hover a {
	color: var(--pm-c);
}

/* 搜索页样式 */
.search_total {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	color: var(--pm-c);
}

/* 开服表样式 */
.list_kaifu{
	position: relative;
}

.list_kaifu .kaifu_num {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 12px;
	color: #999999;
}

.list_kaifu_warp tr {
	border: 1px solid #F1F1F1;
}

.list_kaifu_warp tr th {
	height: 56px;
	line-height: 56px;
	background: #E4FBF2;
	font-size: 14px;
	color: var(--pm-c);
	font-weight: bold;
	box-sizing: border-box;
	padding: 0 12px;
}

.list_kaifu_warp tr:nth-child(-n+3) {}

.uk-table-hover tbody tr:hover,
.uk-table-hover>tr:hover {}

.list_kaifu_warp tr td {
	font-size: 14px;
	letter-spacing: 1px;
	color: #333;
	line-height: 28px;
}

.list_kaifu_warp tr .game_name {
	width: 170px;
}

.list_kaifu_warp tr .icon {
	width: 28px;
	height: 28px;
	border-radius: 28px;
	overflow: hidden;
}

.list_kaifu_warp tr .title {
	font-size: 14px;
	color: #333333;
	display: inline-block;
	line-height: 18px;
	margin-left: 10px;
}

.list_kaifu_warp tr .type {
	font-size: 14px;
	color: #666;
	display: block;
	line-height: 14px;
}

.list_kaifu_warp tr .time {
	font-size: 14px;
    color: #FF4B0E;
}

.list_kaifu_warp tr .az_ {
	width: 22px;
	height: 22px;
}

.list_kaifu_warp tr .ios_ {
	width: 22px;
	height: 22px;
}

.list_kaifu_warp tr td span {
	font-size: 14px;
	letter-spacing: 1px;
	color: #c6c5c5;
}

.list_kaifu_warp .btn {
	display: block;
	width: 91px;
	height: 26px;
	line-height: 26px;
	border-radius: 20px;
	font-size: 12px;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin: 0 auto;
}

.list_kaifu_warp .down {
	background-color:  var(--pm-c);
	color: #fff;
	padding-left: 20px;
}

.list_kaifu_warp .gift {
	background-color:  #2793FF;
	color: #fff;
	padding-left: 20px;
}

.list_kaifu_warp .btn::before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	left: 10px;
	display: inline-block;
	z-index: 100;
}

.list_kaifu_warp .down::before {
	width: 14px;
	height: 14px;
	background: url("../images/kf_down.png") no-repeat center/contain;
}

.list_kaifu_warp .gift::before {
	width: 14px;
	height: 14px;
	background: url("../images/kf_gift.png") no-repeat center/contain;
}


.list_kaifu_warp .uk-link-toggle:hover .uk-link,
.list_kaifu_warp .uk-link:hover,
.list_kaifu_warp a:hover {
	/* color: #fff !important; */
}

.list_kaifu_warp .game_type {
	box-sizing: border-box;
	color: var(--pm-c);
}

.list_kaifu_warp .red{
	color: #ff3b27;
}

.list_kaifu_warp .game_type::after {
	width: 14px;
	height: 14px;
	z-index: 99;
	background: url('../images/kf_select.png') no-repeat center/contain;
	margin-left: 10px;
}

.list_kaifu_warp .uk-dropdown {
	border-radius: 6px;
	padding: 10px 0;
	min-width: 140px;
}

.list_kaifu_warp .uk-dropdown .uk-dropdown-nav::after {
	width: 0;
	height: 0;
	border: 18px solid;
	border-color: transparent transparent #ffffff transparent;
	/* box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); */
	top: -20px;
	left: 55px;
}

.list_kaifu_warp .uk-dropdown .uk-dropdown-nav li {
	font-size: 14px;
	letter-spacing: 1px;
	color: #666666;
	cursor: pointer;
}