.wrap-card{-moz-box-shadow:0px 9px 16px 0px rgba(153,153,153,0.2); -webkit-box-shadow:0px 9px 16px 0px rgba(153,153,153,0.2); box-shadow:0px 9px 16px 0px rgba(153,153,153,0.2);overflow: hidden; position: relative;}
.radius-8{border-radius:0.08rem; }
.banner{margin: 0.24rem 0.3rem;overflow: hidden;max-height: 3.26rem;}

/*---- banner ---*/
.swiper-container {
    height:auto;
    width:100%;
    text-align:center;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:5;
    background:#F8F8F8;
    height: 1.8rem;
}
.swiper-container1{
    height: 2.52rem;
}
.swiper-wrapper {
    position: relative;
    z-index:10;
}
.swiper-slide {
    position:relative;
    text-align:center;
    float:left;
}
.swiper-slide a{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
}
.swiper-slide img{
    display: block;
    width:100%;
    /* height:100%; */
    /* object-fit: cover; */
}
.swiper-container1 .swiper-slide img{
    display: block;
    width:100%;
    height:100%; 
    object-fit: cover;
}
.pagination{
    position:absolute;
    height:1.2em;
    width:100%;
    bottom:0.4em;
    z-index:100;

}
.pagination .swiper-pagination-switch{
    display:inline-block;
    height:0.5em;
    width:0.5em;
    background:#FFF;
    border-radius:50%;
    margin-right:0.6em;
}
.pagination .swiper-pagination-switch:last-child{
    margin-right:0;
}
.pagination .swiper-active-switch{
    background:#0089FF;
}
/*广告图里的游戏*/
/* .game-list{ padding:0.3rem 0.25rem; display: block; height: 0.8rem; width: auto !important; }
.game-list span.menu-list{ margin-left: 0;}
.game-list span.menu-list-img img{ height: 100%; width: auto;}
.game-list span.menu-list-title em{display: block; color: #333;text-align: left;}
.game-list span.menu-list-title i{display: block; text-align: left;color: #999; font-size: 0.22rem; margin-top: 0.1rem;max-width: 3.8rem;}
.game-list span.menu-list-url{ width:1rem;} */
/*title*/
.wrap-title{margin:.3rem .32rem;height: 0.48rem; line-height: 0.48rem; font-size: 0.36rem; text-align: left;}
.wrap-title h3{ float: left;line-height: 0.48rem; color: #505050; font-weight: bold; font-size: 0.36rem;}
.wrap-more{ float: right;font-size: .24rem;color: #0089FF;font-family:PingFangSC-Regular,PingFang SC;}
.wrap-more img{ height: 100%;}
.god-game{margin: 0.24rem 0.3rem; background: #fff;}
.warp-row{ margin: 0.2rem auto; width:6rem; overflow: hidden;}
.warp-row ul{ width:110%; }
.warp-row ul li{ width: 1.2rem; float: left; margin:0.2rem 0.38rem 0.2rem 0rem; }
.game-link{ width: 1.2rem;}
.game-link-img1{ width: 1.2rem; height: 1.2rem; position: relative; z-index: 1; display: block;border-radius:0.1rem;overflow: hidden;}
.game-link-col{width: 1.2rem; height: 1.2rem; position: absolute; z-index: 3; left: 0; top: 0;}
.game-link-title{ color: #333; margin-top: 0.18rem; font-size: 0.24rem; display: block;line-height: 0.36rem; text-align: center;width: 1.2rem;}
.warp-column{ margin: 0.4rem auto; width:6rem; overflow: hidden;}
.warp-column li{ display: block;margin-top:0.4rem;position: relative;}
.warp-column li:first-child{margin-top: 0rem;}
.game-column{ padding: 0rem; height: 1.2rem; }
.menu-column{ width: 100%; float: left;}
.menu-column-img{width: 1.2rem; height:1.2rem;float: left; position: relative;z-index: 1;overflow: hidden;}
.menu-column-img img{ height: 100%; width: 100%;}
.menu-column-url{ 
    position: absolute;
    top: .1rem;
    right: 0;
    width: 1.2rem;
    height: .54rem;
    display: block;
    background:rgba(0,137,255,.1);
    border-radius: .27rem;
    text-align: center;
    line-height: .54rem;
    font-size: .24rem;
    color: #0089FF;
    font-weight: 600;
}
.adv {
    width: 100%;
    border-radius: .24rem;
    overflow: hidden;
    box-shadow: 0px 9px 16px 0px rgba(153,153,153,0.2);
}
.adv1 {
    display: block;
    width: 100%;
    border-radius: .24rem;
    overflow: hidden;
    box-shadow: 0px 9px 16px 0px rgba(153,153,153,0.2);
}
.adv1 img{
    width: 100%;
    height: auto;
}
.banners {
    height: 2.72rem;
    width: 100%;
}
.banners img{
    height: 100%;
    width: 100%;
}
.adv-game {
    background: #FFFFFF;
    display: flex;
    padding: .24rem;
    box-sizing: border-box;
    align-items: center;
}
.adv-game-img {
    width: .88rem;
    height: .88rem;
}
.game-info {
    margin-left: .16rem;
    flex: 1;
}
.adv-game-img img{
    height: 100%;
}
.game-card{margin: 0.24rem 0.3rem;}
.column-list-title{ color: #333; width: 80%; float: left; padding-left: 0.17rem; box-sizing: border-box;}
.column-list-title em{ width: 72%; display: block; font-size: 0.28rem; padding-top: 0.06rem;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.god-tag{width: 72%; font-size: 0.22rem;color: #999; margin: 0.06rem 0rem; display:block; overflow: hidden; line-height: 0.33rem; height: 0.33rem;}
.god-tag span{
    display: inline-block;
    float: left;
    position: relative;
    padding-left: 0.1rem;}
.god-tag span:first-child{padding-left: 0rem;}
.god-tag span:before{content:"."; position: absolute;bottom: 0.08rem; left: 0.02rem;  }
.god-tag span:first-child:before{content:'';}
.column-list-title i{
    display: inline-block;
    float: left;
    color: #666;
    padding-left: .15rem;}
.collection{ width:3.2rem;overflow: hidden; float: left;background: #fff;}
.collection:nth-child(even){float: right;}
.collection-img{ width:3.2rem; display: block;  height: 1.78rem; overflow: hidden;}
.collection-title{ margin:0.1rem 0.2rem; overflow: hidden; display: block; color: #999; font-size: 0.15rem; height: 0.66rem;line-height: 0.33rem;}
.collection-title b{font-size: 0.22rem; color: #333;}
.collection-title:after {content:"..."; position:absolute;bottom:0.1rem;right:0.15rem; background: #fff;}
.top-selling{width:2.9rem;overflow:hidden; padding: 0.24rem 0.15rem; float: left; position: relative; z-index: 1;background: #fff; margin-bottom: 0.34rem;}
/*.top-selling:nth-child(even){float: left;}*/
.top-selling:nth-child(even){float: right;}
.top-selling-img {width: 0.96rem; height: 0.96rem; display: block; float: left;position: relative;z-index: 1;overflow: hidden;}
.top-selling-title{ width:1.79rem; float: right; font-size: 0.28rem; text-align: left; height: 0.96rem;line-height: 0.96rem; overflow: hidden; color: #000;position: relative; }
.top-selling-title span{height: 0.74rem;line-height: 0.74rem; display:block; overflow: hidden;}
.top-selling-sub{ font-size: 0.32rem;font-weight: bold; color: #505050; position: absolute; bottom: 0.08rem;right: 0.08rem;}
.home-share{width:3.2rem;position: relative; margin-top: 0.34rem; float: left;}
.home-share:nth-child(even){float: right;}
.home-share-box{width:2.9rem; padding: 0.1rem 0.15rem;display: block; color:#666;background: #fff;}
.home-share-box strong{ display: block; margin-left: 1.2rem}
.home-share-introduction{display: block; font-size: 0.2rem; margin-top: 0.16rem;line-height: 0.33rem;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 1rem; overflow: hidden; position: relative;}
.home-share-user{ height: 0.48rem; margin:0.24rem 0rem; text-align: right; display: block; line-height: 0.48rem; color: #999; font-size: 0.22rem; }
.home-share-user img{ display: inline-block; height: 0.48rem;width: 0.48rem;border-radius: 50%; margin-left: 0.2rem;}
.home-share-icon{ position: absolute;left:0.3rem; top:-0.4rem; width:0.8rem; height: 0.8rem; border-radius: 0.24rem; overflow: hidden;}
.home-classify{padding: 0.24rem 0.3rem;}
.home-classify-box{width:3.2rem;height: 1.78rem;position: relative; z-index: 1; margin-bottom: 0.2rem;overflow: hidden;}
.home-classify-link{ height: 100%;width: 100%;position:absolute;z-index: 2;left: 0;top: 0;}
.home-classify-h3{ height: 0.5rem;display: block; margin-top: 0.4rem;margin-left: 0.3rem; text-align: left;color: #555; font-size: 0.48rem; padding-bottom: 0.3rem;}
.home-classify-span{ color: #888;margin-left: 0.3rem;display: block; font-size: 0.16rem;}
.home-classify-box img{width:3.18rem;height: 1.76rem;position: relative;}
/* 游戏攻略 */
.consult-list {
    width: 6.56rem;
    height: 2rem;
    background: #FFFFFF;
    box-shadow:0px 9px 16px 0px rgba(153,153,153,0.2);
    border-radius:8px;
    padding: .32rem .24rem;
    box-sizing: border-box;
    display: flex;
    margin: 0 auto .16rem;
}
.list-left {
    width: 1.8rem;
    height: 1.36rem;
    margin-right: .16rem;
}
.list-left img {
    margin: 0;
    width: 1.8rem;
    height: 1.36rem;
}
.list-right {
    color: #323232;
    font-size: .28rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 1;
}
.list-time {
    font-size: .2rem;
    color: #909090;
    display: flex;
    justify-content: space-between;
}
#hint-c{display: none;position: fixed;width: 100%;height: 100%;z-index: 200;top: 0;left: 0;}
#hint-c ul{width: 85%;position: fixed;top: .24rem;left: .18rem;}
#hint-c p{color: white;line-height: 28px;width:90%;font-size: .24rem;}
#hint-c .hint-pic{position: fixed;top: .1rem;right: .1rem;}

.masking2{width: 100%;height: 100%;position: fixed;top: 0;background: rgba(0,0,0,0.9);z-index: 100;}
.new-edition {
    border-radius: .21rem;
    font-size: .24rem;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin-top:.06rem;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    height: .42rem;
    visibility: hidden;
}
/*面包屑导航*/
.breadcrumb-nav{
    height: 0.96rem;line-height: 0.96rem;font-size: 0.28rem;overflow: hidden;background: #ffffff;
    padding: 0 .32rem;
 }
 .breadcrumb-nav a{
     margin:0 0.05rem;color: #000000;
 }
 .breadcrumb-nav span{ color: #909090; font-family:宋体;font-size: 0.16rem;display: inline-block;width: .2rem;}
 .list span{
    width: 1rem;
    height: .44rem;
    background:#EEEEEE;
    border-radius: .27rem;
    display: block;
    text-align: center;
    line-height:.44rem;
    font-size: .24rem;
    color: #909090;
    margin-right: .16rem;
 }
 .list {
    display: flex;
    height: .87rem;
    align-items: center;
 }
 .list .selects{
    background:rgba(0,182,237,0.1);
    color: #0089FF;
    font-weight: 400;
 }

 

 

 /* 取消超链接默认下划线 */
a{text-decoration: none;}

/* 列式弹性盒子 */
.flex_col {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -webkit-box-align: center;

    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: row;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
/* 行式弹性盒子 */
.flex_row {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -webkit-box-align: start;

    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
/* 弹性盒子弹性容器 */
.flex_col>*.flex_grow{width: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.flex_row>*.flex_grow{height: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
/* 弹性盒子允许换行 */
.flex_col.flex_wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* 列式弹性盒子居中对齐 */
.flex_col.flex_center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/* 列式弹性盒子两端对齐 */
.flex_col.flex_space{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
/* 弹性盒子快速分栏 */
.flex_col.flex_col_2>*{width: 50%;}
.flex_col.flex_col_3>*{width: 33.33333%;}
.flex_col.flex_col_4>*{width: 25%;}
.flex_col.flex_col_5>*{width: 20%;}
.flex_col.flex_col_6>*{width: 16.66666%;}

 /* 最近玩过的游戏 */
 .last-gemes-box.active{
    padding: 0 0 0.3rem 0.3rem;
 }

 .last-gemes-box .label{
     background-color: #09f;
     color: #fff;
     width: 0.64rem;
     height: 1.92rem;
     border-radius: 4px;
     box-sizing: border-box;
     padding: 0 0.1rem;
     text-align: center;
     margin-right: 0.4rem;
     position: relative;
     line-height: 0.38rem;
 }

.last-gemes-box .label::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 0.15rem solid transparent;
    border-right: none;
    border-bottom: 0.15rem solid transparent;
    border-left: 0.2rem solid #09f;
    position: absolute;
    right: -0.18rem;
    top: 0.81rem;
}

.last-gemes-box .scroll{
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.last-gemes-box .scroll::-webkit-scrollbar {
    display: none;
}

.last-gemes-box .scroll .item{
    width: 1.2rem;
    padding-right: 0.3rem;
    box-sizing: content-box;
}
.last-gemes-box .scroll .item .game-link-title{
    margin-bottom: 0;
}
.search-box{
    padding: 0.2rem 0.3rem;
    height: 0.56rem;
}
.wrap-search{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height:0.6rem;
    background:rgba(243,243,243,1);
    border-radius:0.28rem;
    font-size: 0.28rem;
    line-height: 0.56rem;
    text-align: center;
    color: #909090;
}
.wrap-search img{
    margin:0 0.16rem 0 0;
    width: 0.36rem;
    height: 0.36rem;
}
body{
    background-color: #F8F9FB;
}
.breadcrumb-nav a.search-img{
    margin-right: 0;
    float: right;
    width: .56rem;
    height: 100%;
    background: url(/images/search.png) no-repeat center center;
    background-size: .56rem auto;
}
.game-tag {
    display: flex;
    font-size: 0.2rem;
    width: 100%;
    overflow: hidden;
    height: 0.34rem;
    margin-top: 0.05rem;
}
.tab-box{
    width: 100%;
    height: 0.96rem;
}
.tab-item{
    float: left;
    line-height: 0.96rem;
    width: 25%;
    height: 100%;
    text-align: center;
    font-size: 0.32rem;
    color: #909090;
}
.tab-item.active{
    position: relative;
    font-size: 0.4rem;
    color:#323232;
    font-weight: 600;
}
.tab-item.active::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.24rem;
    width: 0.48rem;
    height: 0.06rem;
    background: #0089FF;
    border-radius: 0.3rem;
}
.recently{
    margin-right: 0.16rem;
    width: .64rem;
    height: 1.92rem;
    background: url(../../images/cloud_game/zj.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.game-link1{
    float: left;
    margin-right: 0.16rem;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.16rem;
    width: 1.52rem;
    background-color: #fff;
    border-radius: 0.24rem;
}
.item1:last-child .game-link1{
    margin-right: 0.32rem;
}
.bar-box{
    box-sizing: border-box;
    padding: 0.16rem 0.32rem 0.4rem 0.32rem;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}
.bar-item{
    float: left;
    /* width: 25%; */
    font-size: 0.24rem;
    color: #909090;
}
.bar-item img{
    display: block;
    margin: 0 auto;
    width: 0.72rem;
    height: 0.72rem;
}
.bar-item p{
    text-align: center;
}
.bmb-baner1{
    height: 2rem;
    overflow: hidden;
    border-radius: 0.12rem;
}
.bmb-baner1 img{
    width: 100%;
    /* height: 100%; */
    /* object-fit: cover; */
}