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 15px;
	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: 15px;
	top: 18px;
	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: 50px;
	width: 50px;
	line-height: 50px;
	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;
}

.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("wancms_search.png")/*tpa=http://www.9lai9.com/static/images/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("trump.png")/*tpa=http://www.9lai9.com/static/images/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("down_1.png")/*tpa=http://www.9lai9.com/static/images/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("right.png")/*tpa=http://www.9lai9.com/static/images/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("android.png")/*tpa=http://www.9lai9.com/static/images/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("ios.png")/*tpa=http://www.9lai9.com/static/images/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("white_right_row.png")/*tpa=http://www.9lai9.com/static/images/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("right_cion.png")/*tpa=http://www.9lai9.com/static/images/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("back.png")/*tpa=http://www.9lai9.com/static/images/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("game_top_view.png")/*tpa=http://www.9lai9.com/static/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{
	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("comment_normal_bg.png")/*tpa=http://www.9lai9.com/static/images/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("comment_press_bg.png")/*tpa=http://www.9lai9.com/static/images/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;
	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 20px;
}
.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("wan_share.png")/*tpa=http://www.9lai9.com/static/images/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("wancms_comment.png")/*tpa=http://www.9lai9.com/static/images/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("choose.png")/*tpa=http://www.9lai9.com/static/images/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("vip_logo_0.png")/*tpa=http://www.9lai9.com/static/images/vip_logo_0.png*/ no-repeat center top;
}
.vip1{
	background: url("vip_logo_1.png")/*tpa=http://www.9lai9.com/static/images/vip_logo_1.png*/ no-repeat center top;
}
.vip2{
	background: url("vip_logo_2.png")/*tpa=http://www.9lai9.com/static/images/vip_logo_2.png*/ no-repeat center top;
}
.vip3{
	background: url("vip_logo_3.png")/*tpa=http://www.9lai9.com/static/images/vip_logo_3.png*/ no-repeat center top;
}
.vip4{
	background: url("vip_logo_4.png")/*tpa=http://www.9lai9.com/static/images/vip_logo_4.png*/ no-repeat center top;
}
.vip5{
	background: url("vip_logo_5.png")/*tpa=http://www.9lai9.com/static/images/vip_logo_5.png*/ no-repeat center top;
}

.gamexq_box .pl_tj{
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background: url("pic_history.png")/*tpa=http://www.9lai9.com/static/images/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("ic_user_comments.png")/*tpa=http://www.9lai9.com/static/images/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("wancms_comment_like.png")/*tpa=http://www.9lai9.com/static/images/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("wancms_search.png")/*tpa=http://www.9lai9.com/static/images/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("rank_top_bg.png")/*tpa=http://www.9lai9.com/static/images/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("rank_first_bg.png")/*tpa=http://www.9lai9.com/static/images/rank_first_bg.png*/ no-repeat center top;
	background-size: contain;
	margin-top: 10px;
}
.rank_box .top2 .img_box{
	background: url("rank_second_bg.png")/*tpa=http://www.9lai9.com/static/images/rank_second_bg.png*/ no-repeat center top;
	background-size: contain;
	margin-top: 20px;
}
.rank_box .top3 .img_box{
	background: url("rank_second_third.png")/*tpa=http://www.9lai9.com/static/images/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("dm_g.png")/*tpa=http://www.9lai9.com/static/images/dm_g.png*/ no-repeat center top;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.dm_btn.on{
	background: url("dm_k.png")/*tpa=http://www.9lai9.com/static/images/dm_k.png*/ no-repeat center top;
	background-size: contain;
}


.u-btn-download.disabled{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.u-download-fill{text-align: center;position:relative;display: block;height: 2.8rem;line-height: 2.8rem;border: none;border-radius: .4rem;font-size: 1.5rem;color: #FFFFFF;margin: .3rem auto 0;}
.u-download-fill .u-game-size{font-size: .26rem;}
.u-download-fill .u-icon-5yuan{position:absolute;right:0; display:none;width:1.35rem; height:.8rem; background: transparent url("ic-5yuan.png")/*tpa=http://www.9lai9.com/static/images/ic-5yuan.png*/ 0 0 /100% 100%;}
.az{background-image: -webkit-linear-gradient(90deg, #ace244 0%, #9ed631 100%); background-image: linear-gradient(90deg, #ace244 0%, #9ed631 100%);}
.ios{background-image: -webkit-linear-gradient(90deg, #4cb0f9 0%, #379fec 100%); background-image: linear-gradient(90deg, #4cb0f9 0%, #379fec 100%);}
.qc{text-align: center;margin:.4rem auto 0;}

#container {

width: 600px;

height: 300px;

overflow: hidden;

}

#photo {

width: 600px;

animation: switch 5s ease-out infinite;

}

@keyframes switch {

0%, 25% {

margin-left: 0;

}

35%, 60% {

margin-left: -600px;

}

70%, 100% {

margin-left: -800px;

}

}
gamenews {background: #FFFFFF;padding: 0.5rem 1rem 1rem;border-radius: 0.2rem;-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
.gamenews .tabs { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
.gamenews .tabs li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; font-size: 1rem; color: rgba(0, 0, 0, 0.3); margin: 0 1rem; height: 2.5rem; line-height: 2.5rem; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1); }
.gamenews .tabs li.active { border-bottom: 0.1rem solid #fe3535; color: #fe3535; }
.gamenews .box1 { margin-top: 0.5rem; }
.gamenews .box1 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; }
.gamenews .box1 .list .left { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right: 0.5rem; text-align: justify; }
.gamenews .box1 .list .type { font-size: 0.75rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
.gamenews .box1 .list .title { font-size: 0.875rem; line-height: 2rem; height: 2rem; overflow: hidden; }
.gamenews .box1 .list .text { font-size: 0.75rem; color: rgba(0, 0, 0, 0.3); font-weight: 100; height: 1.5em; line-height: 1.5em; overflow: hidden; }
.gamenews .box1 .list .button { line-height: 2rem; padding: 0 1rem; height: 2rem; }
.gamenews .box2 { margin-top: 0.5rem; }
.gamenews .box2 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.75rem 0; }
.gamenews .box2 .list .type { font-size: 0.75rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
.gamenews .box2 .list .title { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 0.875rem; line-height: 2rem; height: 2rem; overflow: hidden; color: rgba(0, 0, 0, 0.9); }
.gamenews .box2 .list .time { padding: 0 0 0 1rem; color: rgba(0, 0, 0, 0.3); font-size: 0.75rem; }

.news { padding: 1rem 1rem 1rem; font-size: 0.875rem; font-weight: 100; }
.news .title1 { font-size: 1.35rem; text-align: left; color: rgba(0, 0, 0, 0.9); line-height: 2rem; position: relative; text-align: center; border-bottom: 1px solid #eee;}
.news .title2 { font-size: 1rem; text-align: left; color: rgba(0, 0, 0, 0.9); line-height: 2rem; position: relative; text-align: center; font-weight: bold;}
.news .title1 a { position: absolute; left: 0.5rem; font-size: 0.875rem; color: #fe3535; }
.news .time { font-size: 0.875rem; text-align: right; color: rgba(0, 0, 0, 0.3); line-height: 1rem; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; margin-bottom: 1rem; }
.news img { max-width: 100%; padding: 0.5rem 0; }
.news p { text-align: justify; padding: 0.5rem; color: #000000;}