/* 公共样式 */
:root {
	--pm-c: #77d156;
	--dm-c: #fdeaea;
	--bg-c: #F6F7FB;
	--br-c: #eee;
}

.bg-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, transparent 100%);
}

.bg-678 {
	background-color: #f6f7f8;
}

.bg-f7 {
	background-color: #f7f7f7;
}

.bg-f8 {
	background-color: #f8f8f8;
}

.bg-f {
	background-color: #ffffff;
}

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* 解决IOS默认滑动很卡的情况 */
	-webkit-overflow-scrolling: touch;
}

/*修改UIKIT框架自带样式*/
body,
html {
	background-color: var(--bg-c);
	padding: 0;
	margin: 0;
	font-family: Microsoft YaHei;
}

body {
	background: #fff url(../images/bg.jpg)no-repeat center top;
	background-size: 100%;
}

.uk-container {
	box-sizing: border-box;
}

.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-25 {
	padding-bottom: 25px;
}

.p-b-30 {
	padding-bottom: 30px;
}

/* 内右边距 */
.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-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-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: #555;
	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: #666;
}

.pagination li a:hover {
	background: var(--pm-c);
	color: #fff;
	border: 1px solid var(--pm-c) !important;
}

/* 内页中的上一页 下一页 */
.page {
	overflow: hidden;
}

.page a {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 16px;
	color: #777;
}

/* 评分 */
.star {
	height: 15px;
	width: 75px;
	display: inline-block;
	background: url(../images/icon-star-bg.png) repeat-x 15px/contain;
}

.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: 45px;
}

.star-4:before {
	width: 60px;
}

.star-5:before {
	width: 75px;
}

/*面包屑导航*/
.crumbs {
	font-size: 12px;
	color: #999;
}

.crumbs a {
	color: #999;
	display: inline-block;
	position: relative;
	font-size: 12px;
}

.crumbs a::after {
	content: ">";
}

.crumbs a:last-child::after {
	content: none;
}

/* 平台 安卓 苹果 图标显示 */
.platform i {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.platform .az {
	background-image: url(../img/icon-az.png);
}

.platform .ios {
	background-image: url(../img/icon-ios.png);
}

/* 公共标题 */
.module-title {
	position: relative;
	border-bottom: 1px solid #eaeaea;
}

.module-title .title {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 48px;
	letter-spacing: 2px;
	padding-left: 30px;
}

.module-title .more {
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #999999;
}

.module-title .more i {
	font-size: 12px;
	font-style: normal;
	color: var(--pm-c);
}

.module-title .title::before {
	width: 16px;
	height: 12px;
	background: url('../images/title-icon.png') no-repeat center/contain;
	left: 0;
}

/*默认图标尺寸*/
.item .icon {
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
}

.item .icon img {
	width: 100%;
	height: 100%;
}

.item .title {
	font-size: 16px;
	color: #333;
	display: block;
}

.item .desc {
	font-size: 12px;
	color: #999;
}

/* 默认缩略图尺寸 */
.item .thumb img {
	width: 100%;
	height: 100%;
}

.item:hover .title,
.item:hover .name a {
	color: var(--pm-c);
}

/* 默认的一些文字大小和颜色 */
.info .title {
	font-size: 16px;
	color: #333;
}

.info .desc {
	font-size: 14px;
	color: #666;
}

.info .time {
	font-size: 14px;
	color: #999;
}

.info .read {
	font-size: 14px;
	color: #999;
}

.info .source {
	font-size: 14px;
	color: #999;
}

.info .more {
	font-size: 14px;
	color: #999;
}

.info .up-to-date {
	font-size: 14px;
	color: #999;
}

/* list 样式 */
.list ul li .title {
	padding-left: 25px;
}

.list ul li .title::before {
	display: inline-block;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: var(--pm-c);
}

/* 公共样式 end */
/* 公共头部样式 */
body>header {
	position: relative;
}

body>header>.header {
	padding: 0 !important;
	position: relative;
}

.logo-search {
	margin-top: 35px;
	margin-bottom: 33px;
}

/* logo样式 */
.logo {
	width: 206px;
	height: 60px;
	line-height: 60px;
}

.logo a {
	display: block;
}

.logo img {
	width: 100%;
}

body>header .nav {
	height: 60px;
	background-color: #96dc5e;
	/* background-image: linear-gradient(0deg, #96dc5e 0%, #6ece54 100%), linear-gradient(#058df3, #058df3); */
	background-blend-mode: normal, normal;
	position: relative;
}


body>header .nav ul {
	display: flex;
	align-items: flex-end;
	padding-left: 21px;
	position: relative;
	height: 60px;
}

body>header .nav ul li {
	width: 120px;
	text-align: center;
	line-height: 41px;
	height: 41px;
	margin-bottom: 9px;
	border-radius: 15px 15px 0px 0px;
	position: relative;
}

body>header .nav ul li a {
	display: block;
	height: 100%;
	line-height: 41px;
	height: 41px;
	font-size: 18px;
	color: #fff;
	position: relative;
	z-index: 105;
}

body>header .nav ul li:hover>a,
body>header .nav ul li.active>a {
	color: #96dc5e !important;
	font-weight: bold;
	line-height: 41px;
	transition: all 1s ease-out;
}

.nav-after {
	position: absolute;
	bottom: 9px;
	width: 120px;
	height: 41px;
	/* background: url('../images/nav_active.png') no-repeat center; */
	background-color: #fff;
	z-index: 104;
	transition: left .5s linear
}

.nav-after::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 20.5px solid transparent;
	border-bottom: 20.5px solid transparent;
	border-left: 7px solid #96dc5e;
	position: absolute;
	top: 0;
	left: 0;
}

.nav-after::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 20.5px solid transparent;
	border-bottom: 20.5px solid transparent;
	border-right: 7px solid #96dc5e;
	position: absolute;
	top: 0;
	right: 0;
}


body>header .nav ul li:hover .nav-content {
	display: flex;
}

body>header .nav ul li .nav-content {
	width: 500px;
	display: none;
	position: absolute;
	border-radius: 10px;
	background: #fff;
	box-shadow: 4px 0 6px -2px rgba(150, 220, 94, 0.83),
		-4px 0 6px -2px rgba(150, 220, 94, 0.83),
		0 4px 6px -2px rgba(150, 220, 94, 0.83);
	z-index: 99;
	font-size: 0;
	flex-wrap: wrap;
	line-height: 5px;
	background-size: 100% 100%;
	padding: 15px 20px;
	top: 48px;
	left: -139px;
}

body>header .nav ul li:hover .nav-content {
	display: flex;
}

body>header .nav ul li .nav-content a {
	font-size: 16px;
	color: #333;
	width: 25%;
	height: 22px;
	line-height: 22px;
	margin: 0;
	display: flex;
	justify-content: center;
	margin: 10px 0;
}

body>header .nav ul li .nav-rank-content a {
	width: 50%;
}

/* 搜索 */
body>header .search {
	width: 366px;
	height: 44px;
	line-height: 44px;
	position: relative;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: sapce-between;
}

body>header .search::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/search-green.png) no-repeat center/contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.search-input {
	height: 44px;
	line-height: 44px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #77d156;
	padding-left: 12px;
	font-size: 14px;
	color: #333;
	flex: 1;
	overflow: hidden;
	outline: none;
}

.search-input::-webkit-input-placeholder {
	color: #999;
	font-size: 14px;
}

.search-input:-moz-placeholder {
	color: #999;
	font-size: 14px;
}

.search-input:-ms-input-placeholder {
	color: #999;
	font-size: 14px;
}



/* 公共头部样式end */

/* 公共页脚样式 */
body>.footer {
	padding-top: 20px;
	padding-bottom: 60px;
	background: #333;
	font-size: 14px;
	color: #999;
}

body>.footer p {
	display: flex;
	justify-content: center;
}

body>.footer p a {
	color: #999;
	margin-left: 10px;
}

.foot-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 55px;
}

.foot-list a {
	width: 188px;
	height: 80px;
	background-color: #3c3c3c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 19px;
	font-size: 16px;
	color: #999;
	text-align: left;
	box-sizing: border-box;
}

.foot-list a:hover {
	background: #4c4c4c;
}

.foot-list a p {
	justify-content: flex-start;
}
.foot-list a:hover p{
	color: #fff;
}
.foot-list a span {
	font-size: 12px;
	color: #6c6c6c;
	margin-top: 15px;
}

/* 公共页脚样式end */

/* 友情链接 */
.home-links a {
	font-size: 13px;
	letter-spacing: 1px;
	color: #999999;
	margin-right: 5px;
	line-height: 30px;
}

.home-links a::after {
	content: '|';
	padding-left: 5px;
}

.home-links a:last-child::after {
	content: '';
	padding-left: 0px;
}

/* 首页 */
/* 外层容器 */
.index-banner {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	background-color: #fff;
	padding-top: 0px !important;
}

.index-list {
	background-color: #fff;
	padding-top: 0px !important;
}

.index-link {
	background-color: #fff;
	padding-top: 0px !important;
}

.home-hot {
	margin: 0;
	background-color: #fff;
}

.home-hot ul li.before-middle {
	width: 180px;
	position: relative;
}

.home-hot ul li.before-middle:last-child {
	margin-right: 0;
}

.home-hot ul li::before {
	content: '热门';
	display: block;
	width: 47px;
	height: 22px;
	background: rgba(0, 0, 0, 0.45);
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 11px;
	z-index: 2;
}

.home-hot ul li .img {
	display: block;
	width: 100%;
	height: 88px;
	position: relative;
}

.home-hot ul li .img img {
	width: 100%;
	height: 100%;
}

.home-hot ul li .title {
	color: #333;
	margin: 12px 0;
}

.home-hot ul li .tags .tag {
	font-size: 12px;
	padding: 3px 8px;
	margin-right: 5px;
	color: #999999;
	background-color: #f5f5f5;
}

.home-hot ul li .down{
	color: var(--pm-c);
	border: 1px solid var(--pm-c);
	width: 100%;
	display: block;
	text-align: center;
	line-height: 32px;
	margin-top: 15px;
}
.home-hot ul li:hover .down{
	background-color: var(--pm-c);
	color: #fff;
}
.home-hot-game {
	display: flex;
	padding-top: 20px;
	background-color: #fff;
}

.home-hot-game .hot-game {
	width: 288px;
	/* height: 150px; */
	margin-right: 20px;
}

.home-hot-game .news-game {
	width: 452px;
}

.home-hot-game .name .title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.home-hot-game .name .title span {
	flex: 1;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.home-hot-game .name .title a {
	color: #999999;
	font-size: 12px;
}

.home-hot-game .name .title a i {
	font-size: 12px;
	color: var(--pm-c);
	font-style: normal;
}

.home-hot-game .news-game {
	flex: 1;
}

.home-hot-game ul {
	display: flex;
	flex-wrap: wrap;
}

.home-hot-game ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}

.home-hot-game .news-game ul li:nth-child(3n) {
	margin-right: 21px;
}

.home-hot-game .news-game ul li:nth-child(2n) {
	margin-right: 0;
}

.home-hot-game ul li:nth-child(3n) {
	margin-right: 0;
}

.home-hot-game ul li .icon {
	width: 30px;
	height: 30px;
	border-radius: 6px;
}

.home-hot-game ul li .icon img {
	width: 30px;
	height: 30px;
	border-radius: 6px;
}

.home-hot-game ul li .name {
	font-size: 16px;
	color: #333;
	margin: 0 7px;
	flex: 1;
}

.home-hot-game ul li p.type {
	color: #999;
	font-size: 12px;
}

.home-hot-game ul li .tags {
	width: 51px;
	height: 23px;
	border-radius: 2px;
	border: solid 1px #eeeeee;
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 21px;
	margin-left: 15px;
}

.home-hot-game ul li:hover .tags {
	color: var(--pm-c);
	border: 1px solid var(--pm-c);
}

/* 轮播图 */
.home-banner {
	width: 453px;
}

.home-banner-img {
	width: 100%;
	height: 291px;
}

.home-banner-swiper .swiper-wrapper {
	height: 291px !important;
}

.home-banner .home-banner-swiper .swiper-pagination {
	bottom: -5px;
	left: -6px;
	right: 0px;
	text-align: center;
}

.swiper-pagination-bullet {
	width: 67px;
	height: 5px;
	background-color: #373737;
	border-radius: 0px;
}

.swiper-pagination-bullet-active {
	width: 67px;
	height: 5px;
	border-radius: 0px;
	background: var(--pm-c);
}

.home-banenr .swiper-slide {
	position: relative;
}

.home-banner .swiper-slide .title {
	height: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}

.home-banner .title a {
	font-size: 16px;
	color: #ffffff;
	display: block;
}

.right-container {
	width: 390px;
}

.home-jp-soft .jp-soft-list {
	display: flex;
	flex-wrap: wrap;
}

.home-jp-soft .item {
	display: flex;
	align-items: center;
	width: 48%;
	margin-top: 10px;
}

.home-jp-soft .item:nth-child(even) {
	margin-left: 10px;
}

.home-jp-soft .info {
	margin-left: 10px;
	flex: 1;
}

.home-jp-soft .item .icon {
	width: 66px;
	height: 66px;
	overflow: hidden;
	border-radius: 10px;
}

.home-jp-soft .item .title a {
	font-size: 16px;
	color: #333333;
	display: block;
}

.home-jp-soft .info .size,
.home-jp-soft .info .type {
	font-size: 12px;
	color: #888888;
	line-height: 24px;
	display: block;
}

.home-jp-soft .item:hover .title a {
	color: var(--pm-c);
}

/* 最新攻略 */
.home-latest {
	width: 427px;
	margin-top: 26px;
}

.home-latest .latest-top .item {
	margin-bottom: 15px;
}

.home-latest .latest-top .title {
	display: block;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	color: var(--pm-c);
	font-weight: bold;
}

.home-latest .latest-top .desc {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #999999;
	margin-top: 20px;
}

.home-news-tab {
	margin-left: 0;
	border-bottom: 1px solid var(--pm-c);
	padding-bottom: 15px;
	justify-content: space-between;
}

.home-news-tab li {
	margin-right: 25px;
	position: relative;
	padding-left: 0px;
}

.home-news-tab li:last-child {
	margin-right: 0px;
}

.home-news-tab li::before {
	content: '/';
	display: inline-block;
	font-size: 16px;
	color: #dddddd;
	right: -30px;
	top: -1px;
	position: absolute;
}

.home-news-tab li:last-child::before {
	content: '';
	display: none;
}

.home-news-tab li::after {
	content: '';
	width: 8px;
	height: 7px;
	position: absolute;
	top: 43px;
	left: 29px;
	background: url(../images/index_sj.png)no-repeat center;
	display: none;
}

.home-news-tab li a {
	font-size: 16px !important;
	color: #333333;
	font-weight: normal;
}

.home-news-tab li.uk-active::after {
	display: block;
}

.home-news-tab li.uk-active a {
	font-weight: bold;
}

.home-latest ul .list {
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-top: 15px;
}

.home-latest ul .list p {
	overflow: hidden;
}

.home-latest ul .list .title {
	font-size: 16px;
	color: #333333;
	display: block;
	margin: 0 10px;
}

.home-latest ul .list:hover .title {
	color: var(--pm-c);
}

.home-latest ul .list .others {
	color: #999999;
	font-size: 14px;
}

.home-latest ul .list .time {
	color: #999999;
	font-size: 14px;
	display: inline-block;
}

.home-latest ul .list:hover .time {
	color: var(--pm-c);
}

.home-latest ul .list {
	padding-left: 8px;
}

.home-latest ul .list:last-child {
	margin-bottom: 0 !important;
}

/* 精品推荐 */
.home-jp-tj {
	width: 289px;
}

.home-jp-tj .game-list ul li .icon {
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 auto;
}

.home-jp-tj .game-list ul li .name a {
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-top: 17px;
	display: block;
}

.home-jp-tj .game-list ul li:hover .name a {
	color: var(--pm-c);
}

/* 专辑推荐 */
.home-jp-tj .album-tj {
	display: flex;
	justify-content: space-between;
}

.home-jp-tj .album-tj .item {
	margin-top: 20px;
}
.home-jp-tj .album-tj .item:first-child{
	/* margin-right: 20px; */
}
.home-jp-tj .album-tj .item .thumb {
	width: 130px;
	height: 80px;
	overflow: hidden;
	border-radius: 6px;
}
.home-jp-tj .album-tj .item .name{
	max-width: 130px;
}
.home-jp-tj .album-tj .item .name a{
	font-size: 15px;
	color: #666666;
	margin-top: 10px;
	text-align: center;
	display: block;
}

.home-jp-tj .album-list ul {
	border-top: 1px dotted #dcdcdc;
	margin-top: 20px;
}

.home-jp-tj .album-list ul li {
	margin-top: 13px;
	display: flex;
	overflow: hidden;
}

.home-jp-tj .album-list ul li .title {
	font-size: 16px;
	color: #333333;
	display: block;
	overflow: hidden;
}

.home-jp-tj .album-list ul li:hover .title {
	color: var(--pm-c);
}

.home-jp-tj .album-list ul li span {
	font-size: 14px;
	color: var(--pm-c);
	display: block;
	margin-left: 10px;
}

/* 搞笑视频 */
.home-game-video {
	width: 100%;
	margin-top: 20px;
}

.game-video-list {
	display: flex;
	flex-wrap: wrap;
}

.game-video-list .thumb {
	width: 180px;
	height: 125px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	margin-top: 18px;
}

.game-video-list .thumb:nth-child(even) {
	margin-left: 14px;
}

.game-video-list .title {
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.4);
	font-size: 14px;
	color: #ffffff;
	padding: 0 15px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	box-sizing: border-box;
}

.game-video-list .thumb:hover::before {
	width: 26px;
	height: 26px;
	position: absolute;
	top: 85px;
	left: 75px;
	z-index: 11;
	background: url('../images/index_play.png') no-repeat center/contain;
}

.game-video-list .thumb:hover .title {
	height: auto;
	line-height: 24px;
	color: var(--pm-c);
	background: transparent;
	top: 0px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	white-space: normal;
	width: 100%;
	height: 115px;
	padding-top: 18px;
	background: rgba(0, 0, 0, .4);
	transition: all .4s;
}

.home-game-gl {
	margin-top: 30px;
	width: 380px;
}

.home-gl-tab {
	margin-left: 0px;
}

.home-gl-tab li {
	width: 50%;
	height: 46px;
	line-height: 44px;
	background-color: #f6f6f6;
	text-align: center;
	box-sizing: border-box;
	border-top: 2px solid transparent;
}

.home-gl-tab li a {
	font-size: 16px !important;
	color: #666666;
	justify-content: center;
}

.home-gl-tab li.uk-active {
	border-top: 2px solid var(--pm-c);
	background: #fff;
}

.home-gl-tab li.uk-active a {
	color: #333333;
	font-weight: bold;
}

.home-game-gl ul .list {
	display: flex;
	margin-top: 14px;
}

.home-game-gl ul .list p {
	overflow: hidden;
	position: relative;
}

.home-game-gl ul .list .others {
	font-size: 14px;
	color: #999999;
}

.home-game-gl ul .list .title {
	color: #333333;
	font-size: 16px;
	display: block;
	margin-left: 10px;
}

.home-game-gl ul .list .time {
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
	display: block;
}

/* 讨论最多 */
.home-game-discuss {
	width: 294px;
}

.home-game-discuss .game-discuss .item {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.home-game-discuss .game-discuss .thumb {
	width: 130px;
	height: 90px;
	border-radius: 6px;
	overflow: hidden;
}

.home-game-discuss .game-discuss .info {
	flex: 1;
	margin-left: 20px;
	overflow: hidden;
}

.home-game-discuss .game-discuss .info span {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	width: 40px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	background: var(--pm-c);
	text-align: center;
	margin-right: 10px;
}

.home-game-discuss .game-discuss .info .title {
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	overflow: hidden;
	display: -webkit-box;
}

.home-game-discuss .game-discuss .info .time {
	color: #999999;
	font-size: 16px;
	margin-top: 10px;
}

/* 手机游戏/应用软件*/
.home-game-jj {
	width: 295px;
}

.home-game {
	flex: 1;
}

.index-game-left {
	width: 305px;
}

.index-game-left ul li {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	overflow: hidden;
}

.index-game-left ul li .num {
	width: 26px;
	height: 26px;
	background-color: #dcdcdc;
	border-radius: 4px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	font-size: 16px;
	display: block;
	margin-right: 10px;
	;
}

.index-game-left ul li:nth-child(1) .num {
	background-color: #77d156;
}

.index-game-left ul li:nth-child(2) .num {
	background-color: #77d156;
}

.index-game-left ul li:nth-child(3) .num {
	background-color: #77d156;
}

.index-game-left ul li .info {
	padding-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}

.index-game-left ul li .info .icon {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 10px;
}


.index-game-left ul li .info .title {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-right: 10px;
	flex: 1;
	margin-bottom: 5px;
}

.index-game-left ul li .info .top span {
	color: #999
}

.index-game-left ul li .info .right {
	overflow: hidden;
}

.index-game-left ul li {
	display: flex;
	/* flex-direction: column; */
	padding-bottom: 20px;
	border-bottom: 1px dashed #dcdcdc;
}

.index-game-left ul li:last-child {
	border: none;
	padding-bottom: 0px;
}

.index-game-left ul li .show {
	display: none;
}

.index-game-left ul li .show .msg {
	color: #999;
	font-size: 12px;
	padding: 2px 0;
}

.index-game-left ul li .show .game-pic {
	display: block;
	width: 120px;
	height: 120px;
	margin-right: 15px;
	border-radius: 15px;
}

.index-game-left ul li .show .game-pic img {
	width: 100%;
	height: 100%;
}

.index-game-left ul li.active .show {
	display: flex;
}
.index-list .index-game-left ul li.active {
	display: block;
}


.index-game-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.index-game-nav ul li {
	width: 114px;
	/* margin-right: 6px; */
	margin-bottom: 10px;
}

.index-game-nav ul li:nth-child(6n) {
	margin-right: 0;
}

.index-game-nav ul li a {
	width: 114px;
	height: 34px;
	background-color: #f6f6f6;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color: #666;
	display: block;
}

.home-game-list .home-game-grid {
	margin-left: -15px;
	margin-top: 15px;
}

.home-game-list .item {
	width: 14.2%;
	overflow: hidden;
	padding-left: 15px;
	box-sizing: border-box;
	margin-bottom: 10px;
	text-align: center;
}

.home-game-list .item .icon {
	width: 85px;
	height: 85px;
	border-radius: 10px;
	overflow: hidden;
}

.home-game-list .item .info .title {
	font-size: 16px;
	color: #333333;
	margin-top: 15px;
}

.home-game-list .item:hover .info .title {
	color: var(--pm-c);
}

.home-game-list .item .info .size {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #999999;
	margin-top: 15px;
}

.home-game-list .item .info .btn {
	display: block;
	width: 80px;
	height: 34px;
	line-height: 33px;
	border-radius: 6px;
	border: solid 1px var(--pm-c);
	font-size: 16px;
	color: var(--pm-c);
	text-align: center;
	margin: 15px auto 0;
}

.home-game-list .item:hover .info .btn {
	background: var(--pm-c);
	color: #fff;
}

.index-album {
	background: url('../images/index_album_bg.png')no-repeat center;
	background-size: 100% 100%;
	height: 458px;
	padding-top: 24px;
	box-sizing: border-box;
}

.index-album .title {
	width: 217px;
	height: 37px;
	margin: 0 auto;
	background: url('../images/index_album_title.png')no-repeat center;
	margin-bottom: 27px;
}

.index-album ul {
	display: flex;
	justify-content: space-between;
}

.index-album ul li {
	width: 220px;
	height: 341px;
	padding: 2px;
	background: url('../images/index_album_border.png')no-repeat center/contain;
	border-radius: 10px;
}

.index-album ul li .img {
	height: 100%;
	width: 100%;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	display: block;
}

.index-album ul li .img>img {
	border-radius: 10px;
}

.index-album ul li .info {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	width: 100%;
	height: 60px;
	transition: all .4s ease-out;
}

.index-album ul li:hover .info {
	height: 140px;
}

.index-album ul li .info .top {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	font-size: 12px;
}

.index-album ul li .info .top .name {
	font-size: 16px;
	font-weight: bold;
}

.index-album ul li .info .top .desc {
	font-size: 12px;
	color: #ffffff;
	overflow: hidden;
}

.index-album ul li .info .top .num {
	width: 29px;
	height: 29px;
	background-image: linear-gradient(0deg, #fcb33c 0%, #fdcd78 100%), linear-gradient(#ffffff, #ffffff);
	background-blend-mode: normal, normal;
	border-radius: 6px;
	border: solid 2px #ffffff;
	text-align: center;
	line-height: 25px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.index-album ul li:nth-child(2) .info .top .num {
	background-image: linear-gradient(0deg, #7aa5e1 0%, #aecdf9 100%), linear-gradient(#ffffff, #ffffff);
}

.index-album ul li:nth-child(3) .info .top .num {
	background-image: linear-gradient(0deg, #d69c85 0%, #ecc2b2 100%), linear-gradient(#ffffff, #ffffff);
}

.index-album ul li:nth-child(4) .info .top .num {
	background-image: linear-gradient(0deg, #9290a3 0%, #c0bec6 100%), linear-gradient(#ffffff, #ffffff);
}

.index-album ul li:nth-child(5) .info .top .num {
	background-image: linear-gradient(0deg, #9290a3 0%, #c0bec6 100%), linear-gradient(#ffffff, #ffffff);
}

.index-album ul li .info .top .top-right {
	overflow: hidden;
}

.index-album ul li .info .bottom {
	display: flex;
	justify-content: space-between;
	margin-left: 49px;
	font-size: 12px;
	align-items: center;
}

.index-album ul li .info .bottom-img {
	height: 48px;
	width: 48px;
	border-radius: 10px;
}

/* 专辑 */
.home-game-album {
	flex: 1;
	order: 1;
	max-height: 224px;
	overflow: hidden;
}

.home-game-album .album-item {
	display: flex;
	flex-wrap: wrap;
}

.home-game-album .album-item a {
	height: 48px;
	background-color: #f5f5f5;
	line-height: 48px;
	font-size: 16px;
	color: #888;
	text-align: center;
	padding: 0 35px;
	margin-bottom: 10px;
	margin-right: 9px;
	width: 17%;
}

.home-game-album .album-item>a:hover {
	background: #eff9ea;
	color: var(--pm-c)
}

.home-game-album .album-item a:nth-last-child(-n+4) {
	margin-bottom: 0;
}

.game-album-nav {
	width: 119px;
	height: 222px;
	display: flex;
	flex-direction: column;
	border: solid 1px var(--pm-c);
	order: 2;
}

.game-album-nav li {
	height: 111px;
	text-align: center;
	line-height: 111px;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0px;
}

.game-album-nav li a {
	font-size: 16px !important;
	color: var(--pm-c) !important;
	justify-content: center;
}

.game-album-nav li.uk-active {
	background: var(--pm-c);
}

.game-album-nav li.uk-active a {
	color: #fff !important;
}

/* 新游聚焦 */
.game-news-list {
	width: 520px;
}

.index-mid-new {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.index-mid-new .tags {
	width: 50px;
	height: 156px;
	background-color: var(--pm-c);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	box-sizing: border-box;
}

.index-mid-new .info {
	height: 156px;
	justify-content: space-between;
	margin-left: 19px;
	color: #888;
	font-size: 14px;
}

.index-mid-new .info .title {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

.index-mid-new .info .desc {
	line-height: 28px;
	margin-top: 20px;
}

.index-mid-new .info .time {
	margin-bottom: 9px;
	color: #888;
	font-size: 14px;
	margin-top: 20px;
	display: block;
}

.game-news-list ul li {
	margin-bottom: 15px;
}

.game-news-list ul li:last-child {
	margin-bottom: 0;
}

.game-news-list ul li::before {
	width: 6px;
	height: 6px;
	background-color: #e8e8e8;
	border-radius: 3px;
	left: 0;
}

.game-news-list ul li .title {
	font-size: 16px;
	color: #333333;
	padding-left: 30px;
}

.game-news-list ul li:hover .title {
	color: var(--pm-c);
}

.game-news-list ul li .time {
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
}

.game-news-item {
	width: 260px;
	margin-top: 30px;
	margin-left: 25px;
	margin-right: 25px;
}

.game-news-item .item {
	margin-bottom: 25px;
}

.game-news-item .item .thumb {
	width: 260px;
	height: 165px;
}

.game-news-item .item .title {
	font-size: 16px;
	color: #666666;
	margin-top: 20px;
	display: block;
	text-align: center;
}

.game-news-timeline {
	margin-top: 20px;
}

.game-news-timeline .top {
	width: 100%;
	height: 50px;
	background-color: #f5f5f5;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	align-items: center;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-top: 9px;
	box-sizing: border-box;
}

.game-news-timeline .top span:nth-child(1) {
	margin-right: 70px;
}

.game-news-timeline ul {
	position: relative;
}

.game-news-timeline ul::after {
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	width: 1px;
	background: #eeeeee;
	height: calc(100% - 13px);
	z-index: 2;
}

.game-news-timeline ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 22px 0;
	position: relative;
}

.game-news-timeline ul li::after {
	content: '';
	position: absolute;
	left: 3px;
	top: 6px;
	width: 7px;
	height: 7px;
	background-color: #e7e7e7;
	border-radius: 50%;
	z-index: 3;
}

.game-news-timeline ul li .down {
	display: none;
	font-size: 14px;
	color: var(--pm-c);
}

.game-news-timeline ul li .icon {
	width: 20px;
	height: 20px;
	border-radius: 4px;
	line-height: 20px;
}

.game-news-timeline ul li .icon img {
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

.game-news-timeline ul li .time {
	margin-left: 23px;
	margin-right: 15px;
	font-size: 14px;
	color: #999;
}

.game-news-timeline ul li .type {
	font-size: 14px;
	color: #888;
}

.game-news-timeline ul li .name {
	margin-left: 11px;
	margin-right: 10px;
	font-size: 16px;
	color: #333;
	line-height: 20px;
}

.game-news-timeline ul li:hover .name {
	color: var(--pm-c);
}

.game-news-timeline ul li:hover .type {
	display: none;
}

.game-news-timeline ul li:hover .down {
	display: block;
	color: var(--pm-c)
}

.game-news-timeline ul li:hover::after {
	background: var(--pm-c);
}

/* 游戏美宣 */
.home-game-mx .home-game-mx-list {
	margin-top: 20px;
}

.home-game-mx .game-mx-l {
	width: 438px;
}

.home-game-mx .game-mx-l .thumb {
	width: 438px;
	height: 260px;
}

.home-game-mx .game-mx-r {
	width: 190px;
	padding-left: 10px !important;
}

.home-game-mx .game-mx-r .thumb {
	width: 190px;
	height: 125px;
}

.home-game-mx .game-mx-r .thumb:last-child {
	margin-top: 10px;
}

.home-game-mx .game-mx-m {
	width: 313px;
	padding-left: 10px !important;
}

.home-game-mx .game-mx-m .thumb {
	width: 313px;
	height: 260px;
}

.home-game-mx .game-mx-m .thumb a,
.home-game-mx .game-mx .thumb a {
	display: block;
	height: 100%;
	transition: all .5s ease .1s;
}

.home-game-mx .game-mx-m .thumb:hover a,
.home-game-mx .game-mx .thumb:hover a {
	transform: scale(1.3);
}

/* 热门排行榜 */
.rank-warp .rank-list {
	margin-top: 20px;
}

.rank-warp .rank-list .list {
	position: relative;
	overflow: hidden;
}

.rank-warp .rank-list .list .list-top {
	display: none;
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: center;
}

.rank-warp .rank-list .list .list-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 47px;
	line-height: 47px;
	position: relative;
}

.rank-warp .rank-list .num {
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	width: 17px;
	height: 16px;
	line-height: 16px;
	border-radius: 2px;
	margin-left: 30px;
}

.rank-warp .rank-list .icon {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	overflow: hidden;
	margin-left: 20px;
}

.rank-warp .rank-list .name {
	display: block;
	flex: 1;
	font-size: 14px;
	color: #333333;
	margin-left: 15px;
}

.rank-warp .rank-list .info span {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	display: block;
}

.rank-warp .rank-list .type {
	font-size: 14px;
	color: #999999;
	letter-spacing: 1px;
	padding-right: 20px;
}

.rank-warp .rank-list .down {
	font-size: 14px;
	border-radius: 6px;
	width: 89px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-left: 30px;
	color: #fff;
}

.rank-1 .rank-list .down {
	background-color: var(--pm-c);
}

.rank-2 .rank-list .down {
	background-color: #FCCF44;
}

.rank-3 .rank-list .down {
	background-color: #3DD6DC;
}

.rank-warp .rank-list .list.active .name {
	color: #fff;
}

.rank-warp .rank-list .list.active .type {
	color: #fff;
}

.rank-1 .rank-list .list.active .list-bottom {
	background-color: var(--pm-c);
}

.rank-2 .rank-list .list.active .list-bottom {
	background-color: #FCCF44;
}

.rank-3 .rank-list .list.active .list-bottom {
	background-color: #3DD6DC;
}

.rank-warp .rank-list .list.active .list-top {
	display: flex;
}

.rank-warp .rank-list .list.active .num {
	background: #fff;
}

.rank-1 .rank-list .list.active .num {
	color: var(--pm-c);
}

.rank-2 .rank-list .list.active .num {
	color: #FCCF44;
}

.rank-3 .rank-list .list.active .num {
	color: #3DD6DC;
}

.rank-1 .rank-list .list .num {
	background-color: var(--pm-c);
}

.rank-2 .rank-list .list .num {
	background-color: #FCCF44;
}

.rank-3 .rank-list .list .num {
	background-color: #3DD6DC;
}

.rank-warp .rank-list .list.active .list-bottom::after {
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 10px solid white;
}

/* 列表页 start */

/* 列表页菜单导航 */
.category .category-menu {
	background: url(../images/game_tabs_bg.png)no-repeat center;
	height: 189px;
	padding-top: 20px;
	padding-left: 20px;

}

.category .category-menu ul {
	margin-left: -10px;
	width: 80%;
}

.category .category-menu ul li {
	width: 120px;
	height: 40px;
	margin-top: 10px;
	transition: all 0.3s;
	line-height: 40px;
	border-radius: 4px;
	text-align: center;
	border: solid 1px #eee4d9;
	padding-left: 0px !important;
	margin-left: 10px;
}

.category .category-menu ul li:hover,
.category .category-menu ul li.active {
	background-color: var(--pm-c);
}

.category .category-menu ul li .title {
	font-size: 16px;
	color: #666666;
	display: block;
	padding: 0 10px;
}

.category .category-menu ul li:hover .title,
.category .category-menu ul li.active .title {
	color: #fff;
	font-weight: bold;
}

.category .category-menu .title {
	color: #333;
	font-size: 30px;
	/* font-weight: bold; */
	line-height: 40px;
	margin-bottom: 38px;
}

.category .category-menu .time {
	color: #999;
	font-size: 14px;
}


/* 手游下载页 */
.category .category-apps .item {
	position: relative;
}

.category .category-apps .item .top {
	height: 47px;
	line-height: 47px;
	background-color: #f6f6f6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 12px 0 18px;
}

.category .category-apps .item .top::after {
	position: absolute;
	content: '';
	top: 42px;
	left: 27px;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 10px solid white;
}

.category .category-apps .item .bottom {
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
	align-items: center;
}

.category .category-apps .item .icon {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
}

.category .category-apps .item .title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	display: block;
}

.category .category-apps .item .info {
	margin-left: 20px;
	overflow: hidden;
	position: relative;
}

.category .category-apps .item .info span {
	font-size: 14px;
	line-height: 21px;
	color: #666666;
}

.category .category-apps .item .desc {
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
}

.category .category-apps .item .down {
	font-size: 14px;
	color: var(--pm-c);
	display: block;
	width: 89px;
	height: 36px;
	line-height: 35px;
	border: solid 1px var(--pm-c);
	border-radius: 6px;
	margin-left: 20px;
	text-align: center;
}

.category .category-apps .item:hover .top {
	background: var(--pm-c);
}

.category .category-apps .item:hover .title {
	color: #fff;
}

.category .category-apps .item:hover .type {
	color: #fff;
}

.category .category-apps .item:hover .down {
	background-color: var(--pm-c);
	color: #ffffff;
}

/* 资讯中心菜单导航 */
.categories .categories-title {
	position: relative;
	overflow: hidden;
}

.categories .category-menu .item {
	min-width: 120px;
	height: 40px;
	line-height: 38px;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
	/* margin-left: 5px; */
	padding-left: 0px;
	padding: 0 10px;
	background-color: #f6f6f6;
	margin-right: 10px;
}

.categories .category-menu .item a {
	display: block;
	font-size: 16px;
	letter-spacing: 1px;
	color: #666666;
}

.categories .category-menu .item.active,
.categories .category-menu .item:hover {
	background-color: #eff9ea;
}

.categories .category-menu .item.active a,
.categories .category-menu .item:hover a {
	color: var(--pm-c);
}


/* 资讯中心 */
.categories-news {
	overflow: hidden;
	position: relative;
	padding-bottom: 30px;
}

.news-warp {
	width: 883px;
	overflow: hidden;
}

.news-warp .item:last-child {
	margin-bottom: 15px !important;
}

.news-warp .item .thumb {
	width: 235px;
	height: 155px;
	border-radius: 10px;
	overflow: hidden;
}

.news-warp .item .title {
	font-weight: bold;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}

.news-warp .item:hover .title {
	color: var(--pm-c);
}

.news-warp .item .desc {
	font-size: 14px;
	line-height: 30px;
	color: #888888;
}

.news-warp .item .others {
	margin-top: 20px;
}

.news-warp .item .others .type {
	display: inline-block;
	width: 80px;
	height: 26px;
	line-height: 25px;
	border-radius: 13px;
	font-size: 12px;
	color: var(--pm-c);
	border: solid 1px var(--pm-c);
	text-align: center;
}

.news-warp .item .others .time {
	font-size: 12px;
	line-height: 28px;
	color: #999999;
	background: url('../images/time.png') no-repeat left/contain;
	background-size: 13px 13px;
	padding-left: 20px;
}

/* 手游专辑列表 */
.category-album .album-warp .item {
	border-radius: 4px;
	border: solid 1px #eeeeee;
	box-sizing: border-box;
	padding-left: 0px;
	width: 48%;
	margin-left: 2%;
	display: flex;
	margin-top: 45px;
}

.category-album .album-warp .item .item-left {
	width: 150px;
	background-color: #f6f6f6;
	box-sizing: border-box;
}

.category-album .album-warp .item .item-right {
	flex: 1;
	overflow: hidden;
}

.category-album .album-warp .item .title {
	font-size: 18px;
	letter-spacing: 2px;
	color: #333333;
	font-weight: bold;
}

.category-album .album-warp .item .item-left .icon {
	width: 110px;
	height: 110px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: -50px;
}

.category-album .album-warp .item .time {
	font-size: 14px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #888888;
	display: block;
}

.category-album .album-warp .item .game-item {
	margin-top: 30px;
}

.category-album .album-warp .item .item-right .icon {
	width: 52px;
	height: 52px;
	border-radius: 52px;
	overflow: hidden;
}

.category-album .album-warp .item .num {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #999999;
}

.category-album .album-warp .item .btn {
	display: inline-block;
	line-height: 38px;
	width: 70px;
	height: 38px;
	border-radius: 6px;
	margin-left: 10px;
	font-size: 16px;
	color: #ffffff;
	background: var(--pm-c);
	text-align: center;
	margin-right: 0px;
}

.category-album .album-warp .item:hover .btn {
	color: var(--pm-c);
	background: #fff;
	border: 1px solid var(--pm-c);
}


/* 礼包列表 */
.category-gift-list .item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.category-gift-list .icon {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.category-gift-list .item .title {
	font-size: 16px;
	color: #333333;
}

.category-gift-list .item .info {
	padding-bottom: 25px;
	margin-left: 15px;
	display: flex;
	align-items: center;
	flex: 1;
	overflow: hidden;
}

.category-gift-list .item .info .desc,
.category-gift-list .item .info .time {
	font-size: 14px;
	color: #888888;
	margin-top: 12px;
	display: block;
}

.category-gift-list .item .receive {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: transparent;
	background: url('../images/gift.png') no-repeat center/contain var(--pm-c);
	background-size: 23px 23px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 50%;
	margin-left: 10px;
}

.category-gift-list .item:hover .receive {
	color: #fff;
	background: var(--pm-c);
}

/* 排行榜列表 */
.category-rank .category-menu,
.single .single-rank-title {
	height: 189px;
	background: url(../images/rank_tabs_bg.png)no-repeat center;
}

.single .single-rank-title .title {
	font-size: 30px;
	letter-spacing: 1px;
	color: #333333;
	font-weight: bold;
	padding-top: 40px;
	display: block;
	margin-left: -80px;
}

.single .single-rank-title .time {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 40px;
	margin-left: -80px;
}

.category-rank .category-menu ul li {
	width: 160px;
}

.category-rank-list .item {
	position: relative;
	overflow: hidden;
}

.category-rank-list .item .item-top {
	height: 47px;
	line-height: 47px;
	background-color: #f6f6f6;
	padding-left: 20px;
	position: relative;
}

.category-rank-list .item .item-top::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 27px;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 10px solid white;
}

.category-rank-list .item .item-bottom {
	margin-top: 20px;
	margin-bottom: 25px;
	align-items: center;
}

.category-rank-list .item:last-child .item-bottom {
	margin-bottom: 0px;
}

.category-rank-list .item .icon {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
}

.category-rank-list .item .title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	display: block;
	margin-right: 10px;
}

.category-rank-list .item .type {
	font-size: 15px;
	color: #777;
}

.category-rank-list .item .type span {
	display: inline-block;
	margin-right: 45px;
}

.category-rank-list .item .desc {
	font-size: 15px;
	color: #777;
	margin-top: 20px;
}

.category-rank-list .item .down {
	display: inline-block;
	width: 120px;
	height: 42px;
	line-height: 42px;
	border: solid 1px var(--pm-c);
	border-radius: 6px;
	font-size: 14px;
	color: var(--pm-c);
	text-align: center;
	padding-left: 30px;
	box-sizing: border-box;
}

.category-rank-list .item .down::before {
	left: 20px;
	width: 17px;
	height: 17px;
	background: url('../images/rank_down.png') no-repeat center/contain;
}

.category-rank-list .item:hover .down {
	background: var(--pm-c);
	color: #ffffff;
}

.category-rank-list .item:hover .down::before {
	background: url('../images/lr_down.png') no-repeat center/contain;
}

.category-rank-list .item:hover .title {
	color: var(--pm-c);
}

.category-rank-list .item .num {
	width: 49px;
	height: 68px;
	text-align: center;
	background: url('../images/rank_num.png') no-repeat center/contain;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 15px;
	box-sizing: border-box;
	margin-right: 40px;
	margin-left: 20px;
}

.category-rank-list .item:nth-child(-n+3) .num {
	background: url('../images/rank_first_num.png') no-repeat center/contain;
}


/* 排行榜大全 */
.category-rank-news-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 15px;
}

.category-rank-news-list .rank-item {
	display: flex;
	align-items: center;
	padding: 25px 20px;
	width: 49%;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.category-rank-news-list .rank-item:hover {
	background-color: #FFF9F4;
}

.category-rank-news-list .rank-item .item {
	flex: 1;
	overflow: hidden;
}

.category-rank-news-list .rank-item .item .icon-list {
	margin-top: 25px;
	justify-content: space-between;
	align-items: center;
}

.category-rank-news-list .rank-item .item .icon-list .game-item {
	width: 19%;
}

.category-rank-news-list .rank-item .right {
	width: 60px;
	height: 144px;
	border-radius: 10px;
	border: solid 1px #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	padding: 0 22px;
	padding-top: 45px;
	box-sizing: border-box;
	margin-left: 30px;
}

.category-rank-news-list .rank-item:hover .right {
	color: var(--pm-c);
	border: solid 1px var(--pm-c);
}

.category-rank-news-list .rank-item .right::before {
	width: 32px;
	height: 29px;
	top: 40px;
	background: url('../images/list_rank_ico.png') no-repeat top/contain;
}

.category-rank-news-list .rank-item:hover .right::before {
	background: url('../images/list_rank_active.png') no-repeat top/contain;
}

.category-rank-news-list .rank-item .item .name {
	font-size: 20px;
	letter-spacing: 2px;
	color: #2c2c34;
	font-weight: bold;
}

.category-rank-news-list .rank-item .item .icon {
	width: 56px;
	height: 56px;
	border-radius: 56px;
	overflow: hidden;
}

.category-rank-news-list .rank-item .item .title a {
	font-size: 14px;
	color: #888888;
	display: block;
	margin-top: 15px;
}

.category-rank-news-list .rank-item .item .time {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 25px;
}

/* 详情内页start  */

/* 资讯内页标题 */
.single-news .single-header {
	padding-bottom: 20px;
}

.single-news .single-header h1 {
	color: #333333;
	font-weight: bold;
	padding: 20px 0 15px;
	font-size: 30px;
	letter-spacing: 3px;
	padding-left: 20px;
	line-height: 48px;
}

.single-news .single-header .info {
	height: 40px;
	line-height: 40px;
	display: flex;
	padding: 0 20px;
	justify-content: center;
}

.single-news .single-header .info span {
	font-size: 14px;
	color: #999;
	letter-spacing: 1px;
	display: inline-block;
	padding-left: 25px;
}

.single-news .single-header .info span:nth-child(1) {
	background-size: 18px 16px;
}

.single-news .single-header .info span:nth-child(2) {
	background-size: 17px 16px;
}

.single-news .single-header .info span:nth-child(3) {
	background-size: 16px 17px;
}

/* 下载内页标题 */
.single-head .icon {
	width: 150px;
	height: 150px;
	border-radius: 20px;
	overflow: hidden;
}

.single-head .title {
	height: 47px;
	line-height: 47px;
	padding-left: 20px;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	background: linear-gradient(to right, #f6f6f6, #fff);
}

.single-head ul {
	max-width: 450px;
	margin-left: 0 !important;
}

.single-head ul li {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	padding-left: 0px;
}

.game-show-soft {
	background: url('../images/game_scope.png')no-repeat center;
	width: 158px;
	height: 150px;
	margin-right: 24px;
	text-align: center;
	line-height: 130px;
	font-size: 52px;
	font-weight: bold;
	color: #cc6600;
	letter-spacing: -5px;
}

.soft-show-scope {
	background: url('../images/soft_scope.png')no-repeat center;
}

.gift-show-scope {
	background: url('../images/gift_scope.png')no-repeat center;
}

.game-show-soft span {
	font-size: 12px;
}

.game-show-right {
	margin-right: 10px;
}

.game-show-right p {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #999;
	margin: 10px 0;
}

.game-show-right p span {
	width: 114px;
	height: 5px;
	background-color: #eeeeee;
	margin-left: 15px;
	position: relative;
}

.game-show-right p span::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 5px;
	background-color: #ffc35a;
	width: 20px;
}

.game-show-right p:nth-child(1) span::after {
	width: 10px;
}

.game-show-right p:nth-child(2) span::after {
	width: 60px;
}

.game-show-right p:nth-child(3) span::after {
	width: 50px;
}

.game-show-right p:nth-child(4) span::after {
	width: 90px;
}


/* 详情简介/游戏简介 */
.single-content h2,
.single-content h3 {
	margin: 15px 0;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	position: relative;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
	border-left: 4px solid var(--pm-c);
	background-color: #eff9ea;
}

.single-content p {
	text-indent: 2em;
	line-height: 48px;
	font-size: 16px;
	color: #666;
}
.single-content iframe {
    display: block;
    width: 100%;
    height: 300px
}
.single-content img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
	height: auto !important;
}

/* 手游截图 */
.single-slide {
	padding: 0 48px;
	height: 477px;
}

.uk-slider-items img {
	width: 269px;
	height: 477px;
}

/* 下载按钮 */
.single-head .download {
	position: relative;
	display: flex;
}

.btn {
	position: relative;
	height: 50px;
	line-height: 48px;
	width: 179px;
	cursor: pointer;
	margin-right: 20px;
}

.btn span {
	position: relative;
	display: block;
	font-size: 16px;
	color: #ffffff;
	text-indent: 60px;
	line-height: 48px;
}

.btn a {
	position: relative;
	display: block;
	text-indent: 60px;
	line-height: 50px;
	font-size: 16px;
	color: #ffffff;
}

.single-head .download .btn::before {
	left: 30px;
	display: inline-block;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
}

.single-head .download .az,
.single-head .download .pc {
	background-color: var(--pm-c);
	border-radius: 10px;
}

.single-head .download .ios,
.single-head .download .app,
.single-head .download .h5,
.single-head .download .game {
	background-color: #fca93d;
	border-radius: 10px;
}

.single-head .download .az:before {
	background-image: url(../images/android.png);
}

.single-head .download .ios:before {
	background-image: url(../images/ios.png);
}

.single-head .download .pc:before {
	background-image: url(../images/pc.png);
}

.single-head .download .app:before {
	background-image: url(../images/app.png);
}

.single-head .download .h5:before {
	background-image: url(../images/h5.png);
}

.single-head .download .lb:before {
	background-image: url(../images/gift.png);
	width: 26px;
}

.single-head .download .game:before {
	background-image: url(../images/game.png);
}

.single-head .download .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: 0.4;
}

.single-head .download .code {
	display: none;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 20px;
	color: #777;
	font-size: 14px;
	line-height: normal;
	right: -170px;
	z-index: 10;
	right: 0px;
	top: 140px;
	z-index: 101;
}

.single-head .download .code img {
	border: 1px solid #f5f5f5;
	margin-bottom: 15px;
}

.single-head .download .az:hover .code,
.single-head .download .ios:hover .code,
.single-head .download .pc:hover .code,
.single-head .download .app:hover .code,
.single-head .download .h5:hover .code {
	display: block;
}

.single-head .download .lb:hover .code {
	display: none;
}

/* 排行榜详情 */
.single-rank {
	margin-top: 15px;
	border-radius: 6px;
	padding-bottom: 30px;
}

.single-rank-warp {
	position: relative;
	overflow: hidden;
	flex: 1;
}

/* 专辑详情 */
.single-album .single-head .info-list ul li span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #fff8f1;
	border-radius: 6px;
	padding: 0 15px;
	color: var(--pm-c);
	font-size: 14px;
}

/* 小编推荐 */
.single-head-card {
	width: 325px;
	height: 157px;
	padding: 30px 20px 0;
	box-sizing: border-box;
	border-radius: 10px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: url('../images/album_tj.png') no-repeat center/contain;
}

.single-head-card .icon {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
}

.single-head-card .info {
	overflow: hidden;
}

.single-head-card .info .title {
	font-size: 18px;
	color: #333333;
	display: block;
	overflow: hidden;
	background: transparent;
	padding-left: 0px;
	line-height: 30px;
	height: 30px;
}

.single-head-card .info .type {
	font-size: 14px;
	color: #666666;
}

.single-head-card .info .down {
	display: block;
	margin-left: 10px;
	width: 31px;
	height: 31px;
	color: transparent;
	background: url('../images/album_down.png') no-repeat center/contain;
}

.single-head-card .info .desc {
	font-size: 14px;
	color: #666666;
	margin-top: 5px;
}


/* 专辑详情列表 */
.single-album-list {
	margin-top: 20px;
}

.single-album-list .item {
	position: relative;
}

.single-album-list .item::after {
	position: absolute;
	content: '';
	top: 38px;
	left: 28px;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 10px solid white;
}

.single-album-list .item .item-top {
	height: 47px;
	line-height: 47px;
	background-color: #f6f6f6;
	padding: 0 20px;
}

.single-album-list .item .num {
	display: inline-block;
	width: 62px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	margin-left: 5px;
	padding-left: 8px;
	box-sizing: border-box;
	background: url('../images/album_show_num2.png') no-repeat center/contain;
}

.single-album-list>:nth-child(-n+3) .num {
	background: url('../images/album_show_num1.png') no-repeat center/contain;
}

.single-album-list .item .icon {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
}

.single-album-list .item .title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 2px;
	flex: 1;
	overflow: hidden;
}

.single-album-list .item .type {
	font-size: 14px;
	color: #999999;
}

.single-album-list .item .info {
	overflow: hidden;
	margin-left: 15px;
}

.single-album-list .item .info .size,
.single-album-list .item .info .desc {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.single-album-list .item .down {
	display: block;
	width: 89px;
	height: 36px;
	line-height: 35px;
	border-radius: 6px;
	border: solid 1px var(--pm-c);
	font-size: 14px;
	color: var(--pm-c);
	background-color: #ffffff;
	text-align: center;
	margin-left: 10px;
}

.single-album-list .item:hover .down {
	background: var(--pm-c);
	color: #fff;
}

.single-album-left {
	width: 883px;
}

/* 相关资讯 */
.single-xg-news {
	overflow: hidden;
	width: 100%;
}

.single-xg-news .single-xg-news-list .item {
	width: 50%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}

.single-xg-news .single-xg-news-list .item:nth-child(even) {
	padding-right: 0px;
}

.single-xg-news .single-xg-news-list .item .thumb {
	width: 120px;
	height: 80px;
}

.single-xg-news .single-xg-news-list .item .desc {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #999999;
}

.single-xg-news .single-xg-news-list .item .title {
	font-size: 16px;
	letter-spacing: 1px;
	color: #333333;
	font-weight: normal !important;
}

.single-xg-news .single-xg-news-list .item .time {
	font-size: 14px;
	color: #999999;
	letter-spacing: 1px;
	display: inline-block;
}

.single-xg-news .single-xg-news-list .item:hover .title {
	color: var(--pm-c);
}

/* 最新录入 */
.single-news-enter ul {
	display: flex;
	flex-wrap: wrap;
}

.single-news-enter ul li {
	width: 256px;
	height: 102px;
	background-color: #f6f6f6;
	border-radius: 10px;
	margin-right: 28px;
	position: relative;
	margin-top: 38px;
	margin-bottom: 10px;
}

.single-news-enter ul li:nth-child(3n) {
	margin-right: 0;
}

.single-news-enter ul li .img {
	position: absolute;
	width: 78px;
	height: 78px;
	border-radius: 10px;
	left: 16px;
	top: -24px;
}

.single-news-enter ul li .img img {
	width: 78px;
	height: 78px;
	border-radius: 10px;
}

.single-news-enter ul li .name {
	margin-left: 107px;
	margin-right: 10px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
	display: block;
}

.single-news-enter ul li p {
	margin-top: 26px;
	margin-left: 16px;
	font-size: 14px;
	color: #666;
}

.single-news-enter ul li .down {
	width: 39px;
	height: 28px;
	border-radius: 14px 0px 0px 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	position: absolute;
	right: 0;
	bottom: 19px;
	background: url('../images/lr_down.png') no-repeat 13px/contain var(--pm-c);
	background-size: 14px 14px;
}

.single-news-enter ul li:hover .down {
	width: 72px;
	font-size: 14px;
	color: #fff;
	padding-left: 5px;
	background: url('../images/lr_down.png') no-repeat 10px/contain var(--pm-c);
	background-size: 14px 14px;
}

.single-news-enter ul li:hover .down img {
	margin-right: 5px;
}

/* 同类别攻略 */
.single-type-gl ul {
	flex: 1;
}

.single-type-gl ul li {
	display: flex;
	align-items: center;
	margin-top: 13px;
}

.single-type-gl ul li::before {
	left: 0px;
	width: 6px;
	height: 6px;
	background-color: #e8e8e8;
	border-radius: 3px;
}

.single-type-gl ul li .title {
	font-size: 16px;
	color: #333333;
	display: block;
	padding-left: 30px;
	flex: 1;
	overflow: hidden;
}

.single-type-gl ul li .time {
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
}

.single-type-gl .item {
	width: 260px;
}

.single-type-gl .item .thumb {
	width: 260px;
	height: 165px;
}

.single-type-gl .item .title {
	font-size: 16px;
	color: #666666;
	display: block;
	margin-top: 25px;
	text-align: center;
}

/* 相关礼包 */
.single-xg-gift {}

.single-xg-gift ul li {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.single-xg-gift ul li .down {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url('../images/gift.png') no-repeat center/contain var(--pm-c);
	background-size: 23px 23px;
	margin-bottom: 20px;
}

.single-xg-gift ul li .list {
	padding-bottom: 20px;
	margin-left: 15px;
	flex: 1;
	overflow: hidden;
}

.single-xg-gift ul li .list .top {
	display: flex;
	align-items: center;
}

.single-xg-gift ul li .list .title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	display: block;
	overflow: hidden;
	flex: 1;
}

.single-xg-gift ul li .list .time {
	font-size: 14px;
	color: #888888;
	margin-left: 10px;
}

.single-xg-gift ul li .list .desc {
	font-size: 14px;
	color: #888888;
	margin-top: 10px;
}

/* 热门图集 */
.single-xg-images .thumb {
	height: 167px;
	width: 260px;
	overflow: hidden;
}

.single-xg-images .title {
	color: #333;
	font-size: 16px;
}

.single .single-xg-images .thumb::after {
	height: 40px;
	width: 100%;
	background-image: url('../images/images-cover.png');
}

/* 侧边栏 */
.sidebar {
	width: 305px;
}

.side-hot-tj {}

.side-hot-tj .item {
	border-bottom: 1px dashed #eeeeee;
	padding-bottom: 15px;
	margin-top: 20px;
	align-items: center;
}

.side-hot-tj .game-item {
	border-bottom: 1px dashed #eeeeee;
	padding-bottom: 15px;
}

.side-hot-tj .item .thumb {
	width: 110px;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
}

.side-hot-tj .game-item .thumb {
	width: 293px;
	height: 163px;
	overflow: hidden;
	border-radius: 10px;
}

.side-hot-tj .game-item .title {
	margin-top: 20px;
}

.side-hot-tj .item .title {
	font-size: 16px;
	color: #333333;
	display: block;
}

.side-hot-tj .item .time {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 10px;
}

.side-hot-tj .item .info {
	margin-left: 15px;
	overflow: hidden;
}

.side-album {
	width: 100%;
}

.side-album .home-gl-tab li {
	width: 50%;
	padding-left: 0px;
}

.side-game-gx {
	width: 100%;
	margin-top: 20px;
}

.home-game-pic {
	width: 100%;
}

/* 手游推荐 */
.side-game-tj .game-tj-warp .item .item-l {
	height: 110px;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.side-game-tj .game-tj-warp .item:nth-child(1) .item-l {
	background-color: #fff2f2;
	border: solid 1px #ff9999;
}

.side-game-tj .game-tj-warp .item:nth-child(2) .item-l {
	background-color: #f0fff6;
	border: solid 1px #47d684;
}

.side-game-tj .game-tj-warp .item:nth-child(3) .item-l {
	background-color: #fff5e5;
	border: solid 1px #ffbc48;
}

.side-game-tj .game-tj-warp .item:nth-child(4) .item-l {
	background-color: #f2f4fc;
	border: solid 1px #8fa1ff;
}

.side-game-tj .game-tj-warp .item .name {
	width: 30px;
	height: 90px;
	border-radius: 0px 6px 6px 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	padding: 8px;
	box-sizing: border-box;
}

.side-game-tj .game-tj-warp .item:nth-child(1) .name {
	background-color: #f45050;
}

.side-game-tj .game-tj-warp .item:nth-child(2) .name {
	background-color: #03ab4a;
}

.side-game-tj .game-tj-warp .item:nth-child(3) .name {
	background-color: #ec8705;
}

.side-game-tj .game-tj-warp .item:nth-child(4) .name {
	background-color: #657cf3;
}

.side-game-tj .game-tj-warp .item .icon {
	width: 71px;
	height: 71px;
	border-radius: 10px;
	overflow: hidden;
}

.side-game-tj .game-tj-warp .item .title {
	font-size: 16px;
	letter-spacing: 2px;
	color: #333333;
	display: block;
}

.side-game-tj .game-tj-warp .item p {
	font-size: 14px;
	letter-spacing: 1px;
	color: #888888;
}

.side-game-tj .game-tj-warp .item p span {
	display: inline-block;
	margin-right: 5px;
}

.side-game-tj .game-tj-warp .item p span:last-child {
	margin-left: 5px;
}

/* 同类别推荐 */
.side-type-tj ul li {
	overflow: hidden;
}

.side-type-tj .item .icon {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	margin: 10px auto 0;
}

.side-type-tj .item .title {
	font-size: 16px;
	color: #333333;
	margin-top: 15px;
	display: block;
	text-align: center;
}

.side-type-tj .item .size {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 15px;
	text-align: center;
}

.side-type-tj .item .down {
	display: block;
	width: 80px;
	height: 34px;
	border-radius: 6px;
	border: solid 1px var(--pm-c);
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: var(--pm-c);
	margin-top: 15px;
}

.side-type-tj .item:hover .down {
	background: var(--pm-c);
	color: #fff;
}

/* 热门礼包 */
.side-hot-gift {}

.side-hot-gift ul li {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.side-hot-gift ul li .icon {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
}

.side-hot-gift ul li .title {
	font-size: 16px;
	color: #333333;
	display: block;
	overflow: hidden;
}

.side-hot-gift ul li .info {
	margin-left: 15px;
	overflow: hidden;
}

.side-hot-gift ul li .desc {
	font-size: 14px;
	color: #888888;
	line-height: 24px;
	flex: 1;
}

.side-hot-gift ul li .receive {
	display: block;
	width: 70px;
	height: 34px;
	line-height: 34px;
	border-radius: 6px;
	border: solid 1px var(--pm-c);
	text-align: center;
	font-size: 16px;
	color: var(--pm-c);
	margin-left: 10px;
}

/* 大家都在抢 */
.side-rob-gift li {
	display: flex;
	align-items: center;
	margin-top: 18px;
}

.side-rob-gift ul li .lable {
	font-size: 14px;
	color: #999999;
}

.side-rob-gift ul li .title {
	font-size: 16px;
	color: #333333;
	display: block;
	flex: 1;
	overflow: hidden;
	margin-left: 5px;
}

.side-rob-gift ul li .tags {
	font-size: 14px;
	color: var(--pm-c);
	margin-left: 10px;
}

/* 更多排行 */
.side-more-rank {}

.side-more-rank ul li {
	padding-right: 20px;
	border-radius: 4px;
	height: 42px;
	line-height: 42px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.side-more-rank ul li a {
	font-size: 16px;
}

.side-more-rank ul li:nth-child(4n+1) a {
	color: #38d08f;
}

.side-more-rank ul li:nth-child(4n+2) a {
	color: #ffb632;
}

.side-more-rank ul li:nth-child(4n+3) a {
	color: #66c3ff;
}

.side-more-rank ul li:nth-child(4n+4) a {
	color: #fe9fd7;
}

.side-more-rank ul li:nth-child(4n+1) {
	background-color: #EDFBF5;
}

.side-more-rank ul li:nth-child(4n+2) {
	background-color: #FEFAF2;
}

.side-more-rank ul li:nth-child(4n+3) {
	background-color: #EDF8FF;
}

.side-more-rank ul li:nth-child(4n+4) {
	background-color: #FFF6FB;
}

.side-more-rank ul li::after {
	right: 14px;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}

.side-more-rank ul li:nth-child(4n+1)::after {
	background: url('../images/side_rank_1.png') no-repeat center/contain;
}

.side-more-rank ul li:nth-child(4n+2)::after {
	background: url('../images/side_rank_2.png') no-repeat center/contain;
}

.side-more-rank ul li:nth-child(4n+3)::after {
	background: url('../images/side_rank_3.png') no-repeat center/contain;
}

.side-more-rank ul li:nth-child(4n+4)::after {
	background: url('../images/side_rank_4.png') no-repeat center/contain;
}

/* 关于我们 */
.page .page-menu {
	background: url(../images/about_tabs_bg.png) no-repeat center/contain;
}

.page .page-menu ul {
	width: 65%;
}

.page .page-menu ul li a {
	text-align: center;
}
.page .page-menu ul li .title{
	line-height: 38px;
}
.page .page-content p {
	font-size: 16px;
	line-height: 48px;
	color: #666666;
}

.page .page-sitemap .item h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}

.page .page-sitemap ul {
	overflow: hidden;
}

.page .page-sitemap ul li {
	float: left;
	width: 120px;
	height: 40px;
	line-height: 39px;
	margin-bottom: 15px;
	background-color: #f6f6f6;
	margin-right: 5px;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.page .page-sitemap ul li a {
	display: block;
	font-size: 16px;
	color: #666666;
	text-align: center;
}

.page .page-sitemap ul li:hover {
	background-color: #fff4e9;
}

.page .page-sitemap ul li:hover a {
	color: var(--pm-c);
}

/* 404 */
.page-error {
	min-height: 600px;
	padding: 150px 0;
	font-size: 24px;
	color: #666;
	text-align: center;
	background-color: #fff;
}

.page-404 {
	width: 325px;
	height: 322px;
	margin: 0 auto;
	background-image: url(../images/page-404-bg.png);
	background-repeat: no-repeat;
}

.page-500 {
	background-image: url(../images/page-500-bg.png);
	background-repeat: no-repeat;
}

.page-error .title {
	font-size: 16px;
	line-height: 75px;
	letter-spacing: 2px;
	color: #333333;
}

.page-error .go-home {
	display: inline-block;
	width: 138px;
	height: 41px;
	line-height: 41px;
	font-size: 16px;
	background-color: #ffa073;
	border-radius: 21px;
	color: #ffffff;
}

/* 搜索页面 */
.search-total {
	color: var(--pm-c);
	font-size: 18px;
}

/* 开服表 */
.kaifu-warp {}

.kaifu-warp tr {
	border: 1px solid #eeeeee;
}

.kaifu-warp tr th {
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 15px;
	letter-spacing: 1px;
	color: #333;
	box-sizing: border-box;
	padding: 0 12px;
}

.kaifu-warp tr:nth-child(-n+3) {
	background: #FFFDCF;
}

.uk-table-hover tbody tr:hover,
.uk-table-hover>tr:hover {
	background: #FFFDCF;
}

.kaifu-warp tr td {
	font-size: 15px;
	letter-spacing: 1px;
	color: #333;
	line-height: 38px;
}

.kaifu-warp tr .icon {
	width: 38px;
	height: 38px;
}

.kaifu-warp tr .icon img {
	border-radius: 8px;
}

.kaifu-warp tr .title {
	font-size: 15px;
	letter-spacing: 1px;
	color: #333333;
	min-width: 80px;
}

.kaifu-warp tr .time {
	font-size: 15px;
	letter-spacing: 1px;
	color: #ff3b27;
}

.kaifu-warp tr td span {
	font-size: 14px;
	letter-spacing: 1px;
	color: #c6c5c5;
}

.kaifu-warp .btn {
	display: block;
	width: 108px;
	height: 34px;
	line-height: 34px;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin: 0 auto;
}

.kaifu-warp .down {
	border: solid 1px #ff897e;
	color: #ff897e;
	padding-left: 18px;
}

.kaifu-warp .gift {
	border: solid 1px #529dff;
	color: #529dff;
	padding-left: 22px;
}

.kaifu-warp .btn::before {
	left: 12px;
	display: inline-block;
	z-index: 100;
}

.kaifu-warp .down::before {
	width: 14px;
	height: 14px;
	background: url(../images/kaifu_icon_xz.png) no-repeat center/contain;
}

.kaifu-warp .down:hover {
	background-color: #ff897e;
	color: #ffffff;
}

.kaifu-warp .down:hover::before {
	background: url(../images/game.png) no-repeat center/contain;
}

.kaifu-warp .gift::before {
	width: 15px;
	height: 15px;
	background: url(../images/kaifu_icon_gift.png) no-repeat center/contain;
}

.kaifu-warp .gift:hover {
	background-color: #529dff;
	color: #ffffff;
}

.kaifu-warp .gift:hover::before {
	background: url(../images/gift.png) no-repeat center/contain;
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
	color: #333;
}

.game-type {
	font-size: 15px;
	letter-spacing: 1px;
	color: #333;
	box-sizing: border-box;
}

.game-type::after {
	width: 14px;
	height: 14px;
	z-index: 99;
	background: url('../images/dropdown.png') no-repeat center/contain;
	margin-left: 10px;
}

.kaifu-warp .uk-dropdown {
	border-radius: 6px;
	padding: 10px 0;
	min-width: 140px;
	left: 572px !important;
	top: 351px !important;
}

.kaifu-warp tr th:nth-child(6) .uk-dropdown {
	left: 942px !important;
	top: 351px !important;
}

.kaifu-warp .uk-dropdown .uk-dropdown-nav::after {
	width: 0;
	height: 0;
	border: 18px solid;
	border-color: transparent transparent #ffffff transparent;
	top: -20px;
	left: 55px;
}

.kaifu-warp .uk-dropdown .uk-dropdown-nav li {
	font-size: 15px;
	letter-spacing: 1px;
	color: #666666;
	cursor: pointer;
}

.kaifu-warp .uk-dropdown .uk-dropdown-nav li.uk-active {
	/* background-color: #249df8; */
	/* color: #fff; */
}

/* 手机端兼容性 */
@media (max-width: 760px) {
	body>header {
		height: 183px;
	}

	.logo-search {
		display: block;
		margin-top: 0px;
		margin-bottom: 45px;
	}

	body>header .header {
		display: block;
	}

	body>header .logo {
		width: 180px;
		height: 35px;
		margin: auto;
		padding-top: 5px;
	}

	body>header .logo img {
		height: 100%;
	}

	body>header .nav {
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin-top: 25px;
		overflow: hidden;
	}

	body>header .nav ul {
		white-space: nowrap;
		overflow-x: scroll;
		height: 66px;
		float: none;
	}

	body>header .nav ul li {
		margin-right: 0;
	}

	body>header .nav ul li a {
		font-size: 16px;
	}

	body>header .search {
		display: none;
	}

	body>.footer {
		padding: 15px;
	}

	body>.footer p {
		font-size: 12px;
		margin-top: 25px;
		display: block;
	}

	.foot-list {
		flex-wrap: wrap;
	}

	.home-banner-swiper .swiper-wrapper {
		height: 204px !important;
	}

	.crumbs {
		padding: 0 20px;
	}

	.home-links a {
		font-size: 12px;
		margin-right: 5px;
	}

	.home-game-video {
		display: block;
		width: 100%;
	}

	.home-hot-game .hot-game {
		width: 100%;
		height: 100%;
		margin-right: 0px;
	}

	.home-hot-game ul li {
		width: 100%;

	}

	.home-hot-game .news-game {
		width: 100%;
		height: 100%;
		margin-top: 20px;
	}

	.home-latest {
		width: 100%;
	}

	.home-news-tab {
		margin-left: 0px;
	}

	.index-banner,
	.home-game-mx-list,
	.index-list,
	.category,
	.single-news,
	.categories-news,
	.single-warp,
	.single-head .item,
	.lb-warp,
	.single-rank,
	.home-game-news {
		display: block !important;
	}

	.home-latest ul .list .title {
		font-size: 14px;
	}

	.home-game-hot,
	.home-hd-right,
	.home-game-lb,
	.home-latest,
	.home-jp-tj {
		margin-left: 0 !important;
		margin-top: 20px;
	}

	.home-game-lb,
	.home-jp-tj {
		height: 100%;
	}

	.home-banner,
	.home-game-gl,
	.home-game-discuss,
	.home-game-gx,
	.home-game-pic,
	.home-game,
	.game-news-list,
	.game-news-item {
		width: 100%;
		margin-left: 0px !important;
	}

	.home-gl-tab li {
		width: 50%;
		margin-top: 20px;
	}

	.game-video-list .thumb:nth-child(even) {
		margin-left: 0px;
	}

	.home-game-list .item {
		width: 32.6%;
	}

	.home-banner-img {
		width: 100%;
		height: auto;
	}

	.home-banner-list .item {
		width: 45%;
	}

	.home-banner .list-bottom .item .icon-list .icon {
		width: 30px;
		height: 30px;
	}

	.home-banner-list .list-top .item .desc {
		line-height: 20px;
	}

	.home-banner .list-bottom .item .title,
	.home-banner-list .list-top .item .title {
		font-size: 12px;
	}

	.home-banner-list .list-top .item .icon {
		width: 68px;
		height: 40px;
	}

	.home-hot ul li {
		width: 64%;
	}

	.game-album-nav {
		width: 100%;
		height: 111px;
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.game-album-nav li {
		width: 50%;
	}

	.home-game-mx .game-mx .thumb {
		height: 160px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.home-game-mx .game-mx-m .thumb {
		width: 350px;
		height: 200px;
	}

	.home-game-mx .game-mx-m {
		margin-top: 0 !important;
	}

	.home-game-mx .game-mx .thumb:nth-child(2) {
		margin-right: 0px;
	}

	.category .category-warp .item {
		width: 90%;
	}

	.category .category-warp .item .icon {
		width: 80px;
		height: 80px;
	}

	.category .category-menu ul li {
		width: 46%;
		box-sizing: border-box;
	}

	.category .category-warp .item .single {
		display: block;
	}

	.categories .category-menu .item {
		width: 47%;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: normal;
	}

	.news-warp {
		width: 100%;
	}

	.sidebar {
		margin-left: 0px !important;
		width: 100%;
	}

	.single-head ul li {
		font-size: 12px;
	}

	.single-head .icon {
		margin: 0;
		width: 100px;
		height: 100px;
	}

	.single-head .item .info>div {
		margin: 0 auto;
	}

	.single-head .info {
		margin-left: 0px !important;
		margin-top: 10px;
	}

	.single-head .download .btn {
		margin-bottom: 10px !important;
	}

	.single-header,
	.single-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.single-content p {
		line-height: 32px;
		font-size: 14px;
	}

	.news-warp .item .thumb {
		width: 190px;
		height: 130px;
	}

	.news-warp ul li {
		display: block;
	}

	.news-warp ul li .info {
		margin-left: 0px !important;
		margin-top: 10px;
	}

	.news-warp .item .others {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.news-warp .item .desc {
		margin-top: 0px !important;
		line-height: 22px;
	}

	.single-news .single-header h1 {
		font-size: 20px;
		line-height: 36px;
	}

	.single-news .single-header .info span {
		font-size: 12px;
		padding-left: 0px;
	}

	.single-news .single-header .info span:nth-child(2) {
		margin: 0 30px;
	}

	.page-error {
		min-height: auto;
		padding: 50px 0;
	}

	.page-404 {
		height: 300px;
		width: 80%;
		margin: 0 auto;
		background-size: 100%;
	}

	.single-content h2,
	.single-content h3 {
		font-size: 12px;
		margin: 5px 0;
	}

	/* 排行榜大全 */
	.category-rank-news-list .rank-item,
	.category-apps>div,
	.category-album .album-warp .item {
		width: 100%;
	}

	.category .category-menu {
		height: 100%;
	}

	.single .single-rank-title .title {
		margin-left: 0px;
		font-size: 14px;
	}

	.category-album .album-warp .item .item-left {
		width: 80px;
		padding: 10px;
	}

	.category-album .album-warp .item .item-left .icon {
		width: 60px;
		height: 60px;
		margin-top: -30px;
	}

	.category-album .album-warp .item .item-right .icon {
		width: 40px;
		height: 40px;
	}

	.single-rank-title .title,
	.single-rank-title .time,
	.category .category-apps .item .info span,
	.category-album .album-warp .item .title {
		font-size: 12px;
		letter-spacing: 0px;
	}

	.category-rank-list ul li {
		display: block;
	}

	.category-rank-list ul li .num {
		text-align: center;
		margin: 0 auto;
	}

	.category-rank-list .item .icon {
		width: 50px;
		height: 50px;
	}

	.category-rank-list .item .type {
		font-size: 12px;
	}

	.category-rank-list ul li .title {
		padding-right: 0px;
	}

	.category-rank-list ul li .btn {
		top: 15px;
	}

	.category-rank-list ul li .time {
		margin-bottom: 0px;
	}

	.category-rank-list ul li .info {
		margin-left: 115px;
	}
}



/* 2023-10-31 修改布局 */
.df {
	display: flex;
}

.aic {
	align-items: center;
}

.jcc {
	justify-content: center;
}

.jcsb {
	justify-content: space-between;
}

.wrap {
	flex-wrap: wrap;
}

.oh {
	overflow: hidden;
}

.fdc {
	flex-direction: column;
}

.flex1 {
	flex: 1;
}

.title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sketch-t2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 热门手游 */
.home-hot-game .gba-container {
	flex: 1;
}

/* 攻略头条 */
.home-hot-game .gba-container .gba-headline {
	display: flex;
	align-items: center;
	height: 120px;
	padding: 14px 20px;
	box-sizing: border-box;
	background-color: #EFF9EA;
}

.home-hot-game .gba-container .gba-headline .section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 80px;
	line-height: 40px;
	letter-spacing: 4px;
	color: var(--pm-c);
	font-size: 28px;
	font-weight: bold;
	padding: 0 31px;
	border-right: 1px solid var(--pm-c);
	box-sizing: border-box;
	position: relative;
}

.home-hot-game .gba-container .gba-headline .section-title::before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/left-comma.png) no-repeat center/contain;
	position: absolute;
	left: 8px;
	top: 0;
}

.home-hot-game .gba-container .gba-headline .section-title::after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/right-comma.png) no-repeat center/contain;
	position: absolute;
	right: 22px;
	bottom: 0;
}


.home-hot-game .gba-container .gba-headline .content {
	flex: 1;
	padding-left: 25px;
}

.home-hot-game .gba-container .gba-headline .content .title {
	font-weight: bold;
	max-width: 640px;
	margin-bottom: 10px;
}

.home-hot-game .gba-container .gba-headline .content .sketch-t2 {
	color: #888888;
	font-size: 14px;
	line-height: 30px;
}

.home-hot-game .gba-container .gba-list .gba-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
	margin-top: 18px;
}

.home-hot-game .gba-container .gba-list .gba-item::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 18px;
	background-color: var(--pm-c);
}

.home-hot-game .gba-container .gba-list .gba-item a {
	flex: 1;
	color: #666;
	font-size: 14px;
}

.home-hot-game .gba-container .gba-list .gba-item:hover a {
	color: var(--pm-c);
}

.home-hot-game .gba-container .gba-list .gba-item .date {
	color: #999;
	font-size: 14px;
	margin-left: 20px;
}

/* 新游聚集 */
.home-game-jj {
	width: 295px;
}
.home-game-jj .uptime-list {
	margin-top: 43px;
}
/* 新游聚集 */
.home-game-jj .container {
	margin-top: 20px;
}

.home-game-jj .newest-news .section-title {
	width: 50px;
	height: 155px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
	margin-right: 20px;
	box-sizing: border-box;
	background-color: var(--pm-c);
	line-height: 28px;
}

.home-game-jj .newest-news .content {
	padding: 5px 0;
	overflow: hidden;
}

.home-game-jj .newest-news .content .title {
	font-weight: bold;
	font-size: 18px;
	color: #333;
}

.home-game-jj .newest-news .content .sketch-t2 {
	color: #999;
	font-size: 12px;
	line-height: 30px;
	text-indent: 2em;
}

.home-game-jj .newest-news .content .date {
	color: #999;
	font-size: 12px;
}

.home-game-jj .news-list {
	font-size: 14px;
	margin-top: 20px;
}

.home-game-jj .news-list .news-item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.home-game-jj .news-list .news-item::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #eee;
}

.home-game-jj .news-list .news-item a {
	flex: 1;
	display: block;
	color: #333;
}
.home-game-jj .news-list .news-item .time{
	font-size:14px;
	color: #666;
}
/* 上线时间 */
.uptime-list {
	position: relative;
}

.uptime-list::before {
	content: '';
	display: block;
	width: 1px;
	height: 398px;
	background-color: #eee;
	position: absolute;
	left: 6px;
	top: 73px;
}

.uptime-table {
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
}

.uptime-table thead {
	width: 100%;
	height: 50px;
	margin-top: 20px;
	border: none;
	background-color: #F5F5F5;
}

.uptime-table thead th {
	color: #333;
}

.uptime-table thead th.open-time {
	width: 70px;
	text-align: right;
}

.uptime-table thead th.game {
	flex: 1;
	text-align: left;
	padding-left: 65px;
}

.uptime-table thead th.type {
	width: 64px;
}

.uptime-table tbody tr {
	height: 42px;
	text-align: center;
}

.uptime-table tbody td.game img {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	margin-right: 10px;
}

.uptime-table tbody td.game span {
	display: inline-block;
	max-width: 110px;
	line-height: 42px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.uptime-table tbody td.open-time {
	color: #999;
	font-size: 12px;
	position: relative;
}

.uptime-table tbody tr td.open-time::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #eee;
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
}

.uptime-table tbody tr td .down-btn {
	display: none;
}

.uptime-table tbody tr:hover {
	color: var(--pm-c);
}

.uptime-table tbody tr:hover .default {
	display: none;
}

.uptime-table tbody tr:hover .down-btn {
	display: inline;
	color: var(--pm-c);
}

.uptime-table tbody tr:hover td.open-time::before{
	background-color: var(--pm-c);
	width: 8px;
	height: 8px;
	left: 2px;
}

/* 专辑中心 */
.album-section {
	width: 1200px;
	padding: 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

.album-section .album-list {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.album-section .album-list .album-item {
	display: inline-block;
	width: 223px;
	height: 48px;
	color: #666;
	font-size: 14px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 10px;
	background-color: #F5F5F5;
}

.album-section .album-list .album-item:nth-child(2),
.album-section .album-list .album-item:nth-child(4),
.album-section .album-list .album-item:nth-child(5),
.album-section .album-list .album-item:nth-child(7),
.album-section .album-list .album-item:nth-child(10),
.album-section .album-list .album-item:nth-child(12),
.album-section .album-list .album-item:nth-child(13),
.album-section .album-list .album-item:nth-child(15) {
	width: 282px;
}


.album-section .album-list .album-item:hover {
	color: #03ab4a;
	background-color: #F8FDF6;
}

.album-section .select {
	width: 120px;
	height: 224px;
	margin-left: 10px;
	box-sizing: border-box;
	border: 1px solid var(--pm-c);
}

.album-section .select .option {
	display: block;
	color: var(--pm-c);
	height: 50%;
	line-height: 112px;
	text-align: center;
}

.album-section .select .option.active {
	color: #fff;
	background-color: var(--pm-c);
}

/* 排行榜详情页 */
.single-rank-warp .home-game-jj,
.single-warp-content .home-game-jj,
.news-warp .home-game-jj {
	width: 100%;
	margin-right: 29px;
}

.single-rank-warp .home-game-jj .container .left-content,
.single-warp-content .home-game-jj .container .left-content,
.news-warp .home-game-jj .container .left-content {
	margin-right: 20px;
}

.single-rank-warp .home-game-jj .container .left-content .news-list .news-item,
.single-warp-content .home-game-jj .container .left-content .news-list .news-item,
.news-warp .home-game-jj .container .left-content .news-list .news-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.single-rank-warp .home-game-jj .container .left-content .news-list .news-item .date,
.single-warp-content .home-game-jj .container .left-content .news-list .news-item .date,
.news-warp.home-game-jj .container .left-content .news-list .news-item .date {
	color: #999;
	font-size: 14px;
}

.single-rank-warp .home-game-jj .game-grid .game-item,
.single-warp-content .home-game-jj .game-grid .game-item,
.news-warp .home-game-jj .game-grid .game-item {
	width: 290px;
	margin-bottom: 26px;
}

.single-rank-warp .home-game-jj .game-grid .game-item .game-pic,
.single-warp-content .home-game-jj .game-grid .game-item .game-pic,
.news-warp .home-game-jj .game-grid .game-item .game-pic {
	display: block;
	height: 165px;
	margin-bottom: 20px;
}

.single-rank-warp .home-game-jj .game-grid .game-item .title,
.single-warp-content .home-game-jj .game-grid .game-item .title,
.news-warp .home-game-jj .game-grid .game-item .title {
	color: #333;
	font-size: 14px;
	text-align: center;
}

.sidebar .home-hot ul li {
	width: 145px;
}

.sidebar .home-hot ul li .img {
	width: 100%;
	height: 67px;
	margin-bottom: 9px;
}

.sidebar .home-hot ul li .title {
	font-size: 12px;
	text-align: center;
}

.sidebar .home-hot ul li .tags .tag {
	font-size: 10px;
}

.sidebar .home-hot ul li .details {
	display: block;
	width: 135px;
	height: 25px;
	color: #9dd185;
	font-size: 12px;
	line-height: 25px;
	border-radius: 4px;
	margin-top: 12px;
	text-align: center;
	border: 1px solid #9dd185;
}

/* 专辑推荐 */
.album-rec .album-grid {
	margin-top: 20px;
}

.album-rec .album-grid .album-item {
	width: 138px;
}

.album-rec .album-grid .album-item .album-pic {
	display: block;
	width: 100%;
	height: 80px;
}

.album-rec .album-grid .album-item .title {
	color: #333;
	font-size: 14px;
	padding: 18px 0;
	text-align: center;
}

.album-rec .album-list .album-item {
	padding: 18px 0;
	border-top: 1px dashed #eee;
}

.album-rec .album-list .album-item .album-pic {
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	border-radius: 15px;
}

.album-rec .album-list .album-item .info {
	padding: 5px 0;
	overflow: hidden;
}

.album-rec .album-list .album-item .title {
	font-size: 14px;
	font-weight: bold;
}

.album-rec .album-list .album-item .count {
	color: #666;
	font-size: 12px;
}

.album-rec .album-list .album-item .details {
	display: block;
	width: 62px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	border-radius: 5px;
	background-color: var(--pm-c);
	margin-left: 5px;
}

/* 手游下载详情页 */
.single-warp-content .home-jp-soft .item,
.news-warp .home-jp-soft .item {
	width: 24%;
}