/*rem = px/40 */
@charset "utf-8";@import url('../../home_mobile/css/iconfont.css');*{margin:0;padding:0}
ol,ul,li,dd,dl,dt{list-style:none}
*:focus{outline:0}
em,i{font-style:normal}
html{max-width:800px;margin:0 auto;background-color:#f5f5f5;font-size:14px}
body{color:#000;background-color: #F7F6F9FF;max-width:800px;margin:0 auto 0 auto;font-size:14px;}/* margin:0 auto 45px auto; */
img{margin:0;padding:0;max-width:100%;}
img,fieldset{border:0;vertical-align:middle}
.cover img{border-radius:15px}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}
.tyagree{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;-o-appearance:checkbox;-ms-appearance:checkbox}
a{cursor:pointer;text-decoration:none;color:#4c4c4c}
a:visited{color:#504CFB}
a:hover,a:active{text-decoration:none;color:#504CFB}
.flex {display: flex;display: -webkit-flex;}
.flex.between{justify-content:space-between}
.flex.between.vertical_middle{align-items: center;}
a.a_register{height: 45px;width: 45px;position: absolute;top: 0px;right: 17px;color:#fff;}
.submit-btn {background-color: #00b3ff;border: 0 none;color: #fff;cursor: pointer;text-align: center;font-size: 16px;width: 30%;height: 40px;border-radius: 5px;}

.v_middle{vertical-align: middle;}

.fl{float:left}
.fr{float:right}
.center_block{display: block;margin-left:auto;margin-right:auto;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}
.relative{position:relative}
.absolute{position:absolute}
.hide{display:none !important}
.block{display:block !important}
.inlineblock{display: inline-block;}
.middle{vertical-align:middle}
.middle:before{vertical-align:middle;content:'';display:inline-block;width:0;height:100%}
.fixed{position:fixed;top:0;width:100%;z-index:999}
.fixed-margin{margin-top:60px}
.fixed_bottom{position: fixed;bottom:0;width:100%;max-width: 800px;left:0;right:0;margin:auto;box-sizing:border-box;}
.header{overflow:hidden}
.display-flex{display:flex}
/*head*/
.head{height:43px;padding:0 10px;justify-content:center;align-items:center;background: #fff;}
.head .logo{flex:1}
.head .logo img{max-height:32px}
.head .logo .icon-back:before{font-size:24px}
.head .search{flex:1}
.head .search-form{position:relative}
.head .search-input{border:1px solid #e9e9e9;background: #e9e9e9;border-radius:20px;padding:6px 12px;color:#808080;width:100%;box-sizing: border-box;}
.head .search-input::-webkit-input-placeholder{color:#808080}
.head .search-button{position:absolute;right:0;top:0;border:0;background:none;margin:7px 12px}
.head .search-button i{color:#808080}

.logo{flex:1}
.logo img{max-height:32px}
.search{flex:1}
.search-form{position:relative}
.search-input{border:1px solid #fff;background:#ff7900;border-radius:20px;padding:6px 12px;color:#fff;width:100%}
.search-input::-webkit-input-placeholder{color:#fff}
.search-button{position:absolute;right:0;top:0;border:0;background:none;margin:7px 12px}
.search-button i{color:#fff}
.no_result{text-align:center;padding:15px 0;line-height:25px;font-size:14px;color:#999}
.no_result img{height:100px;padding-bottom:10px}

.game_logo{border-radius:0.6rem}
.game_logo img{width:100%;height:100%;}

.gotop{position:fixed;bottom:20%;z-index:999;right:5%;display:none}
.gotop i{background:#FF7900;color:#fff;padding:10px;border-radius:50%;font-size:24px;box-shadow:0 5px 15px -3px #ff7900}
@keyframes fadeinB{0%{transform:translateY(20px);opacity:0;filter:Alpha(opacity=0)}
100%{transform:translateY(0px);opacity:1;filter:Alpha(opacity=1)}
}.fadeinB{animation:fadeinB .6s infinite;-moz-animation:fadeinB .6s infinite;-webkit-animation:fadeinB .6s infinite;-o-animation:fadeinB 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
 .part_line {height:10px;background: #f5f5f5}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position: relative;float: left;box-sizing: border-box;}
.col-1{width:8.33333333%;}
.col-2{width:16.66666666%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666666%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666666%;}
.col-9{width:74.99999999%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666666%;}
.col-12{width:100%;}
/*bg*/
.bg_white{background:#fff}
/*margin*/
.m_0{margin:0!important}
.m_30{margin:0.75rem;}
.m_t_18{margin-top:0.45rem}
.m_t_30{margin-top:0.75rem}
.m_t_45{margin-top:1.125rem}
.m_b_10{margin-bottom:0.25rem}
.m_b_20{margin-bottom:0.5rem}
.m_b_25{margin-bottom:0.625rem}
.m_b_30{margin-bottom:0.75rem}
.m_b_50{margin-bottom:1.25rem}
.m_r_30{margin-right: 0.75rem;}
/*padding*/
.p_0{padding:0!important}
.p_30{padding:0.75rem}
.p_t_0{padding-top:0!important}
.p_t_5{padding-top:0.125rem}
.p_t_10{padding-top:0.25rem}
.p_t_15{padding-top: 0.375rem;}
.p_t_20{padding-top: 0.5rem;}
.p_t_25{padding-top: 0.625rem;}
.p_t_30{padding-top:0.75rem}
.p_b_0{padding-bottom:0!important}
.p_b_5{padding-bottom: 0.125rem;}
.p_b_10{padding-bottom: 0.25rem;}
.p_b_15{padding-bottom: 0.375rem;}
.p_b_20{padding-bottom: 0.5rem;}
.p_b_30{padding-bottom:0.75rem}
.p_b_25{padding-bottom: 0.625rem;}
.p_l_0{padding-left:0!important;}
.p_l_20{padding-left:0.5rem}
.p_l_25{padding-left:0.625rem}
.p_l_30{padding-left:0.75rem}
.p_r_0{padding-right:0!important;}
.p_r_10{padding-right:0.25rem}
.p_r_20{padding-right:0.5rem}
.p_r_30{padding-right:0.75rem}
/*text-align*/
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
/*font-size*/
.f16{font-size:0.4rem}
.f18{font-size:0.45rem}
.f20{font-size:0.5rem}
.f22{font-size:0.55rem}
.f24{font-size:0.6rem}
.f26{font-size:0.65rem}
.f28{font-size:0.7rem}
.f30{font-size:0.75rem}
.f32{font-size:0.8rem}
.f34{font-size:0.85rem}
.f36{font-size:0.9rem}
.f38{font-size:0.95rem}
.f40{font-size:1rem}
.f44{font-size:1.1rem}
.f50{font-size:1.25rem}
.f66{font-size: 1.65rem;}
.nowrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*font-weight*/
.bold{font-weight:600}
/*color*/
.text_main{color:#504CFB!important}
.text_black{color:#000;}
.text_block{color:#333333}
.text_white{color:#fff;}
.text_66{color:#666}
.text_gray{color:#999}
.text_success{color:#0FB70B}
.text_money{color:#FE6602}

.white_bg,.bg-f{background:#fff}
.part {overflow: hidden;}

/*background*/
.bg_white{background:#fff;}
/*btn*/
.btn{text-align: center;border:1px solid transparent;white-space: nowrap;}
.mini_btn{font-size:0.55rem;line-height:1.025rem;padding:0 0.675rem;font-weight: 600;display: inline-block;vertical-align:middle;}
.small_btn{font-size:0.6rem;padding:0 1.05rem;line-height:1.35rem;display: inline-block;min-width:3.325rem;box-sizing: border-box;}
.btn.large,.btn.large_btn{font-size:0.65rem;line-height:2.125rem;display: block;width:80%;}
.btn.radius{border-radius:2em}
.btn.main_bg,.btn.main{background:#504CFB!important;color:#fff!important;}
.btn.default{background:#EDEDED;color:#666666}
.btn.plain{background:#DFE1FE!important;color:#4F55FBFF!important;}
.btn.border{background-color: transparent;border-color:initial!important;}
/*模块*/
.panel{background:#fff;border-radius:0.35rem;padding:0.675rem;position: relative;margin:0.625rem 0.8rem;}
.panel_title{position: relative;height: 1.075rem;font-size: 0.7rem;font-family: PingFang SC;font-weight: 600;color: #000000;line-height: 1.075rem;}
.panel_title .icon_more{width:0.45rem;height: 0.5rem;vertical-align: middle;margin-left:0.125rem}
/*common header*/
.common_header{position:fixed;z-index:2;top:0;width:100%;max-width:800px;height:1.3rem;line-height:1.3rem;background:#fff;padding:0.35rem 0;text-align:center;border-bottom:1px solid #EEE}
.common_header .title{color:#000;font-size:0.85rem;font-weight:500;line-height:1.3rem;display: inline-block;max-width:60%;overflow:hidden;}
.common_header .icon_back,.common_header .icon_back_white{width:0.5rem;background-size:0.35rem 0.675rem;position: absolute;left:0;top:0.325rem;bottom:5px;padding:0 0.75rem}
.common_header .right_box{position: absolute;right:0;padding:0 0.75rem;top:0.325rem;bottom:0.125rem;color:#666;font-size:0.625rem;line-height:1.3rem;font-weight: 500;}
.common_header_placeholder{height:2rem;overflow:hidden;}
.common_header.remove_border{border-bottom:none}
.common_header .search_box{margin-left:2rem;overflow:hidden;}
.common_header .search_box input[type='search']{border:none;line-height:1.5rem;background: #F6F8F7;padding:0 0.825rem;width:80%;border-radius:2em;float:left;}
.common_header .search_box .search_btn{width:20%;text-align: center;color:#000;font-size:0.7rem;height:1.5rem;background-color: transparent;border:none}
.common_header.transparent{background:transparent;}
.common_header.transparent .title,.common_header.transparent .text_white{color:#fff;}
.common_header .icon_search{width:0.725rem;height: 0.725rem;}
/*footer*/
.foot-nav{background:#fff;position: fixed;width:100%;max-width:800px;bottom:0;font-size:0.5rem;z-index:2}
.foot-nav .item{float:left;width:25%;}
.foot-nav .item a{color:#444;display: block;text-align:center;background-size:auto 0.875rem;padding:1.775rem 0.25rem 0.45rem;box-sizing:border-box}
.foot-nav .item.on a{color:#504CFB;}
.foot-nav .index{background:url(../images/28/shouye-.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .index.on{background:url(../images/28/shouye.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .game{background:url(../images/28/youxi-.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .game.on{background:url(../images/28/youxi.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .big_gift{background:url(../images/28/libao--.png) no-repeat center 0.075rem;background-size:auto 1.45rem}
.foot-nav .jiaoyi{background:url(../images/28/jiaoyi-.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .jiaoyi.on{background:url(../images/28/jiaoyi.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .my{background:url(../images/28/wode-.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav .my.on{background:url(../images/28/wode.png) no-repeat center 0.525rem;background-size:auto 1.2rem}
.foot-nav + .placeholder{height:2.875rem}
.footer p{
	padding-bottom:8px;
	
}
.footer p:last-child{
	padding-bottom:0
}
.footer{
	background: #fff;
	padding: 10px;
	text-align: center;
	margin-top:10px;
	box-sizing:border-box;
}


/*search*/
.common_search_box{padding:0.75rem;background:#fff;}
.common_search_box input[type='text'],
.common_search_box input[type='search']{border:none;width:100%;box-sizing:border-box;padding-left:2rem;height:2.1rem;background: #F7F6F9 url(../images/28/icon_search.png) no-repeat 0.625rem center;background-size: 0.95rem;border-radius:0.25rem;font-size:0.7rem;color:#C4C4C4;border:none;outline: none;}
.common_search_box input[type='text']::-webkit-input-placeholder,.common_search_box input[type='search']::-webkit-input-placeholder,.common_textarea::-webkit-input-placeholder{ /* WebKit browsers */
  color: #C4C4C4;
  font-size: 0.7rem;
}
.common_search_box input[type='text']::-moz-placeholder ,.common_search_box input[type='search']::-moz-placeholder{ /* Mozilla Firefox 19+ */
  color: #C4C4C4;
  font-size: 0.7rem;
}
.common_search_box input[type='text']:-ms-input-placeholder,.common_search_box input[type='search']:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #C4C4C4;
  font-size: 0.7rem;
}   

/*弹窗*/
.common_dialog{position: fixed;left:50%;top:50%;transform: translate(-50%,-50%);background:#fff;z-index:10;border-radius:0.25rem;overflow: hidden;}
.common_dialog .dialog_header{padding:.85rem;font-size:0.8rem;color:#000;font-weight: 500;border-bottom:1px solid #EDEDED}
.common_dialog .dialog_body{padding:1rem}
.common_dialog .close_btn{background:url(../images/28/icon_close.png) no-repeat center;background-size: 100% 100%;width:0.675rem;height:0.675rem;position: absolute;right:0.675rem;top:0.675rem}
.common_dialog+.mask{position: fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.3);z-index:9;}
.common_dialog.bottom{width:100%;box-sizing:border-box;border-radius:1.25rem 1.25rem 0 0;bottom:0;left:0;top:auto;transform: translate(0);transition: all .5s;}
.common_dialog.bottom .dialog_body{max-height:75vh;overflow-y: auto;}
/*仿select*/
.select_box{position: relative;}
.select_btn{position: relative;}
.select_btn:after{content:'';display: inline-block;width:0;height:0;vertical-align: middle;border-color:transparent;border-width:0.25rem;border-style:solid;border-top-color:initial;margin-left:0.125rem;margin-top:.2em;}
.select_btn:hover +.option_list{display: block;}
.select_box .option_list{position: absolute;background: #FFFFFF;box-shadow: 0px 0.025rem 0.3rem 0px rgba(53, 53, 62, 0.19);border-radius: 0.25rem;text-align: center;font-size: 0.65rem;font-family: PingFang SC;font-weight: 500;color: #666666;line-height: 1.075rem;z-index:1;white-space: nowrap;margin-top:0.25rem;display: none;}
.select_box .option_list.left{left:0;}
.select_box .option_list.right{right:0;}
.select_box .option_list.center{left:50%;transform: translateX(-50%);}
.select_box .option_list .option_item{padding:0.25rem 1rem;}
.select_btn.transparent{border:none;background-color: transparent;}


/*input*/
.clear_input_style{background:none; outline:none; border:none;outline: none;}
.clear_input_style:focus{border:none;}
.common_gouxuan{display: none;}
.common_gouxuan+.gouxuan_style{width:1rem;height:1rem;border-radius:50%;overflow:hidden;display: inline-block;border: 0.05rem solid #E4E4E4;background-size:100% 100%!important;vertical-align: bottom;}
.common_gouxuan:checked+.gouxuan_style{background:url(../images/28/icon_gouxuan_act.png) no-repeat center}
.common_radio{display: none;}
.common_radio+.radio_style{border: 0.05rem solid #E4E4E4;width:0.9rem;height:0.9rem;border-radius:50%;position: relative;display: inline-block;box-sizing: border-box;vertical-align: middle;}
.common_radio:checked+.radio_style{border-color:#5F69FA;}
.common_radio:checked+.radio_style:after{position:absolute;content:'';width:70%;height:70%;left:50%;top:50%;transform: translate(-50%,-50%);background-color:#5F69FA;display: block;border-radius:50%}
.common_select{position:relative;padding-right:1rem}
.common_select:after{content:'';position: absolute;right:0.25rem;border:0.25rem solid transparent;border-top-color:inherit;top:68%;transform: translateY(-50%);}
/*去掉默认的下拉三角*/
.common_select select{ appearance:none;  -moz-appearance:none;  -webkit-appearance:none;border:none;background:transparent;padding:0;color:inherit;font-size:inherit}
.common_select.transparent{border:none;background: none;}

/*form*/
.form_item{display: flex;display: -webkit-flex;width: 100%;background: #FAFAFA;border-radius: 0.5rem;margin-bottom:1.075rem;line-height:2.5rem;height:2.5rem;white-space: nowrap;overflow:hidden;}
.form_item input{width:100%;border:none;outline: none;background: transparent;box-sizing:border-box;color:#999999;padding:0 0.8rem;font-size:0.7rem;flex-shrink:3}
.form_item .verfycode{mini-width:4.35rem;font-size:0.7rem}

/*textarea*/
.common_textarea{display: block;outline: none;width: 100%;box-sizing:border-box;line-height:0.925rem;resize:none;}
.common_textarea.remove_border{border:none}
/*common_uploadImg 上传图片*/
.common_uploadImg_box{overflow:hidden;padding-top:0.25rem}
.common_uploadImg{display: inline-block;width:3.675rem;height: 3.675rem;border:1px dashed #D7D7D7;text-align: center;color:#999;position: relative;font-size:0.6rem;background:url(../images/28/icon_uploadimg.png) no-repeat center 35%;
 background-size:1.125rem auto;
 float:left;margin-right:0.375rem;margin-bottom:0.375rem
}
.common_uploadImg:after{content:attr(data-text);display: block;margin-top:60%}
.common_uploadImg input{display: none;}
.common_uploadImg_box .item{position:relative;width:3.675rem;height: 3.675rem;float:left;margin-bottom:0.375rem;margin-right:0.375rem;text-align: center;}
.common_uploadImg_box .item img{width:100%;}
.common_uploadImg_box .item .icon_close{font-size:1.5rem;border:1px solid #D7D7D7;width:1.2rem;height:1.2rem;line-height: 1.2rem;color: #999;
    border-radius: 50%;
    vertical-align: middle;
	position:absolute;
	right:-0.125rem;
	top:-0.125rem
	}
/*消息提示*/ 
.common_message{font-size:0.6rem;padding:0.5rem 0.75rem;}
.common_message .icon{font-size:0.825rem;padding-right:0.25rem;display: inline-block;vertical-align: middle;}
.common_message.warning{background:#F8EFE0;color:#FFAE07}
.common_message.danger{background:rgba(248,236,237,.9);color:#F64B3E}
/*付款列选择列表 
merchandise_pay.htm
wallet.htm
*/
.pay_list .item{border-bottom:1px solid #EDEDED;padding:0.75rem 0;display: block;}
.pay_list .item:last-child{border-bottom:none}
.pay_list .item .logo{height:1.35rem;width:1.35rem;vertical-align: middle;margin-right:0.575rem;display: inline-block;background-size:100%!important;}
.logo.alipay{background:url(../images/28/alipay.png) no-repeat center;}
.logo.wxpay_h5,.logo.wxpay{background:url(../images/28/weixin.png) no-repeat center;}


/*游戏列表*/
.line_game_list{max-width:100%}
.line_game_list .item{
	display: flex;
	display: -webkit-flex;
	width:100%;
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #EDEDED;
	padding:0.75rem;
	box-sizing:border-box;
}
.line_game_list .item:last-child{
	border-bottom:none
}
.line_game_list .item .game_logo{
	width:3.05rem;
	height: 3.05rem;
	margin-right:0.75rem;
}
.line_game_list .item .game_dsc{
	flex-grow:9;
	flex-shrink:9;
	min-width:0px;
	padding-right:0.75rem;
}
.line_game_list .item .more{width:0.35rem}
.line_game_list .game_label{display: inline-block;font-size: 0.75rem;margin-top:0.2rem;line-height: 1.05rem;font-weight:500;border-radius:0.25rem;}
.line_game_list .game_label.purple{background-color: #DADAFA;color:#504CFB}
.line_game_list .game_label.orange{background-color: #FCE9DC;color:#FE6502;}
.line_game_list  .label{display: none;color:#fff;font-size:0.5rem;padding:0 0.3rem;line-height:0.7rem;border-radius:0.2rem;margin-right:0.125rem;max-width:2.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-left:0;vertical-align: middle;}
.line_game_list  .label:first-child{background-color: #66AFFF;display:inline-block}
.line_game_list  .label:nth-child(2){background-color: #FF665E;display:inline-block}
.line_game_list  .label:nth-child(3){background-color: #FFAE07;display:inline-block;margin-right:0;}
.line_game_list  .btn.small_btn{padding:0;min-width:2.6rem;text-align: center;font-size:0.6rem;line-height:1.15rem;} 
.line_game_list .self_start{align-self:flex-start}
.line_game_list .item.remove_border{border-bottom: none;}
/*游戏分类头部*/
.game_fixed_top_bar{background: #fff;position: fixed;top:0;width:100%;max-width:800px;left:0;right:0;margin:auto;height:2rem;line-height:2rem}
.game_fixed_top_bar .item_btn{padding:0 0.75rem;float:left;font-size:0.7rem;color:#999;font-weight: 500;position: relative;white-space: nowrap;}
.game_fixed_top_bar .item_btn.act {font-size:0.8rem;color:#000;font-weight: bold;}
.game_fixed_top_bar .item_btn.act:after{content:'';position: absolute;height:0.15rem;width:25%;border-radius:2em;background:#504CFB;left:50%;bottom:0.05rem;transform: translateX(-50%);}
.game_fixed_top_bar .item_btn.on {font-size:0.8rem;color:#000;font-weight: bold;}
.game_fixed_top_bar .item_btn.on:after{content:'';position: absolute;height:0.15rem;width:25%;border-radius:2em;background:#504CFB;left:50%;bottom:0.05rem;transform: translateX(-50%);}

/*进度条*/
.progress{display:inline-block;background: #E0E0E0;height:0.175rem;vertical-align: middle;overflow:hidden;}
.progress .progress_bar{display: inline-block;height:100%;background-color: #FE6702;vertical-align: top;}


/*评论*/
.comment_list{}
.comment_list .item{position: relative;padding:0.75rem 0 0 2.7rem;}
.comment_list .item.act:after{
	content:'';
	position: absolute;
	width:4.35rem;
	height:3.275rem;
	background: url(../images/28/jianglijinbi.png) no-repeat center;
	background-size:100%;
	right:0.75rem;
	top:0.75rem
}
.comment_list .item .user_logo{
	position: absolute;
	left:0;
	width:2.175rem;
	height: 2.175rem;
	border-radius:50%;
}
.comment_list .item .comment_dsc{
	border-bottom:1px solid #EDEDED;
	position: relative;
}
.comment_list .item .user_name{
	font-size:0.7rem;
	height:0.7rem;
	line-height:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#000;
	font-weight: bold;
}
.comment_list .item .icon-xingxing{
	color:#F7F6F9;
	display: inline-block;
	vertical-align: middle;
	margin-right:0.075rem
}
.comment_list .item .icon-xingxing.act{
	color:#504CFB
}
.comment_list .item .xingxing_box{white-space: nowrap;}
.comment_list .item .comment_content{
	font-size:0.7rem;
	color:#000;
	font-weight: 500;
	line-height:1.075rem;
}
.comment_list .item .fun_box .fun_item{
	color:#999;
	font-weight: 500;
	font-size:0.6rem
}
.comment_list .item .fun_item .icon{
	display: inline-block;
	vertical-align: middle;
	height:0.65rem;
}
.comment_list .item .fun_item *{
	vertical-align: middle;
	display: inline-block;
}


.my_card_code_bar{
	line-height:1.55rem;
	height: 1.55rem;
    background: #F2EDFB;
	border-radius:0.2rem;
	border:none;
	outline: none;
	 justify-content:space-between;
	color:#504CFB;
	display: flex;
	overflow:hidden;
}
.my_card_code_bar input{
	border: none;
	outline:none;
	color:#504CFB;
	padding:0 0.6rem;
	font-size:0.6rem;
	background: transparent;
}
.my_card_code_bar .btn{
	line-height:1.55rem;
	height: 1.55rem;
	font-size:0.7rem;
	color:#fff;
	background: #504CFB;
	width:2.575rem;
	float:right;
}

/*优惠券列表*/
.common_yhq_item{
	position:relative;
    padding-left:5.025rem;
	min-height:5.35rem;
	box-sizing: border-box;
	display: block;
}
.common_yhq_item .l_box{
	position: absolute;
	left:0;
	top:0;
	color:#fff;
	background: url(../images/28/yhq_bg.png) no-repeat center;
	background-size: 90% 90%;
	bottom:0;
	width:5.025rem;
	text-align: center;
}
.common_yhq_item .l_box:after{
	content:'';
	display:inline-block;
	height: 100%;
	vertical-align: middle;
	 width:0;
}
.common_yhq_item .title{
	width:70%;
	font-size: 17px;
	-1: rem;
	margin-top: -1rem;
}
.common_yhq_item .btn_r{
	position: absolute;
	right:0.5rem;
	top: 0.5rem;
	font-size:0.6rem;
	padding:0;
	width:3.1rem;
	text-align: center;
}

.common_yhq_item2{
	position: relative;
	margin:0.8rem;
	background: url(../images/28/yhq_line_bg.png) no-repeat left center;
	background-size: 100% 100%;
	position:relative;
	padding-left:5.5rem;
	min-height:5.35rem;
	box-sizing: border-box;
	display: block;
	border-radius:0.1rem;
}
.common_yhq_item2 .l_box{
	position: absolute;
	left: 0;
	top: 0;
	color:#504CFB;
	background-size: 100% 100%;
	bottom: 0;
	width: 5.5rem;
	text-align: center;
	border-left:0.2rem solid #504CFB;
}
.common_yhq_item2 .small_btn{
	font-size:0.6rem;
    width:3.25rem;
	line-height: 1.25rem;
	text-align: center;
	padding:0;
}
.shixiao{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id=… 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);
	-webkit-filter: grey;
	filter: gray;
}
.shixiao *{
	opacity:.5;
}



.common_tab_bar{display: flex;display: -webkit-flex;line-height:1.5rem}
.common_tab_bar .item{flex:1;text-align: center;font-size:0.65rem;color:#999;padding-top:0.25rem}
.common_tab_bar .item.active{
	font-size:0.7rem;
	color:#000;
	font-weight:bold;
}
.common_tab_bar .item.active span:after{
	display:block;
	margin:0 auto;
	content:'';
	width:1.5em;
	height:0.2rem;
	background: #504CFB;
	border-radius:2em;
}
.common_tab_content_item{
	display: none;
}


/*单个游戏礼包列表*/
.game_gift_list{}
.game_gift_list .top_banner{
	padding:0.75rem 0.75rem 5rem 0.75rem;
	background: url(../images/28/game_gift_list.png) no-repeat center top;
	background-size:100% 100%;
}
.game_gift_list .top_banner .tab_box{
	
	white-space: nowrap;
	
}
.game_gift_list .top_banner .tab_box .item{
	display: inline-block;
	vertical-align: middle;
	color:#FACDAF;
	font-size:0.55rem;
	margin-right:1.45rem
}
.game_gift_list .top_banner .tab_box .item.act{
	font-size:0.75rem;
	font-weight: bold;
	color:#fff;
	position: relative;
}
.game_gift_list .top_banner .tab_box .item.act:before{
	content:"";
	position: absolute;
	width:0.75rem;
	height:0.15rem;
	border-radius:0.075rem;
	background:#fff;
	bottom:-0.3rem;
	left:50%;
	transform: translateX(-50%);
}
.game_gift_item{
	display: flex;
	display: -webkit-flex;
}
.game_gift_item .item_name{position: relative;}
.game_gift_item .item_name::before{content:"";width:0.175rem;height:0.75rem;position: absolute;background: #504CFB;left:-.65rem;top:.2rem;border-radius:0.1rem}
.game_gift_item .gift_dsc{
	color:#999999;
	font-size:0.6rem;
	line-heiht:0.975rem;
	font-weight:500;
}

/*底部评论输入框*/
.fixed_comment_input{padding:0.4rem 0.75rem;line-height:1.875rem;overflow: hidden;}
.fixed_comment_input .input{background:#EDEDED;font-size:0.6rem;color:#999;font-weight:bold;float:left;width:74%;height:1.85rem;border-radius:0.2rem;padding:0 0.5rem;box-sizing: border-box;}
.fixed_comment_input .btn{float:right;width:22%;height:1.85rem;line-height:1.85rem;border-radius:0.2rem;font-size:0.75rem}

/*新游热榜*/
.rank{margin:15px 0}
.new-rank-list{}
.new-rank-list.swiper-slide .new-rank-item{
	padding:10px 10px 10px 88px; margin: 10px; border-radius: 6px;
}
.new-rank-list.swiper-slide  .pic_box{
	left:10px;
}
.new-rank-list.swiper-slide .btn{
	right:10px;
}
.new-rank-list.swiper-slide .new-rank-item{
	border-bottom:1px solid #eeeeee
}
.new-rank-list.swiper-slide .new-rank-item:last-child{
	border-bottom:none
}
.new-rank-item{position:relative;padding:10px 0 10px 78px;border-bottom: 1px dashed #eee;min-height: 68px; background-color: #fff;}
.new-rank-item .pic_box{width:68px;height:68px;border-radius:7px;position: absolute;left:0;top:10px;overflow:hidden;}
.new-rank-item .info_box{overflow: hidden;width:76%}
.new-rank-item .info_box .name{font-size:16px;font-weight: bold;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:3px}
.new-rank-item .info_box .name span{display: inline-block;max-width:63%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;}
.new-rank-item .info_box .name .big_zhekou {color: #fff;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 5px;
	margin-left:10px;
	vertical-align: middle;
}
.new-rank-item .info_box p{margin-top: 3px;}
.new-rank-item .info_box .shor_desc{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-rank-item .info_box .progess{display: inline-block;vertical-align: middle;height:6px;background:#f3f3f3;border-radius:2em;width:70%;margin-right:7px;overflow: hidden;}
.new-rank-item .info_box .progess-bar{display: inline-block;background:#0e9f54;height:100%;vertical-align:top;}
.new-rank-item .btn{position: absolute;right:0;top:50%;transform: translateY(-50%);font-size: 13px;padding:4px 12px;border-radius:100px;}
.new-rank-item .info_box .label{display: inline-block;border-radius:2em;padding:0 5px;color:#fff;background:#f8bb3e;font-size:12px;margin-right:3px;line-height:15px;}
.new-rank-list.swiper-slide .pic_box {
	left: 10px;
  }
.fixed_ad{
	position: fixed;
	z-index: 9999; right: 0px; bottom: 0px;
	left:0
}
.fixed_ad .closebtn{
	position: absolute;
	top:-15px;
	left:5px;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#fff url(../images/close.png) no-repeat center center;
	background-size: 15px;
	padding:5px;
}
.bt_ad{
	width:100%;
	height:70px;
	background: rgba(20, 20, 20,0.88);
	display: flex;
	display:-webkit-flex;
	color:#fff;
	white-space: nowrap;
	}
	.bt_ad img{
		width:50px;
		height:50px;
		margin-top:10px;
		margin-left:3%;
		float:left;
		border-radius: 6px;
		margin-right: 10px;
		
	}
	.bt_ad p{
	
	color:#d6d6d6;
	margin-top:8px;
	margin-left:10px;
	font-size:0.9em;
	
}
.bt_ad h2{
	color:#fff;
	margin-left:10px;
	margin-top:12px;
	font-size:16px;
}
.bt_ad span{
	font-size:0.8em !important;
}
.bt_ad .ad_left{
	flex:1;
	min-width:0;
	padding-right:10px
}
/* 按钮 */
.btn_main_border{border:1px solid #504CFB;color:#504CFB;background: #fff;}
.btn_main_border:hover{color:#fff;background: #504CFB}
.btn_main{background:#504CFB;color:#fff;border:1px solid #504CFB}
.btn_main:hover{background:#fff;color:#504CFB;border:1px solid #504CFB}
.btn_invalid,.btn_invalid:hover{border: 1px solid #e9e9e9;color: #8e8c8c;background: #e9e9e9;}

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

.title em{color:#999}