html, body{height: 100%;font-family: "微软雅黑";font-size: 12px;color: #000;}
body{
	overflow-x:hidden; 
	max-width: 750px;
	margin: 0 auto;
	
	padding: 0px;
	border:0px;
}
*{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;
}
.foot ul{
	overflow: hidden;
}
.foot li{
	width: 20%;
	text-align: center;
	float: left;
	font-size: 12px;
}
.foot li img{
	width: 25px;
	height: 25px;
	display: block;
	margin: 7px auto 0;
}
.foot li.active{
	color: #ff7800;
}

/*游戏列表样式*/
.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;
}
.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;

}
.game_item .game_con h3 span{
	display: inline-block;
	padding:0 2px;
	border-radius: 50px;
	color: #a33b7a;
	border:1px solid #a33b7a;
	font-size: 12px;
	position: relative;
	top: -1px;
	margin-left: 5px;
}
.game_item .game_con p{
	margin-bottom: 2px;
}
.game_item .game_con .game_fl span{
	display: inline-block;
	padding: 2px 1px;
	font-size: 12px;
}
.game_item .game_con .game_fl span:nth-child(1){
	background: #def2ff;
	color: #1f98ff;
}
.game_item .game_con .game_fl span:nth-child(2){
	background: #e3fff4;
	color: #20a483;
}
.game_item .game_con .game_fl span:nth-child(3){
	background: #f6f1ff;
	color: #9b68f9;
}
.game_item .game_btn{
	position: absolute; 
	right: 0px;
	top: 27px;
	font-size: 14px;
	color: #fff;
	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);
	border-radius: 50px;
	height: 25px;
	width: 55px;
	line-height: 25px;
	text-align: center;
}

/*首页*/
.zy_box{
	overflow: hidden;
	/*height: 100vh;*/
	padding-bottom: 110px;
	background: #fff;
}
.index_box {
	padding-top: 40px;
}

.zy_box .tab_box {
	line-height: 40px;
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
	background: #fff;
	max-width: 750px;
	margin: 0 auto;
}

.zy_box .tab {
	display: flex;
	width: 60%;
	margin: 0 auto;
}

.zy_box .tab a {
	width: 33.333333%;
	background: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.zy_box .tab .active {
	border-bottom: 2px #f50 solid;
	color: #f50;
}

.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: 110px;
	text-align: center;
	color: #999;
	/*border-top: 1px solid #ddd;*/
}

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


}

.swiper-slide {
	height: auto;
	width: 30vw; 
	margin-right: 10px;
}

.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: 10px;
}
.zy_box .search_kuang{
	width: 80%;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #eee url(../img/wancms_search.png) no-repeat center right;
	background-size:20px 20px; 
	color: #999;
	border-radius: 50px;
	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(../img/trump.png) no-repeat center left;
	background-size: 25px 25px;
	background-position: 5px center;
}
.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{
	color: #333;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	position: relative;
}
.zy_box .jptj_box{
	margin-top: 10px;
	    border-bottom: solid 1px #eee;
	    padding: 0 10px;

}
.zy_box .jptj_box ul{
	    display: -webkit-box;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
	    padding: 15px 0;
	    height: 104px;
}
.zy_box .jptj_box li{
	
	width: 20%;
	text-align: center;
	
}
.zy_box .jptj_box li p{
	width: 100%;
	text-align: center;
	overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    padding: 0 2px;
	    color: #333;
}
.zy_box .jptj_box li img{
	width: 55px;
	
}
.zy_box .zy_title .yxdt{
	position: absolute;
	right: 0px;
	top: 3px;
	display: inline-block;
	width: 70px;
}
.zy_box .zy_title .yxdt img{
	width: 100%;
}

.zy_box .sm_nav{
	padding: 10px 0;
	border-bottom: solid 1px #eee;
}
.zy_box .sm_nav ul{
	display: -webkit-box;
}
.zy_box .sm_nav li{
	width: 25%;
	text-align: center;
}
.zy_box .sm_nav li img{
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
}
.zy_box .sm_nav li p{
	text-align: center;
	color: #666;
	font-size: 14px;
}

.zy_box .zxsj_box{
	margin-top: 20px;
	padding: 0 10px;
}
.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;
	font-weight: bold;
	color: #333;
	margin-right: 20px;
}
.zy_box .sj_tab .tab_item.active{
	color: #ff7800;
}
.zy_box .sj_tab .more{
	float: right;
	font-size: 14px;
	margin-top: 2px;
}
.zy_box .sj_item{
	display: none;
}
.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 .game_gg{
	width: 100%;
	padding: 5px 0;
	background: #fff;
}
.zy_box .game_gg img{
	width: 100%;
	height: 189px;
}
.zy_box .game_gg .game_con{
	width: 100%;
	display: flex;
	margin-top: 10px;
}
.zy_box .game_gg .game_con span{
	display: block;
	font-size: 14px;
	color: #ff7800;
	border: 1px solid #ff7800;
	text-align: center;
	width: 80px;
	height: 25px;
	line-height: 25px;
}
.zy_box .game_gg .game_con p{
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    flex: 1;
}

.zy_box .game_gg .game_img{
	position: relative;
	height: 189px;
}
.zy_box .game_gg .game_img span{
	position: absolute;
	right: 0px;
	top: 5px;
	background: #ff7800;
	color: #fff;
	display: block;
	padding: 5px 10px;
	font-size: 14px;
	border-bottom-left-radius:  10px;
	border-top-left-radius:  10px;
}
.zy_box .game_gg .game_hj img{
	width: 45px;
	height: 45px;
}
.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: 20px;
	position: relative;
	height: 
}
.zy_box .game_gg .game_hj .more{
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 14px;
	font-size: 14px;
	color: #333;
}

/*交易页*/
#boxMask{
	    z-index: 100000;
	    height: 100%;
		width: 100%;
		max-width: 750px;
	    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{
	max-width: 750px;
	position: fixed; top: 124px; z-index: 100020; background: rgb(255, 255, 255); width: 100%; font-size: 16px;
}
.jy_index_box{
	padding-top: 176px;
}
.jy_box .jy_top{
	position: fixed;
	z-index: 2;
	top: 0px;
	width: 100%;
	max-width: 750px;
}
.jy_box .tou_t{
	width: 100%;
	background: #ff7800;
	height: 40px;
	line-height: 40px;
	position: relative;

}
.jy_box .tou_t h3{
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: 100;
}
.jy_box .tou_t span{
	display: inline-block;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 0px;
	color: #fff;

}
.jy_box .tou_t span a{
	color: #fff;
}
.jy_box .tou_nav{
	width: 100%;
	background: #ff7800;
	display: flex;
	padding: 10px 0;

}
.jy_box .tou_nav a{
	color: #fff;
	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(../img/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(../img/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 - 271px);
}
/*.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;
	width: 100%;
	text-align: right;
	font-size: 14px;
	color: red;
}
.jy_item p .anzhuo{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../img/android.png) no-repeat center top;
	background-size: contain;
	position: relative;
	top: 3px;
	margin-right: 5px;
}
.jy_item p .ios{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../img/ios.png) no-repeat center top;
	background-size: contain;
	position: relative;
	top: 3px;
	margin-right: 5px;
}


/*个人中心*/
.cen_box{
	width: 100%;
	height: calc(100vh - 55px);;
	background-image: linear-gradient(#ff802f,#fff);
}
.cen_box .gr_zx{
	width: 100%;
	height: 100%;
	overflow-y:scroll; 
	padding: 10px 10px 0 10px
}
.cen_box .zx_gg{
	width: 100%;
	margin-top: 10px;
}
.cen_box .zx_sz{
	text-align: right;
	padding: 0 10px;
}
.cen_box .zx_sz img{
	width: 30px;
	height: 30px;
}
.cen_box .zx_dl{
	position: relative;
	padding: 0 10px;
	display: flex;
	margin-top: 10px;
}
.cen_box .zx_dl img{
	width: 60px;
	height: 60px;
}
.cen_box .zx_dl h3{
	font-size: 16px;
	color: #fff;
	flex: 1;
	padding-left:20px;
	padding-top: 17px;
}
.cen_box .zx_dl i{
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 17px;
	width: 13px;
	height: 25px;
	background: url(../img/white_right_row.png) no-repeat center top;
	background-size: contain;
}
.cen_box .zx_ys{
	width: 90%;
	background: rgba(255, 255, 255, 0.3);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 10px;
	margin: 20px auto 0;
}
.cen_box .zx_nr{
	background: #fff;
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px;
}
.cen_box .zx_nr_t{
	display: flex;
}
.cen_box .zx_nr_t img{
	width: 50px;
	height: 50px;
}
.cen_box .t_ptb{
	flex: 1;
	position: relative;
	display: flex;
	padding: 10px;
}
.cen_box .t_jb{
	flex: 1;
	position: relative;
	display: flex;
	padding: 10px;
}
.cen_box .t_xian{
	width: 1px;
	background: #eee;
	height: 30px;
	position: relative;
	top: 19px;
}
.cen_box .zx_nr_t i{
	display: inline-block;
	width: 24px;
	height: 15px;
	background: url(../img/right_cion.png) no-repeat center top;
	position: absolute;
	right: 0px;
	top: 27px;
	background-size: contain;
}
.cen_box .t_nr{
	padding-top: 5px;
	padding-left: 5px;
}
.cen_box .t_nr p{
	color: #999;
	font-size: 12px;
}
.cen_box .t_nr h3{
	color: #333;
	font-size: 14px;
}
.cen_box .zx_nr ul{
	margin-top: 20px;
}
.cen_box .zx_nr li{
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px;
	display: flex;

}
.cen_box .zx_nr li img{
	width: 35px;
	height: 35px;
}
.cen_box .zx_nr li p{
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	padding-top: 8px;
}

/*交易详情*/
.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;
}
.head h3{
	font-size: 16px;
	background: #fff;
}
.head i{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/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: 55px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	border-radius: 40px;
	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);
	    font-size: 14px;
	    right: 0px;
	    top: 10px;
}
.jyxq_box .jyxq_xx{
	padding: 10px;
	position: relative;
	border-bottom: 1px dashed #eee;
}
.jyxq_box .jyxq_title{
	font-size: 14px;
	border-left: 3px solid #ff7800;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
}
.jyxq_box .jyxq_title span{
	color: red;
	display: inline-block;
	margin-left: 10px;
}
.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: 1px dashed #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: 1px dashed #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{
	display: -webkit-box;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
}
.jyxq_box .jyxq_nr ul li{
	width: 80%;
	padding: 5px;
}
.jyxq_box .jyxq_xg{
	padding: 10px;
}
.jyxq_box .jyxq_xg .jy_item{
	padding: 10px 0px;
}
.db_box{
	height: 50px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: #fff;
	max-width: 750px;
}
.btn{
	width: 80%;
	background: #ff7800;
	height: 35px;
	line-height: 35px;
	margin: 7px auto 0;
	text-align: center;
	border-radius: 35px;
	color: #fff;
}

/*游戏详情*/
.gamexq_box .head{
	background: none;
}
.gamexq_box .xq_head{
	background: url(../img/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{
	display: flex;
}
.gamexq_box .xq_head_t img{
	width: 70px;
	height: 70px;
	border-radius: 10px;
}
.gamexq_box .xq_con{
	padding-left: 10px;
}
.gamexq_box .xq_con h3{
	font-size: 14px;
	margin-bottom: 7px;
}
.gamexq_box .xq_con p{
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
.gamexq_box .xq_fl span:nth-child(1){
	background: #def2ff;
	color: #1f98ff;
}
.gamexq_box .xq_fl span:nth-child(2){
	background: #e3fff4;
	color: #20a483;
}
.gamexq_box .xq_fl span:nth-child(3){
	background: #f6f1ff;
	color: #9b68f9;
}
.gamexq_box .xq_fl span{
	display: inline-block;
	    padding: 2px 1px;
	    font-size: 12px;
}
.gamexq_box .xq_head_b{
	padding: 10px;
	margin-top: 10px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	box-shadow: 0px 1px 5px #bfbfbf;

}
.gamexq_box .xq_head_b span {
	color: #ff7800;
}
.gamexq_box .xq_head_b h3{
	font-size: 14px;
}
.gamexq_box .xq_head_b p{
	font-size: 12px;
	color: #666;
}
.gamexq_box .xq_head_b a{
	display: block;
	position: absolute;
	right: 10px;
	top: 14px;
	background: #ff7800;
	width: 70px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
}
.gamexq_box .xq_nav{
	width: 100%;
	max-width: 750px;
	background: #fff;
}
.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: 25%;
	text-align: center;
	font-size: 14px;
	position: relative;
}
.gamexq_box .xq_nav li span{
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 2px solid #fff;
}
.gamexq_box .xq_nav li.on span{
	border-color: #ff7800;
	color: #ff7800;
}
.gamexq_box .xq_nav i{
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 38px;
	height: 20px;
	background: url(../img/comment_normal_bg.png) no-repeat center top;
	background-size: contain;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	text-align: center;
	font-style: normal;
}
.gamexq_box .xq_nav li.on i{
	color: #fff;
	background: url(../img/comment_press_bg.png) no-repeat center top;
	background-size: contain;
}
.gamexq_box .xq_qh_box{
	width: 100%;
	padding: 10px;
	padding-bottom: 60px;
}
.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%;
}
.gamexq_box .xq_wz{
	line-height: 24px;
	font-size: 12px;
	color: #999;
	height: 70px;
	overflow: hidden;
}
.gamexq_box .xq_text{
	margin: 10px 0 20px 0;
}
.gamexq_box .xq_zk{
	text-align: center;
	color: #ff7800;
}

.gamexq_box .xq_hd{
	padding: 10px;
}
.gamexq_box .xq_hd li{
	margin-bottom: 10px;
}
.gamexq_box .xq_hd li a{
	display: flex;
	
}
.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: #ff7800;
	border-radius: 10px;
	width: 40px;
	text-align: center;
	color: #fff;
}
.gamexq_box .xq_hd li a .jt{
	color: #999;
}
.gamexq_box .xq_title{
	color: #ff7800;
	font-size: 14px;
	text-align: center;
}

.gamexq_box .xq_ts{
	border-bottom: 1px dashed #eee;
	padding: 10px 0;
}
.gamexq_box .xq_ts h3{
	padding: 5px 0;
	position: relative;
	font-size: 14px;
}
.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 .xq_lib h3{
	padding: 5px 0;
	position: relative;
	font-size: 14px;
}
.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: #ff7800;
	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 a{
	display: block;
	position: absolute;
	right: 10px;
	top: 23px;
	background: #ff7800;
	width: 50px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}

.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 p{
	font-size: 14px;
	color: #666;
	padding: 0 5px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.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: 30px;
	width: 70%;
	background: #ff7800;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center;
}
.gamexq_box .icon_fx{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/wan_share.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 10px;
}
.gamexq_box .icon_pl{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/wancms_comment.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	right: 10px;
	top: 10px;
}

.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(../img/choose.png) no-repeat center top;
	background-size: contain;
}
.gamexq_box .xq_kf .kf_time{
	font-size: 12px;
	color: #999999;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 20px;
	flex: 1;
}
.gamexq_box .xq_kf .kf_name{
	font-size: 12px;
	color: #999;
	height: 30px;
	width: 90px;
	border:1px solid #eee;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
}
.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;
}
.gamexq_box .pl_con h3 i{
	display: inline-block;
	width: 50px;
	height: 25px;
	background-size: contain;
	margin-left: 5px;
	vertical-align: middle;
}
.vip0{
	background: url(../img/vip_logo_0.png) no-repeat center top;
}
.vip1{
	background: url(../img/vip_logo_1.png) no-repeat center top;
}
.vip2{
	background: url(../img/vip_logo_2.png) no-repeat center top;
}
.vip3{
	background: url(../img/vip_logo_3.png) no-repeat center top;
}
.vip4{
	background: url(../img/vip_logo_4.png) no-repeat center top;
}
.vip5{
	background: url(../img/vip_logo_5.png) no-repeat center top;
}

.gamexq_box .pl_tj{
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background: url(../img/pic_history.png) no-repeat left top;
	background-size: contain;
	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(../img/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(../img/wancms_comment_like.png) no-repeat center top;
	background-size: contain;
	vertical-align: middle;
}

/*游戏大厅*/

.gameindex_box .search_box{
	position: relative;
}
.gameindex_box .search_box input{
	width: 80%;
	margin: 0 auto;
	height: 35px;
	border-radius: 35px;
	border:0px;
	text-align: center;
	background: #eee;
}
.gameindex_box .search_btn{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 50px;
	top: 10px;
	border:0px;
	background: url(../img/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%;
	text-align: center;
	margin-top: 10px;
}
.gameindex_box .nav1 ul{
	overflow: hidden;
	display: inline-block;
}
.gameindex_box .nav1 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;
}
.gameindex_box .nav1 li.on{
	border-color: #ff7800;
	color: #ff7800;
	background: rgba(255, 120, 0, 0.15);
}

.gameindex_box .nav2 ul{
	    display: -webkit-box;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.jptj_box ul::-webkit-scrollbar {
	width: 1px;     
	height: 1px;
	scrollbar-arrow-color:red;

}
.nav2 ul::-webkit-scrollbar {
	width: 1px;     
	height: 1px;
	scrollbar-arrow-color:red;

}


.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: 100%;
	height: 100%;
}
.gameindex_box .nav2 li.on{
	color: #ff7800;
}
.gameindex_box .nav2 li.on span{
	border-bottom: 2px solid #ff7800;
}

.gameindex_box .swiper-wrapper ul{
	padding: 0 10px;
}
.gameindex_box .swiper-container,
.gameindex_box .swiper-wrapper{
	height: calc(100vh - 163px);
}
.game_dt_box{
	padding-top: 123px;
}
.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;
}
.nav_sx::-webkit-scrollbar {
	width: 1px;     
	height: 1px;
	scrollbar-arrow-color:red;

}

.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);
}
.rank_box .top_box{
	width: 100%;
	background: url(../img/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;
	height: 19px;
}
.rank_box .top p{
	height: 16px;
}
.rank_box .img_box{
	width: 90px;
	margin: 0 auto;
	height: 70px;
}
.rank_box .top1 .img_box{
	background: url(../img/rank_first_bg.png) no-repeat center top;
	background-size: contain;
	margin-top: 10px;
}
.rank_box .top2 .img_box{
	background: url(../img/rank_second_bg.png) no-repeat center top;
	background-size: contain;
	margin-top: 20px;
}
.rank_box .top3 .img_box{
	background: url(../img/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: 3; 
	border-bottom: 0px;
}
.video_box .game_item .game_con h3{
	color: #fff;
}
.video_box .game_item .game_con p{
	color: #fff;
}
#dplayer{
	height: 100%;
}
.fx_box{
	position: absolute;
	right: 10px;
	top: 50%;
}
.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: 7px;
	right: 50px;
	background: url(../img/dm_g.png) no-repeat center top;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.dm_btn.on{
	background: url(../img/dm_k.png) no-repeat center top;
	background-size: contain;
}