@charset "utf-8";
/*
    Theme Name: 260手游网
    Theme URI: https://www.260.cn/
    Author: 阿叶
    Author URI: https://www.260.cn/
    Description: 
    Version: v1.1.0
*/

:root {
	--pm-c:#FF6600;
	--br-c:#EBEEF5;
	--bg-c:#f8f8f8;
	--md-c:#909399;
	--fb-c:#fcb900
}
html,body {
	background-color:var(--bg-c);
	font-size:14px;
	font-family:arial;
	color:#303133
}
* {
	line-height:normal
}
h1,h2,h3,h4,h5,h6 {
	font-size:17px
}
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
}
ul,ol {
	padding:0;
	margin:0;
	list-style:none
}
a,a:hover {
	line-height:normal;
	color:#303133;
	font-size:14px;
	text-decoration:none
}
.bg-gradient {
	background:-webkit-linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
	background:-moz-linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
	background:-o-linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
	background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.8)),to(transparent));
	background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%)
}
.cover {
	z-index:10;
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%
}
.cover span {
	display:block;
	padding:10px
}
.line-2 {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.line-3 {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3
}
.uk-flex-cover {
	flex:1;
	overflow:hidden;
	position:relative
}
.icon-star {
	height:14px;
	width:68px;
	position:relative;
	background-image:url(static/images/icon-star.png)
}
.icon-star::after {
	content:'';
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(static/images/icon-star.png);
	background-position:0 -14px
}
.star-1::after {
	width:14px
}
.star-2::after {
	width:28px
}
.star-3::after {
	width:40px
}
.star-4::after {
	width:58px
}
.star-5::after {
	width:100%
}
.uk-container {
	width:1200px
}
.topbar {
	border-bottom:1px solid var(--br-c);
	font-size:12px;
	padding:10px 0;
	background:var(--bg-c)
}
.topbar a,.topbar span {
	color:var(--md-c);
	font-size:12px
}
.topbar ul {
	}.topbar ul li {
	display:inline-block;
	color:var(--md-c)
}
.topbar ul li::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.topbar ul li:last-child:after {
	display:none
}
.header {
	background:#fff
}
.header>.uk-container {
	padding:25px 0
}
.header .logo {
	flex:1
}
.header .logo a {
	display:inline-block;
	height:46px
}
.header .logo a img {
	height:100%
}
.header .nav {
	background:var(--pm-c)
}
.header .nav ul {
	display:flex
}
.header .nav li {
	display:inline-block
}
.header .nav li a {
	display:block;
	color:#fff;
	font-size:15px;
	padding:15px 30px
}
.header .nav li a:hover,.header .nav .current-post-ancestor,.header .nav .current-menu-item a {
	font-weight:bold;
	background:#ff802b
}
.header .search {
	width:350px
}
.header .search-form {
	height:40px;
	position:relative;
	background:var(--bg-c);
	border:1px solid var(--pm-c);
	display:flex;
	align-items:center;
	margin-bottom:5px
}
.header .search input {
	width:100%;
	height:100%;
	background:transparent;
	border:0;
	font-size:12px;
	text-indent:10px;
	outline:none
}
.header .search button {
	width:88px;
	height:100%;
	background:transparent;
	border:0;
	background:var(--pm-c);
	color:#fff;
	font-size:15px;
	cursor:pointer
}
.header .search-tag {
	}.header .search-tag a,.header .search-tag span {
	font-size:12px;
	color:var(--md-c)
}
.header .search-tag span {
	color:var(--pm-c);
	font-weight:bold;
	font-size:14px
}
.header .search-tag a:after {
	content:'、'
}
.header .search-tag a:last-child:after {
	display:none
}
main {
	position:relative
}
.uk-container {
	max-width:1200px;
	padding-left:15px;
	padding-right:15px;
}
.home-bg {
	margin-top:15px;
	display:block;
	height:719px;
	flex:1;
}
.home-bg a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
    background-repeat: no-repeat;
}
.bg-left {
	left:0
}
.bg-left a {
	background-position:right;
	background-image:url(https://www.260.cn/wp-content/themes/260/static/images/bg-left.png)
}
.bg-right {
	right:0
}
.bg-right a {
	background-position:left;
	background-image:url(https://www.260.cn/wp-content/themes/260/static/images/bg-right.png)
}
.part {
	padding:20px;
	background:#fff
}
.part-title {
	margin-bottom:20px;
	display:flex;
	align-items:center
}
.part-title .title {
	font-size:17px;
	font-weight:bold;
	position:relative;
	padding-left:20px
}
.part-title .title:before {
	content:'';
	display:inline-block;
	width:12px;
	height:12px;
	background:#ffd9bf;
	border-radius:50%;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	left:0
}
.part-title .title:after {
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	background:var(--pm-c);
	border-radius:50%;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	left:3px
}
.part-title .more {
	color:var(--md-c);
	font-size:13px
}
.w300 {
	width:300px
}
.icon {
	border-radius:15px;
	display:block;
	overflow:hidden;
	position:relative
}
.part-recom-slide {
	margin:15px 0
}
.part-recom-slide .item {
	width:9.0909%
}
.part-recom-slide .icon {
	width:77px;
	height:77px;
	margin:0 auto
}
.part-recom-slide .item .title {
	margin-top:10px;
	text-align:center
}
.part-recom-slide .item .title a {
	font-size:13px
}
.part-recom-list {
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	margin-left:-30px
}
.part-recom-list ul {
	position:relative;
	padding-left:30px;
	width:50%;
	box-sizing:border-box;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.part-recom-list ul:after {
	content:'';
	height:100%;
	width:80px;
	position:absolute;
	top:0;
	right:0;
	background-image:linear-gradient(to left,#fff,#fff0)
}
.part-recom-list ul li {
	display:inline-block
}
.part-recom-list ul li span {
    display: inline-block;
    font-size: 12px;
    padding: 6px 0;
    color: #fff;
    margin-right: 10px;
    border-radius: 2px;
    width: 70px;
    text-align: center;
}
.part-recom-list ul li a {
	font-size:14px
}
.part-recom-list ul:nth-child(1) li span {
	background-image:linear-gradient(to right,#ffa923,#ffd951)
}
.part-recom-list ul:nth-child(2) li span {
	background-image:linear-gradient(to right,#ff6062,#ff9666)
}
.part-recom-list ul:nth-child(3) li span {
	background-image:linear-gradient(to right,#27ade5,#35ccdc)
}
.part-recom-list ul:nth-child(4) li span {
	background-image:linear-gradient(to right,#3cc565,#a5da61)
}
.part-recom-list ul:nth-child(5) li span {
	background-image:linear-gradient(to right,#7927e5,#a772ed)
}
.part-recom-list ul:nth-child(6) li span {
	background-image:linear-gradient(to right,#2196F3,#4fc8ff)
}
.part-recom-list ul li a {
	display:inline-block;
	position:relative
}
.part-recom-list ul li a:after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#ddd;
	margin-left:15px;
	margin-right:10px
}
.part-banner {
	width:430px;
	position:relative
}
.part-banner .uk-slideshow-items {
	min-height:228px !important
}
.part-banner .uk-slideshow {
	position:relative
}
.part-banner .uk-slideshow-nav {
	position:absolute;
	bottom:0;
	z-index:10;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:100%
}
.part-banner .uk-slideshow-nav li {
	display:inline-block;
	padding:0
}
.part-banner .uk-slideshow-nav li a {
	display:block;
	margin:0 2px;
	height:7px;
	width:7px;
	border-radius:50%;
	background:#fff;
	transition:all .3s
}
.part-banner .uk-slideshow-nav {
	height:auto
}
.part-banner .uk-slideshow-nav .uk-active {
	}.part-banner .uk-slideshow-nav .uk-active a {
	border-radius:20px;
	width:20px;
	background:var(--pm-c)
}
.part-banner .banner-bottom {
	display:flex;
	align-items:center;
	margin:0 -5px;
	margin-top:10px
}
.part-banner .banner-bottom .item {
	width:50%
}
.part-banner .banner-bottom .thumb {
	height:123px;
	overflow:hidden;
	position:relative;
	display:block;
	margin:0 5px
}
.part-banner .banner-bottom .item .title {
	text-align:center;
	margin: 0 5px;
	margin-top:10px
}
.part-banner .banner-bottom .item .title a {
	font-size:15px
}
.part-latest {
	flex:1;
	overflow:hidden;
	margin:0 15px
}
.part-latest .latest-nav {
	display:flex;
	align-items:center
}
.part-latest .latest-nav li {
	flex:1;
	overflow:hidden;
	text-align:center;
	cursor:pointer
}
.part-latest .latest-nav li span {
	display:block;
	background:var(--bg-c);
	padding:20px;
	font-size:16px;
	color:var(--md-c)
}
.part-latest .latest-nav .uk-active span {
	background:#fff;
	font-weight:bold;
	color:var(--pm-c)
}
.part-latest .top {
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px dashed var(--br-c)
}
.part-latest .top .title {
	text-align:center;
	margin-bottom:17px;
	color:var(--pm-c)
}
.part-latest .top .title a {
	font-size:17px;
	font-weight:bold;
	color:var(--pm-c)
}
.part-latest .top .desc {
	color:var(--md-c)
}
.part-latest .latest-list {
	}.part-latest .latest-list li {
	display:flex;
	align-items:center;
	margin-bottom:20px
}
.part-latest .latest-list li:last-child {
	margin-bottom:0
}
.part-latest .latest-list li a {
	font-size:15px;
	display:block;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.part-latest .latest-list li .cat {
	color:var(--md-c);
	margin-right:5px;
	display:inline-block;
	transform:translateY(-1px)
}
.part-latest .latest-list li .time {
	font-size:14px;
	color:var(--md-c)
}
.part-edit-recom {
	}.part-edit-recom .icon {
	width:76px;
	height:76px;
	margin:0 auto
}
.part-edit-recom .title {
	text-align:center;
	margin-top:10px
}
.part-edit-recom .title a {
	font-size:15px
}
.part-edit-recom .uk-grid {
	margin-left:-25px
}
.part-edit-recom .uk-grid>div {
	padding-left:25px
}
.part-edit-recom .uk-grid>.uk-grid-margin {
	margin-top:15px
}
.part-recom-apps {
	}.part-recom-apps .apps-item {
	background-color:#fff;
	padding:20px;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.05)
}
.part-recom-apps .apps-item .icon {
	display:block;
	width:80px;
	height:80px
}
.part-recom-apps .apps-item ul {
	margin:10px 0
}
.part-recom-apps .apps-item ul li {
	display:inline-block;
	color:#686868;
	font-size:13px
}
.part-recom-apps .apps-item ul li::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 10px
}
.part-recom-apps .apps-item ul li:last-child::after {
	display:none
}
.part-recom-apps .apps-desc {
	margin:15px 0;
	background:#F7F7F7;
	padding:10px
}
.part-recom-apps .apps-desc p {
	margin:0;
	font-size:13px;
	color:#686868;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.part-recom-apps .apps-btn {
	margin:0 35px;
	display:block;
	background-color:var(--pm-c);
	border-radius:20px;
	text-align:center;
	line-height:36px;
	color:#fff
}
.part-recom-apps .recom-warp .apps-images {
	height:160px;
	position:relative;
	display:flex;
	align-items:center;
	margin:0 -2px
}
.part-recom-apps .recom-warp .apps-images .item {
	position:relative;
	overflow:hidden;
	height:100%;
	flex:1;
	margin:0 2px
}
.part-apps {
	}.part-apps .item {
	position:relative;
	display:flex;
	align-items:center
}
.part-apps .item .icon {
	width:75px;
	height:75px;
	position:relative;
	margin-right:15px
}
.part-apps .item .title {
	}.part-apps .item .title a {
	font-size:16px
}
.part-apps .item .icon-star {
	margin:10px 0
}
.part-apps .item .info {
	color:var(--md-c)
}
.part-apps .item .info span::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.part-apps .item .info span:last-child:after {
	display:none
}
.part-recom-news {}
.part-recom-news .thumb {
	height:100px;
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:20px
}
.part-recom-news ul {}
.part-recom-news ul li {
	margin-bottom:21px;
	display:flex;
	align-items:center
}
.part-recom-news ul li:last-child {
	margin-bottom:0
}
.part-recom-news ul li a {
	display:block;
	flex:1;
	overflow:hidden;
	padding-left:20px;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 15px;
}
.part-recom-news ul li a:before {
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	background:var(--pm-c);
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	border-radius:50%
}
.part-recom-news ul li .time {
	color:var(--md-c);
	font-size:14px
}
.part-hot-news {
	}.part-hot-news .item {
	display:flex;
	align-items:center;
	padding-bottom:18px;
	margin-bottom:18px;
	border-bottom:1px dashed var(--br-c)
}
.part-hot-news .item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.part-hot-news .item .thumb {
	display:inline-block;
    width: 110px;
    height: 86px;
	position:relative;
	overflow:hidden;
	border-radius:4px;
	margin-right:10px
}
.part-hot-news .item .title {}
.part-hot-news .item .title a {
	font-size:15px
}
.part-hot-news .item .desc {
	font-size:14px;
	color:var(--md-c);
	margin: 15px 0
}
.part-hot-news .item .data {
	display:flex
}
.part-hot-news .item .data span {
	margin-right:5px;
	font-size:12px;
	color:#aaa;
	background:var(--bg-c);
	display:inline-block;
	padding:3px 6px;
	border-radius:4px
}
.part-hot-news .item .data span:before {
	font-size:14px;
	margin-right:3px
}
.part-collection {
	position:relative
}
.part-collection .collection-slide {
	margin:0 10px;
	position:relative;
	overflow:hidden;
	flex:1
}
.part-collection .item {
	}.part-collection .item .thumb {
	display:block;
	height:160px;
	position:relative;
	overflow:hidden;
	border-radius:4px
}
.part-collection .item  .title {
	text-align:center;
	margin-top:10px
}
.part-collection .item .title a {
	font-size:15px
}
.part-collection .slider-btn {
	cursor:pointer;
	height:160px;
	line-height:160px;
	width:32px;
	text-align:center;
	background:var(--bg-c);
	border-radius:4px
}
.part-collection .slider-btn:before {
	font-size:26px;
	color:#C0C4CC
}
.part-collection .slider-btn:hover {
	background:var(--pm-c)
}
.part-collection .slider-btn:hover:before {
	color:#fff
}
.part-rank {
	}.part-rank .item {
	display:flex;
	align-items:center;
	border-bottom:1px dashed var(--br-c);
	padding-bottom:20px;
	margin-bottom:20px
}
.part-rank .item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.part-rank .item .num {
	display:inline-block;
	width:20px;
	height:22px;
	line-height:22px;
	color:var(--md-c);
	background:#eee;
	text-align:center;
	margin-right:15px;
	font-size:12px;
	border-radius:2px
}
.part-rank .item:nth-child(1) .num {
	background:#ff5722;
	color:#fff
}
.part-rank .item:nth-child(2) .num {
	background:#ff9800;
	color:#fff
}
.part-rank .item:nth-child(3) .num {
	background:#ffc107;
	color:#fff
}
.part-rank .item .icon {
	width:75px;
	height:75px;
	overflow:hidden;
	display:inline-block;
	border-radius:15px;
	margin-right:15px
}
.part-rank .item .title {
	}.part-rank .item .title a {
	font-size:16px
}
.part-rank .item .icon-star {
	margin-top:10px
}
.part-rank .item .info {
	display:flex;
	align-items:center;
	margin-top:11px
}
.part-rank .item .info span {
	display:block;
	color:var(--md-c);
	font-size:13px;
	height:24px;
	line-height:26px;
	background:var(--bg-c);
	padding:0 9px;
	margin-right:3px;
	border-radius:2px;
	white-space:nowrap
}
.part-rank .item .info span a {
	color:var(--md-c);
	font-size:13px
}
.part-rank .item .view {
	display:inline-block;
	background:var(--pm-c);
	color:#fff;
	font-size:13px;
	padding:8px 12px;
	border-radius:4px;
	margin-left:15px
}
.part-rank .item .thumb {
	display:inline-block;
	width:100px;
	height:80px;
	position:relative;
	overflow:hidden;
	border-radius:4px;
	margin-right:15px
}
.part-rank .item .desc {
	font-size:14px;
	color:var(--md-c);
	margin:12px 0
}
.part-rank .item .data {
	display:flex;
	justify-content:space-between
}
.part-rank .item .data span {
	font-size:12px;
	color:#bbb
}
.part-rank .item .data span:before {
	font-size:15px;
	margin-right:3px
}
.part-hot-collection {
	}.part-hot-collection .album-nav {
	display:flex;
	align-items:center
}
.part-hot-collection .album-nav li {
	flex:1;
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-align:center
}
.part-hot-collection .album-nav li span {
	display:block;
	color:var(--md-c);
	line-height:50px;
	font-size:15px
}
.part-hot-collection .album-nav .uk-active span {
	background:#fff;
	font-weight:bold;
	color:var(--pm-c)
}
.part-hot-collection .thumb {
	}.part-hot-collection .thumb .img {
	height:100px;
	display:block;
	position:relative;
	overflow:hidden;
	border-radius:4px
}
.part-hot-collection .thumb .title {
	margin-top:12px;
	text-align:center
}
.part-hot-collection .thumb .title a {
	font-size:14px
}
.part-hot-collection .collection-list {
	}.part-hot-collection .collection-list li {
	display:flex;
	align-items:center;
	border-top:1px dashed var(--br-c);
	margin-top:15px;
	padding-top:15px
}
.part-hot-collection .collection-list li:last-child {
	margin-bottom:0
}
.part-hot-collection .collection-list li a {
	flex:1;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.part-hot-collection .collection-list li span {
	color:var(--md-c);
	margin-right:5px
}
.part-hot-collection .collection-list li .count {
	margin-right:0
}
.crumbs {
	margin-top:10px;
	color:var(--md-c);
	font-size:14px;
}
.crumbs a {
	color:#606266;
	font-size:14px;
}
.crumbs a:after {
	content:'>';
	font-family:'SimSun';
	color:#ccc;
	font-weight:bold;
	margin:0 4px;
}
.crumbs a:last-child:after {
	display:none;
}
.list-apps {
	}.list-top {
	padding:30px;
	background-color:#edfbf6
}
.list-nav {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style:none;
	margin-left:-5px;
	margin-bottom:-5px
}
.list-nav li {
	width:10%;
    box-sizing: border-box;
	padding-left:5px;
	margin-bottom:5px
}
.list-nav li a {
	background:var(--bg-c);
	border-radius:4px;
	display:block;
	text-align:center;
	line-height:38px;
	color:var(--md-c)
}
.list-nav li:hover a,.list-nav .current-cat a {
	background:var(--pm-c);
	color:#fff
}
.list-news .list-nav li {
	width:16.6%
}
.list-news .list-nav li:hover a,.list-news .list-nav .current-cat a {
	background:var(--pm-c);
	color:#fff
}
.list-news .more {
	display:block;
	text-align:center;
	padding:12px;
	border-radius:4px;
	color:#fff;
	background:var(--pm-c);
	font-weight:bold
}
.list-apps .list-apps-warp {
	}.list-apps .apps-item {
	background:#fafafa;
	padding:20px
}
.list-apps .apps-item .icon {
	width:88px;
	height:88px;
	margin-right:15px
}
.list-apps .apps-item .title {
	}.list-apps .apps-item .title a {
	font-size:17px;
	font-weight:bold
}
.list-apps .apps-item .icon-star {
	margin:15px 0
}
.list-apps .apps-item .desc {
	color:var(--md-c);
	margin-top:20px
}
.list-apps .apps-item .desc b {
	color:var(--pm-c)
}
.list-apps .apps-item .info {
	color:var(--md-c);
	font-size:13px
}
.list-apps .apps-item .info span {
	}.list-apps .apps-item .info span::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.list-apps .apps-item .info span:last-child:after {
	display:none
}
.list-apps .apps-item .view {
	margin-top:20px;
	display:block;
	background:#fff0e6;
	color:var(--pm-c);
	text-align:center;
	padding:10px;
	font-weight:bold;
	border-radius:4px
}
.list-apps .apps-item:hover .view {
	background:var(--pm-c);
	color:#fff
}
.list-collection .collection-item {
	background:#fffaf8
}
.list-collection .collection-item .thumb {
	width:160px;
	height:116px;
	position:relative;
	overflow:hidden;
	display:block;
	border-radius:4px;
	margin-right:15px
}
.list-collection .collection-item .info {
	margin:15px 0
}
.list-collection .collection-item .desc {
	margin:0;
	line-height:24px
}
.list-collection .collection-item .bing-games {
	text-align:center
}
.list-collection .collection-item .bing-icon {
	}.list-collection .collection-item .bing-title {
	margin-top:10px
}
.list-collection .collection-item .bing-title a {
	font-size:13px;
	color:#606266
}
.list-gift .gift-item .icon {
	width:95px;
	height:95px
}
.list-gift .gift-item .info {
	margin-top:15px
}
.list-gift .gift-item .progress {
	margin-top:20px;
	display:flex;
	align-items:center;
	color:var(--md-c)
}
.list-gift .gift-item .progress progress {
	margin:0;
	flex:1;
	overflow:hidden;
	margin-right:10px;
	background-color:#eee;
	height:12px;
	transform:translateY(1px)
}
.list-gift .gift-item .progress progress::-webkit-progress-value {
	background-color:var(--pm-c)
}
.list-news {
	flex:1;
	overflow:hidden;
	position:relative
}
.list-news .news-item {
	display:flex;
	align-items:center;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed var(--br-c)
}
.list-news .news-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.list-news .news-item .thumb {
	position:relative;
	overflow:hidden;
	height:135px;
	width:200px;
	margin-right:20px;
	border-radius:4px
}
.list-news .news-item .title {
	}.list-news .news-item .title a {
	font-size:17px;
	font-weight:bold
}
.list-news .news-item .data {
	margin:15px 0
}
.list-news .news-item .data span {
	color:var(--md-c);
	font-size:12px;
	display:inline-block;
	background:#fafafa;
	padding:6px 8px
}
.list-news .news-item .data span:before {
	margin-right:5px;
	font-size:14px;
	color:var(--pm-c)
}
.list-news .news-item .desc {
	color:var(--md-c);
	line-height:28px
}
.list-rank {
	}.list-rank .rank-nav {
	display:flex;
	align-items:center
}
.list-rank .rank-nav li {
	width:180px;
	text-align:center
}
.list-rank .rank-nav li a {
	display:block;
	color:var(--md-c);
	line-height:62px;
	font-size:15px;
	border-top:3px solid transparent
}
.list-rank .rank-nav .active a {
	background:#fff;
	font-weight:bold;
	color:var(--pm-c);
	border-top:3px solid var(--pm-c)
}
.list-rank .part {
	padding:30px
}
.list-rank .rank-item {
	display:flex;
	align-items:center;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed var(--br-c)
}
.list-rank .rank-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.list-rank .rank-item .num {
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	background:var(--bg-c);
	color:var(--md-c);
	font-size:13px;
	font-weight:bold;
	border-radius:4px
}
.list-rank .rank-item:nth-child(1) .num {
	background:#ff6600;
	color:#fff
}
.list-rank .rank-item:nth-child(2) .num {
	background:#fea255;
	color:#fff
}
.list-rank .rank-item:nth-child(3) .num {
	background:#ffc488;
	color:#fff
}
.list-rank .rank-item .icon {
	width:120px;
	height:120px;
	margin:0 20px
}
.list-rank .rank-item .title {
	margin-bottom:20px
}
.list-rank .rank-item .title a {
	font-weight:bold;
	font-size:18px
}
.list-rank .rank-item .info {
	margin-bottom:25px
}
.list-rank .rank-item .info span {
	display:inline-block;
	background:var(--bg-c);
	color:var(--md-c);
	font-size:12px;
	padding:6px 12px
}
.list-rank .rank-item .desc {
	color:var(--md-c);
	font-size:14px
}
.list-rank .rank-item .desc b {
	color:var(--pm-c)
}
.list-rank .rank-item .view {
	display:inline-block;
	padding:10px 30px;
	border:1px solid var(--pm-c);
	color:var(--pm-c);
	border-radius:4px;
	margin-left:80px
}
.list-rank .rank-item .view:before {
	margin-right:3px
}
.list-rank .rank-item:hover .view {
	color:#fff;
	background:var(--pm-c)
}
.sidebar {
	width:360px;
	margin-left:20px
}
.list-fenye {
	margin:50px 0 30px 0 !important
}
.list-fenye .page-numbers {
	display:inline-block;
	line-height:36px;
	padding:0 16px;
	background:#fff;
	font-size:14px;
	border-radius:4px;
	color:var(--md-c);
	background:var(--bg-c)
}
.list-fenye .page-numbers:hover,.list-fenye .current {
	background:var(--pm-c);
	color:#fff
}
.single-apps {
    overflow: hidden;
	flex:1;
	position:relative
}
.single-apps .single-header {
	position:relative
}
.single-apps .single-header .icon {
	width:120px;
	height:120px;
	margin-right:20px;
	border-radius:16px;
	overflow:hidden
}
.single-apps .single-header .icon img {
    width: 100%;
    height: 100%;
}
.single-apps .single-header .title {
	display:flex;
	align-items:center;
	margin-bottom:30px
}
.single-apps .single-header h1 {
	font-size:24px;
	font-weight:bold;
	color:#222;
	margin-bottom:0
}
.single-apps .single-header .title .desc {
	background:#fffaf8;
	padding:7px 10px;
	color:var(--pm-c);
	position:relative;
	font-size:13px;
	margin-left:15px;
}
.single-apps .single-header .data {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style:none;
	height:61px;
	overflow:hidden
}
.single-apps .single-header .data span {
	width:33%;
	display:block;
	color:var(--md-c);
	font-size:13px;
	margin-bottom:25px;
	position:relative;
	text-indent:1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.single-apps .single-header .data span:before {
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	background:#eee;
	position:absolute;
	top:52%;
	left:0;
	transform:translate(0,-50%)
}
.single-apps .single-header .data span a {
	color:var(--md-c)
}
.bind-collection {
	}.bind-collection .title {
	color:var(--md-c)
}
.bind-collection a {
	background:var(--bg-c);
	display:inline-block;
	font-size:12px;
	padding:6px 9px;
	border-radius:4px;
	color:var(--md-c)
}
.bind-collection a:hover {
	background:var(--pm-c);
	color:#fff
}
.single-apps .single-header .feedback {
	position:absolute;
	right:0;
	top:20px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	background:#ffefe4;
	width:60px;
	line-height:28px;
	text-align:center;
	color:var(--pm-c);
	border:1px solid #ffbda8;
	border-right:0;
	font-size:12px;
	cursor:pointer
}
.single-apps .single-header .feedback:before {
	margin-right:3px;
	font-size:14px
}
.single-apps .apps-btn {
	display:flex;
	margin-top: 20px;
}
.single-apps .apps-btn .btn {
	display:block;
	height:46px;
	line-height:48px;
	width:180px;
	background:var(--br-c);
	text-align:center;
	margin-right:10px;
	border-radius:4px;
	color:var(--md-c);
	font-size:15px
}
.single-apps .apps-btn .btn:before {
	margin-right:6px;
	font-size:18px
}
.single-apps .apps-btn .az {
	background-color:#4CCE67;
	color:#fff
}
.single-apps .apps-btn .ios {
	background-color:#03a9f4;
	color:#fff
}
.single-apps .apps-btn .pc {
	background-color:#ff9800;
	color:#fff
}
.single-apps .apps-btn .wp {
	background-color:#1e87f0;
	color:#fff
}
.single-apps .apps-btn .box {
	background-color:#ff7800;
	color:#fff
}
.single-apps .apps-btn .mob {
	background-color:var(--bg-c);
	color:#C0C4CC;
	width:50px;
	cursor:pointer
}
.single-apps .apps-btn .mob:hover {
	background:var(--pm-c);
	color:#fff
}
.single-apps .apps-btn .mob:before {
	margin:0
}
.single-apps .apps-btn .mob:hover .code {
	display:block
}
.single-apps .apps-btn .mob .code {
	display:none;
	width:160px;
	margin:0 auto;
	position:relative;
	background:#fff;
	z-index:10;
	border:1px solid  var(--br-c)
}
.single-apps .apps-btn .mob .code img {
	padding:15px;
	padding-bottom:0
}
.single-apps .apps-btn .mob .code span {
	display:block;
	text-align:center;
	font-size:13px;
	margin-bottom:15px;
	margin-top:5px;
	color:var(--md-c)
}
.single-apps .apps-images {
	white-space:nowrap;
	overflow-x:scroll
}
.single-apps .apps-images a {
	display:inline-block;
	height:320px;
	margin-right:3px
}
.single-apps .apps-images img {
	height:100%;
	border-radius:4px
}
.single-apps .apps-images.g-class a {
	height:240px;
}
.single-news {
	flex:1;
	overflow:hidden;
	position:relative
}
.single-news .single-header {
	padding:30px 0;
	text-align:center
}
.single-news .single-header h1 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px
}
.single-news .single-header .data {
	padding:15px;
	color:var(--md-c);
	background-color:#fafafa;
	margin-bottom:10px
}
.single-news .single-header .data span {
	margin:0 30px;
	font-size:13px
}
.single-news .single-header .data span:before {
	font-size:14px;
	margin-right:3px
}
.single-main {
	}.single-main .main-nav {
	}.single-main .main-nav {
	display:flex;
	align-items:center
}
.single-main .main-nav a,.single-main .main-nav span {
	text-align:center;
	width:120px;
	display:block;
	color:var(--md-c);
	line-height:60px;
	font-size:16px;
	cursor:pointer
}
.single-main .main-nav .active {
	border-top:3px solid var(--pm-c);
	background:#fff;
	font-weight:bold;
	color:var(--pm-c)
}
.single-content {
	}.single-content p {
	text-indent:2em;
	line-height:32px;
	font-size:15px;
	color:#666
}
.single-content p:last-child {
	margin-bottom:0
}
.single-content pre {
	background:#26252c;
	padding:15px
}
.single-content code {
	display:block;
	line-height:22px;
	font-size:13px;
	color:#DCDFE6
}
.single-content p a,.single-content .link {
	color:var(--pm-c);
	font-size:15px
}
.single-content strong {
	color:#222
}
.single-content iframe {
	display:block;
	margin:0 auto;
	width:88%;
	height:390px;
}
.single-content img {
	display:block;
	margin:0 auto;
	max-width:75%;
	width:auto;
	max-height:520px;
	border-radius:4px
}
.single-content h2,.single-content h3 {
	font-size:15px;
	font-weight:bold;
	margin:20px 0;
	background:#fffaf8;
	padding:10px 15px;
	border-left:4px solid var(--pm-c);
	color:var(--pm-c);
}
.gift-list {
	width:100%;
	border:1px solid var(--br-c)
}
.gift-list li {
	display:flex;
	border-bottom:1px solid var(--br-c)
}
.gift-list li:last-child {
	border-bottom:0
}
.gift-list li:first-child {
	background:var(--bg-c);
	color:var(--md-c)
}
.gift-list li span {
	display:block;
	border-right:1px solid var(--br-c);
	padding:15px 10px 10px 10px;
	font-size:13px;
	color:#606266
}
.gift-list li span:last-child {
	border-right:0
}
.gift-list li .num {
	width:30px;
	text-align:center
}
.gift-list li .g-name {
	text-align:center;
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.gift-list li .g-content {
	flex:1;
	overflow:hidden;
	line-height:24px
}
.gift-list li .g-code {
	width: 100px;
	text-align:center
}
.gift-list li .g-time {
	width:50px;
	text-align:center
}
.single-bing-game {
	background:#fff8f5;
	padding:20px;
	display:flex;
	align-items:center
}
.single-bing-game .icon {
	width:110px;
	height:110px;
	margin-right:20px
}
.single-bing-game .icon img {
	max-height:100%;
	max-width:100%;
	width:100%;
	height:100%
}
.single-bing-game .title {
	}.single-bing-game .title a {
	font-size:17px;
	font-weight:bold
}
.single-bing-game .data {
	color:var(--md-c);
	font-size:13px;
	margin:25px 0
}
.single-bing-game .data span::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.single-bing-game .data span:last-child:after {
	display:none
}
.single-bing-game .desc {
	color:var(--md-c);
	font-size:14px
}
.single-bing-game .desc b {
	color:var(--pm-c)
}
.single-bing-game .view {
	margin-left:40px
}
.single-bing-game .view a {
	padding:12px 20px;
	background:var(--pm-c);
	color:#fff;
	display:block;
	border-radius:4px;
	margin:10px 0
}
.single-bing-game .view a:before {
	margin-right:3px
}
.part-othe-version {
	border:1px solid var(--br-c);
	border-bottom:0
}
.part-othe-version .item {
	display:flex;
	align-items:center;
	border-bottom:1px solid var(--br-c)
}
.part-othe-version li:first-child {
	background:var(--bg-c)
}
.part-othe-version li:first-child span {
	padding:5px 10px;
	color:var(--md-c)
}
.part-othe-version li:hover {
	background:var(--bg-c)
}
.part-othe-version .item span {
	display:block;
	padding:10px;
	height:45px;
	line-height:45px;
	border-right:1px solid var(--br-c)
}
.part-othe-version .item span:last-child {
	border:0
}
.part-othe-version .icon {
	width:50px;
	border-radius:0;
	text-align:center
}
.part-othe-version .icon img {
	width:40px;
	height:40px;
	border-radius:0
}
.part-othe-version .version {
	flex:1;
	overflow:hidden;
	text-indent:5px
}
.part-othe-version .type,.part-othe-version .size,.part-othe-version .view,.part-othe-version .time {
	width:68px;
	color:var(--md-c);
	text-align:center
}
.part-othe-version .view b {
	color:var(--pm-c)
}
.app-tab {
	border:1px solid var(--br-c);
	border-bottom:0;
	border-left:0;
	display:flex;
	flex-wrap:wrap
}
.app-tab .item {
	width:50%;
	display:flex;
	border-bottom:1px solid var(--br-c)
}
.app-tab .item span {
	display:block;
	padding:15px 12px;
	font-size:13px
}
.app-tab .item span a {
	font-size:13px;
	color:var(--pm-c)
}
.app-tab .item .t {
	width:80px;
	background:var(--bg-c);
	color:var(--md-c);
	border-right:1px solid var(--br-c);
	border-left:1px solid var(--br-c)
}
.app-tab .item .v {
	flex:1;
	overflow:hidden;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.app-tab .item b {
	cursor:pointer;
	color:var(--pm-c)
}
.single-collection {
	}.collection-header {
	}.collection-header .thumb {
	width:350px;
	height:200px;
	border-radius:4px;
	position:relative;
	overflow:hidden;
	margin-right:20px
}
.collection-header h1 {
	font-size:24px;
	font-weight:bold
}
.collection-header .desc {
	font-size:14px;
	color:var(--md-c);
	line-height:32px
}
.collection-header .data {
	margin:25px 0;
	margin-bottom:20px
}
.collection-header .data {
	color:var(--md-c);
	font-size:13px
}
.collection-header .data span {
	border:1px solid var(--br-c);
	border-radius:4px;
	padding:6px 18px;
	font-size:12px;
	display:inline-block
}
.collection-header .data span:before {
	margin-right:3px;
	font-size:14px
}
.collection-header .data span b {
	color:#f00
}
.part-collection-list {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:-10px
}
.part-collection-list li {
	margin-right:10px;
	display:inline-block
}
.part-collection-list li a {
	display:block;
	background:var(--bg-c);
	padding:8px 12px;
	border-radius:3px;
	color:var(--md-c);
	margin-bottom:10px
}
.part-collection-list li a:hover {
	background:var(--pm-c);
	color:#fff
}
.show-bottom-collection {
	}.show-bottom-collection .collection-item .thumb {
	height:95px;
	width:95px
}
.part-comment {
	}.part-comment .comment-from {
	}.part-comment .comment-from textarea {
	background:var(--bg-c);
	border-radius:4px;
	padding:14px;
	max-width:100%;
	width:100%;
	border:1px solid var(--br-c);
	outline:none;
	box-sizing:border-box;
	margin-bottom:15px;
	color:#303133;
	cursor:no-drop
}
.part-comment .comment-from button {
	cursor:no-drop;
	display:inline-block;
	background:var(--pm-c);
	border:0;
	width:100px;
	height:38px;
	color:#fff;
	border-radius:4px
}
.part-comment .comment-from .comment-tips {
	color:var(--md-c);
	font-size:13px;
	margin-left:20px
}
.part-comment .comment-from .comment-ava {
	width:50px;
	height:50px;
	border-radius:50%;
	overflow:hidden;
	margin-right:15px
}
.part-comment .comment-item {
	display:flex;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed var(--br-c)
}
.part-comment .comment-item .user-ava {
	width:42px;
	height:42px;
	border-radius:50%;
	overflow:hidden;
	margin-right:15px
}
.part-comment .comment-item .user-info {
	margin-bottom:15px
}
.part-comment .comment-item .user-info .name {
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
	line-height:normal
}
.part-comment .comment-item .user-info .grade {
	display:inline-block;
	background:var(--bg-c);
	font-size:12px;
	padding:2px 6px;
	border-radius:3px;
	line-height:normal;
	color:var(--md-c)
}
.part-comment .comment-item .comment-content {
	font-size:15px;
	color:#999;
	line-height:28px;
	color:#606266
}
.part-comment .comment-item .comment-foot {
	margin-top:15px
}
.part-comment .comment-item .comment-foot span {
	color:var(--md-c);
	font-size:13px
}
.page {
	}.page .page-nav {
	width:150px;
	margin-right:20px
}
.page .page-nav ul {
	}.page .page-nav ul li {
	text-align:center
}
.page .page-nav ul li a {
	display:block;
	padding:15px 20px;
	color:var(--md-c);
	border-radius:4px;
	position:relative
}
.page .page-nav ul li a:hover,.page .page-nav ul .current-menu-item a {
	background:var(--pm-c);
	color:#fff
}
.page .page-nav ul .current-menu-item a:after {
	content:'';
	position:absolute;
	right:-5px;
	top:50%;
	height:10px;
	width:10px;
	background:var(--pm-c);
	transform:translate(0,-50%)  rotate(45deg)
}
.page .page-main {
	flex:1;
	overflow:hidden;
	position:relative;
	min-height:550px
}

.part-links {}
.part-links li {
    display: inline-block;
    margin-right: 20px;
}
.part-links li a {
    font-size: 14px;
    color: #999;
}

.footer {
	margin-top:30px;
	padding:40px;
	background:#222;
	text-align:center;
	color:var(--md-c);
	font-size:14px
}
.footer a {
	color:var(--md-c);
	font-size:14px;
	margin:0 2px
}
.footer p:last-child {
	padding-bottom:0;
	margin-bottom:0
}