/**
 * 游戏样式
 * @author 鹿文学
 */
/* common */
body{
    background: #fff;
}

/* 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 solid #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.88rem;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/wap/h5/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/wap/h5/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:1.2rem;color:#FF7417;font-size:0.36rem;}
.detail .base .butnbox .butn {}
.detail .base .butnbox .butn .icon-star{display:block;margin:0 auto;width:0.56rem;height:0.56rem;background:url(/static/wap/h5/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/wap/h5/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-right:.1rem;}
.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:.05rem;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;margin-left:0.4rem;width:4.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 .samething .cntitle {height:1.48rem;padding:0 0.4rem;position:relative;}
.detail .samething .cntitle .name {font-size:0.46rem;line-height:1.68rem;display:block;}
.detail .samething .cntitle .name .icon{display:inline-block;vertical-align:middle;width:0.52rem;height:0.52rem;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/wap/h5/game_ico_int.png);}
.detail .samething .cntitle .name .icon-gift {background-image:url(/static/wap/h5/game_details_gift.png);}
.detail .samething .cntitle .name .icon-active {background-image:url(/static/wap/h5/game_ico_news.png);}
.detail .samething .cntitle .name .icon-play {background-image:url(/static/wap/h5/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/wap/h5/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.36rem;color:#666;line-height:1.82;margin-top:-0.16rem;padding:0 0.4rem 0.42rem;/* text-indent:0.88rem; */}
.detail .description .content .article {height:2.55rem;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{padding:0 0.52rem;border-bottom: 0.03rem solid #E7E7E7 }
.detail .gift .text-list .item {position:relative;/*background:url(/static/wap/h5/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.44rem;line-height:1.4;    width: 84%;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.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 .play .content {padding:0 0.14rem;}
.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:3px 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: 33%;
    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.32rem;
	line-height: 1rem;
    display: flex;
    align-items: center;
}
.panel4 .text .info .server-name {
    color: #FF7417;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.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/wap/h5/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/wap/h5/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: xx-small;
    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/wap/h5/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/wap/h5/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/wap/h5/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/wap/h5/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;
}