/************index*************/

.wrap {
	margin-top: 92px;
}


/*banner*/

.m-slider {
	height: 5.506667rem;
	padding: .226667rem .2rem .266667rem
}

.m-slider .swiper-wrapper {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.m-slider .swiper-wrapper .swiper-slide {
	width: 100%;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc
}

.m-slider .swiper-wrapper .swiper-slide a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden
}

.m-slider .swiper-wrapper .swiper-slide a .tt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: .48rem;
	font-size: .4rem;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	padding: .186667rem .56rem
}

.m-slider .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 5.013333rem;
	display: block
}


/*新游推荐*/

.mobXytjBox {
	width: 100%;
	margin-top: 10px;
	border-bottom: 8px solid #F5F5F5;
	padding-bottom: 15px;
}

.mobXytjTitle {
	width: 100%;
}

.mobXytjTitle span {
	display: block;
	float: left;
}

.mobXytjTitle h2 {
	float: left;
	font-size: 20px;
	color: #333333;
	width: 36%;
	text-align: center;
}

.mobXytjTitle h2 em {
	color: #FE5959;
}

.mobXytjTitle h2 b {
	color: #A0A0A0;
}

.mobXytjTitle span.left {
	width: 32%;
	height: 3px;
	background: #23C385;
	margin-top: 12px;
}

.mobXytjTitle span.right {
	width: 32%;
	height: 3px;
	background: #23C385;
	margin-top: 12px;
}

.mobXytjList {
	width: 100%;
}

.mobXytjList li {
	float: left;
	width: 25%;
	text-align: center;
	margin: 13px 0px 0px 0px;
}

.mobXytjList li a {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.mobXytjList li a img {
	width: 64px;
	height: 64px;
	border-radius: 15px;
}

.mobXytjList li a p {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	margin-top: 9px;
}
.mobXytjList li p {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	margin-top: 9px;
}

.mobXytjList li a span {
	display: inline-block;
	width: 64px;
	height: 24px;
	line-height: 24px;
	background: #23C385;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 7px;
}


/*title 公用样式*/

.ui-title {
	line-height: 39px;
	width: 100%;
	padding: 0 0.3rem;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid #e3e3e3;
}

.ui-title h2,
.ui-title h3 {
	font-size: 0.4rem;
	display: inline-block;
	vertical-align: top;
	border-bottom: 3px solid #23C385;
	line-height: 36px;
	padding: 0 0.15rem;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}

.ui-title-more {
	position: absolute;
	right: 0;
	top: 0;
	color: #aaa;
	font-size: 12px;
	padding: 0 0.3rem;
}


/*更多*/

a.vmore {
	display: block;
	background: #f2f2f2;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}

a.vmore:hover {
	background: #eee;
	color: #666;
}


/*手游资讯*/

.latestnews ul {
	overflow: hidden;
	padding: 10px 15px;
	height: 200px;
}

.latestnews ul li {
	padding: 5px 0
}

.latestnews ul li a {
	display: block;
	line-height: 30px;
	font-size: 14px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.latestnews ul li a em {
	float: left;
	font-style: normal;
	color: #999;
	font-size: 13px;
}

.latestnews ul li a em i {
	font-style: normal;
	padding: 0 10px;
	font-size: 12px;
	color: #ccc
}

.latestnews ul li a span {
	float: right;
	font-size: 12px;
	color: #999;
	margin-left: 10px;
}

.latestnews ul li a:hover {
	color: #23C385;
}


/*最新手游*/

.ui-icon-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0.15rem;
	font-size: 12px;
	line-height: 20px;
}

.ui-icon-list li {
	width: 25%;
	float: left;
}

.ui-icon-list li a {
	display: block;
	padding: 0.15rem;
	text-align: center;
}

.ui-icon-list li a img {
	display: block;
	width: 64px;
	height: 64px; 
	margin: 0 auto 0.05rem;
}

.ui-icon-list li .btn {
	display: block;
	width: 80%;
	max-width: 0.6rem;
	border-radius: 0.4rem;
	margin: 0.15rem auto;
	border: 1px solid #e3e3e3;
}

.ui-icon-list li .btn.fc-red {
	background-color: #23C385;
	color: #fff;
	border: none;
}

.ui-classswiper {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px 30px;
}

.ui-classswiper img {
	display: block;
	height: 100%;
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
}

.ui-classswiper .swiper-slide a {
	display: block;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	line-height: 40px;
	width: 155px;
	margin-left: 5px;
}

.ui-classswiper .swiper-slide a strong {
	display: block;
	font-size: 14px;
	text-align: center;
}

.ui-classswiper .swiper-slide a span {
	display: block;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}


/**游戏合集**/

.pagination {
	position: absolute;
	z-index: 20;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.pagination1 {
	position: absolute;
	z-index: 20;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.pagination2 {
	position: absolute;
	z-index: 20;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 8px;
	background: #CCCCCC;
	margin: 0 3px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-active-switch {
	background: #23C385;
}

.djRmyxBox {
	width: 100%;
	border-bottom: 8px solid #F1F1F1;
	margin-top: 12px;
}

.djYxztIn {
	width: 100%;
	height: 310px;
}

.djYxztCont {
	width: 100%;
	height: 310px;
}

.djYxztBg {
	width: 100%;
	height: 310px;
}

.djYxztList {
	width: 96%;
	margin: auto;
}

.djYxztList li {
	float: left;
	width: 49%;
	margin: 12px 0px 0px 2%;
}

.djYxztList li.one {
	margin-left: 0px;
}

.djYxztList li a {
	display: block;
	width: 100%;
}

.djYxztList li a img {
	width: 100%;
	height: 98px;
}

.djYxztList li a p {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	text-align: center;
	margin-top: 8px;
}


/*热门标签*/

.cn-category {
	padding: 5px 5px 15px;
}

.cn-category li {
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box;
	padding: 7px 5px;
}

.cn-category a {
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 28px;
	height: 28px;
	border: 1px solid #f3f3f3;
	background: #fbfbfb;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 15px;
	display: block;
	overflow: hidden;
}

.cn-category .highlight {
	color: #fff;
}

.cn-category .highlight.c1 {
	background: #8152df;
	border: 1px solid #8152df;
}

.cn-category .highlight.c2 {
	color: #333;
}

.cn-category .highlight.c3 {
	background: #3bdbc6;
	border: 1px solid #3bdbc6;
}

.cn-category .highlight.c4 {
	background: #fdbf2b;
	border: 1px solid #fdbf2b;
}

.cn-category .highlight.c5 {
	color: #333;
}

.cn-category .highlight.c6,
.cn-category .highlight.c7,
.cn-category .highlight.c8,
.cn-category .highlight.c9,
.cn-category .highlight.c10{
	color: #333;
}

.cn-category .highlight.c11{
	background: #457bde;
	border: 1px solid #457bde;
}
.cn-category .highlight.c12{
	background: #ee5c3a;
	border: 1px solid #ee5c3a;
}

/*****************list******************/


/*crumb*/

.container {
	position: relative;
	height: 36px;
	margin: 0 0 10px;
	background: #e6e6e6;
	border: none;
	padding: 0;
}

.breadcrumb {
	margin: 0 15px 0 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 0;
	background: 0 0;
}

.breadcrumb>li:first-child {
	display: none;
}

.breadcrumb>li {
	display: inline-block;
}

.breadcrumb>li {
	padding: 0 14px 0 0;
}

.breadcrumb>li:nth-child(2) {
	background: url(../images/d834ce3b58c1c85cf2e617c69cd7ddbd.png) top right no-repeat;
	background-size: 14px;
}

.breadcrumb>li:nth-child(3) {
	background: url(../images/d834ce3b58c1c85cf2e617c69cd7ddbd.png) bottom right no-repeat;
	background-size: 14px;
}

.breadcrumb>li:nth-child(n+2) {
	margin: 0 0 0 -4px;
}

.breadcrumb>li+li:before {
	padding: 0;
	content: "";
}

.breadcrumb>li.active>span,
.breadcrumb>li:last-child>a,
.breadcrumb>li:last-child>span,
.breadcrumb>li>a,
.breadcrumb>li>span {
	font-size: 12px;
	color: #666;
}

.breadcrumb>li>a,
.breadcrumb>li>span {
	display: block;
	max-width: 100px;
	padding: 5px 12px 5px 15px;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.breadcrumb>li:nth-child(2)>a,
.breadcrumb>li:nth-child(2)>span {
	padding-left: 19px;
	background: #fff;
}

.breadcrumb>li:nth-child(3)>a,
.breadcrumb>li:nth-child(3)>span {
	background: #f2f2f2;
}

.breadcrumb>li:nth-child(4)>span {
	background: #e6e6e6;
}


/*listtag*/

.djYxflBox {
	width: 100%;
	margin-top: 10px;
}

.djYxflCont a.hide {
	display: none;
}

.djYxflMore {
	width: 100%;
	border-top: 1px solid #EEEEEE;
	margin-top: 13px;
}

.djZxflBox {
	width: 100%;
	border-bottom: 8px solid #F1F1F1;
	padding-bottom: 12px;
}

.djZxflTitle {
	width: 96%;
	margin: auto;
	margin-top: 10px;
}

.djZxflTitle h2 {
	height: 18px;
	line-height: 18px;
	border-left: 3px solid #23C385;
	padding-left: 10px;
}

.djZxflCont {
	width: 100%;
	margin-top: 5px;
}

.djZxflCont a {
	width: 22%;
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #EBEBEB;
	background: #F3F3F3;
	color: #505050;
	text-decoration: none;
	text-align: center;
	border-radius: 100px;
	margin: 10px 0px 0px 2%;
}

.djZxflCont a.hover {
	background: #23C385;
	border: 1px solid #23C385;
	color: #FFFFFF;
}

.djYxflMore {
	width: 100%;
	border-top: 1px solid #EEEEEE;
	margin-top: 13px;
}

@font-face {
	font-family: 'xiala';
	src: url('../fonts/iconfont13.eot');
	src: url('../fonts/iconfont13.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont13.woff') format('woff'), url('../fonts/iconfont13.ttf') format('truetype'), url('../fonts/iconfont13.svg#iconfont') format('svg');
}

.xiala {
	font-family: "xiala" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'shouqi';
	src: url('../fonts/iconfont14.eot');
	src: url('../fonts/iconfont14.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont14.woff') format('woff'), url('../fonts/iconfont14.ttf') format('truetype'), url('../fonts/iconfont14.svg#iconfont') format('svg');
}

.shouqi {
	font-family: "shouqi" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.djYxflSub {
	width: 100px;
	height: 30px;
	margin: auto;
}

.djYxflSub a {
	display: block;
	width: 98px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	background: #FFFFFF;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-top: -1px;
	color: #A5A5A5;
	text-decoration: none;
}


/*list列表*/

.toggle {
	margin-top: 15px;
	width: 100%;
	height: 39px;
	background-color: #fff;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #eeeeee;
}

.toggle li {
	float: left;
	width: 50%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	z-index: 1;
	box-sizing: border-box;
}

.toggle li.hover,
.toggle li.on {
	background-color: #fff;
}

.toggle li.hover:first-child,
.toggle li.on:first-child {
	border-radius: 5px 0 0 5px
}

.toggle li.hover:last-child,
.toggle li.on:last-child {
	border-radius: 0 5px 5px 0
}

.toggle li.hover {
	opacity: .75
}

.toggle li a,
.toggle li span {
	display: inline-block;
	font-size: 15px;
	color: #666;
	line-height: 39px;
	text-decoration: none;
	text-align: center
}

.toggle li.on span {
	color: #23C385!important;
	box-shadow: 0 -2px 0 0 #23C385 inset;
}

.toggle_n3 li {
	width: 33.3%;
}

.game_list ul li {
	border-top: 1px #fff solid;
	border-bottom: 1px #eee solid;
	overflow: hidden;
	padding: 12px;
	position: relative;
	background-color: transparent;
}

.game_list ul li:first-child {
	border-top: none
}

.game_list ul li.hover {
	background-color: #dfdfdf;
	border-top-color: #dfdfdf
}

.game_list ul li .avatar {
	float: left;
	margin-right: 10px;
	position: relative
}

.game_list ul li .avatar.tag_hd:after,
.game_list ul li .avatar.tag_sf:after,
.game_list ul li .avatar.tag_xf:after {
	content: "";
	position: absolute;
	height: 35px;
	width: 35px;
	left: 0;
	top: 0;
	-webkit-border-radius: 12px 0 0;
	background: url(../images/icons.png) 0 -765px no-repeat;
	-webkit-background-size: 200px 800px
}

.game_list ul li .avatar.tag_hd:after {
	background-position: -35px -765px
}

.game_list ul li .avatar.tag_sf:after {
	background-position: 0 -765px
}

.game_list ul li .avatar.tag_xf:after {
	background-position: -70px -765px
}

.game_list ul li dl {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 75px;
	overflow: hidden;
	height: 58px
}

.game_list ul li .hot {
	font-size: 10px;
	color: #fff;
	border-radius: 4px;
	padding: 2px 5px;
	background-color: #ff6868;
	font-weight: 400;
	float: left;
	margin-right: 6px;
	font-style: normal;
	vertical-align: bottom;
}

.game_list ul li dt {
	height: 15px
}

.game_list ul li .title {
	font-size: 15px;
	font-weight: 500;
	color: #333;
	overflow: hidden;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game_list ul li .star {
	font-size: 12px;
	line-height: 12px;
	height: 12px
}

.game_list ul li .meta {
	color: #999;
	font-size: 12px;
	overflow: hidden
}

.game_list ul li .btn_download {
	position: absolute;
	right: 10px;
	top: 28px;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	border-radius: 2px;
	padding: 0 8px
}

.game_list ul li .arrow_r {
	background: url(../images/icons.png) -70px -170px no-repeat;
	-webkit-background-size: 200px 800px;
	height: 10px;
	width: 10px;
	overflow: hidden;
	position: absolute;
	top: 35px;
	right: 5px
}

.game_list ul li .free_price,
.game_list ul li .pre_price,
.game_list ul li .price {
	font-size: 12px;
	position: absolute;
	right: 20px;
	line-height: 12px;
	top: 34px;
	color: #23C385;
}

.game_list ul li .price {
	font-size: 15px!important;
}

.game_list ul li .pre_price {
	color: #999;
	text-decoration: line-through
}

.game_list ul li .free_price {
	font-size: 15px!important;
	color: #23C385;
}

.game_list ul li .avatar,
.game_list ul li .avatar img {
	border-radius: 12px;
	height: 58px;
	width: 58px
}


/*星星*/

.star {
	background: url(../images/icons.png?1543301161199) -5px -300px no-repeat;
	-webkit-background-size: 200px 800px;
	height: 12px;
	overflow: hidden;
	width: 64px;
	margin: 7px 0;
}

.star span {
	display: block;
	background: url(../images/icons.png?1543301161199) -5px -315px no-repeat;
	-webkit-background-size: 200px 800px;
	height: 12px;
	overflow: hidden
}

.star_1 {
	width: 5px
}

.star_2 {
	width: 12px
}

.star_3 {
	width: 18px
}

.star_4 {
	width: 26px
}

.star_5 {
	width: 31px
}

.star_6 {
	width: 38px
}

.star_7 {
	width: 44px
}

.star_8 {
	width: 52px
}

.star_9 {
	width: 57px
}

.star_10 {
	width: 64px
}


/*page*/

.page {
	padding: 15px 0 15px;
	text-align: center;
}

.page a {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	display: inline-block;
	line-height: 16px;
	margin: 2px;
	padding: 5px 10px;
}

.page span {
	background: #23C385;
	border: 1px solid #23C385;
	display: inline-block;
	line-height: 16px;
	margin: 5px;
	padding: 5px 10px;
	color: #fff;
}

.page a:hover,
.page a.ui-btn-active,
.page a.cur {
	background: #23C385;
	border: 1px solid #23C385;
	color: #ffffff;
	text-decoration: none;
}


/****************list-info*****************/


/*title*/

.f-fl,
.f-lifl li {
	float: left;
	display: inline;
}

.m-mkutop {
	position: relative
}

.m-mkutop .m-mkutop-link {
	overflow: hidden;
}

.m-mkutop dl {
	padding: 10px
}

.m-mkutop dl a {
	display: block
}

.m-mkutop dl a:hover {
	background-color: #f1f1f1
}

.m-mkutop dl dt {
	height: 90px;
}

.m-mkutop dl dt img {
	display: block;
	max-width: 90px;
	max-height: 90px;
	margin-right: 10px;
}

.m-mkutop dl a:hover img {
	opacity: .7
}

.m-mkutop dl dd {
	font-size: 12px;
	height: 20px;
	line-height: 22px;
	overflow: hidden;
	color: #999;
}

.m-mkutop dl dd:nth-child(2) {
	margin-bottom: 6px;
}

.m-mkutop dl dd:nth-child(5) {
	width: 180px;
}

.m-mkutop dl dd.name {
	margin: 0 0 12px
}

.m-mkutop dl dd.cs {}

.m-mkutop dl dd h1 {
	display: block;
	float: left;
    padding: 0 18px 0 0;
    font-size: 1rem;
    line-height: 22px;
    font-weight: bold;
    color: #000;
    font-size: 16px;
}
.start{
	float: left;
    width: 80px;
    height: 12px;
    background: url(../images/icons.png) no-repeat;
    background-position: -8px -406px;
    background-size: 200px;
    margin-top: 7px;
    position: relative;
}
.start span{
	max-width: 80px;
    height: 16px;
    background: url(../images/icons.png) no-repeat;
    background-position: -8px -383px;
    background-size: 200px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.m-mkutop dl dd span{
	margin-right: 12px;
}
.bb span,
.m-mkutop dl dd span {
	color: #999;
	
}

.m-mkutop dl dd i {
	padding: 0 6px 0 0
}

.m-mkutop dl dd.pt {
	padding: 0 70px 0 0
}

.m-mkutop a.button {
	display: block;
	position: absolute;
	right: 14px;
	bottom: 24px;
	width: 55px;
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	text-align: center;
	color: #fff;
	background-color: #23C385;
	border-radius: 6px
}

.bb {
	position: absolute;
	bottom: 22px;
	left: 110px;
	height: 18px;
	overflow: hidden;
	font-size: 1.3rem
}

.m-kupf {
	width: 45px;
	height: 40px;
	position: absolute;
	top: 15px;
	right: 10px;
	text-align: center;
	border: 1px #23C385 solid;
	height: 50px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden
}

.m-kupf p {
	background-color: #23C385;
	color: #fff;
	height: 22px;
	line-height: 21px;
	font-size: 14px
}

.m-kupf strong {
	background-color: #fff;
	font-weight: 400;
	display: block;
	height: 26px;
	line-height: 26px;
	color: #23C385;
	font-size: 16px
}


/*tag*/

.zw_bqfl {
	height: 40px;
	width: 96%;
	margin: 0 2%;
	overflow: hidden;
}

.zw_bqfl p {
	line-height: 40px;
}

.zw_bqfl p b {
	color: #555555;
	font-size: 14px;
	font-weight: normal;
}

.zw_bqfl p a {
	padding: 4px 8px;
	margin-right: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
}

.zw_bqfl p a:nth-child(2) {
	color: #68a0fe;
	border: 1px solid #68a0fe;
}

.zw_bqfl p a:nth-child(3) {
	color: #ff97cf;
	border: 1px solid #ff97cf;
}

.zw_bqfl p a:nth-child(4) {
	color: #6cd47d;
	border: 1px solid #6cd47d;
}

.zw_bqfl p a:nth-child(5) {
	color: #ff6a6a;
	border: 1px solid #ff6a6a;
}


/*button*/

.btn-dwn {
	display: block;
	width: 92%;
	margin: 0 auto;
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
	background: url(../images/bg-dwn.png) repeat-x center;
	background-size: contain;
	margin-top: 10px;
}
.btn-grdwn {
	display: block;
	width: 92%;
	margin: 0 auto;
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
	background: url(../images/bg-grdwn.png) repeat-x center;
	background-size: contain;
	margin-top: 10px;
}


.btn-dwn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 23px;
	margin-right: 10px;
	background: url(../images/ico-dwn.png) no-repeat center;
	background-size: contain;
}

.btn-dwn:before {
	background: url(../images/m-rel-2-1.png) repeat-x center;
}


/*游戏简介*/

.mt10 {
	margin-top: .133333rem;
}

.g-mod {
	background-color: #fff;
}

.m-introduce .u-text {
	padding: 0 .266667rem .266667rem
}

.m-introduce .u-text .hd {
	background: #f3f3f3;
	padding: .066667rem
}

.m-introduce .u-text .hd ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.m-introduce .u-text .hd ul li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	height: .72rem;
	line-height: .72rem
}

.m-introduce .u-text .hd ul li.on {
	background: #23C385;
	color: #fff
}

.m-introduce .u-text .bd {
	padding: .133333rem 0
}

.m-introduce .u-text .bd .item.shrinkRevealBox {
	color: #767676;
	font-size: .4rem;
	line-height: .8rem;
	overflow: hidden;
	position: relative;
	width: 95%;
	padding:5% 0%;
}

.m-introduce .u-text .bd .item.shrinkRevealBox h3 {
	color: #434343;
	font-weight: bold
}

.m-introduce .u-text .bd .item.shrinkRevealBox+.item {
	display: none
}

.m-introduce .u-text .bd .item.shrinkRevealBox a {
	right: 0;
	bottom: 0;
	width: 1.9rem;
	height: .8rem;
	background-color: #fff;
	color: #23C385;
	text-align: right
}

.m-introduce .u-text .bd .item .m-xg-aritcle {
	border: none;
	margin: 0
}

/*游戏截图*/

.pic_swipe {
	width: 100%;
	height: auto;
	white-space: nowrap;
	overflow-x: scroll;
	margin-top: 5px;
}

.pic_swipe div {
	display: inline-block;
	width: 50%;
	height: auto;
}

.pic_swipe div img {
	width: 100%;
}
.pic_swipe_box{
	padding: 0 12px;
}


/*手游攻略*/

.bb_wrap {
	overflow: hidden;
	margin-top: 6px;
	/* background: -webkit-linear-gradient(left, #23C385 0%, #4caf50 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23C385', endColorstr='#4caf50', GradientType=1);
	/* background: linear-gradient(to right, #23C385 0%, #4caf50 100%); */
}

.bb_wrap .bt {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 10px 0;
}

.bb_wrap .bb-wiper {
	padding-bottom: 20px;
}

.bb_wrap .bb-wiper .swiper-pagination {
	bottom: 0;
}

.bb_wrap .bb-wiper .swiper-pagination-bullet-active {
	background: #5c5c5c;
}

.like_tab {
	margin: 0 12px;
	display: flex;
	overflow: hidden;
}

.like_tab p {
	flex: 1;
	text-align: center;
	margin: 0 2px;
	font-size: 14px;
	color: #333;
	position: relative;
	height: 36px;
	line-height: 36px;
}

.like_tab .on {
	font-weight: bold;
}

.like_tab .on:after {
	display: block;
	content: '';
	position: absolute;
	width: 50%;
	left: 25%;
	bottom: 0;
	background: #333;
	border-radius: 2px;
	height: 3px;
}

.like_item {
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}

.like_item .item+.item {
	display: none;
}

.like_item ul {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.like_item ul li {
	display: inline-block;
	background: #fff;
	overflow: hidden;
	width: 90px;
	height: 168px;
	border-radius: 6px;
	margin: 10px 20px 10px 0;
	position: relative;
	vertical-align: middle;
}

.like_item ul li .img {
	margin: 15px auto 0;
	display: block;
}

.like_item ul li .img,
.like_item ul li .img img {
	width: 60px;
	height: 60px;
	border-radius: 8px;
}

.like_item ul li .img2,
.like_item ul li .img2 img {
	width: 60px;
	height: 60px;
	border-radius: 8px;
}

.like_item ul li .img2 {
	margin: 15px auto 0;
	display: block;
	padding-top: 15px;
	position: relative;
}

.like_item ul li .name {
	font-size: 14px;
	color: #333;
	text-align: center;
	margin: 5px;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	white-space: normal;
}

.like_item ul li .bq {
	text-align: center;
	color: #757575;
}

.like_item ul li .downl_btn {
	display: block;
	width: 55px;
	height: 22px;
	line-height: 22px;
	border-radius: 15px;
	margin: 10px auto;
	color: #23C385;
	font-size: 14px;
	border: 1px solid #23C385;
	text-align: center;
}

.like_item ul li .mor {
	font-size: 15px;
	color: #23C385;
	text-align: center;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 5px;
}

.like_item .item_info {
	width: 100%;
	overflow: hidden;
}

.like_item .item_info .bt {
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #2e2e2e;
	width: 100%;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.like_item .item_info .time {
	overflow: hidden;
}

.like_item .item_info .time i {
	display: block;
	float: left;
	background: url(../images/ico-img3.png) no-repeat;
	height: 10px;
	width: 12px;
	background-position: 0 -9px;
	margin: 13px 5px 0 0;
}

.like_item .item_info .time span {
	font-size: 12px;
	color: #666;
	margin-right: 0;
	height: 30px;
	line-height: 36px;
}

.like_item .item_info .time .bt {
	float: left;
	font-size: 18px;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin: 0 20px 0 0;
}

.like_item .item_info .time .mr {
	float: right;
	font-size: 12px;
	line-height: 34px;
	color: #666;
}

.like_item .item_info .miaoshu {
	display: block;
	width: 100%;
	max-height: 65px;
	line-height: 22px;
	font-size: 13px;
	color: #666;
	overflow: hidden;
	white-space: initial;
}


/*最新合集*/

.app-categories-events,
.app-categories-events-promotion {
	padding: 4vw;
	margin-bottom: 2.1333333333vw;
	border-top: none;
	background: #fff;
}

.categories-page .swiper-container-free,
.search-page .swiper-container-free {
	overflow: hidden;
	margin-left: -4vw;
	margin-right: -4vw;
	padding-left: 4vw;
}

.app-categories-events .list-unstyled {
	margin-top: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.app-categories-events .list-unstyled::-webkit-scrollbar {
	display: none;
}

.app-categories-events ul,
.app-categories-events-promotion ul {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 0;
	line-height: 0;
	margin-left: -4vw;
	margin-right: -4vw;
	padding-left: 4vw;
}

.categories-page .swiper-container-free .swiper-wrapper,
.search-page .swiper-container-free .swiper-wrapper {
	overflow: visible;
}

.round-card {
	border-radius: 3px;
	overflow: hidden;
}

.app-categories-events li {
	float: left;
	position: relative;
	width: 56.8vw;
	height: 27.7333333333vw;
	overflow: hidden;
}

.app-categories-events ul li,
.app-categories-events-promotion ul li {
	display: inline-block;
	float: none;
	width: 56.8vw;
	margin-right: 4vw;
}

.app-categories-events .list-unstyled>li:not(:last-child) {
	margin-right: 14px;
}

.app-categories-events .list-unstyled>li img {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}


/***************articles*****************/

.Cont5 {
	background: #fff;
	display: block;
}

.Cont5 ul {
	display: block;
	overflow: hidden;
}

.Cont5 ul li {
	display: block;
	padding: 10px 12px;
	border-bottom: 1px solid #f5f5f5;
	overflow: hidden;
}

.Cont5 ul li:active {
	background-color: #eee;
}

.Cont5 ul li:last-child {
	border: none;
}

.Cont5 ul li>a {
	display: inline-block;
	float: left;
	width: 88px;
	height: 58px;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
}

.Cont5 ul li>a img {
	height: 100%;
}

.Cont5 ul li>dl {
	display: block;
	margin-left: 98px;
}

.Cont5 ul li>dl dt {
	height: 40px;
	overflow: hidden;
}

.Cont5 ul li>dl dt a {
	display: inline-block;
	font: 16px Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;
	color: #333;
	line-height: 20px;
}

.Cont5 ul li>dl dd {
	display: table-cell;
	font-size: 10px;
	color: #999;
	height: 18px;
	vertical-align: bottom;
}

.Cont5 ul li>dl dd em {
	display: inline-block;
	margin-left: 5px;
}


/**************aarticle***************/

.newsinfo {
	width: 100%;
	background: #fff;
	margin-top: 1px;
	overflow: hidden;
}

#viewcon {
	padding: 0px 10px;
}

#viewcon h1 {
	font-size: 0.55rem;
	color: #3b424c;
	padding: 0.25rem 0;
}

#viewcon .view_info {
	overflow: hidden;
	zoom: 1;
	font-size: 0.2rem;
	padding-bottom: 12px;
	position: relative;
}

#viewcon .view_info span {
	float: left;
	display: inline;
	color: #a9a9a9;
	margin-top: 0.05rem;
	padding-right: .3rem;
}

.down_box {
	width: 100%;
	height: 58px;
	background: #f8f8f8;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

.down_box .game_img {
	width: 47px;
	height: 47px;
	display: inline-block;
	margin: 6px 9px;
	float: left;
}

.down_box .game_img img {
	width: 45px;
	height: 45px;
	border-radius: 6px;
}

.down_box .mid {
	padding-right: 92px;
}

.down_box .mid a.game_name {
	font-size: 16px;
	color: #444;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	display: block;
	overflow: hidden;
	font-family: Arial, 'Microsoft Yahei';
}

.down_box .mid span {
	color: #aaa;
	font-size: 12px;
	display: block;
	margin-top: 3px;
}

.down_box .mid span a {
	margin-right: 8px;
	color: #999;
}

.down_box .mid span i {
	font-style: normal;
	margin-left: 8px;
}

.down_box .down_btn {
	display: block;
	width: 80px;
	height: 58px;
	background: #2fc26e;
	position: absolute;
	top: 0px;
	right: 0px;
}

.down_box .down_btn em {
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/icon3.png) no-repeat center bottom;
	background-size: 100% auto;
	margin: 0 auto;
	padding-top: 6px;
	margin-bottom: 2px;
}

.down_box .down_btn span {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	height: 18px;
	text-align: center;
	overflow: hidden;
}


/*info*/

.artbody {
	padding-top: 5px;
	color: #333;
	line-height: 26px;
	font-size: 15px;
	margin: 0 10px;
}

.artbody table,
.artbody .thead,
.artbody .tbody,
.artbody tr {
	/*display:block;*/
	text-align: center;
	overflow: hidden;
}

.artbody th,
.artbody td {
	/*display:block;*/
	word-wrap: break-word;
	word-break: break-all;
}

.artbody a {
	color: #08961e;
	border-bottom: 0px dotted #08961e;
}

.artbody strong,
.artbody b {
	font-weight: bold;
	color: #333;
}

.artbody img {
	max-width: 88%;
	height: auto!important;
}

.artbody iframe {
	display: block;
	width: 100%;
	height: 220px;
	max-width: 480px;
	margin: 10px auto;
}
.artbody h3{
	color: #23C385;
	padding-top: 5px;
	font-weight: bold;
	font-size: 16px;
	text-indent: 1em;
}
.artbody p{
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 10px;
}

/*more btn*/

.click_more {
	text-align: center;
	border-top: 1px solid #f1f1f1;
	font-size: 16px;
	color: #333;
	margin-top: 16px;
	padding: 16px 0;
}

.click_more .showon {
	display: inline-block;
}

.click_more i {
	display: inline-block;
	width: 9px;
	height: 9px;
	border: solid #333;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	font-size: 0;
	line-height: 0;
	vertical-align: 3px;
	position: relative;
	top: 0;
	margin-left: 6px;
}

.snbg:after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 90px;
	background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}


/*next*/

.tover {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ui-article-pager {
	line-height: 40px;
	border-top: 1px dotted #e3e3e3;
}

.ui-article-pager a {
	display: block;
	padding: 0 10px;
	font-size: 15px;
}

.ui-article-pager a:last-child {
	border-top: 1px dotted #e3e3e3;
}


/*新闻攻略tab*/


/*Head1*/

.Head1 {
	display: block;
	padding: 0 12px;
	overflow: hidden;
}

.Head1 h2 {
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 42px;
}

.head1 {
	display: -webkit-box;
	display: -webkit-flex;
	height: 44px;
	font-size: 14px;
	white-space: nowrap;
	background-color: #fff;
	-webkit-align-content: flex-start;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-webkit-box-direction: normal;
	-webkit-box-lines: single;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: justify;
	-webkit-flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	padding: 0 16px;
}

.newHead1 h2 {
	display: block;
	font-weight: bold;
	overflow: hidden;
	width: 16.66666667%;
	height: 43px;
	padding: 0 14px 0 15px;
	line-height: 44px;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	list-style: none;
	color: #333;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
}

.newHead1 .on {
	border-bottom: 1px solid #23C385;
	color: #23C385;
}

.Cont5 {
	background: #fff;
	display: block;
}

.Cont5 ul {
	display: block;
	overflow: hidden;
}

.Cont5 ul li {
	display: block;
	padding: 10px 12px;
	border-bottom: 1px solid #f5f5f5;
	overflow: hidden;
}

.Cont5 ul li:active {
	background-color: #eee;
}

.Cont5 ul li:last-child {
	border: none;
}

.Cont5 ul li>a {
	display: inline-block;
	float: left;
	width: 88px;
	height: 58px;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
}

.Cont5 ul li>a img {
	height: 100%;
}

.Cont5 ul li>dl {
	display: block;
	margin-left: 98px;
}

.Cont5 ul li>dl dt {
	height: 40px;
	overflow: hidden;
}

.Cont5 ul li>dl dt a {
	display: inline-block;
	font: 16px Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;
	color: #333;
	line-height: 20px;
}

.Cont5 ul li>dl dd {
	display: table-cell;
	font-size: 10px;
	color: #999;
	height: 18px;
	vertical-align: bottom;
}

.Cont5 ul li>dl dd em {
	display: inline-block;
	margin-left: 5px;
}

.morbtn2 {
	height: 30px;
	margin: 0 12px;
	display: block;
	text-align: center;
	color: #23C385;
	border-radius: 20px;
	line-height: 30px;
	font-size: 14px;
}


/***************class-list*****************/

#nTab {
	clear: both;
	height: 34px;
	margin: 10px;
	border: 1px solid #22C485;
	border-radius: 4px;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	text-align: center;
}

#nTab a,
#nTab span {
	line-height: 34px;
	font-size: 14px;
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1;
	box-flex: 1.0;
	display: block;
	text-align: center;
	color: #22C485;
	cursor: pointer;
}

#nTab a:not(:last-child),
#nTab span:not(:last-child) {
	border-right: 1px solid #22C485;
}

#nTab a.cur,
#nTab span.cur {
	background: #22C485;
	color: #fff;
}

.ztlist {
	background: #fff;
}

.ztlist ul {
	padding: 5px 12px;
	overflow: hidden;
}

.ztlist ul li {
	width: 50%;
	display: inline-block;
	float: left;
	margin: 5px 0;
}

.ztlist ul li a.img {
	display: block;
	width: 100%;
	height: 80px;
	overflow: hidden;
	border-radius: 6px;
}

.ztlist ul li a img {
	display: block;
	width: 98%;
	min-height: 100%;
	border-radius: 6px;
}

.ztlist ul li a p {
	width: 96%;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	line-height: 34px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.ztlist ul li:nth-child(even) img {
	float: right;
}


/******************class-info**************/

.collection_top {
	overflow: hidden;
	background: #fff;
	margin-bottom: 6px;
}

.collection_top .info {
	margin-bottom: 6px;
	position: relative;
	display: block;
	overflow: hidden;
}

.collection_top .info img {
	position: relative;
	z-index: 1;
	width: 100%;
	display: block;
}

.collection_top .info .title {
	width: 100%;
	position: absolute;
	height: 60px;
	left: 0;
	bottom: 0;
	z-index: 2;
	background: -webkit-linear-gradient(bottom, #000000 0%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	background: linear-gradient(to top, #000000 0%, transparent 100%);
	display: flex;
}

.collection_top .info .title p {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
	flex: 1;
	height: 60px;
	line-height: 60px;
	margin: 0 12px;
}

.collection_top .info .title span {
	height: 60px;
	line-height: 60px;
	margin: 0 12px;
	font-size: 14px;
	color: #ff9900;
	font-weight: 600;
}

.collection_top .text {
	overflow: hidden;
	padding: 12px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
}

.collection_top .text span {
	color: #ff9900;
}

.more_href {
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	color: #969696;
	outline: 0
}

.part-base {
	margin-top: 6px;
	padding-bottom: 12px;
	background: white;
}

.part-base .h2-bar {
	padding-top: 6px;
}

.part-base .h2-bar h2 {
	font-size: 15px;
	font-weight: 700;
	color: #000;
	margin: 15px 14px 10px;
	float: left;
}

.h2-bar ul {
	float: right;
	margin: 14px 6px 0 0;
}

.h2-bar ul li {
	font-size: 12px;
	padding: 2px 11px;
	border-right: 1px solid #f0f0f0;
	display: inline-block;
}

.h2-bar ul li.current {
	color: #24c8af;
}

.applist {
	width: 100%;
	padding-bottom: 2px;
	background: #fff;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.applist li {
	padding: 10px 14px;
	position: relative;
}

.applist li .rank-num {
	display: inline-block;
	width: 17px;
	height: 65px;
	line-height: 62px;
	margin-right: 6px;
	text-align: center;
	font-size: 12px;
	float: left;
	color: #8f8f8f;
}

.applist li:nth-child(1) .rank-num {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAsCAYAAADvjwGMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFM0VBNDNCQTAyQjExMUU1ODQ1RkJDREM4NUQ5QTI5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFM0VBNDNCQjAyQjExMUU1ODQ1RkJDREM4NUQ5QTI5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUzRUE0M0I4MDJCMTExRTU4NDVGQkNEQzg1RDlBMjk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUzRUE0M0I5MDJCMTExRTU4NDVGQkNEQzg1RDlBMjk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+he1qQwAAARtJREFUeNpi/KwqzcbAwNANxDFALMRAf/AeiBcDcSkj0DETgYw8hoEHk0CO+QBk8A8Cx3wAOeY/wyABo44ZdcyoY0YdM+qYUceMOmbUMaOOGXXMqGNGHTPqmFHHjDpm1DGjjhl1DNUc8waIbwAxKxDrADE3vR0DcsBCIF4JxGeAGKYf5CAXIA4D4lByHEaKY64CcQ8QLwfinwTUggYsE4E4F4iVSHHMNyDNiUfNJSCuA+JNSKFALGCBhlI5EOsT45j7QFoBi9xNIK4H4tVA/I/StAnEvkBcDcRmONS8YwISh9EEH0CDWAeaLv5RIaP8h4asORB7APEBLGpWg0JGDchYD8Qgh00B4tlA/IsOORkUbdHQWAHlyC6AAAMABGqBilQBpdwAAAAASUVORK5CYII=) no-repeat center;
	background-size: 17px 22px;
	color: #fff;
}

.applist li:nth-child(2) .rank-num {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAsCAYAAADvjwGMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFREEzOTJCRDAyQjExMUU1QTkwN0Y5MDUyMDZDQ0FERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFREEzOTJCRTAyQjExMUU1QTkwN0Y5MDUyMDZDQ0FERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVEQTM5MkJCMDJCMTExRTVBOTA3RjkwNTIwNkNDQUREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVEQTM5MkJDMDJCMTExRTVBOTA3RjkwNTIwNkNDQUREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wUzi0wAAASdJREFUeNrs2LFKQlEcx/GjWEtDpS8QDbkY0dQLOLTVUkSF0gPU1uoDVINDW0vSENEQ+QRCm7gUBLW1BlE4XQpRv384gYTlteJ6h98fPiDXo349nruYCEqZcefcIbaRdtHPG86wn/Ihe250M/35+UkUXTymYDGTMYmZSroYjWIUoxjFKEYxilGMYhSjGMUoRjGKUYxiRjupP77+BQ8YQw4TUcdYQAUXaKDjr1tQHutY+01YIihlOiHX3uMI53gfsNb+J9zBLmaHOTPBgDV3WMU8TkOE2DRRRhabuA0b8/zNc4/YwCKue36OYabld9LeYwX1H9a+WszNl4tPfotz/ly0/+FGsS9SxRKWUeuz5tLOzBwPrvwuHeMEHxHcyQvYwoy/Iw+6AgwA1vUxU6LjpDMAAAAASUVORK5CYII=) no-repeat center;
	background-size: 17px 22px;
	color: #fff;
}

.applist li:nth-child(3) .rank-num {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAsCAYAAADvjwGMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzA4QTYwNTAyQjExMUU1OTIxRjhFMjhEMzY4NEJFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzA4QTYwNjAyQjExMUU1OTIxRjhFMjhEMzY4NEJFRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3MDhBNjAzMDJCMTExRTU5MjFGOEUyOEQzNjg0QkVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3MDhBNjA0MDJCMTExRTU5MjFGOEUyOEQzNjg0QkVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+j7wyAwAAASdJREFUeNrs2DFLQlEYh/GjXFsaMre7RUMtRjT1BRrabCmiROkD1NaXsIaGtpaiIeQOUZ8gaIuWgqC2VkG6NEUR2fPCCSQqrxXXO/xf+IFcj/p4PHcxF0fhkHNuC1WUXPoT4xCbgQ/ZcIOb0Y/Pz6PusjE1ixnJSEwx7zI0ilGMYhSjGMUoRjGKUYxiFKMYxShGMYoZ7AR/fH0btyigjOG0YyzgAE1couOvW9AclrD4m7BcHIWdhGtvsI0jPPdYa/8TrmEd4/2cmacea66xgCnsJwixecQOJrGCq6QxrW+eu8MyZnDS9XP0M69+J+09Krj4Ye2DxZx/unjvt7jsz8XbP9wo9kVOMYt5nH2xJrIzM8GDY79Lu9jDSwp38jRWMebvyMa7AAMAdkIx1ER02MgAAAAASUVORK5CYII=) no-repeat center;
	background-size: 17px 22px;
	color: #fff;
}

.applist li .isRank {
	margin-left: 27px;
}

.applist li .app-list-link {
	min-height: 65px;
	display: block;
}

.applist li .icon {
	width: 63px;
	height: 63px;
	border-radius: 10px;
	float: left;
}

.applist li .app-info {
	margin: 0 65px 0 74px;
}

.applist li .app-info .app-info-name {
	color: #000;
	font-size: 15px;
	display: block;
	padding-top: 5px;
}

.applist li .app-info .app-info-size {
	font-size: 11px;
	color: #707070;
	margin-top: 4px;
}

.applist li .app-info-desc {
	color: #8f8f8f;
	margin: 2px 65px 0 75px;
	font-size: 11px;
}

.applist li .app-btn-down,
.applist li .pp-space-listitem,
.applist li .app-btn-detail {
	position: absolute;
	right: 14px;
	top: 21px;
}

.applist li .app-btn-down:not(.base-btn-border),
.applist li .pp-space-listitem:not(.base-btn-border),
.applist li .app-btn-detail:not(.base-btn-border) {
	width: 52px;
	height: 26px;
	line-height: 26px;
	border-radius: 3px;
	background: #24c8af;
	text-align: center;
	display: block;
	font-size: 12px;
	color: #fff;
}

.applist li .pp-space-dynamic {
	display: block;
	text-align: center;
	padding: 15px 0 15px;
	font-size: 16px;
	color: #000;
	display: none;
}

.applist li .pp-space-dynamic .pp-title {
	color: #24c8af;
}

.applist li .screenshot-wall {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
}

.applist li .screenshot-wall div {
	width: 33.33%;
	height: 175px;
	padding: 2px;
	float: left;
	text-align: center;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.applist li .screenshot-wall div img {
	max-width: 100%;
	height: 100%;
}


/****************ranks****************/


/*热门推荐*/

.apps_touchslider {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background: #fff;
	padding: 0.65rem 0 0.35rem;
	height: 100%;
	border-top: 1px solid #e5e5e5;
	position: relative;
}

.apps_touchslider .recom-icon {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 46px;
	width: 46px;
	background: url(../images/recom.png) no-repeat 0 0 / 44px auto;
	z-index: 20;
}

.touchslider-viewport {
	overflow: hidden;
	padding: 0 5px 0 12px;
}

.touchslider-item {
	float: left;
	width: 24.8%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.touchslider-item img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.touchslider-item a {
	color: #666;
}

.touchslider-item b {
	font-weight: normal;
	line-height: 28px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
}

.touchslider-item a.btn {
	display: block;
	width: 52px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #145eb6;
	border: 1px solid #145eb6;
	border-radius: 5px;
	margin: 0 auto;
}

.touchslider-item a.btn:hover {
	background-color: #145eb6;
	color: #fff;
}

.single_filter {
	width: 100%;
	border-top: 1px solid #f0f0f0;
	overflow: hidden;
}

.single_filter ul {
	float: left;
	width: 105%;
	background: #fff;
}

.single_filter li {
	width: 19%;
	float: left;
	padding: 0.22rem 0;
	border-right: 1px dashed #eee;
	border-top: 1px dashed #eee;
	text-align: center;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
}

.single_filter li a,
.single_filter li em {
	display: block;
	margin: 0 8px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
}

.single_filter li em {
	color: #fff;
	font-size: 1rem;
}

.more-category {
	width: 100%;
	height: 27px;
	border-top: 1px solid #e5e5e5;
	background: #f4f4f4;
	border-bottom: 8px solid #f4f4f4;
}

.more-category a {
	background: url(../images/icosprit.png) no-repeat 0 -135px;
	margin: 0 auto;
	color: #ff8800;
	font-size: 14px;
	text-align: center;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 96px;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
}

.more-category i {
	display: inline-block;
	width: 9px;
	height: 10px;
	margin-left: 5px;
	background: url(../images/down_ico.gif) no-repeat scroll;
}

.more-category i.up {
	background: url(../images/up_ico.gif) no-repeat scroll;
}

a.color1 {
	background-color: #fffaec;
	border-color: #f7ac93;
	color: #ea6b42;
}

a.color2 {
	background-color: #f4fde9;
	border-color: #b0cdac;
	color: #55964a;
}

a.color3 {
	background-color: #eff9ff;
	border-color: #bdd4e5;
	color: #4c79a6;
}

a.color4 {
	background-color: #fef1fa;
	border-color: #e5ace0;
	color: #c87cb2;
}

em.color1 {
	background-color: #fd784d;
	border-color: #fd784d;
}

em.color2 {
	background-color: #49ac38;
	border-color: #49ac38;
}

em.color3 {
	background-color: #3e98da;
	border-color: #3e98da;
}

em.color4 {
	background-color: #df79d6;
	border-color: #df79d6;
}


/*block*/

._item[data-v-cehca007] {
	height: 14.506px;
	height: .90667rem;
	line-height: 14.506px;
	line-height: .90667rem;
	background: #fff
}

._item h3[data-v-cehca007] {
	float: left;
	font-size: 7.253px;
	font-size: .45333rem;
	color: #999;
	font-weight: 400
}

._space>li[data-v-cehca007] {
	margin-bottom: 4.266px;
	margin-bottom: .26667rem;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	padding: 0 4.266px;
	padding: 0 .26667rem;
	background: #fff;
}

._item ._more[data-v-cehca007] {
	float: right
}

._item ._more a[data-v-cehca007] {
	font-size: 6.4px;
	font-size: .4rem;
	color: #999;
	padding-left: 2.133px;
	padding-left: .13333rem;
	border-radius: .08rem
}

._item ._more a i[data-v-cehca007] {
	font-size: 6.4px;
	font-size: .4rem
}

._item ._more a[data-v-cehca007]:active {
	background-color: #ebebeb
}

._item_content[data-v-cehca007] {
	border-top: 1px solid #ebebeb;
	width: 100%;
	padding: 4.266px 0;
	padding: .26667rem 0;
	height: 59.733px;
	height: 3.5rem;
	background: #fff
}

._item_content li[data-v-cehca007] {
	width: 25%;
	float: left;
	height: 42.666px;
	height: 2.66667rem
}

._item_content li a[data-v-cehca007] {
	display: block;
	margin: 0 auto;
	width: 34.56px;
	width: 2.16rem;
	text-align: center
}

._item_content li a .lazy_img[lazy=loading][data-v-cehca007] {
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%
}

._item_content li a .lazy_img[data-v-cehca007] {
	width: 34.56px;
	width: 2.16rem;
	height: 34.56px;
	height: 2.16rem;
	border-radius: .48rem;
	border: 1px solid #ebebeb;
	background-position: 50%;
	background-size: cover;
	position: relative;
	background-color: #f6f6f6;
	background-repeat: no-repeat
}

._item_content li a h3[data-v-cehca007] {
	padding-top: 2.986px;
	padding-top: .18667rem;
	color: #666;
	font-size: 5.973px;
	font-size: .37333rem;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}


/****************rank****************/

.tab-main {
	position: relative;
	z-index: 10;
	background: #fff;
	padding-bottom: 1px;
}

.item-a {
	background: #EDF2F3;
}

.item {
	width: 85%;
	display: block;
	margin: 0 auto;
	border-radius: 6px;
}

.item-l {
	position: relative;
}

.item-a .item-l .ico {
	background: url(../images/num-1.png) no-repeat;
	background-size: 100% auto;
}

.item-l .ico {
	display: block;
	position: absolute;
	z-index: 3;
	left: -27px;
	top: -25px;
	width: 30%;
	height: 85px;
}

.tab-main .item-l img {
	width: 25%;
	height: 25%;
	border-radius: 15px;
}

.tab-main .elm {
	font-size: 0;
}

.tab-main .link-btn {
	display: block;
	width: 40%;
	margin-left: 3px;
	margin-top: 4px;
}

.tab-main .item-a .link-btn a {
	background: #87c5d0;
}

.tab-main .item-a .link-btn a.lt {
	background: #f48047;
}

.tab-main .item .link-btn a.dlt {
	padding: 2px 25px;
}

.tab-main .item-a .link-btn a.lb {
	background: #fbc73c;
}

.tab-main .item-a .link-btn a.hdn {
	background: #65bb0a;
}

.tab-main .item-b .link-btn .lt {
	background: #f48047;
}

.tab-main .item-b .link-btn a.lb {
	background: #fbc73c;
}

.tab-main .item-b .link-btn a.hdn {
	background: #65bb0a;
}

.tab-main .item-c .link-btn a.lt {
	background: #f48047;
}

.tab-main .item-c .link-btn a.lb {
	background: #fbc73c;
}

.tab-main .item-c .link-btn a.hdn {
	background: #65bb0a;
}

.tab-main .item-e .link-btn a.lt {
	background: #f48047;
}

.tab-main .item-e .link-btn a.lb {
	background: #fbc73c;
}

.tab-main .item-e .link-btn a.hdn {
	background: #65bb0a;
}

.tab-main .link-btn a {
	padding: 2px 4px;
	height: 10px;
	line-height: 16px;
	border-radius: 2px;
	margin-left: 2px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.tab-main .link-btn a.ltdj {
	padding: 2px 24px;
}

.tab-main .item-r {
	position: relative;
	width: 73%;
	height: 50%;
	display: block;
	float: right;
	margin-top: -94px;
}

.tab-main .text-info {
	height: 60px;
	overflow: hidden;
}

.tab-main .test-info span {
	display: inline-block;
	width: 45%;
	margin-right: 8px;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	overflow: hidden;
	font-size: 12px;
}

.tab-main .item-a .test-info span {
	color: #6b8388;
}

.tab-main .item-a .name {
	color: #6b8388;
	display: block;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	font-size: 16;
	font-weight: bold;
}

.tab-main .test-info .jf strong {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
}

.tab-main .test-info .fq {
	display: block;
	width: 100%;
	height: 20px;
	overflow: hidden;
	line-height: 14px;
}

.tab-main .test-info .fq i {
	border: 1px solid #6b7f91;
	border-radius: 3px;
	margin-right: 3px;
	margin-bottom: 5px;
	padding: 1px 3px;
	display: block;
	float: left;
}

.tab-main .test-info .fq a {
	border: 1px solid #6b7f91;
	border-radius: 3px;
	margin-right: 3px;
	margin-bottom: 5px;
	padding: 1px 3px;
	display: block;
	float: left;
	color: #6b8388;
}

.tab-main .item-a .test-info .fq i {
	border: 1px solid #6b8388;
}

.tab-main .item-b .test-info .fq i {
	border: 1px solid #526e83;
}

.tab-main .item-c .test-info .fq i {
	border: 1px solid #869ca5;
}

.tab-main .down-btn {
	height: 20px;
	float: right;
	margin-top: 6px;
}

.tab-main .down-btn a {
	padding: 3px 10px;
	border-radius: 2px;
	overflow: hidden;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #65bb0a;
}

.tab-main .item-b {
	background: #F0F3EB;
}

.tab-main .item-b .item-l .ico {
	background: url(../images/num-2.png) no-repeat;
	background-size: 100% auto;
}

.tab-main .item-b .link-btn a {
	background: #8bbadb;
}

.tab-main .item-b .name {
	color: #526e83;
}

.tab-main .item-b .test-info span {
	color: #526e83;
}

.tab-main .item-c .item-l .ico {
	background: url(../images/num-3.png) no-repeat;
	background-size: 100% auto;
}

.tab-main .item-c .link-btn a {
	background: #98d2ec;
}

.tab-main .item-c .name {
	color: #869ca5;
}

.tab-main .item-c .test-info span {
	color: #869ca5;
}

.tab-main .item-c {
	background: #F3EEEC;
}

.tab-main .item-e {
	background: #F8F9F6;
}

.tab-main .item-e .link-btn a {
	background: #9cc3e4;
}

.tab-main .item-e .name {
	color: #6b7f91;
}

.tab-main .item-e .test-info span {
	color: #6b7f91;
}

.tab-main .item-e .test-info span.lx {
	width: 45%;
	height: 20px;
	display: inline-block;
	overflow: hidden;
}

.tab-main .item-e .item-l .ico {
	background: url(../images/num-4.png) no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #FFF;
	top: 0px;
	left: 10px;
}


/*最新排行榜*/

.normal-module {
	margin-bottom: 10px;
	background-color: #FFF;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
}

.mod-topic-list li {
	border: solid #eee;
	border-width: 0 0 1px 0;
}

.game-bid-list li {
	border-width: 1px 0 0 0;
}

.mod-topic-list .m-wrap {
	display: -webkit-box;
	-webkit-box-pack: justify;
	-webkit-box-align: stretch;
	padding: 10px 15px;
	background-color: #FFF;
}

.game-bid-list .m-wrap {
	position: relative;
}

.game-bid-list li:first-child {
	border-top-width: 0;
}

.mod-topic-list li:last-child {
	border-bottom-width: 0;
}

.mod-topic-list .content {
	-webkit-box-flex: 1;
	line-height: 1.2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: start;
}

.game-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #333;
}

.mod-topic-list .game-title {
	margin-bottom: 8px;
	width: 100%;
}

.mod-topic-list .notes {
	margin: 2px 0;
	line-height: 20px;
	color: #777;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.game-bid-list .notes {
	color: #999;
}
/*页码*/
.ym{display: flex;justify-content: space-between;padding: 15px 20px;}
.ym>a{width: 22%;margin: 14px 0;display: inline-block;line-height: 30px;border-radius: 4px;background: #f6f6f6;text-align: center;color: #333;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.ym>a:active,.ym>span .cbtn a:active{background: #ddd;}
.ym>a:nth-child(2){width: 14%;}
.ym>a:nth-child(4){width: 14%;}
.ym>a.over{color: #bbb;}
.ym>span{width: 22%;margin: 14px 0;/*padding: 0 10px;*/display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #23C385;color: #fff;font-size: 14px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;position: relative;}
.ym>span .cbtn{position: absolute;top: -62px;left: 0;z-index: 10;width:100%;height: 92px;overflow-y: scroll;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb;}
.ym>span .cbtn a{display: inline-block;text-align: center;line-height: 30px;margin-bottom: 1px;float: left;width: 100%;background: #f6f6f6;font-size: 14px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #666;}
/*当前页码样式*/
.ym>span .cbtn a.now{background: #23C385;color: #fff;}
.imgshow{display: none;background: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;background: #000;}
.swiperbox .swiper-container, .swiper-wrapper, .swiper-slide{height:100% !important;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.imgshow .closebtn{position: absolute;z-index: 22;background: url(../images/newclose.png) no-repeat 11px 0px;width: 60px;height: 60px;bottom: 0 !important;top:initial; left: 10px;background-size: 40px;}


.soft{position: relative;background: #fff;}
.soft .s_info{display: block;width: 100%; height: auto; box-sizing: border-box; padding: 10px; background: #fff; overflow: hidden;}
.soft .s_info .s_pic{display: -webkit-box; width: 100%; height: auto; margin: 0; overflow: hidden;}
.soft .s_info .s_pic .ico-wrap{width: 80px; height: 80px; display: block; overflow: hidden;}
.soft .s_info .s_pic .ico-wrap img{width: 100%; height: 80px; border-radius: 16px; display: block; overflow: hidden; margin: 0; padding: 0; max-width: none; max-height: none;}
.soft .s_info .s_pic ul{display: block;width: auto; height: auto; margin: 0; text-align: left; padding: 0 0 0 12px; box-sizing: border-box; overflow: hidden; -webkit-box-flex: 1;}
.soft .s_info .s_pic ul li{width: 100%; margin: 2px 0 0 0;}
.soft .s_info .s_pic ul .s_cpname{margin:0px 0px 2px 0px;}
.soft .s_info .s_pic ul .s_cpname h1{text-align: left; width: 100%; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #333; display: block; overflow: hidden;}
.soft .s_info .s_pic ul li{width:100%;margin:7px 0 0 0;overflow: hidden;}
.soft .s_info .s_pic ul li b{width: 50%; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #999; float: left; margin: 6px 0 0 0; display: inline; overflow: hidden;}
.soft .s_info .down{width: 100%; height: 38px; line-height: 38px; background: #f55656; border-radius: 6px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; display: block; overflow: hidden; margin: 15px 0 5px; text-decoration: none;}
 
.soft .tj-tag{
    position: relative;
    display: inline-block;
    padding: 0 15px 0 6.4px;
    font-size: 12px;
    color: white;
    line-height: 21px;
    background-image: -webkit-linear-gradient(17deg, #FF9B00 0%, #FF6A48 94%);
    background-image: -o-linear-gradient(17deg, #FF9B00 0%, #FF6A48 94%);
    background-image: linear-gradient(73deg, #FF9B00 0%, #FF6A48 94%);
}
.soft .tj-tag:after{ content: ""; width: 0; height: 0; border: 10px solid transparent; border-right-color: white; position: absolute; top: 0; right: -5px; -webkit-transform: scaleX(0.6); -ms-transform: scaleX(0.6); transform: scaleX(0.6);}
.gray{background:#999 !important}