/* 引用阿里字体 */

@import "//at.alicdn.com/t/font_1647733_x5cfpjjtaf.css";



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td {

	padding: 0;

	margin: 0;

}



body {

	font-family: Helvetica, sans-serif;

	-webkit-tap-highlight-color: transparent;

	background: #f0f0f0;

}



html {

	color: #333;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	font-size: 75px;

}



audio,

canvas,

video {

	display: inline-block;

	*display: inline;

	*zoom: 1;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



fieldset,

img,

abbr,

acronym {

	border: 0;

}



address,

caption,

cite,

code,

dfn,

em,

strong,

th,

var {

	font-style: normal;

	font-weight: normal;

}



ol,

ul {

	list-style: none;

}



caption,

th {

	text-align: left;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



q:before,

q:after {

	content: '';

}



abbr,

acronym {

	border: 0;

	font-variant: normal;

}



sup {

	vertical-align: text-top;

}



sub {

	vertical-align: text-bottom;

}



input,

textarea,

select {

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit;

	-webkit-tap-highlight-color: transparent;

}



select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}



input {

	outline: none;

	border-radius: 0;

}



input[type="submit"],

input[type="reset"],

input[type="number"] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}



a {

	text-decoration: none;

	-webkit-touch-callout: none;

	color: #333;

}



a:hover {

	color: #f22f27;

}



img {

	max-width: 100%;

}



* {

	box-sizing: border-box;

}





.icon-guanbi:before {

	content: "\e623" !important;

}



html,

body {

	max-width: 750px;

	margin: 0 auto;

}



/* 头部 */

.header {

	background: #fff;

}



.logo-box {

	height: 1.26rem;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 0 .2rem;

	background: #fff;

	border-bottom: 2px #f0f0f0 solid;

}



.logo-box img {

	max-height: .9rem;

}



#nav-btn {

	font-size: .8rem;

	color: #333;

}



.body-hidden {

	overflow: hidden;

}



/* 弹菜单 */

.navigation {

	position: fixed;

	z-index: 1000;

	top: 1.26rem;

	left: 0;

	background: #fff;

	right: 0;

	display: none;

}



.nav-bg {

	position: fixed;

	z-index: 900;

	top: 1.26rem;

	left: 0;

	bottom: 0;

	right: 0;

	background: rgba(0, 0, 0, .7);

	display: none;

}



.navigation-item {

	padding: .2rem;

	border-bottom: .2rem solid #f0f0f0;

}



.navigation-item .title {

	height: .8rem;

	line-height: .8rem;

	font-size: .4rem;

	font-weight: bold;

	display: flex;

	align-items: center;

}



.navigation-item .nav-ico {

	height: .7rem;

	margin-right: .2rem;

	width: .7rem;

	line-height: .7rem;

	text-align: center;

	border-radius: 50%;

}



.bg1 {

	background: #4827b6;

}



.bg2 {

	background: #31bd80;

}



.bg3 {

	background: #006BC7;

}



.navigation-item .nav-ico i {

	color: #fff;

	font-size: .37rem;

}



.navigation-list {

	display: flex;

	flex-wrap: wrap;

	margin-top: .2rem;

	padding: 0 .2rem;

}



.navigation-list li {

	flex-wrap: wrap;

	font-size: .34rem;

	width: 25%;

	text-align: center;

	height: .7rem;

	line-height: .7rem;

	margin-bottom: .2rem;



}



.navigation-list li a {

	display: inline-block;

	padding: 0 .33rem;

	border: 1px solid #eee;

	overflow: hidden;

}



/* 主导航 */

.anv {

	display: flex;

	height: 1rem;

	background: #fff;

}



.anv ul {

	display: flex;

	align-items: center;

	width: 100%;

}



.anv ul li {

	flex: 1;

	text-align: center;

	border-bottom: 2px #fff solid;

}



.anv ul li a {

	display: block;

	font-size: .4rem;

	line-height: 1rem;

}



.anv ul li.on {

	border-bottom: 2px #f22f27 solid;

}



.anv ul li.on a {

	color: #f22f27;

}



.index-swiper .swiper-slide a,

.index-swiper .swiper-slide img {

	display: block;

}



.index-swiper .swiper-pagination {

	left: auto !important;

	transform: translateX(0) !important;

	right: 0;

	bottom: .36rem;

}



.index-swiper .swiper-pagination-bullet {

	margin: 0 .08rem !important;

}



.index-swiper .swiper-pagination .swiper-pagination-bullet {

	background: #fff;

	width: .24rem;

	height: .24rem;

}



.index-swiper .swiper-text {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0, 0, 0, .7);

	color: #fff;

	height: 1.06rem;

	line-height: 1.06rem;

	font-size: .37rem;

	padding-right: 2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding-left:10px;

}





/* 首页新闻头条 */

.headlines {

	margin-top: -1px;

	background: #fff;

	display: flex;

}



.headlines strong {

	background: #f00;

	color: #fff;

	text-align: center;

	font-size: .4rem;

	font-weight: bold;

	padding: .2rem .3rem;

}



.headlines .item {

	flex: 1;

	margin-left: .2rem;

	overflow: hidden;

	margin-right: .2rem;

	padding-top: .14rem;

}



.headlines .item a {

	font-size: .34rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

	line-height: 1.9;

	position: relative;

	padding-left: .22rem;

}



.headlines .item a::before {

	content: "";

	width: .1rem;

	height: .1rem;

	background: #d5d5d5;

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -0.05rem;

	border-radius: .05rem;



}





/* 推荐 */



.recommend {

	margin-top: .2rem;

	background: #fff;

	padding: .2rem .26rem;

}



.recommend .title {

	height: .8rem;

	align-items: center;

	display: flex;

	justify-content: space-between;

	overflow: hidden;

}



.recommend .title strong {

	font-size: .4rem;

	font-weight: bold;

}



.recommend .title a {

	font-size: .5rem;

	padding-left: .3rem;

}



.roll-list {

	overflow: hidden;

	padding-top: .12rem;

}



.roll-list ul {

	white-space: nowrap;

	overflow-y: auto;

	overflow-x: auto;

	margin: 0 -5px;

	padding-bottom: .3rem;

}



.roll-list ul li {

	display: inline-block;

	padding: 0 .1rem;

	text-align: center;

}



.roll-list ul li a {

	display: block;

}



.roll-list ul li img {

	width: 1.7rem;

	height: 1.7rem;

	border-radius: .2rem;

	display: block;

	margin: 0 auto .15rem;

}



.roll-list ul li p {



	text-align: center;

	font-size: .37rem;

	max-width: 2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: .15rem;

	margin-left: .25rem;

	color: #333;

}



.roll-list ul li span {

	font-size: .34rem;

	border: .026rem #f22f27 solid;

	color: #f22f27;

	display: inline-block;

	padding: .1rem .26rem;

	border-radius: .33rem;

}



.recommend-list {

	border-top: .2rem solid #F0F0F0;

	margin: 0 -.2rem;

	padding: .3rem .2rem 0;

}



.recommend-list li {

	margin-bottom: .3rem;

}



.recommend-list li a {

	display: flex !important;



}



.recommend-list li a img {

	width: 1.7rem;

	height: 1.7rem;

	border-radius: .2rem;

	margin-right: .2rem;

}



.recommend-info {

	flex: 1;

	display: flex !important;

	justify-content: space-between;

	align-items: center;

	overflow: hidden;

}



.recommend-info .btns {

	font-size: .34rem;

	border: .026rem #f22f27 solid;

	color: #f22f27;

	display: inline-block;

	padding: .1rem .26rem;

	border-radius: .33rem;

	margin-right: .08rem;

}



.info-left strong {

	font-size: .37rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: inline-block;

}



.info-left p {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	color: #999;

}



.info-left .item span {

	display: inline-block;

	padding: 0 .1rem;

}



.info-left .item span.item-ph {

	color: #f60;

	padding-left: .1rem;

}



.info-left {

	flex: 1;

	margin-right: .2rem;

	overflow: hidden;

	font-size: .3rem;

	color: #999;

}



.info-left .item {

	margin: .09rem 0;

}



/* 大制作 */

.big-factory {

	margin: .2rem;

	padding-bottom: .48rem;

}



.big-factory .big-img img {

	border-radius: .4rem;

	width: 100%;

	height: 4.5rem;

}



.big-app {

	display: flex;

	margin-bottom: .3rem;

}



.big-app img {

	width: 1.7rem;

	height: 1.7rem;

	border-radius: .2rem;

	margin-right: .2rem;

}



.big-factory .swiper-pagination {

	bottom: 0;

}



.big-factory .swiper-pagination-bullet {

	border-radius: .08rem;

	width: .2rem;

	height: .2rem;

	margin: 0 .08rem !important;

}





.big-factory .swiper-pagination .swiper-pagination-bullet-active {

	width: .53rem;

	background: #f22f27;

}



/* 推荐专题 */

.hot-special {

	overflow: hidden;

	padding-top: .12rem;

}



.hot-special ul {

	white-space: nowrap;

	overflow-y: auto;

	overflow-x: auto;

	margin: 0 -5px;

	padding-bottom: .1rem;

}



.hot-special ul li {

	display: inline-block;

	padding: 0 5px;

	text-align: center;

	overflow: hidden;

}



.hot-special ul li img {

	width: 5.5rem;

	height: auto;

	display: block;

}



.hot-special ul li p {

	font-size: .37rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-top: .12rem;

	width: 5.5rem;

}



/* 首页的必备 */

.hot-necessary {

	display: flex;

	flex-wrap: wrap;

	padding-bottom: .1rem;

}



.hot-necessary li {

	width: 25%;

	text-align: center;

	margin-top: .25rem;

	font-size: .37rem;

}



.hot-necessary li img {

	width: 1.7rem;

	height: 1.7rem;

	border-radius: .2rem;

	display: block;

	margin: 0 auto .1rem;

}



.hot-necessary li p {

	line-height: 1.5;

	padding: 0 .08rem;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



/* 首页新闻 */

.hot-news {}



.hot-news .hot-link {

	display: flex;

	margin-bottom: .3rem;

	position: relative;

}



.hot-news .hot-link i {

	position: absolute;

	z-index: 10;

	left: 0;

	bottom: 0;

	background: rgba(0, 0, 0, .7);

	font-size: .30rem;

	font-style: normal;

	color: #fff;

	padding: .1rem;

}



.hot-news .hot-link img {

	width: 3.46rem;

	height: 1.8rem;

}



.hot-news .hot-link .hot-newsTitle {

	flex: 1;

	overflow: hidden;

	margin-left: .25rem;

	display: flex;

	align-items: center;

	height: 1.8rem;

	flex-wrap: wrap;

}



.hot-newsTitle strong {

	flex: 100%;

	font-size: .37rem;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	line-height: 1.7;

}



.hot-newsTitle time {

	flex: 100%;

	font-size: .32rem;

	display: block;

	color: #999;

	margin-top: .07rem;

}



.hot-news {

	padding-top: .2rem;

}



/* 首页友情链接 */

.list-list {

	display: flex;

	flex-wrap: wrap;

}



.list-list a {

	font-size: .32rem;

	line-height: 1.7;

	padding: 0 .1rem;

}



/* 网站底部 */

.footer {

	margin-top: .2rem;

	background: #fff;

	padding: .2rem;

	text-align: center;



}



.footer p {

	font-size: .32rem;

}



.footer img {

	margin: .3rem 0;

	max-height: 1rem;

}



/* APP列表页面 */

.list-box {

	margin-top: .2rem;

	background: #fff;

	padding: .2rem;

}



.list-box .title {

	height: .8rem;

	align-items: center;

	display: flex;

	justify-content: space-between;

	margin-bottom: .2rem;

}



.list-box .title strong {

	font-size: .4rem;

	font-weight: bold;

}



.title-tab a {

	font-size: .37rem;

	background: #e9e9e9;

	color: #666;

	padding: .1rem .4rem;

	border-radius: .61rem;

	margin-left: .2rem;

}



.title-tab a.on {

	background: #f22f27;

	color: #fff;

}



.list-box .recommend-list li {

	margin-bottom: .2rem;

	padding-bottom: .2rem;

	display: block !important;

}



.list-box .recommend-list {

	border-top: .026rem solid #F0F0F0;

}



/* 专题列表页面 */

.special-box {

	margin-top: .3rem;

}





.special-ul li {

	margin-bottom: .3rem;

	background: #fff;

	box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);

}



.special-ul a.img-box {

	display: block;

	position: relative;

	overflow: hidden;



}



.special-ul a.img-box .times {

	background: rgba(255, 0, 0, .5);

	color: #fff;

	font-size: .32rem;

	padding: .15rem .25rem;

	position: absolute;

	right: -.08rem;

	top: 0;

}



.special-ul img {

	display: block;

	width: 100%;

	max-height: 4.66rem;

}



.special-ul a.img-box .title {

	position: absolute;

	height: .8rem;

	line-height: .8rem;

	font-size: .37rem;

	color: #fff;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 2;

	padding: 0 .2rem;

	background: -webkit-linear-gradient(bottom, #000000 0%, transparent 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);

	background: linear-gradient(to top, #000000 0%, transparent 100%);

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.special-ul .special-txt {

	padding: .2rem .2rem;

	margin-bottom: .3rem;

	font-size: .34rem;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	line-height: 1.7;

}



.page {

	margin-top: .2rem;

	padding: .2rem;

	display: flex;

	position: relative;

}



.page span:before {

	display: block;

	content: '';

	position: absolute;

	right: 5px;

	top: 11px;

	width: 15px;

	height: 10px;

	background-size: auto 100%;

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

}



.page>a {

	flex: 1;

	margin: .16rem;

	display: inline-block;

	line-height: .8rem;

	border-radius: .1rem;

	background: #ddd;

	text-align: center;

	color: #333;

	font-size: .34rem;

}



.page>a:active,

.page span .cbtn a:active {

	background: #ddd;

}



.page>span {

	flex: 1;

	margin: .16rem;

	display: inline-block;

	line-height: .8rem;

	border-radius: .1rem;

	text-align: center;

	background: #f22f27;

	color: #fff;

	font-size: .34rem;

	position: relative;

}



.page>span .cbtn {

	display: none;

	width: 100%;

	position: absolute;

	top: -62px;

	left: 0;

	z-index: 10;

	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;

}



.page>span .cbtn a {

	display: inline-block;

	text-align: center;

	line-height: 30px;

	margin-bottom: 1px;

	float: left;

	width: 100%;

	background: #f6f6f6;

	font-size: 14px;

	color: #666;

}



.page>span.a1none a,

.page>span.a1none a:hover,

.page>span.a1none a:active {

	color: #fff;

}



.page>span.a2none a,

.page>span.a2none a:hover,

.page>span.a2none a:active {

	color: #fff;

}



/* 专题详细页面 */

.specialdetailed {

	background: #fff;

}



.special-img {

	overflow: hidden;

	position: relative;

}



.special-img img {

	width: 100%;

	display: block;

}



.special-img h1 {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	height: .85rem;

	line-height: .85rem;

	font-size: .4rem;

	color: #fff;

	background: rgba(0, 0, 0, .7);

	font-weight: bold;

	letter-spacing: 0.05rem;

}



.special-article {

	padding: .2rem;

	background: #fff;

	font-size: .36rem;

	line-height: 1.9;

}



.special-infos {

	text-align: right;

	padding-top: .1rem;

	font-size: .34rem;

	color: #999;

}



.special-infos span {

	display: inline-block;

	padding: 0 .1rem;

}



.special-infos i {

	font-size: .4rem;

	color: #f60;

	font-style: normal;

	font-weight: bold;

	display: inline-block;

	padding: 0 .08rem;

}



.special-lists {}



.special-lists .special-app {

	border-top: .3rem solid #F0F0F0;

	padding: .3rem .2rem;

}





.special-lists .app-abtn {

	display: flex;

}



.special-lists .app-abtn img {

	width: 1.7rem;

	height: 1.7rem;

}



.special-lists .app-abtn .special-appInfo {

	margin-left: .23rem;

	flex: 1;

	overflow: hidden;

}



.special-lists .app-abtn .special-appInfo strong {

	font-size: .38rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: .12rem;

	display: block;

}



.special-lists .app-abtn .special-appInfo .txt {

	font-size: .32rem;

	color: #999;

	line-height: 1.7;

}



.special-lists .app-abtn .special-appInfo .txt span {

	width: 48%;

	display: inline-block;

}



.special-bts a {

	display: block;

	height: .9rem;

	line-height: .9rem;

	background: #f22f27;

	width: 80%;

	margin: .3rem auto;

	font-size: .37rem;

	text-align: center;

	border-radius: .45rem;

	color: #fff;

}



.txt-box {

	font-size: .34rem;

	color: #999;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	line-height: 1.7;

}



/* 软件详细页面 */

.game_download {

	position: relative;

	overflow: hidden;

}



.game_download .bg {

	height: 4.8rem;

	position: relative;

	left: 0;

	right: 0;

	width: 100%;

	overflow: hidden;

}



.game_download .bg:before {

	content: '';

	display: inline-block;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .6);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

}



.game_download .bg i {

	display: inline-block;

	height: 4.26rem;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background-size: 7.5rem 7.5rem;

	background-position: center;

	-webkit-filter: blur(.1rem);

	filter: (.1rem);

}



.app-box {

	background: #fff;

	border-radius: .2rem;

	margin: .2rem;

	margin-top: -1.5rem;

	position: relative;

	z-index: 10;

	padding: .2rem;

	box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);

}



.app-box .img {

	text-align: center;

	width: 3rem;

	margin: 0 auto;



}



.app-box .img img {

	width: 3rem;

	height: 3rem;

	border-radius: .4rem;

	box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);

	margin-top: -1.5rem;

}



.app-box h1 {

	padding-top: .15rem;

	font-size: .42rem;

	text-align: center;

	line-height: 2;

	font-weight: bold;

	letter-spacing: 0.02rem;

}



.infos {

	display: flex;

	flex-wrap: wrap;

	padding: .1rem .5rem .2rem;

	justify-content: space-between;

}



.infos li {

	width: 3rem;

	font-size: .35rem;

	height: 0.8rem;

	line-height:.8rem;

	overflow: hidden;

}

.app-box .btn {

	display: block !important;

}

.page-btns{

	display: block !important;

}



@media screen and (max-width:330px ) {

 .infos li {

 	width: 3.4rem;

 }

}



.infos li span {

	color: #999;

}



.app-box .btn {

	display: block !important;

	height: 1rem;

	line-height: 1rem;

	font-size: .4rem;

	background: #f22f27;

	border-radius: .2rem;

	color: #fff;

	text-align: center;

	margin: 0 .8rem .3rem;

}

.page-btns{

	display: block !important;

}







.img_list {

	overflow-x: auto;

	overflow-y: hidden;

	white-space: nowrap;

	margin: .15rem 0;

}



.img_list ul li {

	margin-right: .15rem;

	display: inline-block;

}



.img_list ul li img {

	max-height: 4.5rem;

	z-index: 1;

	height: auto;

	max-width: 100%

}



.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: rgba(0, 0, 0, .6);

}



.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;

}



.closebtn {

	position: absolute;

	z-index: 22;

	width: 60px;

	height: 60px;

	bottom: 0;

	left: 10px;

	background-size: 40px

}



.imgshow .swiper-slide {

	background: 0 0

}



.app-about {

	line-height: 1.8;

	font-size: .37rem;

	padding-bottom: .3rem;

}



.app-content {

	overflow: hidden;

	position: relative;

	padding-bottom: .3rem;

	font-size: .38rem;

}



.app-about .title {

	margin-bottom: .1rem;

}



.app-about h3 {

	line-height: .9rem;

	color: #333;

	font-size: .4rem;

	padding-left: .24rem;

	position: relative;

	font-weight: bold;

}



.app-about h3:before {

	content: "";

	height: .42rem;

	width: .12rem;

	background: #f22f27;

	position: absolute;

	left: 0;

	top: .18rem;

}



.app-box .no-btn {

	background: #ccc;

	color: #333;

}



.app-about .app-content: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);

	display: none !important;

}



.app-about .switch {

	display: none;

	height: 24px;

	line-height: 24px;

	position: relative;

	z-index: 10;

	text-align: center;

	margin-top: .1rem;

}



.app-about .switch span {

	font-size: 15px;

	display: inline-block;

	padding:0 25px;

	color: #f22f27;

	border: 1px #eee solid;

	border-top: none;

	position: relative;

	background: #fff url(../images/jian.png) no-repeat 58px 4px

}



.app-about.on .switch span {

	background: #fff url(../images/jina2.png) no-repeat 58px 4px

}



.app-about.on .app-content {

	max-height: 100% !important

}

.app-about .app-content img{

	max-width: 90%;

	height: auto;

}





.app-about.on .app-content:after {

	display: none

}

.app-about .switch:before {

    content: "";

    width: 100%;

    height: 1px;

    background: #eee;

    left: 0;

    right: 0;

    top: 0;

    position: absolute;

    z-index: -1;

}

.app-about .app-content img {

	max-width: 95% !important;

	display: block;

	margin: 0 auto;

	height: auto !important;

	

	max-height: 380px;

}

.edition-box .recommend-list{

	border-top: none;

}





.relevant-tab{

}

.relevant-tab .hd li {

	font-size: .36rem;

	flex: 1;

    overflow: hidden;

    height: 1rem;

    line-height: 1rem;

    border-bottom: 1px #eee solid;

    box-sizing: border-box;

	padding: 0 .18rem;

}

.relevant-tab .hd ul{

	display: flex;

}

.relevant-tab .hd li.on{

	color: #f22f27;

	border-bottom-color: #f22f27;

}

.relevant-tab .item .tab-tt1{

	padding: .22rem 0;

	font-size: .34rem;

	line-height: 1.6;

	color: #999;

}

.relevant-tab .item {

	padding-bottom: 8px;

}

.relevant-tab .item .tab-tt1 .tab-t1{

	display: block;

	overflow: hidden;

	font-weight: bold;

	font-size: .38rem;

	line-height: 1.9;

}

.relevant-tab .item .tab-tt1 p{

	max-height: 2.17rem;

	overflow: hidden;

}

.news-recommend{

	padding-top: .1rem;

}

.news-recommend li{

	height: .8rem;

	line-height: .8rem;

	overflow: hidden;

	font-size: .37rem;

	padding-left:.3rem;

	position: relative;

}

.news-recommend li a{

	display: block;

	overflow: hidden;

	    text-overflow: ellipsis;

	    white-space: nowrap;

}

.news-recommend li::before{

	content: "";

	position: absolute;

	left:.08rem;

	background: #ddd;

	top: .35rem;

	width: .1rem;

	height: .1rem;

	border-radius: 50%;	

}



.app-prize{

	text-align: center;

	font-size: .36rem;

	color: #f60;

	height: .5rem;

	line-height: .5rem;

		margin-bottom: .2rem;

}

.app-prize span{

	padding:0 .1rem;

}

/* 新闻详细 */

.news-article{

	background: #fff;

	padding: .4rem .268rem;

	margin-top: .2rem;

}



.title-h1{

	font-size: .4rem;

	font-weight: bold;

	letter-spacing: 0.02rem;

}

.news-info{

	font-size: .32rem;

	color: #999;

	line-height: 1.6;

	padding: .3rem 0 .2rem;

	border-bottom: 1px solid #eee;

}

.news-info span,.news-info time{

	display: inline-block;

	padding-right: .2rem;

}



.article{

	padding: .3rem 0 0;

	line-height: 1.8;

	font-size: .38rem;

}



.article img {

    display: block;

    max-width: 95% !important;

    margin: .26rem auto;

    width: auto !important;

    height: auto!important;

	max-height: 380px;

}

.article p {

    margin-bottom: .2rem;

}

.app-insert{

	 border-top: 1px solid #eee;

	 padding-top: .26rem;

}

.app-insert .big-app{

	margin-bottom: 0;

}



.ranking-tab{

	background: #fff;

	margin-top: .2rem;

}

.ranking-tab .hd ul{

	display: flex;

}

.ranking-tab .hd li{

	text-align: center;

	flex: 1;

	height: 1rem;

	line-height: 1rem;

	font-size: .38rem;	

}

.ranking-tab .hd li.on{

	font-weight: bold;

	background: #f22f27;

	color: #fff;

}



.ranking-tab .item .bg {

	height: 4rem;

	position: relative;

	left: 0;

	right: 0;

	width: 100%;

	overflow: hidden;

}



.ranking-tab .item .bg:before {

	content: '';

	display: inline-block;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .6);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

}



.ranking-tab .item .bg i {

	display: inline-block;

	height: 4rem;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background-size: 7.5rem 7.5rem;

	background-position: center;

	-webkit-filter: blur(.13rem);

	filter: (.13rem);

}

.ranking-hot{

	display: flex;

	background: #fff;

	margin-top: -1.5rem;

	position: relative;

	z-index: 10;

}

.ranking-hot li{

	width: 31%;

	background: #fff;

	border-radius: .2rem;

	position: relative;

	padding-top: .6rem;

	text-align: center;

	padding-bottom: .26rem;

}

.ranking-hot li span{

	position: absolute;

	left: 50%;

	top: -.35rem;

	border-radius: 50%;

	width: .7rem;

	height: .7rem;

	text-align: center;

	line-height: .7rem;

	font-size: .4rem;

	font-weight: bold;

	margin-left: -.35rem;

	box-shadow: 0 0 10px rgba(0,0,0,.2);

}

.ranking-hot li img{

	width: 1.8rem;

	height: 1.8rem;

	border-radius: .26rem;

	display: block;

	margin: 0 auto;

}

.ranking-hot li strong{

	margin:.2rem 0 .1rem;

	display: block;

	font-size:.37rem;

	line-height: 1.5;

	padding: 0 .18rem;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.ranking-hot li .item{

	font-size: .34rem;

	color: #999;

	text-align: center;

}

.ranking-hot li .btns{

	font-size: .34rem;

	    border: .026rem #f22f27 solid;

	    color: #f22f27;

	    display: inline-block;

	    padding: .1rem .26rem;

	    border-radius: .33rem;

		margin-top: .15rem;

		

}



.ranking-hot li.one span{

	background: #f8d91c;

	color: #e18600;

}



.ranking-hot li.two span{

	background: #83e6ff;

	color: #088bbf;

}

.ranking-hot li.three span{

	background: #fcbd6d;

	color: #d87b01;

}

.ranking-hot li.one img{

	width: 2.2rem;

	height: 2.2rem;

}

.ranking-hot li.one{

	flex: 1;

	margin-top: -.7rem;

	padding-top: .9rem;

}

.ranking-tab .recommend-list{

	border-top: none;

	margin: 0;

	padding:.15rem .26rem .3rem 0;

}

.ranking-tab .recommend-list li a{

	align-items: center;

}

.ranking-tab .recommend-list .num{

	width: .8rem;

	height: .8rem;

	text-align: center;

	line-height: .8rem;

	font-size: .4rem;

	font-weight: bold;

	color: #666;

}



#Top { display: none; width: 40px; height: 40px; cursor: pointer; position: fixed; z-index: 2019; right: 12px; bottom: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.4) url(../images/icon_up.png) no-repeat center; background-size: 50%; }

#homea {

    font-size: .8rem;

    color: #fff;

}



.hdspecial {

	    margin-top: .2rem;

}

.hdspecial ul{

	display: flex;

	background: #fff;

}

.hdspecial li{

	text-align: center;

	flex: 1;

	height: 1rem;

	line-height: 1rem;

	font-size: .38rem;	

}

.hdspecial li.on{

	font-weight: bold;

	background: #f22f27;

	color: #fff;

}



.special2-box{

	background: #fff;

	padding:0 .2rem .2rem;

}

.special2-box .recommend-list{

	border-top: none;

	

}





.app-pfbox{

	display: flex;

	justify-content: center;

	align-items: center;

	padding:.2rem 0;

	margin-bottom: 0.2rem;

}



.app-pfbox li{

	padding: 0 .5rem;

	font-size: .3rem;

	color: #999;

}



.app-pfbox li p{

	font-size: .46rem;

	color: #333;

	font-family: arial;

	margin-bottom: .1rem;

}

.app-pfbox li p i{

	color: #f60;

	display: inline-block;

	margin-right: .1rem;

	font-size: .46rem;

}







.articleTop { margin: 10px 0; line-height: 1.8;

    font-size: .38rem; color: #555; }

	.articleTop img{

		display: block;

		margin: 10px auto;

		max-width: 100% !important;

		width: auto !important;

		height: auto !important;

	}

.articleTop p { margin: 4px auto; }

.art_cont a{color:#007dc6}

.star { width: 74px; height: 12px; position: relative; overflow: hidden; background: url(../images/star.png) no-repeat; }

.star5{

	background-position: 0 0;

}

.star4{

	background-position: -14px 0;

}

.star3{

	background-position: -29px 0;

}

.star2{

	background-position: -44px 0;

}

.star1{

	background-position: -60px 0;

}

.star0{

	background-position: -74px 0;

}

.dlapp-box{

	background: #f4f5f5;

	border-radius: 10px;

	height: 100px;

	padding: 15px;

	position: relative;

	margin: 10px 0;

}

.dlapp-box dt{

	float: left;

}

 .dlapp-box dt img{

	width: 70px !important;

	height: 70px  !important;

	max-width: 100% !important;

	margin: 0;

	border-radius: 15px;

}

.dlapp-box dd.dd01{

	margin-left: 85px;

	padding-right: 70px;

}



.dlapp-box dd.dd01 .att{

	display: block;

	font-size: 15px;

	margin-bottom: 8px;

	color: #333;

	height: 22px;

	line-height: 22px;

	overflow: hidden;

}

.dlapp-box dd.dd01 .att:hover{

	color: #3abc93;

}

.dlapp-box dd.dd01 p{

	color: #999;

	margin-top: 5px;

	font-size: 13px;

	height: 20px;

	line-height: 20px;

}

.dlapp-box dd.dd02{

	position: absolute;

	right: 15px;

	top: 36px;

	

}

.dlapp-box dd.dd02 a{

	width: 60px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	background: #f22f27;

	color: #fff;

	display: block;

	border-radius: 15px;

	font-size: 15px;

}

.app-content strong,.news-article  strong{

	font-weight: bold;

	color: #000;

}



.news-article h3 {

    line-height: 1.6;

    color: #333;

    font-size: .4rem;

    padding-left: .3rem;

    position: relative;

    font-weight: bold;

	margin-bottom: 0.18rem;

}

.news-article h3:before {

    content: "";

    height: 100%;

    width: .18rem;

    background: #f22f27;

    position: absolute;

    left: 0;

    top: 0;

}



.app-content p,.article p{

	word-wrap: break-word;

}



a[href*="https://www.cnzz.com"]{display: none !important;}





.mmDbox {

	height: 100vh;

	display: flex;

	flex-direction: column;

	background: #f4f4f4;

	max-width: 750px;

	margin: 0 auto;

}

.mmlogo img{height: 35px;display: block;margin: 10px;}

.mmheader {background: #fff;}

.mmnav{display: flex;justify-content: center;background: #333;}

.mmnav a{flex: 1;color: #fff;text-align: center;padding: 10px;font-size: 15px;}

.mmsection{

	flex: 1;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;				

}

.mmsection img{

	margin-bottom: 30px;

}

.mmaa{

	background: #333;

	color: #fff;

	padding: 10px 20px;

	border-radius: 6px;

	font-size: 14px;

}

.mmfooter{

	text-align: center;

	background: #fff;

	padding:18px 10px;

	font-size: 14px;

}

.addBtn {

	text-align: center;

	color: #fff !important;

	height: 45px;

	line-height: 45px;

	font-size: 0 0 10px;

	margin: 20px;

	border-radius: 25px;

	/* box-shadow: 3px 0px 9px 0px #dc0909; */

	background: linear-gradient(to bottom, #dc0b09 5%, #dc0c09 100%);

	display: block;

	font-weight: bold;	

	font-size: 18px;

}



.page{

	margin-top: 15px;

	text-align: center;

}

.page a{

	flex: none;

	border: 1px solid #f22f27 ;

	padding: 5px 10px;

	margin: 5px 5px;

	line-height: 15px;

	display: inline-block;

	background-color: white;

}

.page .current{

	background-color: #f22f27 ;

	color: #fff;

}