@charset "utf-8";@import url('iconfont.css');*{margin:0;padding:0}
ol,ul,li,dd,dl,dt{list-style:none}
*:focus{outline:0}
em,i{font-style:normal}
html{max-width:800px;margin:0 auto;background-color:#e9e9e9;font-size:14px;height:100%}
body{color:#333;background:#e9e9e9;max-width:800px;margin:0 auto 0 auto;position: relative;min-height:100%;box-sizing:border-box;border-top:1px solid transparent}
img{margin:0;padding:0;max-width:100%}
img,fieldset{border:0;vertical-align:middle}
.cover img{border-radius:15px}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}
.tyagree{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;-o-appearance:checkbox;-ms-appearance:checkbox}
a{cursor:pointer;text-decoration:none;color:#333}
.text_center{text-align: center;}
a:hover,a:active{text-decoration:none;color:#00b3ff}
.pic_box,.img_box,.logo_box{background:#e9e9e9 url(../../../images/default_img.png) no-repeat center;background-size:auto 90%!important}
.flex {display: flex;}
a.a_register{
    height: 45px;
    width: 45px;
    position: absolute;
    top: 0px;
    right: 40px;
    color:#fff;
}
.submit-btn {background-color: #41c8cc;border: 0 none;color: #fff;cursor: pointer;text-align: center;font-size: 16px;width: 30%;height: 40px;border-radius: 5px;}

.v_middle{vertical-align: middle;}

.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}
.relative{position:relative}
.absolute{position:absolute}
.hide{display:none !important}
.block{display:block !important}
.overhide{overflow: hidden;}
.nowrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.middle{vertical-align:middle}
.middle:before{vertical-align:middle;content:'';display:inline-block;width:0;height:100%}
.fixed{position:fixed;top:0;width:100%;z-index:999;max-width: 800px;}
.fixed-margin{margin-top:60px}
.header{overflow:hidden}
.display-flex{display:flex}

/*color*/
.main_color{color:#00b3ff}
.main_bg{background:#00b3ff;}
.main_border{border-color:#00b3ff}

.icon_zq{background:url(../images/jy.png) no-repeat top center;background-size:100% 100%;color:#fff;white-space: nowrap;}
.big_zhekou{background:url(../images/zhekou.png) no-repeat left center;background-size:100%;color:#fff; font-size: 12px;
    padding-left: 10px;
    padding-right: 5px;
	margin-left:10px;
	vertical-align: middle;
	white-space: nowrap;}
.no_result{text-align:center;padding:15px 0;line-height:25px;font-size:14px;color:#999}
.no_result img{height:100px;padding-bottom:10px}

.gotop{position:fixed;bottom:20%;z-index:999;right:5%;display:none}
.gotop i{background:#00b3ff;color:#fff;padding:10px;border-radius:50%;font-size:24px;box-shadow:0 5px 15px -3px #00b3ff}
@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;-webkit-animation:fadeinB .6s infinite;-o-animation:fadeinB 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
 .part_line {height:10px;background: #f5f5f5;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position: relative;float: left;box-sizing: border-box;}
.col-1{width:8.33333333%;}
.col-2{width:16.66666666%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666666%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666666%;}
.col-9{width:74.99999999%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666666%;}
.col-12{width:100%;}
/*margin*/
.mt10{margin-top:10px}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px}
.mt25{margin-top:25px;}
.mt45{margin-top:45px;}
.mt50{margin-top: 50px!important}
.mr10{margin-right:10px;}
.mb10{margin-bottom: 10px}
/*padding*/
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_t_8{padding-top:8px;}
.p_t_10{padding-top:10px;}
.p_b_8{padding-bottom:8px;}
.p_b_15{padding-bottom:15px;}
.p_b_10{padding-bottom:10px;}
.p_l_10{padding-left:10px;}
.p_r_10{padding-right:10px;}
.p_lr_15{padding-left:15px;padding-right:15px}
/*font-size*/
.fsize13{font-size:13px;}
.fsize16{font-size:16px!important;}
.text_large{font-size:27px;}
.fsize38{font-size:38px;}
/*color*/
.white,.text_white{color:#fff!important;}
.text_main{color:#00b3ff;}
.text_default{color:#cdcdcd;}


.main_bg{background:#00b3ff}
.main_color{color:#00b3ff}
.read_color{color:#f00}
.gray_color{color: #999;}
.black_color{color:#333}
.white_bg,.bg-f{background:#fff}
.part {padding: 0 15px;overflow: hidden;}


.cy-slide-wrap {
	width: 100%;
	position: relative;
	margin-top: 42px;
}
/*顶部固定定位*/
.fixed {position: fixed;top: 0;width: 100%;z-index: 999;}

/*topbar*/
.page-top a{display:block;padding:10px}
.page-top a i{font-size:22px}
.page-top>.title{flex:1;font-size:18px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.main {overflow: hidden;}

/*head*/
.head{height:43px;padding:0 10px;justify-content:center;align-items:center;background: #fff;}
.head .logo{flex:1}
.head .logo img{max-height:32px}
.head .logo .icon-back:before{font-size:24px}
.head .search{flex:1}
.head .search-form{position:relative}
.head .search-input{border:1px solid #e9e9e9;background: #e9e9e9;border-radius:20px;padding:6px 12px;color:#808080;width:100%;box-sizing: border-box;}
.head .search-input::-webkit-input-placeholder{color:#808080}
.head .search-button{position:absolute;right:0;top:0;border:0;background:none;margin:7px 12px}
.head .search-button i{color:#808080}
/*footer*/
.footer p{
		padding-bottom:8px;
		
	}
	.footer p:last-child{
		padding-bottom:0
	}
	.footer{
		background: #fff;
		padding: 10px;
		text-align: center;
		margin-top:10px;
		box-sizing:border-box;
	}
	.zwxx_footer{
		position: absolute;
		bottom:0px;
		box-sizing:border-box;
		max-width:800px;
		z-index:1;
		width: 100%;
	}
	.zanwei{
		min-height:104px;
		overflow: hidden;
		margin-top:30px;
	}
.foot-nav{box-shadow:0px 0px 30px -10px #000;padding:4px 0;height:40.5px;position:fixed;width:100%;bottom:0;z-index: 999;max-width:800px}
.foot-nav ul{margin:0;padding:0;clear:both;height:40.5px;}
.foot-nav ul:after{content:"";display:block;visibility:hidden;clear:both}
.foot-nav ul li{float:left;width:20%}
.foot-nav ul li.on p{color:#00b3ff}
.foot-nav .foot-item{text-align:center;font-size:15px}
.foot-nav .foot-item a{display: block;width:80%;margin:auto;height:40px;overflow: hidden;padding-top:36%;font-weight: bold;line-height: 100%;font-size:12px}
.foot-nav .foot-item i{font-size:20px}
.foot-nav .foot-item p{margin-top:3px}
.foot-nav .nemu_icon{display:block;width:22px;height:22px;margin:auto;background-size:100%!important}
.foot-nav .foot-item a{background-size:auto 32%!important}
.foot-nav .index a{background:url(../images/tab_home.png) no-repeat center top}
.foot-nav .index.on a{background:url(../images/tab_home_press.png) no-repeat center top}
.foot-nav .game a{background:url(../images/tab_game.png) no-repeat center top}
.foot-nav .game.on a{background:url(../images/tab_game_press.png) no-repeat center top}
.foot-nav .news a{background:url(../images/tab_news.png) no-repeat center top}
.foot-nav .news.on a{background:url(../images/tab_news_press.png) no-repeat center top}
.foot-nav .my a{background:url(../images/tab_mine.png) no-repeat center top}
.foot-nav .my.on a{background:url(../images/tab_mine_press.png) no-repeat center top}
.foot-nav .big_gift a{margin-top: -30px;
    padding: 10px;
    height: 80px;
    background: #fff url(../images/nemu_gift.png) no-repeat center 10px;
    background-size: auto 69%!important;
    border-radius: 50%;
    width: 100%;
    box-sizing: border-box;}

.cat {
	padding: 15px 10px;
}

.cat-item {
	flex: 1;
	text-align: center;
}

.cat-item img {
	width: 67%;
	    display: block;
	    margin: auto;
	    margin-bottom: 6px;
	    max-width: 56px;
}

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

.fixed_ad{
	position: fixed;
	z-index: 9999; right: 0px; bottom: 0px;
	left:0
}
.fixed_ad .closebtn{
	position: absolute;
	top:-15px;
	left:5px;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#fff url(../images/close.png) no-repeat center center;
	background-size: 15px;
	padding:5px;
}
/* 按钮 */
.btn_main_border{border:1px solid #00b3ff;color:#00b3ff;background: #fff;}
.btn_main_border:hover{color:#fff;background: #00b3ff}
.btn_main{background:#00b3ff;color:#fff;border:1px solid #00b3ff}
.btn_main:hover{background:#fff;color:#00b3ff;border:1px solid #00b3ff}
.btn_invalid,.btn_invalid:hover{border: 1px solid #e9e9e9;color: #8e8c8c;background: #e9e9e9;}
/*游戏列表 宫格*/
.hot-game ul{margin:0 -10px;overflow:hidden}
.hot-game ul li{width:25%;float:left}
.hot-game-item{text-align:center;margin:10px}
.hot-game-item .logo_box{width:100%;height:0;padding-bottom:100%;overflow: hidden;display: block;border-radius:10px;position: relative;}
.hot-game-item .logo_box img{width:100%}
.hot-game-item .logo_box .icon_zq{font-size:10px;padding: 1px 4px 4px;position: absolute;left: 50%;transform: translateX(-50%);}
.hot-game-item h3{font-size:15px;font-weight:400;margin:5px 0;white-space: nowrap;overflow: hidden;}
.hot-game-item p{color:#aaa}
.hot-game-item .install{display:inline-block;border-radius:20px;width:100%;padding:3px 0;font-size:12px;margin-top:5px}

/* 标题 */
.title {padding:10px 10px 10px 15px;background:#fff;position: relative;}
.title.l_border{padding-left:15px}
.title.l_border:before{border-left:3px solid #00b3ff;content:'';position: absolute;left:0;top:3px;bottom:3px;}
.title span{position:relative;display:inline-block;font-size:16px;font-weight:700}

.title em{color:#999}

/*新游热榜*/
.rank{margin:15px 0}
.new-rank-list{}
.new-rank-item{position:relative;padding:10px 0 10px 78px;border-bottom: 1px dashed #eee;min-height: 68px;}
.new-rank-item .pic_box{width:68px;height:68px;border-radius:7px;position: absolute;left:0;top:10px;overflow:hidden;}
.new-rank-item .info_box{overflow: hidden;width:76%}
.new-rank-item .info_box .name{font-size:16px;font-weight: bold;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:3px}
.new-rank-item .info_box .name span{display: inline-block;max-width:63%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;}
.new-rank-item .info_box .name .big_zhekou {color: #fff;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 5px;
	margin-left:10px;
	vertical-align: middle;
}
.new-rank-item .info_box p{margin-top: 3px;}
.new-rank-item .info_box .shor_desc{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-rank-item .info_box .progess{display: inline-block;vertical-align: middle;height:6px;background:#f3f3f3;border-radius:2em;width:70%;margin-right:7px;overflow: hidden;}
.new-rank-item .info_box .progess-bar{display: inline-block;background:#0e9f54;height:100%;vertical-align:top;}
.new-rank-item .btn{position: absolute;right:0;top:50%;transform: translateY(-50%);font-size: 13px;padding:6px 12px;border-radius:6px;}
.new-rank-item .info_box .label{display: inline-block;border-radius:2em;padding:0 5px;color:#fff;background:#f8bb3e;font-size:12px;margin-right:3px;line-height:15px;}


/* 新闻资讯列表 */
.adapt_news{padding:10px 0;border-bottom:1px solid #eee;overflow: hidden;}
.adapt_news .game_logo{width:25px;height:25px;display:inline-block;border-radius:50%;overflow:hidden;vertical-align: middle;}
.adapt_news .time{color: #cfcfcf;}
.adapt_news .game_name{vertical-align:middle;color: #868686;}
.adapt_news .title{font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0;margin: 10px 0;overflow: hidden;max-height: 44px;color:#333;font-weight:400;font-weight: bold;}
.adapt_news .sub_title{font-size: 14px;color: #999;line-height: 23px;width: 64%;float: left;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;max-height: 69px;}
.adapt_news .pic_box{float:right;width: 33%;}
.adapt_news .details{margin:10px 0;overflow: hidden;}
.adapt_news .pic_box .img_box{border-radius:4px;overflow: hidden;height:69px}
.adapt_news .pic_box .img_box img{width:100%}
.adapt_news.imgs .sub_title{width:100%;}
.adapt_news.imgs .pic_box{width:100%;overflow:hidden;margin-top:10px;}
.adapt_news.imgs .pic_box .img_box{width:32.6%;height:58.88px;float:left;margin-right:1%}
.adapt_news.imgs .pic_box .img_box:nth-child(3){margin-right:0}

.new-news-list{}
.new-news-item{position:relative;line-height:30px;border-bottom: 1px dashed #eee;font-size:15px;padding-left:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-news-item:before{content:'';width:4px;height:4px;position: absolute;left:0px;top:13px;background:#00b3ff}
.new-news-item:last-child{border-bottom:none;}

/*轮播*/
.swiper-container img{display:inline-block;width:100%;max-width:800px}
.swiper-container{overflow:hidden}
.swiper-pagination-bullet-active{width:20px!important;border-radius:20px!important;background:#ff7900!important}
.swiper-pagination{position:absolute;bottom:15px!important;z-index:50;text-align:center}
.swiper-pagination span{transition:all .3s;background:#fff;opacity:1}

/*heade*/
.gmae-top header{position:relative;z-index:50}
.gmae-top header > a{flex:1;margin-top:5px}
.gmae-top i {
    font-size: 28px;
    color: #fff;
    margin: 10px;
}


    .ad_box{
		padding:10px 15px;
		background:#fff;
		display: block;
	}
	.ad_box img{
		border-radius:15px;
		width:100%;
	}
	.bt_ad{
	width:100%;
	height:70px;
	background: rgba(20, 20, 20,0.88);
	display: flex;
	display:-webkit-flex;
	color:#fff;
	white-space: nowrap;
	}
	.bt_ad img{
		width:50px;
		height:50px;
		margin-top:10px;
		margin-left:3%;
		float:left;
		border-radius: 6px;
		margin-right: 10px;
		
	}
	.bt_ad p{
	
	color:#d6d6d6;
	margin-top:8px;
	margin-left:10px;
	font-size:0.9em;
	
}
.bt_ad h2{
	color:#fff;
	margin-left:10px;
	margin-top:12px;
	font-size:16px;
}
.bt_ad span{
	font-size:0.8em !important;
}
.bt_ad .ad_left{
	flex:1;
	min-width:0;
	padding-right:10px
}
.areas {
    color: #fff;
    font-size: 12px;
    width:65px;
    height: 28px;
    line-height: 28px;
	background:#ff5726;
    float: right;
	margin-right:3%;
    text-align: center;
	border-radius:4px;
	position:relative;
	top:50%;
	transform: translateY(-50%);
}

.new-rank-list.swiper-slide .new-rank-item{
	padding:10px 10px 10px 88px
}
.new-rank-list.swiper-slide  .pic_box{
	left:10px;
}
.new-rank-list.swiper-slide .btn{
	right:10px;
}
.new-rank-list.swiper-slide .new-rank-item{
	border-bottom:1px solid #d3d3d3
}
.new-rank-list.swiper-slide .new-rank-item:last-child{
	border-bottom:none
}
.refresh-btn.active .icon-shuaxin{
	display: inline-block;
	animation:refreshRotate 2s;
	-moz-animation:refreshRotate 2s; /* Firefox */
	-webkit-animation:refreshRotate 2s; /* Safari and Chrome */
	-o-animation:refreshRotate 2s; /* Opera */
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear; /* Safari 和 Chrome */
}
@keyframes refreshRotate
{
 from {transform: rotate(0deg);}
 to {transform: rotate(360deg);}
}