body{
  background: #EFEFEF;
}

/* header */
.header .caption {margin:0 16.2%;}
.gacatelist .header .caption {width:62%;margin:0 auto;}
.gacatelist .header .caption .table {table-layout: fixed;}
.gacatelist .header .caption .table  .table-cell {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header .hbtn {width:16%;}
.header .search{right:.6rem;width:0.66rem;}
.header .search img{width:0.66rem;margin-top:-35%;}
.header .caption #tab-menu,.tab-scroll>div{width:100%;}
.header .caption .tabmenu {border-top:3px solid #FFF;border-bottom:3px solid #FFF;border-radius:1rem;height:1rem;overflow:hidden;clear:both;}
.header .caption .tabmenu .s-slide {color:#FFF;width:33.33333333%;height:1rem;border-radius:1rem;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;float:left;}
.header .caption .tabmenu .s-slide.active {background:#FFF;color:#FF7417;}
.header .caption .tabmenu .s-slide:first-child{border-left:3px solid #FFF;}
.header .caption .tabmenu .s-slide:last-child{border-right:3px solid #FFF;}
.header .caption .tabmenu .s-slide:not(.active):not(:first-child):before,.header .caption .tabmenu .s-slide:not(.active):not(:last-child):after{content:'';display:block;background:#18b1ea;width:22%;height:100%;position:absolute;top:0;}
.header .caption .tabmenu .s-slide:not(.active):not(:first-child):before {left:0;}
.header .caption .tabmenu .s-slide:not(.active):not(:last-child):after {right:0;}

.tab-scroll {background:#FFF;}
.tab-scroll .tabpanel>.s-slide {display:none;}
.tab-scroll .text-pic-list{padding-top:.2rem;}
.text-pic-list li{max-height:272px;}
.text-pic-list .item{position:relative;margin:0 3.22%;height:100%;border-bottom: 1px dashed #e7e7e7;}
.text-pic-list .iconbox{position:relative;float:left;display:block;overflow:hidden;margin:3.4% 3.4% 3.4% 0;width:1.92rem;height:1.92rem;max-width:192px;max-height:192px;border-radius:0.48rem;background:#e2e2e2;color:#bbbaba;font-size:0.4rem;}
.text-pic-list .iconbox .font{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;text-align:center;}
.text-pic-list .iconbox .icon{position:relative;z-index:2;width:100%;}
.text-pic-list .butnbox{float:right;width:16%;height:100%;max-width:180px;text-align:right;margin-top:3.4%;}
.text-pic-list .butnbox .butn{border:3px solid #FF7417;border-radius:0.44rem;color:#FF7417;font-size:0.4rem;width:1.6rem;height:0.88rem;display:inline-block;line-height:0.86rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.text-pic-list .text{margin-right:22.5%;margin-left:19%;padding-top:5%;}
.text-pic-list .text .title {overflow:hidden;line-height:1;}
.text-pic-list .text .title .name .search-text{color:#FF7417 }
.text-pic-list .text .title .name{font-size:0.53rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;line-height: 1.3;font-weight: 500;display: flex;  align-items: center;}
.text-pic-list .text .title .name .gift-icon{display: inline-block; width:0.96rem;height: 0.53rem;border-radius:9.9rem;border: 3px solid #2DCBFF;line-height: 0.53rem;text-align: center;font-size: 0.33rem;color:#2DCBFF;margin-left: 0.3rem;}
.text-pic-list .text .info{line-height:1rem;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:0.36rem;}
.text-pic-list .text .info .type{color: #FF7417}
.text-pic-list .text .info .number{position:relative;margin-left:0.6rem;color:#666;}
.text-pic-list .text .info .number:before{position:absolute;top:21%;left:-0.3rem;display:block;width:.8%;height:65.38%;background:#e0e0e0;content:'';}
.text-pic-list .text .info .number i{font-style:normal;color:#FF7417;}
.text-pic-list .text .slogan {line-height:1.5;font-size:0.36rem;color:#999;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.text-class-list li:first-child{margin-top:.2rem;}
.text-class-list li{border-bottom:1px solid #e7e7e7;}
.text-class-list .item{position:relative;display:block;margin:0 1.61% 0 4.83%;height:100%;padding:0.3rem 0;}
.text-class-list .iconbox{position:relative;float:left;display:block;overflow:hidden;width:1.16rem;height:1.16rem;max-width:116px;max-height:116px;border-radius:0.28rem;background:#e2e2e2;color:#bbbaba;font-size:0.28rem;}
.text-class-list .iconbox .icon{position:relative;z-index:2;width:100%;}
.text-class-list .butnbox{position:absolute;top:0;right:0;width:25%;height:100%;max-width:280px;text-align:right;}
.text-class-list .butnbox .butn{color:#666;font-size:0.48rem;text-align:right;}
.text-class-list .butnbox .butn .icon {width:.26rem;height:0.46rem;margin-right:.2rem;background:url(/static/m/img/game_classify_more.png) center center no-repeat;background-size:100% 100%;display:inline-block;vertical-align:middle;margin-top:-5%;margin-left:.3rem;}
.text-class-list .text{margin-right:25.5%;margin-left:12.8%;line-height:1.16rem;}
.text-class-list .text .title {font-size:0.48rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-class-list .text .title .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-class-list .text .title .on {color:#FF7417;}
.text-class-list .item.active .butn {color:#FF7417;}
.text-class-list .item.active .butn .icon {background-image:url(/static/m/img/game_classify_selected.png);}
.text-class-list .item.active .title .name {color:#FF7417;}

/* list */
.header .arrow-left img{margin-left:.4rem;width:0.38rem;display:block;}
.header .word {font-size:0.44rem;margin-left:1%;}
.gacatelist {display: none;}
/* detail */
.gamedetailheader .caption .table {table-layout:fixed;}
.detailgamename {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.detail {height:100%;height:100vh;}
.detail .base {background:#FFF;padding:0.4rem 0.48rem 0.4rem 0.4rem;}
.detail .base .wrap{position:relative;}
.detail .base .iconbox {width:2.16rem;height:2.16rem;max-height:216px;max-width:216px;float:left;position:relative;border-radius:0.52rem;overflow:hidden;background:#E2E2E2;color:#BBBABA;}
.detail .base .iconbox .icon {position:relative;z-index:2;width:100%;}
.detail .base .iconbox .font {font-size:0.5rem;}
.detail .base .butnbox {position:absolute;right:0;top:0;height:100%;width:auto;color:#FF7417;font-size:0.36rem;}
.detail .base .butnbox .butn {position:absolute;right:0;top:35%;height:100%;width:1.5rem;color:#FF7417;font-size:0.36rem;}
.detail .base .butnbox .butn{width:1.9rem;height:0.85rem;margin:0 auto;border-radius:9.9rem;border:0.03rem solid #FF7417;color:#FF7417;display:flex;align-items:center;justify-content:center;font-size:0.43rem;box-sizing:border-box;}
.detail .base .butnbox .butn .icon-star{display:block;margin:0 auto;width:0.56rem;height:0.56rem;background:url(/static/m/img/game_btn_coll_nor.png) center center no-repeat;background-size:100% 100%;margin-bottom:.12rem;}
.detail .base .butnbox .butn .icon-star.on {background-image:url(/static/m/img/game_btn_coll_pre.png);}
.detail .base .butnbox .butn .icon-star~span{display:block;width:100%;text-align:center;}
.detail .base .butnbox .butn .icon-star.on~span{color:#FF7417;}
.detail .base .textbox {margin:0 .8rem 0 2.6rem;height:2.16rem;}
.detail .base .textbox .title {height:1.08rem;line-height:0.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.detail .base .textbox .title .name {font-size:.53rem;margin: 0;}
.detail .base .textbox .title .type {font-size:.4rem;color:#999;}
.detail .base .textbox .info {font-size:.36rem;margin:0;white-space:nowrap;text-overflow:ellipsis;}
.detail .base .textbox .info span{position:relative;}
.detail .base .textbox .info span i {font-size:.38rem;color:#FF7417;font-style:normal;}
.detail .base .textbox .info span~span:before{position:absolute;top:21%;left:-.3rem;display:block;width:.04rem;height:65.38%;background:#e0e0e0;content:'';}
.detail .base .textbox .info span:not(:first-child){margin-left:.6rem;}
.detail .base .textbox .slogan {margin:0;margin-top:.1rem;font-size:.36rem;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.detail .screenshot {background:#FFF;margin-top:-0.3rem;padding:0.4rem 0;}
.detail .screenshot .wrap {width:100%;}
.detail .screenshot .iconbox {/*height:7.48rem;*/height:auto;margin-left:0.4rem;width:5.2rem;font-size:0.52rem;color:#BBBABA;position:relative;background:#E2E2E2;}
.detail .screenshot .iconbox .icon {width:100%;height:100%;position:relative;z-index:2;}

.detail .description,.detail .gift,.detail .active,.detail .play {background:#FFF;margin-top:.3rem;}

.detail .play{padding-bottom: 0.1rem;}
    
.detail .samething .cntitle {height:1.48rem;padding:0 0.4rem;position:relative;}
.detail .samething .cntitle .name {font-size:0.52rem;line-height:1.68rem;display:block;}
.detail .samething .cntitle .name .icon{display:inline-block;vertical-align:middle;width:0.68rem;height:0.68rem;max-height:52px;max-width:52px;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;margin-right:0.2rem;margin-top:-.9%;}
.detail .samething .cntitle .name .icon-desc {background-image:url(/static/m/img/game_ico_int.png);}
.detail .samething .cntitle .name .icon-gift {background-image:url(/static/m/img/game_details_gift.png);}
.detail .samething .cntitle .name .icon-active {background-image:url(/static/m/img/game_ico_news.png);}
.detail .samething .cntitle .name .icon-play {background-image:url(/static/m/img/game_ico_player.png);}

.detail .samething .cntitle .more {float:right;font-size:0.36rem;color:#666;line-height:1.48rem;}
.detail .samething .cntitle .more .icon-arrow-right {margin-left:0.2rem;display:inline-block;width:0.18rem;height:0.32rem;background:url(/static/m/img/game_details_activity_more.png) center center no-repeat;background-size:100% 100%;}

.detail .description .content .showarticle {color:#FF7417;position:absolute;bottom:-0.1rem;right:0;background:#FFF;text-indent:0;padding:0;margin:0;white-space:nowrap;border:none;width:2rem;text-align:left;text-indent:0.2rem;}
.detail .description .content {font-size:0.4rem;color:#666;line-height:1.82;padding:0 0.4rem 0.42rem;margin-top: 0.3rem;}
.detail .description .content .article {overflow:hidden;position:relative;}
.detail .description .content .article .mark {width:1px;height:1px;display:inline-block;}
.detail .gift .content,.detail .active .content {border-top:1px solid #E7E7E7;}

.detail .gift .text-list {padding: 0.4rem 0;}
.detail .gift .text-list li{border-bottom: 1px dashed #e7e7e7;margin: 0 3.22%;}
.detail .gift .text-list .item {position:relative;/*background:url(/static/m/img/game_details_gift_bg.png) center center no-repeat;background-size:100% 100%;*/}
.detail .gift .text-list .item .butnbox {position:absolute;top:0;right:0;height:100%;width:14.2%;padding: 0.4rem 0;}
.detail .gift .text-list .item .butnbox .butn {font-size:0.48rem;color:#FFF;}
.detail .gift .text-list .item .butnbox .butn .getgift,.getgift2 {width: 1.7rem;height:0.8rem;margin: 0 auto;border-radius: 9.9rem;border: 0.03rem solid #FF7417;color:#FF7417;display: flex;align-items: center;justify-content: center;font-size: 0.43rem ;box-sizing: border-box}
.detail .gift .text-list .item .butnbox .butn .getgift.disabled{ color: #666666;background: #DDDDDD;border-color: #DDDDDD}
.detail .gift .text-list .item .text {margin-right:15%;font-size:0.84rem;}
.detail .gift .text-list .item .text .title{font-size:0.466rem;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail .gift .text-list .item .text .surplusbox  {font-size:0.36rem;margin-top:-1.2%;}
.detail .gift .text-list .item .text .surplusbox .surplus {vertical-align:middle;position:relative;overflow:hidden;height:0.1rem;width:42%;border-radius:0.1rem;background:#E5E5E5;display:inline-block;margin-right:0.16rem;}
.detail .gift .text-list .item .text .surplusbox .surplus i {position:absolute;top:0;left:0;background:#FF7417;height:100%;border-radius:0.1rem;}
.detail .gift .text-list .item .text .surplusbox .number {}
.detail .gift .text-list .item .text .surplusbox .number i{font-style:normal;color:#FF7417;margin-left:0.1rem}
.detail .gift .text-list .item .text .validitytime {font-size:0.36rem;color:#999;margin:0;padding:.1rem 0 0.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.detail .active .text-pic-list .item {padding:0.1rem 0;}
.detail .active .text-pic-list li:last-child .item {border:none;}
.detail .active .text-pic-list .iconbox {border-radius:0;width:1.72rem;height:1.72rem;max-height:172px;max-width:172px;margin-left:1%;}
.detail .active .text-pic-list .butnbox {float:none;position:absolute;right:0;top:0;height:100%;margin:0;}
.detail .active .text-pic-list .butnbox .butn {display:block;float:right;}
.detail .active .text-pic-list .text {padding:0;margin-left:0;height:1.72rem;display: flex;align-items: center}
.detail .active .text-pic-list .text .title {font-size:0.42rem;line-height:1.4;    width: 84%;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;margin-left: 0.3rem;}
.detail .active .text-pic-list .text .title .name {font-size:inherit;margin-left:-3.2%;margin-left:-2.2%;display: block}
.detail .active .text-pic-list .text .title .name .heightlight {color:#FF7417;font-style:normal;}
.detail .active .text-pic-list .text .info {padding:0 0.06rem;}
.detail .active .text-pic-list .text .info .cate {padding:0 15%;line-height:1.4;display:inline-block;margin-top:-1%;margin-right:0.2rem;border:3px solid transparent;border-radius:9.9rem;vertical-align:middle;font-size:0.33rem;-webkit-box-sizing:border-box;box-sizing:border-box;color: #fff}
.detail .active .text-pic-list .text .info .cate-notice {background:#23BBF3;border-color:#23BBF3;}
.detail .active .text-pic-list .text .info .cate-active {background:#3FC9B4;border-color:#3FC9B4;}
.detail .active .text-pic-list .text .info .cate-fuli {background:#FF876F;border-color:#FF876F;}
.detail .active .text-pic-list .text .info .catchword {font-size:0.4rem;color:#999;}

.detail .gift .content,.detail .content {position: relative; }

.load-more-btn { width: 5rem; padding: 0.2rem 0; background-color: #f0f0f0; color: #666; border: none; border-radius: 2rem; cursor: pointer; }


/*新增相关活动*/
.detail .gift .text-pic-list .item {padding:0.1rem 0;}
.detail .gift .text-pic-list li:last-child .item {border:none;}
.detail .gift .text-pic-list .iconbox {border-radius:0;width:1.72rem;height:1.72rem;max-height:172px;max-width:172px;margin-left:1%;}
.detail .gift .text-pic-list .butnbox {float:none;position:absolute;right:0;top:0;height:100%;margin:0;}
.detail .gift .text-pic-list .butnbox .butn {display:block;float:right;}
.detail .gift .text-pic-list .text {padding:0;margin-left:0;height:1.72rem;display: flex;align-items: center}
.detail .gift .text-pic-list .text .title {font-size:0.42rem;line-height:1.4;    width: 84%;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;margin-left: 0.3rem;}
.detail .gift .text-pic-list .text .title .name {font-size:inherit;display: block}
.detail .gift .text-pic-list .text .title .name .heightlight {color:#FF7417;font-style:normal;}
.detail .gift .text-pic-list .text .info {padding:0 0.06rem;}
.detail .gift .text-pic-list .text .info .cate {padding:0 15%;line-height:1.4;display:inline-block;margin-top:-1%;margin-right:0.3rem;border:3px solid transparent;border-radius:9.9rem;vertical-align:middle;font-size:0.33rem;-webkit-box-sizing:border-box;box-sizing:border-box;color: #fff}
.detail .gift .text-pic-list .text .info .cate-notice {background:#23BBF3;border-color:#23BBF3;}
.detail .gift .text-pic-list .text .info .cate-active {background:#3FC9B4;border-color:#3FC9B4;}
.detail .gift .text-pic-list .text .info .cate-fuli {background:#FF876F;border-color:#FF876F;}
.detail .gift .text-pic-list .text .info .catchword {font-size:0.4rem;color:#999;}



.detail .play .content {padding:0 0.14rem;position: relative;margin-bottom: 1.3rem;}
.detail .play .content ul {width:100%;}
.detail .play .content li {width:25%;float:left;}
.detail .play .item{text-align:center;padding-bottom:1px;margin-bottom:-1px;width:88%;margin:0 auto;}
.detail .play .item a{-webkit-tap-highlight-color:transparent;}
.detail .play .item .iconbox{position:relative;display:block;overflow:hidden;margin:0 auto 8%;width:1.72rem;height:1.72rem;max-width:172px;max-height:172px;border-radius:0.4rem;background:#e2e2e2;color:#bbbaba;}
.detail .play .item .iconbox .icon{position:relative;z-index:2;width:100%;border-radius:0.4rem;}
.detail .play .item .iconbox .font{font-size:0.36rem;}
.detail .play .item .namebox{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.42rem;}
.detail .play .item .butnbox{display:block;margin:10% auto 33%;width:1.64rem;height:0.79rem;line-height:0.79rem;text-align:center;border:1px solid #FF7417;border-radius:8.8rem;color:#FF7417;font-size:0.43rem;box-sizing: border-box}


.detail .start-game {position:fixed;bottom:0;left:0;width:100%;z-index: 3;}
.detail .start-game .btn {height:1.48rem;line-height:1.48rem;text-align:center;display:block;background:#FF7417;color:#FFF;font-size:.52rem;}



@media screen and (max-width:660px) {
.header .caption .tabmenu .s-slide:first-child {border-left-width:2px;}
.header .caption .tabmenu .s-slide:last-child {border-right-width:2px;}
  .text-pic-list .text .title .name .gift-icon{border-width:2px}
.header .caption .tabmenu,.text-pic-list .butnbox .butn,.detail .active .text-pic-list .text .info .cate,.detail .play .item .butnbox {border-width:2px;}


}
@media screen and (max-width:540px) {
.header .caption .tabmenu .s-slide:first-child {border-left-width:1px;}
.header .caption .tabmenu .s-slide:last-child {border-right-width:1px;}
  .text-pic-list .text .title .name .gift-icon{border-width:1px}
.header .caption .tabmenu,.text-pic-list .butnbox .butn,.detail .active .text-pic-list .text .info .cate,.detail .play .item .butnbox{border-width:1px;}



}

/*游戏详情切换  */
.cntitle .button{
  height: 1.48rem;
  line-height: 1.48rem;
  font-size: 0.5rem;
  border-bottom: 2px #d6d6da;
  color: #666;
  list-style: none;
  width: 25%;
  float: left;
text-align:center;	
}
.cntitle .on{
  color: #FF7417;
  border-bottom: 2px solid #FF7417;
}
.panel4 .item {
  position: relative;
  margin: 0 3.22%;
  padding: 0.2rem 0;
  height: 100%;
  border-bottom:none;
}
.panel4 .text{
margin-right: 0;
  margin-left: 0;
height: 1rem;
  padding-top: 0;
}
.panel4 .text .info {
  overflow: hidden;
  margin: 0;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.4rem;
line-height: 1rem;
  display: flex;
  align-items: center;
}
.panel4 .text .info .server-name {
  color: #FF7417;
  width: 50%;
  display: flex;
  justify-content: flex-end;
      margin-left: 0.5rem;
}
.panel4 .text .info .server-name .server-name-right{
  width:3.62rem;
  height: 0.9rem;
  border-radius: 9.9rem;
  border: 0.03rem solid #ECECEC;
  line-height: 0.9rem;
  text-align: center;
  color: #666666;
  font-size: 0.43rem;
  box-sizing: border-box;
}
.panel4 .today .text .info{
  color: #FF7417;
}
.panel4 .today .text .info .server-icon{
  background: url(/static/m/img/game_kf_date_now.png)no-repeat;
  background-size: 100% 100%;
}
.panel4 .today .text .info .server-name .server-name-right{
  border: 0.03rem solid #FF7417;
  color: #FF7417;
}
.panel4  .text .info .today-text{
  display: none;

}
.panel4 .today .text .info .today-text{
  display: inline-block;
  margin-left: 0.4rem;
}

.panel4 .text .info .server-time{
  width: 50%;
  display: inline-block;
}
.panel4 .text .info .server-icon {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.2rem;
  vertical-align: middle;
  margin-top: -1%;
  display: inline-block;
  background: url(/static/m/img/game_kf_date_other.png)no-repeat;
  background-size: 100% 100%;
}
.gift .butnbox{
margin-top: -3%;
}
.emptydata{
text-align:center;
padding: 20px;
font-size:15px;
color:#666;
}
.emptydata img{
height:65px;
}

.rechare_tj{
  border: 1px solid red;
  border-radius: 9.9rem;
  font-size: 0.42rem;
  color: red;
  padding: 0 0.1rem;
}

/*
游戏大厅新样式*/
.game-header {
  width: 100%;
  height: 1.32rem;
  padding: 0.1rem 0;
  position: relative;
  background: #E5E5E5;
}
.game-header .search-box {
  margin: 0 1.5rem;
  height: 100%;
}
.game-header .search-box .iconbox {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 1.2rem;
}
.game-header .search-box .iconbox:first-child {
  left: 0;
}
.game-header .search-box .icon-search {
  margin-left: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(/static/m/img/home_hall_search.png);
  background-size: 100% 100%;
  display: block;
}
.game-header .search-box .iconbox {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 1.2rem;
}
.game-header .search-box .icon-del {
  width: 0.52rem;
  height: 0.52rem;
  background: url(/static/m/img/nav_search_delete.png);
  background-size: 100% 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  margin-left: 0.28rem;
}
.game-header .search-box .iconbox.on .icon-del {
  opacity: 1;
  visibility: visible;
}
.game-header .search-box .input-group {
  padding: 0 1.2rem;
  height: 1.1rem;
  background: #FFF;
  border-radius: 0.18rem;
}
.game-header .search-box .input-group .txt {
  font-size: 0.46rem;
  width: 100%;
  height: 100%;
  background: transparent;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.classify-box{
  width:100%;
  height: 1.5rem;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
}

/*滚动水平导航栏 start*/
.lr_nb{border-top:1px solid #E8E8E8;width:100%;position:absolute;background:#fff;box-sizing:border-box;z-index:1;max-width:1080px;opacity:1;top:0;-webkit-transition:.3s all;transition:.3s all}
.lr_nb .slider_wrap.line{overflow:hidden;overflow-x:scroll;width:100%;-webkit-overflow-scrolling:touch;}
.lr_nb .slider_wrap.line .item_cell{display:inline-block;overflow:hidden;position:relative;padding: 0.1rem 0.3rem;}
.lr_nb .slider_wrap.line .item_cell:first-child{
  margin-left: 0.3rem;
}
.lr_nb .slider_wrap.box{overflow:hidden;width:100%}
.lr_nb .slider_wrap::-webkit-scrollbar{display:none}
.lr_nb .wx_items{white-space:nowrap}
.lr_nb .item_cell.current{

  background: #FF7417;
  border-radius: 9.9rem;
}
.lr_nb .wx_items span{color:#666;font-size: 0.4rem; white-space:nowrap;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);text-align:center;cursor:pointer}
.lr_nb .wx_items .current span,.lr_nb .wx_items .current a:visited,.lr_nb .wx_items .current a:link,.lr_nb .wx_items .current a:hover,.lr_nb .wx_items .current a:focus{
  color: #fff;
}
.mt3{
  margin-top: 3rem;
}
.mt3 .empty-icon{
  width: 3.904rem;
  height: 3.592rem;
}
.mt3 .empty-text {
  font-size: 0.52rem;
  margin: 0.5rem 0;
}
.lr_nb_after{height:40px;display:block;clear:both;}

.tab-scroll .contain_ .no-data{
  width:100%;
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-scroll .contain_ .no-data img{
  width:3rem;
  height: 2.62rem;
}
.tab-scroll .contain_ .no-data .text{
  font-size: 0.465rem;
  color: #999999;
  text-align: center;
}

/*排行榜*/
.tops-box{
  width:100%;
  height:7.75rem ;
  background: url(/static/m/img/home_ran_bg.png)no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tops-box .top2-box,.tops-box .top3-box,.tops-box .top1-box{
  width:3.61rem;
  height: 5.5rem;
  background: #ffffff;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tops-box .top1-box{
  height: 6.13rem;
  width:3.91rem;
  margin: 0 0.275rem;

}
.tops-box .rank{
  width:0.8rem;
  height: 0.63rem;
  position: relative;
  top: 0.1rem;
  z-index: 13;
}
.tops-box .top2-box .game-img-box,.tops-box .top3-box .game-img-box{
  width:1.92rem;
  height: 1.92rem;
  background: rgb(226, 226, 226);
  border-radius: 50%;
  position: relative;
  display: block;
  margin:0 auto;
}
.tops-box .top1-box .game-img-box{
  width:2.2rem;
  height: 2.2rem;
  background: rgb(226, 226, 226);
  border-radius: 50%;
  position: relative;
  display: block;
  margin:0 auto;
}
.other-list .game-img-box{
  width:1.92rem;
  height: 1.92rem;
  background: rgb(226, 226, 226);
  border-radius: 0.3rem;
  position: relative;
  display: block;
}
.other-list .game-img-box .icon{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  z-index: 11;
  border-radius: 0.3rem;
}
.other-list .game-img-box .rank-icon{
  position: absolute;
  top: 0;
  left: 0;
  width:0.6rem;
  height: 0.6rem;
  background: url(/static/m/img/home_ran_bg_mc.png)no-repeat;
  background-size: 100% 100%;
  display: block;
  z-index: 13;
  line-height: 0.6rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.4rem;
  font-style: normal;
}
.tops-box .game-img-box .game-type,.other-list .game-type{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  font-size: 0.4rem;
  color: #958f8f;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.tops-box .game-img-box img{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  border-radius: 50%;
  z-index: 11;
}
.tops-box .game-info{
  margin: 0.2rem 0;
  line-height: 0.5rem;
}
.tops-box .game-info .game-name{
  color: #333333;
  font-size: 0.46rem;
  font-weight: 500;
  display: block;
}
.tops-box .game-info .game-type{
  color: #999999;
  font-size:0.36rem ;
}
.tops-box .begin-game{
  font-size: 0.43rem;
  width: 2.08rem;
  line-height: 0.8rem;
  height: 0.8rem;
  border-radius: 9.9rem;
  background: #FF7417;
  color: #fff;
  display: block;
  text-align: center;
  margin-bottom: 0.2rem;
  margin:0 auto;
}
.tops-box .top3-box .begin-game{
  background: #42C29C;
}
.tops-box .top1-box .begin-game{
  background: #FF7709;
}
.other-list{margin-bottom: 0.5rem }
.other-list .game-list{
  width:94%;
 margin: 0 auto;
}
.other-list .game-list .game-items{
  width:100%;
  height: 2.72rem;
  border-bottom: 0.03rem solid #e7e7e7;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.other-list .game-list .game-items .text{
  margin-left: 0.3rem;
  width:60%;
}
.other-list .game-list .game-items .text .title{
  display: flex;
  align-items: center;
}
.other-list .game-list .game-items .text .title .name{
  font-size: 0.53rem;
  color: #333333;
  display: flex;
  align-items: center;
}
.other-list .game-list .game-items .text .title .gift-icon{
  width: 1rem;
  height: 0.53rem;
  box-sizing: border-box;
  border: 0.03rem solid #2DCBFF;
  border-radius: 9.9rem;
  color: #2DCBFF;
  font-size: 0.33rem;
  text-align: center;
  margin-left: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.other-list .game-list .game-items .text .info{
  line-height: 1rem;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.36rem;
}
.other-list .text .info .type {
  color: #FF7417;
}
.other-list .text .info .introduction {
  position: relative;
  margin-left: 0.6rem;
  color: #666;
}
.other-list .text .info .introduction:before {
  position: absolute;
  top: 21%;
  left: -0.3rem;
  display: block;
  width: .8%;
  height: 65.38%;
  background: #e0e0e0;
  content: '';
}
.other-list .text .slogan {
  line-height: 1.5;
  font-size: 0.36rem;
  color: #999;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.other-list .butnbox{
  width: 18%;
  height: 100%;
  max-width: 180px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.other-list .butnbox .butn {
  border: 0.03rem solid #FF7417;
  border-radius: 0.44rem;
  color: #FF7417;
  font-size: 0.4rem;
  width: 1.6rem;
  height: 0.88rem;
  display: inline-block;
  line-height: 0.88rem;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color:#C3C3C3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#C3C3C3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#C3C3C3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#C3C3C3;
}
::-webkit-scrollbar{
  display: none;
}
/*列表顶部*/
.dropload-noData{
  display:none;
}.dropload-down {height:auto!important;}



.game-header .arrow-left {width:1.5rem;position:absolute;top:0;left:0;height:100%;}
.game-header .arrow-left img {width:0.38rem;height:0.68rem;display:block;margin-left:0.5rem;} 
.game-header .search-cancel {background:#e5e5e5;position:absolute;top:0;height:100%;font-size:0.48rem;color:#FF7417;width:1.5rem;text-align:center;font-weight:bold;border-style: none;}