html, body{height: 100%;font-family: "微软雅黑";font-size: 12px;color: #000;}
body{
	overflow-x:hidden; 
	/* max-width: 400px; */
	margin: 0 auto;
	
	padding: 0px;
	border:0px;
	    padding: 0;
    background-image: url(https://xiazai.5535.cn/public/downgame/static/images/bj.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;

}
*{margin: 0;padding: 0;box-sizing: border-box;}
ul,li{
	list-style: none;
}
a {color: #666666;text-decoration: none;}

a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

/*底部nav*/
.foot{
	width: 100%;
	position: fixed;
	
	bottom: 0px;
	height: 55px;
	background: #fbfbfb;
	z-index: 10;
	max-width: 750px;
	margin: 0 auto;
}

.codediv {
        position: fixed;
    right: 20%;
    top: 14%;
padding: 18px 18px 40px 18px;
    background: url(https://xiazai.5535.cn/public/downgame/static/images/background_d62ed8a9.png_noop.webp);
}
.foot ul{
	overflow: hidden;
}
.foot li{
	width: 20%;
	text-align: center;
	float: left;
	font-size: 12px;
}
.foot li i{
	width: 25px;
	height: 25px;
	display: block;
	margin: 7px auto 0;
}
.foot li:nth-child(1) i{
	background: url(../image/bottom_homepage_normal.png) no-repeat center top;
	background-size: contain; 
}
.foot li.active:nth-child(1) i{
	background: url(../image/bottom_homepage_selected.png) no-repeat center top;
	background-size: contain; 
}
.foot li:nth-child(2) i{
	background: url(../image/bottom_game_normal.png) no-repeat center top;
	background-size: contain; 
}
.foot li.active:nth-child(2) i{
	background: url(../image/bottom_game_selected.png) no-repeat center top;
	background-size: contain; 
}
.foot li:nth-child(3) i{
	background: url(../image/bottom_function.png) no-repeat center top;
	background-size: contain; 
}
.foot li.active:nth-child(3) i{
	background: url(../image/bottom_function_choose.png) no-repeat center top;
	background-size: contain; 
}
.foot li:nth-child(4) i{
	background: url(../image/bottom_chat_normal.png) no-repeat center top;
	background-size: contain; 
}
.foot li.active:nth-child(4) i{
	background: url(../image/bottom_chat_selected.png) no-repeat center top;
	background-size: contain; 
}
.foot li:nth-child(5) i{
	background: url(../image/bottom_message_normal.png) no-repeat center top;
	background-size: contain; 
}
.foot li.active:nth-child(5) i{
	background: url(../image/bottom_message_selected.png) no-repeat center top;
	background-size: contain; 
}
.foot li.active{
	color: #ff6d62;
}

/*游戏列表样式*/
.game_item{
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #eee;
	background: #fff;
	
}
.game_item a{
	display: block;
	display: flex;
}
.game_item .game_img{
	width: 60px;
	height: 60px;
	position: relative;
}
.game_item .game_img img{
	width: 100%;
	height: 100%;
}
.game_item .game_con{
	padding-left: 10px;
}
.game_item .game_con h3{
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	position: relative;

}
.game_item .game_con h3 .shouchong{
	display: inline-block;
	position: absolute;
	top: -1px;
	margin-left: 5px;
	background: url(../image/first_award.gif) no-repeat center top;
	background-size: contain; 
	height: 20px;
	width: 40px;
}
.game_item .game_con h3 .tuijian{
	display: inline-block;
	position: absolute;
	top: -1px;
	margin-left: 5px;
	background: url(../image/recommend_game.gif) no-repeat center top;
	background-size: contain; 
	height: 20px;
	width: 40px;
}
.game_item .game_con p{
	margin-bottom: 2px;
}
.game_item .game_con .game_fl span{
	display: inline-block;
	padding: 1px;
	font-size: 12px;
	border-radius: 5px;
	margin-right: 5px;
}
.game_item .game_con .game_fl span:nth-child(1){
	background: #4fbdf2;
	color: #fff;
}
.game_item .game_con .game_fl span:nth-child(2){
	background: #ffa820;
	color: #fff;
}
.game_item .game_con .game_fl span:nth-child(3){
	background: #fd7b7b;
	color: #fff;
}
.game_item .game_btn{
	    position: absolute;
	    right: 0px;
	    top: 27px;
	    font-size: 12px;
	    color: #ff6d62;
	    border: 1px solid #ff6d62;
	    border-radius: 50px;
	    height: 25px;
	    width: 60px;
	    line-height: 25px;
	    text-align: center;
	    padding-left: 13px;
	    background: url(../image/xiazai.png) no-repeat;
	    background-size: 21%;
	    background-position: 8px 6px;
}
/* .game_item .game_btn{
	    width: 60px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    font-weight: normal;
    background: #fff;
    color: #ff6d62;
	    border: 1px solid #ff6d62;

    border-radius: 4px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 30.5px;
    text-align: center;
} */

.game_item .libao_bq{
	position: absolute;
	right: -8px;
	top: -6px;
}
.libao_bq{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../image/game_item_gift.png) no-repeat center top;
	background-size: contain;

}

/*首页*/
.zy_box{
	overflow: hidden;
	/*height: 100vh;*/
	padding-bottom: 50px;
}
.index_box {
	padding-top: 55px;
}

.zy_box .tab_box {
	
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
	background: #fff;
	max-width: 750px;
	margin: 0 auto;
	border-bottom: 1px solid #f9f9f9;
}

.zy_box .lun_box{
	padding: 10px;
	border-bottom: 1px solid #f9f9f9;
	height: 222px;
}
.zy_box .lun_qian{
	position: static;
}

.zy_box .panel {
	margin: 0;
}

.refreshtip {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 10px 0;
	text-align: center;
	color: #999;
}

.swiper-container {
	overflow: visible;
}

.loadtip {
	display: block;
	width: 100%;
	line-height: 40px;
	height: 40px;
	text-align: center;
	color: #999;
	/*border-top: 1px solid #ddd;*/
}

.zy_box .sc1,
.zy_box .sw1 {
	height: calc(100vh - 137px);


}

.swiper-slide {
	height: auto;
}

.text-center {
	text-align: center;
}

.list-group {
	padding-left: 0;
	padding: 0 10px;
	background: #fff;
	
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.zy_box .ss_box{
	width: 100%;
	padding: 5px 10px;
	position: relative;
}
.zy_box .ss_box .fenlei{
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 20px;
	top: 10px;
	background: url(../image/fenlei.png) no-repeat center top;
	background-size: contain;
}
.zy_box .search_kuang{
	width: 80%;
	
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #eee url(../image/sousuo.png) no-repeat center right;
	background-size:20px 20px; 
	color: #999;
	border-radius: 5px;
	background-position: 10px center;
	font-size: 14px;
}

.zy_box .announcement {
	height:25px;
	/*background:#f5f8fc;
	border:1px solid #d2e1f1;*/
	margin:0.5em;
	overflow: hidden;
	padding-left: 40px;
	background: url(../image/laba.png) no-repeat center left;
	background-size: 25px 25px;
	background-position: 5px center;
	background-size: contain;
}
.zy_box .announcement a {
	color:#333;
	text-decoration:none;
	display:block;
	line-height:2;
	height:25px;
	text-indent:0.5em;
	overflow:hidden;
	width: 100%;
	overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
}
.zy_box .zy_title{
	text-align: center;
	padding-top: 5px;
}
.zy_box .zy_title img{
	height: 40px;
}
.zy_box .jptj_box{
	
	    border-bottom: solid 5px #eee;
	    padding: 0 10px;
	    border-top: 1px solid #f9f9f9;

}
.zy_box .jptj_box ul{
	    display: -webkit-box;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
	    padding: 15px 0;
	    height: 133px;
}
.zy_box .jptj_box li{
	position: relative;
	width: 25%;
	text-align: center;
	
}
.zy_box .jptj_box li p{
	width: 100%;
	text-align: center;
	overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    padding: 5px 2px;
	    color: #333;
	    font-size: 13px;
}
.zy_box .jptj_box li span{
	display: block;
	font-size: 12px;
	color: #999;
}
.zy_box .jptj_box li img{
	width: 55px;
	
}
.zy_box .jptj_box li .img_box{
	position: relative;
	width: 55px;
	margin: 0 auto;
}
.zy_box .jptj_box li .libao_bq{
	position: absolute;
	right: -9px;
	top: -7px;
}
.zy_box .yxlb_box{
	padding: 10px;
}



.zy_box .zxsj_box{
	margin-top: 10px;
	padding: 0 10px;
	border-bottom: 5px solid #eee;
	position: relative;
}
.zy_box .sj_tab{
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.zy_box .sj_tab .tab_item{
	float: left;
	font-size: 16px;
	
	color: #333;
	margin-right: 20px;
	background: url(../image/gray_bg.png);
	background-size: 100%;
	width: 80px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}
.zy_box .sj_tab .tab_item a{
	display: block;
}
.zy_box .sj_tab .tab_item.active{
	color: #ff6d62;
	background: url(../image/red_bg.png);
	background-size: 100%;
}

.zy_box .sj_item{
	display: none;
	position: relative;
}
.zy_box .sj_item.show{
	display: block;
}


.zy_box .rmtj_box{
	margin-top: 20px;
}
.zy_box .rmtj_box .zy_title{
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}


.zy_box .zy_game_more{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../image/more.png);
	background-size: 100% 100%;
	height: 47px;
	
	text-align: center;
}
.zy_box .zy_game_more a{
	display: block;
	margin-top: 27px;
}


.zy_box .game_gg{
	width: 100%;
	padding: 5px 0;
	background: #fff;
}
.zy_box .game_gg img{
	width: 100%;
	height: 189px;
}


.zy_box .game_gg .game_img{
	position: relative;
	height: 189px;
}
.zy_box .game_gg .game_img span{
	position: absolute;
	right: 5px;
	top: 0px;
	background: #ff6d62;
	color: #fff;
	display: block;
	padding: 5px 10px;
	font-size: 14px;
	
}
.zy_box .game_gg .game_hj img{
	width: 38px;
	height: 38px;
}
.zy_box .game_gg .game_hj ul{
	display: flex;
}
.zy_box .game_gg .game_hj li{
	flex: 1;
	text-align: left;
}
.zy_box .game_gg .game_hj{
	padding-right: 50px;
	margin-top: 10px;
	position: relative;
	height: 41px;
}
.zy_box .game_gg .game_hj .more{
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 14px;
	font-size: 14px;
	color: #333;
}


.rk_box{
	padding: 10px;
	display: flex;
	border-bottom: 5px solid #eee;
}
.rk_box a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.rk_box img{
	width: 100%;
	height: 100%;
}
.rk_l{
	width: 50%;
	height: 169px;
	
}
.rk_l .nr_box{
	position: absolute;
	left: 10px;
	top: 10px;
}
.rk_r{
	width: 50%;
}
.rk_r_t{
	height: 80px;
	margin-bottom: 10px;
}
.rk_r_b{
	height: 80px;
}
.rk_r_t .nr_box{
	position: absolute;
	left: 10px;
	top: 20px;
}
.rk_r_b .nr_box{
	position: absolute;
	left: 10px;
	top: 20px;
}
.rk_l h3{
	color: #fc7c7b;
	font-size: 14px;
	margin-bottom: 10px;
}
.rk_l p{
	color: #bd524c;
	font-size: 12px;
	margin-bottom: 10px;
}
.rk_l .nr_box div{
	background:#e21243;
	width: 55px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	border-radius: 20px;
	font-size: 12px;
}
.rk_r_t h3{
	color: #0170fe;
	font-size: 14px;
	margin-bottom: 10px;
}
.rk_r_t p{
	font-size: 12px;
	color: #7fc1e4;
}
.rk_r_b h3{
	color: #fcbb07;
	font-size: 14px;
	margin-bottom: 10px;
}
.rk_r_b p{
	color: #ffa820;
	font-size: 12px;
}

/*交易页*/
#boxMask{
	    z-index: 100000;
	    height: 100%;
	    width: 100%;
	    display: none;
	    background: #000;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    filter: alpha(opacity:80);
	    opacity: 0.8;
	    -moz-opacity: 0.8;
	    -khtml-opacity: 0.8;
}
#seltype{
	position: fixed; top: 124px; z-index: 100020; background: rgb(255, 255, 255); width: 100%; font-size: 16px;
}
.jy_index_box{
	padding-top: 136px;
}
.jy_box .jy_top{
	position: fixed;
	z-index: 2;
	top: 0px;
	width: 100%;
	max-width: 750px;
}

.jy_box .tou_nav{
	width: 100%;
	background: #fff;
	display: flex;
	padding: 10px 0;

}
.jy_box .tou_nav a{
	color: #666;
	display: block;
}
.jy_box .tou_nav .nav_item{
	width: 25%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.jy_box .tou_nav .nav_item img{
	width: 60px;
	display: block;
	margin: 0 auto;
}
.jy_box .tou_sx{
	width: 100%;
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	padding: 5px 0;
	overflow: hidden;
	background: #fff;
}
.jy_box .zxcs{
	color: #333;
	font-size: 14px;
	padding-left: 10px;
	width: 100px;
	border-right: 1px solid #999;
	float: left;
}
.jy_box .zxcs i{
	display: inline-block;
	width: 15px;
	height: 11px;
	background: url(../image/down_1.png) no-repeat center top;
	background-size: contain;
	margin-left: 5px;
}
.jy_box .yxsx{
	width: 130px;
	float: left;
	font-size: 14px;
	padding-left: 10px;
	color: #999;
}
.jy_box .yxsx i{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../image/right.png) no-repeat center top;
	background-size: contain;
	margin-left: 5px;
}
.jy_box .sjsx{
	float: right;
	width: 60px;
	font-size: 14px;
	color: #666;
}
.jy_box .sjsx img{
	width: 10px;
	margin-left: 5px;
}

.jy_box .swiper-container,
.jy_box .trans_sl {
	height: calc(100vh - 231px);
}
/*.jy_box .swiper-slide{
	background: #fff;
}*/

.jy_item{
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.jy_item a{
	display: block;
}
.jy_item img{
	width: 140px;
	height: 70px;
	border-radius: 10px;
}
.jy_item .jy_img{
	width: 140px;
	height: 70px;

}
.jy_item .jy_con{
	display: flex;
	width: 100%;
}
.jy_item .jy_nr{
	flex: 1;
	/*width: 215px;*/
	padding-left: 10px;
	
}
.jy_item .jy_time{
	padding-bottom: 10px;
}
.jy_item h3{
	font-size: 14px;
	color: #333;
}
.jy_item p{
	width: 100%;
	height: 32px;
	line-height: 32px;
	    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
	
}
.jy_item span{
	display: block;
	font-size: 14px;
	text-align: center;
	
}
.jy_item .je{
	float: right;
	color: red;
}
.jy_item .lc{
	background:#fbf9ed;
	float: left;
	border-radius: 40px;
	color: #ecce9a;
	padding: 0 5px;
}


/*个人中心*/
.zx_box{
	background:#eee;
}
.con_box{
	padding-bottom: 60px;
}
.con_box .zx_t{
	width: 100%;
	background:url(../image/user_air_bg.png);
	background-size: 100% 100%;
	padding-top: 40px;
}
.con_box .zx_dl{
	width: 87%;
	margin: 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 10px;
}
.con_box .zx_dl_t{
	display: flex;
}
.con_box .zx_dl_t img{
	width: 60px;
	height: 60px;
}
.con_box .zx_dl_nr{
	margin-left: 10px;
	
}
.con_box .zx_dl_nr h3{
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}
.con_box .zx_dl_nr p{
	color: #fff;
	font-size: 12px;
}
.con_box .zx_dl_b{
	background:rgba(255, 255, 255, 0.3);
	width: 230px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	margin-top: 10px;
	padding: 2px 0px;
}
.con_box .zx_je{
	display: flex;
	padding: 15px 0;
}
.con_box .zx_je div{
	width: 33.3%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.con_box .zx_je div h3{
	margin-bottom: 10px;
}
.con_box .zx_m{
	width: 90%;
	margin: 20px auto;
	background:#fff;
	border-radius: 10px;
	display: flex;
	padding: 10px 0;
}
.con_box .zx_m img{
	width: 35px;
	height: 35px;
}
.con_box .zx_m div{
	width: 25%;
	text-align: center;
}
.con_box .zx_m div p{
	font-size: 14px;
}
.con_box .zx_b{
	width: 90%;
	margin: 0 auto;
	background:#fff;
	border-radius: 10px;
	padding: 10px 0 0 0;
}
.con_box .zx_b ul{
	overflow: hidden;
}
.con_box .zx_b li{
	float: left;
	width: 33.3%;
	text-align: center;
	margin-bottom: 15px;
}
.con_box .zx_b li img{
	width: 50px;
	height: 50px;
}
.con_box .zx_b li h3{
	font-size: 14px;
	color: #666;
}
.con_box .zx_b li p{
	font-size: 12px;
	color: #999;
}

/*交易详情*/
.head{
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	color: #333;
	position: fixed;
	max-width: 750px;
	background: #fff;
	z-index: 2;
	top: 0px;
}
.xq_box{
	max-width: 450px;
    margin: 0 auto;
}
.head h3{
	font-size: 16px;
	background: #fff;
}
.head i{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../image/black_back.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 7px;
}
.jyxq_box{
	padding: 40px 0 50px 0;
}
.jyxq_box .jyxq_t{
	padding: 10px;
	display: flex;
	border-bottom: 1px dashed #eee;
}
.jyxq_box .jyxq_t img{
	width: 60px;
	height: 60px;
}
.jyxq_box .t_nr{
	padding-left: 10px;
	flex: 1;
	position: relative;
}
.jyxq_box .t_nr h3{
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	margin-top: 7px;
}
.jyxq_box .t_nr p{
	color: #666;
}
.jyxq_box .t_nr p span{
	display: inline-block;
	border-right: 1px solid #999;
	padding: 0 10px
}
.jyxq_box .t_nr p span:last-child{
	border:0px; 
}
.jyxq_box .t_nr p span:first-child{
	padding-left: 0px;
}
.jyxq_box .t_nr a{
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	padding-top: 3px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	
	    font-size: 14px;
	    right: 0px;
	    top: 4px;
	    border:2px solid #ff6d62;
	    color: #ff6d62;
}
.jyxq_box .jyxq_xx{
	padding: 10px;
	position: relative;
	border-bottom: 1px dashed #eee;
}

.jyxq_box .jyxq_xx ul{
	margin-top: 5px;
}
.jyxq_box .jyxq_xx li{
	padding: 5px 0px;
	color: #999;
}
.jyxq_box .jyxq_xx li span{
	color: #333;
}
.jyxq_box .jyxq_sj{
	position: absolute;
	right: 10px;
	top: 50px;
	text-align: right;
}
.jyxq_box .jyxq_sj h3{
	font-size: 14px;
}
.jyxq_box .jyxq_sj span{
	font-size: 16px;
	color: red;
	font-weight: bold;
}
.jyxq_box .jyxq_ts{
	border-bottom: 5px solid #eee;
	padding: 10px;
	display: flex;
}
.jyxq_box .jyxq_ts p{
	color: #999;
	
}
.jyxq_box .jyxq_ts span{
	color: #ff7800;
	flex: 1;
	text-align: right;
}
.jyxq_box .jyxq_nr{
	padding: 10px;
	border-bottom: 5px solid #eee;
}
.jyxq_box .jyxq_nr p{
	color: #999;
	padding: 10px 0;
}
.jyxq_box .jyxq_nr img{
	width: 100%;
	margin-bottom: 10px;
}
.jyxq_box .jyxq_nr ul{
	
}
.jyxq_box .jyxq_nr ul li{
	
	padding: 5px;
}
.jyxq_box .jyxq_xg{
	padding: 10px;
}
.jyxq_box .jyxq_xg .jy_item{
	padding: 10px 0px;
}
.jyxq_box .jyxq_title{
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	font-size: 14px;
}
.jyxq_box .jyxq_title a{
	display: inline-block;
	float: right;
	color: #999;
}
.db_box{
	height: 50px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: #fff;
	max-width: 750px;
}
.btn{
	width: 80%;
	background: #ff6d62;
	height: 35px;
	line-height: 35px;
	margin: 7px auto 0;
	text-align: center;
	border-radius: 35px;
	color: #fff;
}

/*赚取金币*/
.jb_box{
	background: #eee;
}
.gold_t{
	position: relative;
	height: 200px;
}
.gold_t img{
	width: 100%;
	height: 100%;
}
.gold_dl_t{
	display: flex;
	padding: 0 5px 10px;
	border-bottom: 1px solid #eee;
}
.gold_dl_t img{
	width: 60px;
	height: 60px;
}
.gold_dl{
	background: #fff;
	width: 90%;
	border-radius: 10px;
	position: relative;
	bottom: 75px;
	margin: 0 auto;
	padding: 10px;
}
.gold_dl_con{
	margin-left: 10px;
}
.gold_dl_con h3{
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
}
.gold_dl_con p{
	color: #999;
	font-size: 12px;
}
.gold_dl_b{
	position: relative;
}
.gold_sy{
	position: absolute;
	right: 10px;
	top: 20px;
	background: #ff6d62;
	color: #fff;
	width: 70px;
	height: 25px;
	border-radius: 25px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
}
.gold_je{
	text-align: center;
	width: 100px;
	height: 50px;
	padding-top: 10px;
}
.gold_je p{
	color: #999;
	font-size: 14px;
}
.gold_je span{
	font-size: 14px;
	color: #333;
}
.gold_b{
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	width: 90%;
	margin: 90px auto 0;
}
.gold_b li{
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	position: relative;
	display: flex;
	background: url(../image/point.png) no-repeat;
	background-size: 30px 30px;
	background-position: 100% 27px;
}
.gold_b li:last-child{
	border: 0px;
}
.gold_b li img{
	width: 30px;
	height: 30px;
	position: relative;
	top: 5px;
}
.gold_b li .wc{
	position: absolute;
	right: 30px;
	top: 32px;
	font-size: 14px;
	color: #999;
}
.gold_b li .gold_xx{
	margin-left: 10px;
}
.gold_b li .gold_xx h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}
.gold_b li .gold_xx p{
	font-size: 14px;
	color: #999;
}
.disclaim.oneline {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}
.disclaim {
    padding: .09333333rem .66666667rem .06666667rem;
    line-height: .4rem;
    color: #c1c1c1;
    text-align: center;
    color: rgba(22,24,35,.5);
}

.disclaim span:first-child {
    /* padding-left: 0; */
    position: relative;
    right: 5px;
}
.disclaim-info {
    color: #4e9bff;
    cursor: pointer;
}

/*游戏详情*/
.gamexq_box .head i{
	background: url(../image/back.png) no-repeat center top;
	background-size: contain;
}
.gamexq_box .head{
	background: none;
}
.gamexq_box .xqbj_img{
	/* -webkit-filter: blur(70px); /* Chrome, Safari, Opera */ */
    	/* filter: blur(70px); */
    	width: 100%;
    	height: 193px;
}
.gamexq_box .xqnr_box{
	background: #fff;
	position: relative;
	height: 271px;
	border-bottom: 0px solid #eee;
	top: -3px;
}
.gamexq_box .xq_pos{
	position: relative;
	top: -68px;
	/* background: #fff; */
	width: 94%;
	margin: 0 auto;
	/* padding: 10px; */
	border-radius: 10px;
}
.gamexq_box .xq_head{
	/*background: url(../images/game_top_view.png) no-repeat center top;*/
	/*background-size: cover;*/
	/*padding-top: 50px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;*/
	
}
.gamexq_box .xq_head_t{
	text-align: center;

}

.disclaimer .placeholder {
    background: #f8f8f8;
}
.disclaimer .text {
   width: 100%;
    height: auto;
    font-size: 13px;
    color: #c1c1c1;
    background-color: #f8f8f8;
    padding: 10px 0;
    text-align: center;
}
.complaint-link {
    color: #7cb5ff;
    text-decoration: none;
}
.gamexq_box .xq_head_t img{
	    width: 8.3rem;
    height: 8.3rem;
    border-radius: 10px;
    position: relative;
    top: -3px;
}
.footer {
    /* position: absolute; */
   position: relative;
    top: 10px;
    right: 0;
    /* bottom: 0.20625rem; */
    left: 0;
    text-align: center;
}


footer a img {
    width: 330px;
    height: 46px;
}


		@-webkit-keyframes aniBlow {
            0% {
                -webkit-transform: scale(1, 1);
            }
            100% {
                -webkit-transform: scale(.9, .9);
            }
        }

        @-moz-keyframes aniBlow {
            0% {
                -moz-transform: scale(1, 1);
            }
            100% {
                -moz-transform: scale(.9, .9);
            }
        }

        @-o-keyframes aniBlow {
            0% {
                -o-transform: scale(1, 1);
            }
            100% {
                -o-transform: scale(.9, .9);
            }
        }

        @-ms-keyframes aniBlow {
            0% {
                -ms-transform: scale(1, 1);
            }
            100% {
                -ms-transform: scale(.9, .9);
            }
        }

        @keyframes aniBlow {
            0% {
                transform: scale(1, 1);
            }
            100% {
                transform: scale(.9, .9);
            }
        }

        .aniBlow {
            -webkit-animation: aniBlow 800ms ease-in 600ms infinite alternate;
            -moz-animation: aniBlow 800ms ease-in 600ms infinite alternate;
            -ms-animation: aniBlow 800ms ease-in 600ms infinite alternate;
            animation: aniBlow 800ms ease-in 600ms infinite alternate;
        }

.gamexq_box .xq_logo{
	position: relative;
  /*   width: 92px;
    height: 92px; */
    margin: 0 auto;
}
.gamexq_box .xq_logo i{
	position: absolute;
	right: -8px;
	top: -6px;
}
.gamexq_box .xq_con{
	/* padding-left: 10px; */
}
.gamexq_box .xq_con h3{
	  
    font-size: 19.5px;
    margin-bottom: 7px;
    margin-top: 7px;
    background-color: #fff;
    color: rgba(22, 24, 35, 0.9);
    font-family: PingFang SC;
    font-weight: 500;
}
.gamexq_box .xq_con p{
	font-size: 13.2px;
	color: #666;
	margin-bottom: 5px;
}
.gamexq_box .xq_bq{
	margin-bottom: 5px;
}
.gamexq_box .xq_bq span{
	display: inline-block;
	padding: 1px 5px;
	font-size: 12px;
	border-radius: 30px;
	border:1px solid #999;
	color: #999;
	margin: 0 2px;
}
.gamexq_box .xq_fl span:nth-child(1){
	background: #62a1ff;
	
}

.brick-view {
    display: flex;
    box-sizing: border-box;
    border-width: 0;
    position: relative;
    flex-grow: 0;
    flex-shrink: 1;
    overflow: hidden;
}



.xq_fl{
	    margin: 9px 0px;
}
.gamexq_box .xq_fl span:nth-child(2){
	background: #0acc8f;
	
}
.gamexq_box .xq_fl span:nth-child(3){
	background: #ff8957;
	
}
.gamexq_box .xq_fl span{
	display: inline-block;
	    padding: 2px 5px;
	    font-size: 12px;
	    color: #fff;
	    border-radius: 20px;
}
.gamexq_box .xq_head_b{
	display: flex;
	margin-top: 10px;
}
.gamexq_box  .xq_ql{
	padding: 5px;
	margin: 0 2px;
	width: 33.3%;
}
.gamexq_box .xq_ql:nth-child(1){
	background: url(../image/card_firstpay.png) no-repeat;
	background-size: 100% 100%; 
}
.gamexq_box .xq_ql:nth-child(2){
	background: url(../image/card_answer.png) no-repeat;
	background-size: 100% 100%; 
}
.gamexq_box .xq_ql:nth-child(3){
	background: url(../image/card_chat.png) no-repeat;
	background-size: 100% 100%; 
}
.gamexq_box .xq_ql h3{
	font-size: 13px;
	color: #fff;
}
.gamexq_box .xq_ql p{
	font-size: 12px;
	color: #fff;
}
.gamexq_box .xq_ql a{
	display: flex;
}
.gamexq_box .xq_ql img{
	width: 15px;
	height: 15px;
	margin-top: 12px;
}
.gamexq_box .xq_ql div{
	flex: 1;
}

.gamexq_box .xq_nav{
	width: 100%;
	max-width: 750px;
	background: #fff;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}
.gamexq_box .xq_nav.fixnav{
	position: fixed;
	top: 39px;
	z-index: 2;
}
.gamexq_box .xq_nav ul{
	display: flex;
}
.gamexq_box .xq_nav li{
	width: 33.3%;
	text-align: center;
	font-size: 14px;
	position: relative;
}
.gamexq_box .xq_nav li span{
	display: block;
	width: 40px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 2px solid #fff;
	position: relative;
}
.gamexq_box .xq_nav li.on span{
	border-color: #ff7800;
	color: #ff7800;
}
.gamexq_box .xq_nav i{
	display: inline-block;
	position: absolute;
	right: -34px;
	top: 0px;
	width: 38px;
	height: 17px;
	background: #d0d0d0;
	background-size: contain;
	font-size: 12px;
	color: #565f64;
	line-height: 17px;
	text-align: center;
	font-style: normal;
	border-radius: 10px;
}

 .aniBlow img {
        width: 66px;
    z-index: 502;
    height: 19px;
    position: absolute;
    right: 34px;
    top: 18px;
    opacity: 0.8;
}
.gamexq_box .xq_nav li.on i{
	color: #fff;
	background: #ff6d62;
	background-size: contain;
}
.gamexq_box .xq_qh_box{
	width: 100%;
	padding: 10px;
	padding-bottom: 10px;
	background: #fff;
	margin-top: -3px;
	border-top: 1px solid #ccc;
}

  .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 10001;}
    .weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}

.gamexq_box  .xqnr_title{
	background: #ffebea;
	color: #ff7a71;
	font-size: 14px;
	width: 57px;
	margin: 10px 0;
}
.gamexq_box .xq_lunbo{
	padding-bottom: 20px;
	border-bottom: 1px dashed #eee;
}
.gamexq_box .xq_lunbo .swiper-container{
	overflow: hidden;
}
.gamexq_box .xq_lunbo img{
	width: 100%;
	border-radius: 10px;
}
.gamexq_box .xq_wz{
	line-height: 24px;
	font-size: 12px;
	/* color: #999; */
	height: 70px;
	overflow: hidden;
}
.gamexq_box .xq_text{
	margin: 10px 0 0px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.gamexq_box .xq_zk{
	text-align: center;
	color: #ff7a71;
}
.gamexq_box .xq_zk img{
	width: 30px;
	height: 30px;
}

.gamexq_box .xq_hd{
	padding: 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.gamexq_box .xq_hd li{
	margin-bottom: 10px;
}
.gamexq_box .xq_hd li a{
	display: flex;
	
}
.gamexq_box .xq_hd li a p{
	flex: 1;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
    color: #333;
}
.gamexq_box .xq_hd li a .bq{
	display: inline-block;
	background: #ff7a71;
	border-radius: 5px;
	width: 60px;
	text-align: center;
	color: #fff;
}
.gamexq_box .xq_hd li a .jt{
	color: #999;
}
.gamexq_box .xq_title{
	color: #333;
	font-size: 16px;
	text-align: center;
}
.gamexq_box .xq_title i{
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #0078d8;
	margin: 0 5px;
}
.gamexq_box .xq_p{
	text-align: center;
	font-style: 12px;
	color: #999;
	margin-top: 5px;
}
.gamexq_box .xq_p i{
	display:block;
	width: 30px;
	height: 1px;
	background: #0078d8;
	margin: 0 auto;
	margin-top: 5px;
}
.gamexq_box .xq_ts{
	/* border-bottom: 1px solid #eee; */
	padding: 10px 0;
	position: relative;
}
.gamexq_box .xq_ts .sqfl{
	position: absolute;
	right: 0px;
	top: 5px;
}
.gamexq_box .xq_ts .sqfl span{
	display: inline-block;
	background: #ffb64a;
	color: #fff;
	padding: 2px 5px;
	font-size: 12px;
	border-radius: 10px;
}
.gamexq_box .xq_ts .sqfl img{
	width: 30px;
	height: 30px;
	position: relative;
	top: 3px;
}
.gamexq_box .xq_ts h3 a{
	display: inline-block;
	position: absolute;
	right: 0px;
	top:0px;
	width: 70px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	    background: -webkit-linear-gradient(right,#ffcd5a,#ff8a1c);
	border-radius: 20px;
	font-size: 12px;
}

.gamexq_box .xq_lib{
	padding: 10px 0;
}
.gamexq_box .lb_nav{
	border-radius: 50px;
	border:1px solid #999;
	display: inline-block;
	overflow: hidden;
}
.gamexq_box .lb_nav span{
	display: inline-block;
	color: #999;
	width: 60px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.gamexq_box .lb_nav span.active{
	background: #673AB7;
	color: #fff;
	border-radius: 50px;
}
.gamexq_box .xq_lib li{
	background: #f9f9f9;
	border-radius: 10px;
	padding: 10px;
	position: relative;
	margin-top: 10px;
	padding-right: 60px;
}
.gamexq_box .xq_lib li h3{
	color: #ff6d62;
	font-size: 14px;
}
.gamexq_box .xq_lib li p{
	width: 100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;

}
.gamexq_box .xq_lib li span{
	color: #999;
	display: inline-block;
	margin-right: 10px;
}
.gamexq_box .xq_lib li span em{
	font-style: normal;
	color: #ffb64a;
}
.gamexq_box .xq_lib li a{
	display: block;
	position: absolute;
	right: 10px;
	top: 23px;
	    background: -webkit-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: -o-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: -moz-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: -mos-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: linear-gradient(right,#ffcd5a,#ff8a1c);
	width: 50px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	text-align: center;
	border-radius: 30px;
}

.gamexq_box .xq_xh ul{
	display: flex;
	margin-top: 10px;
}
.gamexq_box .xq_xh li{
	width: 25%;
	text-align: center;
}
.gamexq_box .xq_xh li img{
	width: 70px;
	height: 70px;
	border-radius: 10px;
}
.gamexq_box .xq_xh li .xhimg_box{
	position: relative;
	width: 70px;
	height: 70px;
	margin: 0 auto;
}
.gamexq_box .xq_xh li .xhimg_box i{
	position: absolute;
	right: -8px;
	top: -6px;
}
.gamexq_box .xq_xh li p{
	font-size: 12px;
	color: #999;
	padding: 0 5px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.gamexq_box .xq_xh li h3{
	font-size: 14px;
	color: #333;
	padding: 0 5px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    margin-bottom: 7px;
}
.gamexq_box .xq_gh{
	text-align: center;
	color: #ff6d62;
	padding: 10px;
}
.gamexq_box .xq_gh img{
	width: 20px;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.gamexq_box .xq_foot{
	width: 100%;
	max-width: 750px;
	position: fixed;
	bottom: 0;
	height: 50px;
	background: #fff;
}
.gamexq_box .xq_foot .xq_xz{
	display: block;
	margin: 10px auto 0;
	height: 35px;
	width: 70%;
	background: #ff6d62;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	border-radius: 35px;
	text-align: center;
}
.gamexq_box .icon_fx{
	display: block;
	

	background-size: contain;
	position: absolute;
	left: 10px;
	top: 10px;
	text-align: center;
	font-size: 12px;
	color: #ff6d62;
}
.gamexq_box .icon_fx img{
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
}

.gamexq_box .icon_pl{
	display: block;
	

	background-size: contain;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	font-size: 12px;
	color: #ff6d62;
}
.gamexq_box .icon_pl img{
	width: 20px;
	width: 20px;
	display: block;
	margin: 0 auto;
}
.gamexq_box .xq_kf{
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.gamexq_box .xq_kf p{
	color: #666;
}
.gamexq_box .xq_kf li{
	display: flex;
	align-items:center;
	margin-top: 10px;
}
.gamexq_box .xq_kf li i{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/choose.png) no-repeat center top;
	background-size: contain;
}
.gamexq_box .xq_kf .kf_time{
	font-size: 12px;
	color: #ffb64a;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 20px;
	flex: 1;
}
.gamexq_box .xq_kf .kf_name{
	font-size: 12px;
	color: #ffb64a;
	height: 30px;
	width: 90px;
	border:1px solid #ffb64a;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
}
.gamexq_box .xq_kf .kf_zt{
	padding-left: 50px;
}
.gamexq_box .xq_kf .kf_zt span{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	border-radius: 5px;
	float: right;
	width: 60px;
	text-align: center;
	,margin-left: 50px;
	display: block;
}
.gamexq_box .xq_kf .kf_zt.tr span{
	background: #f1f1f1;
	color: #fff;
}
.gamexq_box .xq_kf .kf_zt.fs span{
	background: #ff7800;
	color: #fff;
}

.gamexq_box .xq_pl li{
	padding: 10px;
	
}
.gamexq_box .xq_pl li a{
	display: flex;
}
.gamexq_box .xq_pl li img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.gamexq_box .pl_con{
	padding-left: 10px;
	width: 100%;
}
.gamexq_box .pl_con h3{
	font-size: 14px;
	margin-bottom: 5px;
	position: relative;
}
.gamexq_box .pl_con h3 i{
	display: inline-block;
	width: 62px;
	height: 25px;
	background-size: contain;
	margin-left: 5px;
	vertical-align: middle;
}
.gamexq_box .pl_con h3 span{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background: url(../image/comment_coin.png) no-repeat center top;
	background-size: contain;
	width: 100px;
	height: 40px;
	padding: 19px 0 0 27px; 
	position: absolute;
	right: 0px;
	top: -10px;
}
.gamexq_box .pl_more{
	background: #e2e2e2;
	border-radius: 10px;
	padding: 10px;
}
.gamexq_box .pl_more li{
	padding: 3px;
}
.gamexq_box .pl_more li span{
	color: #0027ff;
}
.gamexq_box .pl_more ul{
	margin-bottom: 5px;
}
.vip0{
	background: url(../image/vip_heitie.png) no-repeat center top;
}
.vip1{
	background: url(../image/vip_qintong.png) no-repeat center top;
}
.vip2{
	background: url(../image/vip_baiyin.png) no-repeat center top;
}
.vip3{
	background: url(../image/vip_huangjin.png) no-repeat center top;
}
.vip4{
	background: url(../image/vip_bojin.png) no-repeat center top;
}
.vip5{
	background: url(../image/vip_zuanshi.png) no-repeat center top;
}
.vip6{
	background: url(../image/vip_wangzhe.png) no-repeat center top;
}

.gamexq_box .pl_tj{
	height: 20px;
	line-height: 20px;


	margin-bottom: 10px;
}
.gamexq_box .pl_nr{
	margin-bottom: 5px;
}
.gamexq_box .sj_dz{
	overflow: hidden;
	width: 100%;
}
.gamexq_box .sj_dz span{
	color: #999;
	display: inline-block;
}
.gamexq_box .pl_time{
	height: 20px;
	line-height: 20px;
}
.gamexq_box .pl_erji{
	float: right;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-right: 20px;
}
.gamexq_box .pl_erji i{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/ic_user_comments.png) no-repeat center top;
	background-size: contain;
	vertical-align: middle;
}
.gamexq_box .pl_dz{
	float: right;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-right: 20px;
}
.gamexq_box .pl_dz i{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/wancms_comment_like.png) no-repeat center top;
	background-size: contain;
	vertical-align: middle;
}

/*游戏大厅*/
.gameindex_box .head h3{
	width: 100px;
	float: left;
	margin-left: 50px;
	text-align: left;
}
.gameindex_box .search_box{
	float: right;
	width: 140px;
	margin-right: 10px;
}
.gameindex_box .search_box input{
	width: 100%;
	margin: 0 auto;
	height: 35px;
	border-radius: 35px;
	border:0px;
	text-align: center;
	background: #eee url(../image/sousuo.png) no-repeat center right;
	background-position: 10px center;
	background-size: 20px 20px;
}
.gameindex_box .search_btn{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 50px;
	top: 10px;
	border:0px;
	background: url(../image/wancms_search.png) no-repeat center top;
	background-size: contain;
}
.gameindex_box .nav_box{
	position: fixed;
	top: 39px;
	width: 100%;
	max-width: 750px;
	background: #fff;
	z-index: 2;
}
.gameindex_box .nav1{
	width: 100%;
	
	margin-top: 10px;
}
.gameindex_box .nav1 ul{
	overflow: hidden;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.gameindex_box .nav1 li{
	width: 50px;
	height: 30px;
	float: left;
	border-bottom:2px solid #fff;
	
	color: #999;
	
	line-height: 30px;
	text-align: center;
	margin: 0 12px;
	font-size: 16px;
}
.gameindex_box .nav1 li.on{
	
	color: #ff6d62;
	
	border-bottom:2px solid #ff6d62;
}
.gameindex_box .nav2 ul{
	    display: -webkit-box;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-bottom: 5px solid #eee;
}
.gameindex_box .nav2 li{
	width: 70px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #666;
	text-align: center;
}
.gameindex_box .nav2 li span{
	display: inline-block;
	border-bottom: 2px solid #fff;
	width: 50px;
	height: 20px;
	line-height: 18px;
	color: #333;
	border-radius: 40px;
}
.gameindex_box .nav2 li.on span{
	color: #ff6d62;
}
.gameindex_box .nav2 li.on span{
	border:1px solid #ff6d62;
}

.gameindex_box .swiper-wrapper ul{
	padding: 0 10px;
}
.gameindex_box .swiper-container,
.gameindex_box .swiper-wrapper{
	height: calc(100vh - 173px);
	height: 487px;

}
.game_dt_box{
	padding-top: 140px;
}
.gameindex_box .head{
	top: 0px;
}

/*排行榜*/
.rank_index_box{
	padding-top: 85px;
}
.rank_box .head{
	text-align: center;
	top: 0px;
}
.rank_box .nav1{
	overflow: hidden;
	display: inline-block;
}
.rank_box .nav1 li{
	width: 80px;
	height: 39px;
	float: left;
	color: #333;
	border-bottom: 2px solid #fff;
	line-height:39px;
}
.rank_box .nav1 li.on{
	border-bottom: 2px solid #ff7800;
	color: #ff7800;
}
.rank_box .nav_box{
	position: fixed;
	top: 39px;
	width: 100%;
	max-width: 750px;
	text-align: center;
	background: #fff;
	z-index: 2;
}
.rank_box .nav_box ul{
	overflow: hidden;
	display: inline-block;
	margin-top: 10px;
}
.rank_box .nav_box li{
	    width: 70px;
	    height: 30px;
	    float: left;
	    border: 1px solid #999;
	    background: #fff;
	    color: #999;
	    border-radius: 30px;
	    line-height: 30px;
	    text-align: center;
	    margin: 0 10px;
	    font-size: 14px;
}
.rank_box .nav_box li.on{
	color: #ff7800;
	border: 1px solid #ff7800;
	background: rgba(255, 120, 0, 0.15);
}
.rank_box .rank_lb{
	
	position: relative;
}
.rank_box .nav_sx{
	position: fixed;
	left: 0px;
	height: calc(100vh - 85px);
	display: -webkit-box;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
}
.rank_box .nav_sx li{
	width: 70px;
	height: 50px;
	background: #fbfbfb;
	line-height: 50px;
	text-align: center;
	border-left: 2px solid #fbfbfb;
}
.rank_box .nav_sx li.on{
	border-left: 2px solid #ff7800;
	color: #ff7800;
	background: #fff;
}
.rank_box .rank_lb .swiper-container{
	padding-left: 80px;
	padding-right: 10px;
}
.rank_box .rank_lb .swiper-container,
.rank_box .rank_lb .swiper-wrapper{
	height: calc(100vh - 125px);
	height: 487px;

}
.rank_box .top_box{
	width: 100%;
	background: url(../image/rank_top_bg.png) no-repeat center top;
	background-size: 100% 100%;
	display: flex;
	height: 145px;
	margin-bottom: 20px;
}
.rank_box .top1{
	width: 34%;
	
}
.rank_box .top2{
	width: 33%;
}
.rank_box .top3{
	width: 33%;
}
.rank_box .top{
	text-align: center;
}
.rank_box .top img{
	width: 39px;
	height: 39px;
	border-radius: 50%;
	margin-top: 28px;
}
.rank_box .top .top_btn{
	    background: -webkit-linear-gradient(right,#ff5a9b,#fecb5d);
	    border-radius: 50px;
    height: 25px;
    width: 55px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 5px auto 0;
}
.rank_box .top h3{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
}
.rank_box .img_box{
	width: 90px;
	margin: 0 auto;
	height: 70px;
}
.rank_box .top1 .img_box{
	background: url(../image/rank_first_bg.png) no-repeat center top;
	background-size: contain;
	margin-top: 10px;
}
.rank_box .top2 .img_box{
	background: url(../image/rank_second_bg.png) no-repeat center top;
	background-size: contain;
	margin-top: 20px;
}
.rank_box .top3 .img_box{
	background: url(../image/rank_second_third.png) no-repeat center top;
	background-size: contain;
	margin-top: 20px;
}


/*视频页*/
.videoindex_box{
	padding-top: 40px;
}
.video_box{
	background: #000;
}
.video_box .vd_top{
	width: 100%;
	max-width: 750px;
	position: fixed;
	top: 0px;
	height: 40px;
	line-height: 40px;
	background: #000;
	text-align: center;
	z-index: 2;
}
.video_box .vd_top li{
	display: inline-block;
}
.video_box .vd_top li a{
	display: inline-block;
	padding: 0px 20px;
	color: #666;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
}
.video_box .vd_top li:first-child a{
	border-right: 1px solid #fff;
}
.video_box .vd_top li.on a{
	color: #fff;
}
.video_box .swiper-container,
.video_box .vi_sl{
	height: calc(100vh - 135px);
}
.video_box .swiper-slide{
	height: 100%;
	position: relative;
}
.video_box .game_item{
	position: absolute;
	bottom: 50px;
	width: 100%;
	padding-left:10px;
	padding-right: 10px;
	background: none;
	z-index: 999; 
	border-bottom: 0px;
}
.video_box .game_item .game_con h3{
	color: #fff;
}
.video_box .game_item .game_con p{
	color: #fff;
}
.video_box .game_item .sp_xz{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	color: #ff7800;
	text-align: center;
}
.video_box .game_item .sp_xz img{
	width: 30px;
	height: 30px;
	
	display: block;
	margin: 0 auto 10px;
}
.video_box .game_item .game_con .game_fl span:nth-child(1){
	background: #5c8bff;
}
.video_box .game_item .game_con .game_fl span:nth-child(2){
	background: #0acc8f;
}
.video_box .game_item .game_con .game_fl span:nth-child(3){
	background: #ff8959;
}


#dplayer{
	height: 100%;
}
.fx_box{
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: 999;
}
.fx_box li{
	margin-bottom: 10px;
	text-align: center;
}
.fx_box li img{
	width: 35px;
	height: 35px;
}
.fx_box li p{
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.dm_btn{
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../image/danmaku_close_bg.png) no-repeat center top;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.dm_btn.on{
	background: url(../image/danmaku_open_bg.png) no-repeat center top;
	background-size: contain;
}


/*开服*/
.wlk_box .swiper-wrapper ul{
	padding: 0 10px;
}
.wlk_box .swiper-container,
.wlk_box .swiper-wrapper{
	height: calc(100vh - 128px);
	height: 487px;

}
.kf_box{
	padding-top: 87px;
}
.wlk_box .head{
	top: 0px;
}
.wlk_box .wlk_nav{
	width: 100%;
	position: fixed;
	top: 40px;
	height: 40px;
	line-height: 40px;
	z-index: 2;
	background: #fff;
	max-width: 750px;
}
.wlk_box .wlk_nav ul{
	display: flex;
}
.wlk_box .wlk_nav li{
	width: 33.3%;
}
.wlk_box .wlk_nav li span{
	display: block;
	width: 65px;
	height: 100%;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin:  auto;
	border-bottom: 2px solid #fff;
}
.wlk_box .wlk_nav li.on span{
	color: #ff6d62;
	border-bottom: 2px solid #ff6d62;
}
.wlk_box .game_item .game_con h3{
	margin-bottom: 20px;
}
.wlk_box .game_item .game_btn{
	background: none;
	padding: 0px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	border-radius: 50%;
	top: 17px;
}


/*新游*/
.xgame_box{
	padding-top: 83px;
}
.ngame_box .game_nav{
	width: 100%;
	max-width: 750px;
	position: fixed;
	top: 40px;
	background: #fff;
	z-index: 2;
	height: 40px;
	border-top: 1px solid #eee;
	border-bottom: 2px solid #eee;
}
.ngame_box .game_nav ul{
	display: flex;
}
.ngame_box .game_nav ul li{
	width: 33.3%;
	text-align: center;
}
.ngame_box .game_nav ul li span{
	display: inline-block;
	padding: 6px 0;
	color: #333;
	font-size: 14px;
	border-bottom: 2px solid #fff;
	
}
.ngame_box .game_nav ul li.active span{
	color: #ff6d62;
	border-bottom: 2px solid #ff6d62;
}
.ngame_box .ngame_con{
	padding: 0 10px;
}
.ngame_box .con_title{
	font-size: 17px;
	color: #333;
	border-left: 2px solid #333;
	padding-left: 10px;
	margin: 10px 0;
}
.ngame_box .game_item .kf_sj {
    position: absolute;
    right: -8px;
    top: -6px;
    background: red;
    color: #fff;
    font-size: 12px;
    padding: 1px 2px;
    border-radius: 20px;
}

.ngame_box .game_top{
	width: 20px;
	text-align: left;
	font-size: 17px;
	padding-top: 20px;
}
.ngame_box .game_top.red{
	color: red;
}
.ngame_box .game_top.hui{
	color: #666;
}
.ngame_box .swiper-container, .ngame_box .swiper-wrapper {
    height: calc(100vh - 123px);
	height: 487px;

}
.ngame_box .game_item .game_btn{
	background: none;
	padding: 0px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	border-radius: 50%;
	top: 17px;
}
.ngame_box .swiper-wrapper ul{
	padding: 0 10px;
}
.game_sf span{
	color: #ff7800;
}


/*H5详情*/
.gamexq_box .h5_xh li a{
	display: block;
	background: url(../image/game_item_recommend_bg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	padding-bottom: 20px;
}
.gamexq_box .h5_xh li {
	padding: 5px;
}
.gamexq_box .h5_xh li img{
	width: 60px;
	height: 60px;
	margin-top: 10px;
}
.gamexq_box .h5_xh li span{
	display: block;
	width: 60px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 5px;
	background: -webkit-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: -o-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: -moz-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: -mos-linear-gradient(right,#ffcd5a,#ff8a1c);
    background: linear-gradient(right,#ffcd5a,#ff8a1c);
    position: absolute;
    bottom: -10px;
    color: #fff;
    left: 50%;
    transform: translate(-50%,0);
}
.gamexq_box .h5_head{
	position: relative;
	overflow: hidden;
}
.gamexq_box .h5_head .xqnr_box{
	position: absolute;
	background: none;
	top: 70px;
	width: 100%;
}
.gamexq_box .h5_head .xq_pos{
	position: static;
}
.gamexq_box .h5_head .xqbj_img{
	height: 200px;
}
.gamexq_box .h5_head .xq_logo{
	position: static;
	margin: 0px;
}
.gamexq_box .h5_head .xq_head_t{
	display: flex;
}
.gamexq_box .h5_head .xq_con h3{
	text-align: left;
	margin-bottom: 16px;
}
.gamexq_box .h5_head .xq_con p{
	text-align: left;
}
.gamexq_box .h5_head .xq_pos .xq_head_t{
	position: relative;
}
.gamexq_box .h5_head .xq_pos .xq_head_t span{
	display: block;
	color: red;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 20px;
}


/*合集*/
.hj_box{
	padding-top: 40px;
}
.heji_box .swiper-container, .heji_box .swiper-wrapper{
	height: calc(100vh - 80px);
	height: 487px;
	
}
.heji_box .swiper-wrapper ul{
	padding: 0 10px;
}
.heji_box .hj_top img{
	width: 100%;
}
.heji_box .hj_top p{
	padding: 10px;
	text-indent:2em;
}

/*搜索*/
.gameindex_box .ss_box{
	
	position: fixed;
	top: 20px;
	z-index: 3;
	width: 100%;
	max-width: 750px;
}
.gameindex_box .ss_box .search_box{
	width: 98%;
	background: #fff;
	border-radius: 10px;
	float: none;
	margin: 0 auto;
	padding: 10px;
	position: relative;
}
.gameindex_box .ss_bj{
	width: 100vw;
	height: 100vh;
	max-width: 750px;
	position: fixed;
	z-index: 3;
	top: 0px;
	background: rgba(0, 0, 0, 0.4);
}
.gameindex_box .ss_box .ss_top{
	text-align: center;
}
.gameindex_box .ss_box .ss_top i{
	    display: inline-block;
	    width: 25px;
	    height: 25px;
	    background: url(../image/black_back.png) no-repeat center top;
	    background-size: contain;
	    position: absolute;
	    left: 15px;
	    top: 13px;
}
.gameindex_box .ss_box .ss_top button{
	background: none;
	border:0px;
	position: absolute;
	right: 15px;
	top: 13px;
	font-size: 20px;
}
.gameindex_box .ss_box .ss_top input{
	width:65%;
	margin: 0 auto;
}
.gameindex_box .ss_box .search_box ul{
	max-height: 80vh;
	overflow-y: scroll;
	margin-top: 20px; 
}
.gameindex_box .ss_box .search_box ul li {
	padding: 10px 0;
	border-top: 1px solid #eee;
}
.gameindex_box .ss_box .search_box ul li a{
	display: block;
	padding-left: 50px;
	font-size: 17px;
	color: #333;
	height: 40px;
	line-height: 40px;
	background: url(../image/ic_search_history.png) no-repeat;
	background-position: 5px 5px;
	background-size: 30px 30px;
}
.gameindex_box .ss_box .search_box ul li a span{
	
	font-size: 14px;
	padding: 2px 5px;
	border-radius: 20px;
	color: #fff;
	margin-left: 10px;
}
.gameindex_box .ss_box .search_box ul li a .bt{
	background: #ff6c62;
}
.gameindex_box .ss_box .search_box ul li a .h5{
	background: #4cb050;
}
.gameindex_box .ss_box .search_box ul li a .wy{
	background: #ffa820;
}
.gameindex_box .ss_box .search_box ul li a .gm{
	background: #eee;
}

.swiper-slide{
	width: 225px !important;
}