/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
	margin: 0;
	padding: 0;
}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
	font-weight: normal;
}

html,body,fieldset,img,iframe,abbr {
	border: 0;
}

i,cite,em,var,address,dfn {
	font-style: normal;
}

[hidefocus],
summary {
	outline: 0;
}

li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%;
}

sup,sub {
	font-size: 83%;
}

pre,code,kbd,samp {
	font-family: inherit;
}

q:before,q:after {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label,summary {
	cursor: default;
}

a,button {
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6,em,strong,b {
	font-weight: bold;
}

del,ins,u,s,a,a:hover {
	text-decoration: none;
}

body,html,textarea,input,button,select,keygen,legend {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, 'Microsoft YaHei', sans-serif;
	font-size: 14px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
img {
	margin: 0;
	padding: 0;
	max-width: 100%;
}

body {
	color: #333;
	background: #e9e9e9;
}

a {
	transition: all .3s;
	color: #333;
	text-decoration: none!important;
}

a:hover {
	color: #abcd03;
}

.hover img {
	opacity: 1;
	transition: all .3s;
}

.hover img:hover {
	opacity: .6;
}
em {
	font-weight: normal;
	color: #999;
}
.bg-f9 {
	background: #f9f9f9;
}
.bg-f {
	background: #fff;
}
.w1200 {
	width: 1200px;
}
.b-t {
	border-top: 1px solid #eee;
}
.b-b {
	border-bottom: 1px solid #eee;
}
.b-a {
	border: 1px solid #eee;
}
.b-r-4{
	border-radius: 4px;
}
.ma {
	margin-right: auto;
	margin-left: auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
.fixed-margin {
	margin-top: 60px;
}
.shadow {
	-webkit-box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
	-ms-box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
	box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
}
.wp {
	width: 100%;
}

.display-flex {
	display: flex;
}
.wrap {
	width: 100%;
	margin: 0 auto;
}

.header {
    overflow: hidden;
}
.head {
	height: 60px;
	padding: 0 15px;
	background: #ff7900;
	justify-content: center;
    align-items: center;
}
.logo {
	display: block;
	flex: 1;

}
.logo img {
	max-height:32px;
}
.search {
	flex: 1;
}
.search-form {
	position: relative;
}

.search-input {
	border: 1px solid #fff;
	background: #ff7900;
	border-radius: 20px;
	padding: 6px 12px;
	color: #fff;
	width: 100%;
}
.search-input::-webkit-input-placeholder{
	color:#fff;
}

.search-button {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	background: none;
	margin: 7px 12px;
}
.search-button i {
	color: #fff;
}


.main {
	overflow: hidden;
}
.banner {
	position: relative;
	overflow: hidden;
}
.banner-slide {
	position: relative;
}
.banner-slide a {
	display: block;
	width: 100%;
}
.swiper-slide img {

}
.slide-pagination {
	position: absolute;
	bottom: 15px!important;
	z-index: 50;
	text-align: center;
}
.slide-pagination span {
	transition:  all .3s;
	background: #fff;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	width: 20px!important;
	border-radius: 20px!important;
	background: #FF7900!important;
}



.cat {
	padding: 15px 10px;
}
.cat-item {
	flex: 1;
	text-align: center;
}

.cat-item img {
	max-width: 56px;
}
.cat-item a {
	display: block;
	text-align: center;
	font-size: 16px;
}

.part {
	margin-top: 10px;
	padding: 20px 15px;
}
.title {}
.title span{
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: bold
}
.title span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 6px;
	width: 100%;
	height: 6px;
	background: rgba(255, 121, 0, 0.3);
}
.title em {
	color: #999;
}

.hot-game {}
.hot-game ul {
	margin: 15px -10px;
	overflow: hidden;
}
.hot-game ul li {
	width: 25%;
	float: left;
}
.hot-game-item {
	text-align: center;
	margin: 10px;
}
.hot-game-item h3 {
	font-size: 15px;
	font-weight: normal;
	margin: 5px 0;
    height: 20px;
    overflow: hidden;
}
.hot-game-item p {
	color: #aaa;
}
.hot-game-item .install {
	display: inline-block;
	background: #FF7900;
	color: #fff;
	border-radius: 20px;
	width: 100%;
	padding: 3px 0;
	font-size:12px;
	margin-top: 5px;
}


.rank {
	margin: 15px 0;
}
.rank-item {
	justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.rank-item .icon {
	background: url(../images/rank_li.png) no-repeat;
	width: 28px;
    height: 20px;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    font-size: 13px;
}

.rank-item:nth-child(1) .icon {
	background: url(../images/rank_01.png) no-repeat;
	line-height: 50px;
	width: 32px;
    height: 32px;
	background-size: 100%;
}
.rank-item:nth-child(2) .icon {
	background: url(../images/rank_02.png) no-repeat;
	line-height: 50px;
	width: 32px;
    height: 32px;
	background-size: 100%;
}
.rank-item:nth-child(3) .icon {
	background: url(../images/rank_03.png) no-repeat;
	line-height: 50px;
	width: 32px;
    height: 32px;
	background-size: 100%;
}
.rank-item .content {
	flex: 1;
	padding: 0 10px;
}
.rank-item .content .cover {
	max-width: 68px;
	margin-right: 10px;
}
.rank-item .content h3 {
	font-size: 16px;
	font-weight: normal;
    height: 20px;
    overflow: hidden;
}
.rank-item .content p {
	color: #999;
	margin: 4px 0;
	white-space:nowrap;
	font-size: 14px;
}
.rank-item .content p span {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #bbb;
	margin: 0 5px;
}
.rank-item .content p span:last-child {
	border: 0;
}
.rank-item .content i {
	margin-right: 3px;
	padding: 3px;
	font-size: 14px;
}
.android {
	color: #9ac841;
}
.ios {
	color: #319df7;
}
.rank-item .install {
	display: block;
	background: #FF7900;
	color: #fff;
	font-size: 13px;
	border-radius: 6px;
	padding: 5px 10px;
	margin-top: 5px;
}

.gift {
	padding: 10px 0;
}
.gift-item {
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px dashed #eee;
}
.gift-item .gift-icon {
	width: 25%;
}
.gift-item .gift-icon img {
	width: 90%;
}
.gift-item .gift-content {
	width: 75%;
	position:relative;
	min-height: 90px;

}
.gift-item .gift-content h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0;
}
.gift-item .gift-content span {
	display: inline-block;
	max-width: 80%;
}
/* .gift-item .gift-content P { */
	/* color: #999; */
	/* justify-content: center; */
    /* align-items: center; */
/* } */
/* .gift-item .gift-content P span:first-child { */
	/* flex: 1; */
/* } */
.gift-item .gift-receive {
	border: 1px solid #FF7900;
	padding: 6px 12px;
	border-radius: 6px;
	white-space:nowrap;
	color: #FF7900;
	position:absolute;
	right:0;
	bottom:0
}

.news {
	margin: 10px 0;
}
.news-banner {
	position: relative;
	display: grid;
	width: 100%;
}

.news-banner .news-banner-cover {
	position: absolute;
	width: 100%;
	z-index: 10;
	bottom: 0;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
}
.news-imp {
	padding: 15px;
}
.news-imp em {
	display: inline-block;
	border: 1px solid #FF7900;
	padding: 3px 6px;
	color: #FF7900;
	margin-right: 5px;
	font-size: 12px;
}
.news-imp li {
	margin-bottom: 8px;
	white-space:nowrap;
}
.news-imp li a {
	color: #888;
}
.news-art {
	padding: 0 15px;
}

.news-item {
	padding: 10px 0;
	overflow: hidden;
}
.news-item:last-child {
	border: 0!important;
}
.news-item .news-cover {
	width: 40%;
	display: inline-block;
	max-height: 85px;
	overflow: hidden;
}
.news-item .news-cover img {
	width: 90%;
}
.news-item .news-content {
	width: 60%;
}
.news-item .news-content h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 10px
}
.news-item .news-content p {
	color: #999;
	margin: 5px 0;
}
.news-item .news-info {}
.news-item .news-info span {
	margin-right: 20px;
}

/*
 *手游评分
 * */
.score {
	padding: 15px;
}
.score-main {
	margin-top: 30px;
}
.score-main ul {
	overflow: hidden;

}
.score-main ul li {
	width: 33.333%;
	float: left;
}
.score-item {
	margin: 15px;
	text-align: center;
}
.score-item h3 {
	font-weight: normal;
	font-size: 16px;
}
.score-item p {
	color: #999;
	margin: 6px 0;
}
.score-cover {
	position: relative;
	display: block;
}
.score-cover img {
	width: 100%;
}
.score-item .fraction {
	width: 42px;
	height: 42px;
	position: absolute;
	text-align: left;
	text-indent: 6px;
	font-weight: bold;
	font-style:oblique;
	color: #fff;
	line-height: 30px;
	font-size: 16px;
	top: 10px;
	left: -12px;
	background: url(../images/fraction-icon.png) no-repeat;
	background-size: 100%;
}
.score-item .down {
	display: inline-block;
	padding: 4px 6px;
	color: #FF7900;
	border-radius: 20px;
	border: 1px solid #FF7900;
}


/*
 * 登录注册页面
 */
.login {
	height: 100%;
	width: 100%;
	position: fixed;
	overflow: hidden;
}
.login-logo {
	max-width: 50%;
	margin: 15% auto;
}
.login-form {
	margin: 0 15px;
	text-align: center;
	position: relative;
}

.form-control {
	border-radius: 20px;
	padding: 12px 0;
	width: 100%;
	text-indent: 15px;
	margin-bottom: 20px;
}
.login-form .btn-login {
	background: #FF7900;
	color: #fff;
	font-size: 16px;
	border: none;
	text-align: center;
}
.login-form  .login-warn {
	text-align: right;
	flex: 1;
}
.login-form a {
	color: #999;
}
.register {}


.login-form input::-webkit-input-placeholder {
	color: #aaa;
}
 
.login-form :-moz-placeholder{
	color: #aaa;
}
 
.login-form ::-moz-placeholder{
	color: #aaa;
}
 
.login-form :-ms-input-placeholder{
	color: #aaa;
}
.otherlogin {
	margin: 15px;
}
.login-ver {
	position: relative;
}
.login-ver-btn {
	cursor: pointer;
	border: 0;
    background: #ff7900;
    border-radius: 7px;
    height: 45px;
    color: #fff;
    margin-left: 15px;
    padding: 0 10px;
    font-size: 12px;
}
.login-ver-yzm {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 35px;
	margin: 5px;
}


/*
 *礼包页面
 */
.gift-menu {
	margin: 20px auto;
	text-align: center;

	
}
.gift-menu ul {
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #FF7900;
}
.gift-menu ul li {
	padding: 8px 20px;
	display: inline-block;
	color: #FF7900;
}
.gift-main-item {
	display: none;
}
.gift-menu .active {
	background: #FF7900;
	color: #fff;
}

.gift-box-item {
	display: none;
	padding: 0 10px;
}
.gift-box-item:first-child {
	display: block;
}
.gift-info {
	color: #999;
	justify-content: center;
    align-items: center;
}
.gift-info p:first-child {
	flex: 1;
	padding-right: 10px;
}

.gift-info span {
	display: block;
	margin-bottom: 6px;
}
.gift-info .gift-receive {
	background: #FF7900;
	color: #fff;
}

/*
 *礼包详情
 * */
.gift-top {
	padding: 15px;
}
.gift-top  .gift-top-icon {
	max-width: 80px;
}
.gift-top .gift-top-content {
	padding-left: 15px;
	flex: 1;
}
.gift-top .gift-top-content h1 {
	font-size: 18px;
	font-weight: normal;
}
.gift-top .gift-top-content p {
	color: #666;
}

.gift-top-info {
	justify-content: center;
	align-items: center;
}
.gift-top span {
	display: block;
	margin-top: 6px;
	color: #666;
}
.gift-top-info div:first-child {
	flex: 1;
}
.gift-top .gift-down {}
.gift-top .gift-down a {
	background: #FF7900;
	color: #fff;
	padding: 10px 12px;
	border-radius: 4px;
}
.gift-top-receive {
	margin: 20px auto 0px auto;
	display: block;
	width: 90%;
	border-radius: 20px;
	border: 1px solid #FF7900;
	color: #FF7900;
	text-align: center;
	padding: 6px 0;
	font-size: 17px;
}
.gift-main {
	margin: 15px 0;
	padding: 15px;
}
.gift-des {}
.gift-title {}
.gift-title h3 {
	border-left: 3px solid #FF7900;
	padding-left: 15px;
	font-size: 16px;
	font-weight: normal;
}
.gift-des strong {
	font-weight: normal;
	color: #FF7900;
}
.gift-des p {
	color: #888;
	margin: 15px 0;
	line-height: 24px;
}

.giftpop {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #00000020;
	top: 0;
	display: none;
}
.giftpop-box {
	margin: 20% 20px;
	border-radius: 10px;
}
.giftpop-top {
	background: #FF7900;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
}
.giftpop-top i {
	float: right;
	padding-right: 15px;
}
.giftpop-content {
	padding: 20px 0;
	text-align: center;
}
.giftpop-content h3 {
	font-size: 18px;
	font-weight: normal;
	padding: 20px 0;
}
.giftpop-content p {
	color: #999;
}
.giftpop-content .copy {
	border: 1px solid #aaa;
	color: #aaa;
	padding: 10px;
	display: inline-block;
	margin-top: 20px;
	border-radius: 10px;
	font-size: 16px;
}


/*
 *选项卡
 * */
.switcher-nav {
	
}
.switcher-box {}

/*手游首页*/
.game {}
.game-menu {}
.game-menu ul {
	margin: 20px ;
	overflow: hidden;

}
.game-menu ul li  {
	width: 25%;
	float: left;
	text-align: center;
}
.game-menu ul li span {
	padding: 6px 20px;
	background: #fff;
	border-radius: 20px;
	display: inline-block;
	border:1px solid #ddd;
}

.game-menu ul .active span {
	background: #FF7900;
	color: #fff;
}
.game-main {}
.game-box {
	display: none;
	overflow: hidden;
}

.game-box:first-child {
	display: block;
}
.gmae-top {}
.gmae-top-bg {
	position: absolute;
	width: 100%;
	height: 160px;
	background-size: 100%;
}
.gmae-top-bg .cover {
	position: relative;
	height: 100%;
}
.gmae-top-bg .cover-top {
	position: absolute;
	bottom: -2px;
	width: 100%;
	z-index: 10
}
.gmae-top-bg .cover img {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.gmae-top i {
	font-size: 28px;
	color: #fff;
	margin: 10px;
}
.gmae-top i:first-child {
	flex: 1;
}
.gmae-top header {
	position: relative;
	z-index: 50;
}
.gmae-top header>a {
	flex: 1;
	margin-top: 5px;
}
.game-head {
	position: relative;
	z-index: 50;
	margin-top: 10%;
	text-align: center;
}
.game-head .icon {
	max-width: 100px;
	margin: 5px auto
}
.game-head .icon img {
	border: 5px solid #fff;
	border-radius: 20px;
}

.game-head h2 {
	font-size: 18px;
	font-weight: normal;
	justify-content: center;
	align-items: center;
}

.game-head h2 em {
	display: inline-block;
	background: #ffefe0;
	border: 1px solid #ff7900;
	border-radius: 5px;
	padding: 0 5px;
	margin-left: 5px;
	color: #FF7900;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	
}
.game-head span {
	margin: 0 5px;
}
.game-head p {
	margin-top: 6px;
	color: #999;
}
.game-head p> .gf {
	color: #3399ff;
	border: 1px solid #3399ff;
}
.game-head p> .aq {
	color: #66cc33;
	border: 1px solid #66cc33;
}
.game-head p> .jp {
	color: #9966ff;
	border: 1px solid #9966ff;
	
}
.gf, .aq, .jp {
	margin: 0 2px!important;
	padding: 1px 3px;
	border-radius: 4px;
	display: inline-block;
}

.game-head .down {
	padding: 20px 0;
}
.downanr, .downios {
	display: inline-block;
	border-radius: 20px;
	padding: 6px 20px;
	margin: 0 10px;
	font-size: 15px;
}
.downanr {
	background: #FF7900;
	color: #fff;
}
.downios {
	color: #FF7900;
	border: 1px solid #FF7900;
}
.downanr i {
	color: #fff;
	margin: 0 3px;
	font-size: 15px;
}
.downios i {
	font-size: 15px;
	margin: 0;
	margin: 0 3px;
	color: #FF7900;
}

.rank-item-icon {
	background: url(../images/rank_li.png) no-repeat;
	width: 28px;
    height: 20px;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    font-size: 13px;
}



.card-list {
	overflow: hidden;
	margin: 0 -10px;
	padding: 15px;
}
.card-list li {
	float: left;
	width: 33.33%;
}
.card-list-item {
	margin: 5px 5px 25px 5px;
	padding: 10px 5px 5px;
	text-align: center;
	position: relative;
	border-radius: 6px;
}


.card-list-item .dx96kf{
	margin-bottom:20px;
}


.card-list-item .icon {
	width: 80%;
	margin: 0 auto;
}
.card-list-item h3 {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 16px;
	height: 20px
}
.card-list-item p {
	color: #999;
	margin: 5px 0;
}
.card-list-item i {
	margin-right: 6px;
	border-radius: 50%;
	padding: 3px;
	font-size: 14px;
}
.card-list-item .platform {
	margin-bottom: 20px;
}
.card-list-item .down {
	position: absolute;
	bottom: -5px;
	white-space:nowrap;
	left: 0;
	width: 100%;
	text-align: center;
}
.card-list-item .down a {
	background: #FF7900;
	color: #fff;
	border-radius: 4px;
	padding: 6px 12px;
}

/*
 *手游分类
 * */
.game-classify {
	
}
.game-classify-box {
	padding: 15px;
	margin-bottom: 6px;
}
.game-classify-box h3 {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}
.game-classify-box ul {
	overflow: hidden;
	margin: 0 -10px;
}
.game-classify-box ul li {
	width: 25%;
	float: left;
}
.game-classify-item {
	display: block;
	padding: 10px;
	text-align: center;
}
.game-classify-item p {
	color: #666;
	font-size: 16px;
    height: 21px;
    overflow: hidden;
}

/*
 *手游排行
 * */
.game-rank {}
.game-rank-item {
	margin-bottom: 20px;
}


.game-rank-top {
	overflow: hidden;
	padding: 30px 15px;
}
.rank-top-item {
	width: 33.33%;
	float: left;
	text-align: center;
}
.rank-top-item:first-child .content {
	background: #febb4a;
	margin: 10px;
}

.rank-top-item:last-child .content {
	background: #7385f5;
	margin: 10px;
}
.rank-top-item .content {
	margin: 0px;
	border-radius: 6px;
	padding: 15px 0;
	background: #f67452;
	position: relative;
	color: #fff;
}
.rank-top-item .rank-top-icon {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -15px;
}
.rank-top-item img {
	max-width: 60%;
	border-radius: 6px;
}
.rank-top-item  h3 {
	font-weight: normal;
	font-size: 14px;
}
.rank-top-item p {
	margin: 8px 0;
	font-size: 12px;
}
.rank-top-item i {
	color: #fff;
    margin-right: 6px;
    border-radius: 50%;
    padding: 3px;
    font-size: 14px;
}

.rank-top-item .down {
	position: absolute;
	width: 100%;
	bottom: -10px;
	text-align: center;
}
.rank-top-item .down a {
	background: #fff;
	border-radius: 10px;
	padding: 8px 15px;
	color: #FF7900;
	box-shadow: 0px -6px 15px -5px rgba(0, 0, 0, 0.4);
}

.game-rank ul {
	margin: 0 15px;
}
.game-rank ul li {}

/**
 * 应用
 * */
.app {}
.app-menu {

}
.app-menu ul {
	margin: 20px 30px;
	border-radius: 20px;
	border: 1px solid #FF7900;
	overflow: hidden;
}
.app-menu ul li {
	width: 50%;
	float: left;
	text-align: center;
}
.app-menu ul li span {
	color: #FF7900;
	display: block;
	padding: 6px 0;
}
.app-menu .active span {
	background: #FF7900;
	color: #fff;
	border-radius: 20px
}

.app-top {
	padding: 15px;
}
.app-top .app-top-icon {
	max-width: 80px;
}
.app-top .app-top-content {
	padding-left: 15px;
	flex: 1;
}
.app-top .app-top-content h1 {
	font-size: 18px;
	font-weight: normal;
}
.app-top .app-top-content p {
	color: #999;
	margin-top: 6px;
}

.app-down {
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.app-down a {
	background: #FF7900;
	color: #fff;
	padding: 10px 12px;
	border-radius: 4px;
	margin: 0 15px;
}
.app-down i {
	color: #fff;
	margin-right: 5px;
}

.app-main {
	padding: 15px;
	margin-top: 6px;
}
.app-main .content {
	margin: 20px 0;
}
.app-main .content p {
	text-indent: 2em;
	line-height: 24px;
	color: #666;
	letter-spacing: 1px;
}
.app-swiper {
	margin-top: 20px;
}
.app-swiper img {
	cursor: pointer;
}
.app-slide {

}

/*新闻资讯*/
.news {}
.news-menu {}
.news-menu ul {
    margin: 20px 10px;
    overflow: hidden;
}
.news-menu ul li {
    width: 25%;
    float: left;
    text-align: center;
}
.news-menu ul li span {
	background: #fff;
	color: #FF7900;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 20px;
	color: #666;
	border: 1px solid #ddd;
}
.news-menu .active span {
	background: #FF7900;
	color: #fff;
}

.news-top {
	padding: 15px;
}
.news-top-icon {
	max-width: 80px;
}
.news-top-content {
	padding-left: 15px;
    flex: 1;
}
.news-top-content h1 {
	font-size: 18px;
	font-weight: normal;
}
.news-top-content p{
	color: #888;
	margin-top: 5px;
}
.news-down {}
.news-down a {
	background: #FF7900;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
}

.swiper-wrapper{
	z-index:0!important;
}

.news-main {}
.news-warp {
	margin-top: 5px;
	padding: 15px;
}
.news-head  {}
.news-head h1 {
	font-size: 18px;
}
.news-head p {
	margin-top: 10px;
	color: #999;
	overflow: hidden;
}
.news-warp .content {
	padding-top: 15px;
}
.news-warp .content p {
	text-indent: 2em;
	line-height: 24px;
	color: #666;
}
.news-warp .content img {
	margin: 5px 0;
	max-width: 85%;
}
.game96-warp .content img {
	margin: 5px 0;
	max-width: 100%;
}
.news-warp .hot {
	color: #FF7900;
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	position: relative;
	text-indent: 15px;
}
.news-warp .hot:after {
	content: '';
	position: absolute;
	left: 3px;
	top: 5px;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	background: #FF7900;
}
.news-warp .hot:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	left: 6px;
	top: 8px;
	border: 2px solid #fff;
	background: #FF7900;
	transform: rotate(45deg);
	z-index: 10;
}
.page-top {}
.page-top a {
	display: block;
	padding: 20px;
}
.page-top a i {
	font-size: 22px;
}
.page-top> .title {
	flex: 1;
	font-size: 18px;
	text-align: center;
}

.search-left {
	color: #fff;
	padding-right: 15px;
	font-size: 22px!important;
}
.search-item {
	justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.search-title {
	padding: 15px;
	font-size: 16px;
}
.search-main {
	margin: 0 15px;
}
.search-item .icon {
	background: url(../images/rank_li.png) no-repeat;
	width: 28px;
    height: 20px;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    font-size: 13px;
}

.search-item:nth-child(1) .icon {
	background: url(../images/rank_01.png) no-repeat;
	line-height: 50px;
	width: 32px;
    height: 32px;
	background-size: 100%;
}
.search-item:nth-child(2) .icon {
	background: url(../images/rank_02.png) no-repeat;
	line-height: 50px;
	width: 32px;
    height: 32px;
	background-size: 100%;
}
.search-item:nth-child(3) .icon {
	background: url(../images/rank_03.png) no-repeat;
	line-height: 50px;
	width: 32px;
    height: 32px;
	background-size: 100%;
}
.search-item .content {
	flex: 1;
	padding: 0 10px;
}
.search-item .content .cover {
	max-width: 68px;
	margin-right: 10px;
}
.search-item .content h3 {
	font-size: 16px;
	font-weight: normal;
}
.search-item .content p {
	color: #999;
	margin: 4px 0;
	white-space:nowrap;
	font-size: 14px;
}
.search-item .content p span {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #bbb;
	margin: 0 5px;
}
.search-item .content p span:last-child {
	border: 0;
}
.search-item .content i {
	margin-right: 3px;
	padding: 3px;
	font-size: 14px;
}
.android {
	color: #9ac841;
}
.ios {
	color: #319df7;
}
.search-item .install {
	display: block;
	background: #FF7900;
	color: #fff;
	font-size: 13px;
	border-radius: 6px;
	padding: 5px 10px;
	margin-top: 5px;
}

.about {}
.about-warp {}

.about-warp .content {
	padding: 20px;
}
.about-warp .content P {
	text-indent: 2em;
	line-height: 24px;
	margin-bottom: 15px;
	font-size: 15px;
    color: #666;
}


/****面包屑导航****/
.breadcrumb {
    padding: 15px 20px;
    font-size: 16px;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
}
.breadcrumb a.back_a{
	position: absolute;
	left:6px;
	top: 6px
}
.breadcrumb a.back_a img{

}
.aboutDiv{
	padding: 15px;
	margin:3px 0;
	background: #fff;
}
.aboutDiv .hdDiv{
	overflow: hidden;
}
.aboutDiv .hdDiv a{
	font-size: 15px;
    color: #393939;
    margin: 0 10px;
    display: block;
    float: left;
    padding-bottom: 0.10px;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
}
.aboutDiv .hdDiv a.active{
	color: #EC741D;
	border-bottom: 2px solid #ec741d;
	font-weight: bold;
}
.aboutDiv .hdDiv a:hover{
	color: #EC741D;
}
.aboutDiv .bdDiv{
    padding: 20px 15px;
    font-size: 15px;
    color: #3c3c3c;
    line-height: 22px;
}
.aboutDiv .bdDiv p{
	margin: 0;
	text-indent: 2em;
}


.page-404 {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #f6f6f6;
}
.page-404-bg {
	width: 100%;
	min-height: 400px;
	background: url(../images/404bg.png) center no-repeat;
	background-size: 90%;
	position: relative;
}
.page-404-text {
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
}
.page-404-text p {
	font-size: 16px;
	margin-bottom: 15px;
}
.page-404-text a {
	color: #FF7900;
	border: 1px solid #FF7900;
	padding: 6px 12px;
	display: inline-block;
	border-radius: 6px;
}
.foot-menu {
	margin-top: 15px;
	margin-bottom:10px
}
.foot-menu a {
	color: #666;
	margin: 0 10px;
}



.foot-cop {
	padding: 30px 0;
	text-align: center;
	color: #999;
	font-size: 14px;
}


.link {
	margin: 10px -10px;
}
.link a {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding-right: 10px;
	margin: 5px 10px;
	color: #666;
}
.link a:last-child {
	border: 0;
}

.home-bottom {
	margin-bottom: 80px;
}

/*footer*/


.foot-nav {
    box-shadow: 0px 0px 30px -10px #000;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}
.foot-nav ul {
	margin: 0;
	padding: 0;
	clear：both
}
.foot-nav ul:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
}

.foot-nav ul li {
	float: left;
	width: 20%;
}
.foot-nav .foot-item {
	text-align: center;
	font-size: 15px;
}

.foot-nav .foot-item i {
	font-size: 20px;
}
.foot-nav .foot-item p {
	margin-top: 3px;
}
.foot-item> .active {}
/*.foot-item> .active i {
	color: #FF7900;
	padding: 5px 6px;
}*/
.foot-item> .active p {
	color: #FF7900;
}
.foot-gift {
	display: inline-block;
	margin-top: -20px;
	position: relative;
	z-index: 99;
	border-radius: 50%;
}
.foot-gift i {
	font-size: 56px!important;
	border-radius: 50%;
	border: 6px solid #fff;
	box-shadow: 0px -10px 30px -15px #000;
	color: #FF7900;
}

.gotop {
	position: fixed;
	bottom: 20%;
	z-index: 999;
	right: 5%;
	display: none;
}
.gotop i {
	background: #FF7900;
	color: #fff;
	padding: 10px;
	border-radius: 50%;
	font-size: 24px;
	box-shadow: 0 5px 15px -3px #ff7900;
}


@keyframes fadeinB {
    0% {transform:translateY(20px);opacity:0;filter:Alpha(opacity=0);}
	100% {transform:translateY(0px);opacity:1;filter:Alpha(opacity=1);}
}
.fadeinB {
	animation:fadeinB .6s infinite;
	-moz-animation:fadeinB .6s infinite; /* Firefox */
	-webkit-animation:fadeinB .6s infinite; /* Safari and Chrome */
	-o-animation:fadeinB 1s infinite; /* Opera */
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}
@keyframes fadeinT {
    0% {transform:translateY(0px);opacity:0;filter:Alpha(opacity=0);}
	100% {transform:translateY(20px);opacity:1;filter:Alpha(opacity=1);}
}
.fadeinT {
	animation:fadeinT .6s infinite;
	-moz-animation:fadeinT .6s infinite; /* Firefox */
	-webkit-animation:fadeinT .6s infinite; /* Safari and Chrome */
	-o-animation:fadeinT 1s infinite; /* Opera */
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}
@keyframes fadeinL {
    0% {transform:translateX(0px);opacity:0;filter:Alpha(opacity=0);}
    60% {transform:translateX(10px);opacity:1;filter:Alpha(opacity=1);}
	100% {transform:translateX(0px);opacity:1;filter:Alpha(opacity=1);}
}
.fadeinL {
	animation:fadeinL .6s infinite;
	-moz-animation:fadeinL .6s infinite; /* Firefox */
	-webkit-animation:fadeinL .6s infinite; /* Safari and Chrome */
	-o-animation:fadeinL 1s infinite; /* Opera */
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}
@keyframes fadeinR {
    0% {transform:translateX(0px);opacity:0;filter:Alpha(opacity=0);}
    60% {transform:translateX(10px);opacity:1;filter:Alpha(opacity=.5);}
	100% {transform:translateX(0px);opacity:1;filter:Alpha(opacity=1);}
}
.fadeinR {
	animation:fadeinR .6s infinite;
	-moz-animation:fadeinR .6s infinite; /* Firefox */
	-webkit-animation:fadeinR .6s infinite; /* Safari and Chrome */
	-o-animation:fadeinR 1s infinite; /* Opera */
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}

.pageDiv{
	margin: 8px 0 8px 0;
	text-align: center;
	padding: 8px 0 13px 0;
}


.pageDiv ul {
	display: inline-block;
	overflow: hidden;
}
.pageDiv ul li{
	float: left;
	margin: 0 7px;
}
.pageDiv ul li a{
	font-size: 14px;
	color: #6c6c6c;
	padding: 6px 11px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	display: block;
}
.pageDiv ul li span{
	font-size: 14px;
	color: #6c6c6c;
	padding: 6px 11px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	display: block;
}
.pageDiv ul li.active span{
	font-size: 14px;
	color: #fff;
	padding: 6px 11px;
	border: 0px solid #e5e5e5;
	border-radius: 5px;
	display: block;
}
.pageDiv ul li.active{
	background: #EC741D;
	border: 1px solid #EC741D;
	color: #fff;
	border-radius: 5px;
}

.pageDiv ul .xia,.pageDiv ul .shang{display:block;}