@charset "utf-8";
html, body {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.index-page-scrollSet {
  height: 250vh; /* 或其他固定高度 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@font-face {
    font-family: "DIN-RegularAlternate-2";
    src: url("/fonts/DIN-RegularAlternate-2.ttf?t=1575446546329") format("truetype");
}
body.c-is-nighttime.black-index .index-page{
  background: url(/mobile21/image/nightpic/index/indexbg.png) no-repeat;
  background-size: 100% 100%;
}

body.c-is-nighttime.black-index .slot .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-slot2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .slot .slot-banner,.live .live-banner,.chess .chess-banner,.sport .sport-banner,.egame .egame-banner,.fish .fish-banner,.lotto .lotto-banner{
  width: 7.1rem;
    height: 3rem;
    position: relative;
  
 
  margin: 0 auto;
}
body.c-is-nighttime.black-index .slot .slot-banner a img,.live .live-banner a img,.chess .chess-banner a img,.sport .sport-banner a img,.egame .egame-banner a img,.fish .fish-banner a img,.lotto .lotto-banner a img{
  border-radius:10px
}
body.c-is-nighttime.black-index .slot .slot-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-slot2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .live .live-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-live2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .sport .sport-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-sport2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .chess .chess-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-chess2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .lotto .lotto-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-lotto2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .egame .egame-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-egame2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .fish .fish-banner{
  background: url(/mobile21/image/index/recommend/banner/banner-fish2025.png);
  background-size: 100%;
}

body.c-is-nighttime.black-index .header-nav span{
  width:1.12rem !important;
  color: #8B8B8B;
  font-size:.24rem;
  display:flex;
  flex-direction: column;
  align-items: center;
}
body.c-is-nighttime.black-index .header-nav span:last-child{
  margin-right: 0;
}
body.c-is-nighttime.black-index .header-nav span.active-nav{
  font-size:.24rem;
  color: #D5A55D;
}
body.c-is-nighttime.black-index .header-nav span img{
  width:.5rem;
  height:.5rem;
  margin-bottom: .16rem;
}
body.c-is-nighttime.black-index .recommend .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-commend2025.png);
  background-size: 100% 100% !important;
}
body.c-is-nighttime.black-index .live .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-live2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .sport .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-sport2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .chess .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-chess2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .lotto .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-lotto2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .egame .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-egame2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .fish .header-bg-wrap{
  background: url(/mobile21/image/index/recommend/banner/banner-bg-fish2025.png);
  background-size: 100%;
}
body.c-is-nighttime.black-index .header-bg-wrap.app{
  padding: 3.52rem 0 .2rem 0;
}
body.c-is-nighttime.black-index .game-container{
  background: transparent;
}
body.c-is-nighttime.black-index .slot-nav-wrap span{
  display: flex;
  width: 1.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
background: rgba(0, 0, 0, 0.20);
color:  #8B8B8B;
font-size: .24rem;
padding:.12rem 0;
margin-right: .12rem;
border-radius: .1rem;

}
body.c-is-nighttime.black-index .slot-nav-wrap span img{
  width:.32rem;
  margin-right: .08rem;
}
body.c-is-nighttime.black-index .slot-nav-wrap .active-nav{
  color: #fff;
  background: #DDA025;
  border-radius: .1rem;
}
body.c-is-nighttime.black-index .slot-nav-wrap >div{
  width:1rem;
}
.slot-nav-wrap .swiper-slide {
  pointer-events: auto;
}

.slot-nav-wrap .swiper-slide img,
.slot-nav-wrap .swiper-slide * {
  pointer-events: none;
}
body.c-is-nighttime.black-index .js-my-game .game-container{
  background: transparent;
}
body.c-is-nighttime.black-index .js-no-data img{
  width:2.84rem;
  height:2.74rem;
  margin-top: .6rem;
}
body.c-is-nighttime.black-index .slot-nav .active-nav:before,body.c-is-nighttime.black-index .chess-nav .active-nav:before{
  width:0;
}
body.c-is-nighttime.black-index .breakout-game-div{
  padding: 0 .2rem
}
body.c-is-nighttime.black-index .breakout-game-div .item-div{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}

body.c-is-nighttime.black-index .breakout-game-div .item{
  width:32%;
  background: #000;
  border-radius: .12rem;
  background: rgba(0, 0, 0, 0.20);
  margin-bottom: .3rem;
  margin-right: .13rem;
  height:2.8rem
}
body.c-is-nighttime.black-index .breakout-game-div1 .item:first-child{
margin-right: .23rem;
}
body.c-is-nighttime.black-index .breakout-game-div1 .item:nth-child( 3n + 2){
  margin-right: 0;
  }

body.c-is-nighttime.black-index .breakout-game-div2 .item:nth-child(3n){
  margin-right: 0;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 {
  width:64%
}
body.c-is-nighttime.black-index .breakout-game-div .item2 {
  width:64%;
  height:2.88rem;
  padding: .24rem 0;
}
body.c-is-nighttime.black-index .breakout-game-div .item2 .btn-play span{
  width:95%;    
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
    text-align: center;
}
body.c-is-nighttime.black-index .breakout-game-div .item .top{
  position: relative;
}
body.c-is-nighttime.black-index .breakout-game-div .item .img1{
  width:100%;
  
  border-radius: .1rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item .img1.url1{
height:2.24rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item .img1.url2{
height:2.8rem;
}

body.c-is-nighttime.black-index .breakout-game-div .item .img-ad{
  width:100%;
  border-radius: .1rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .img1,
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .img-ad{
  width:100%;
  height:2.88rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div{
  position: relative;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .cover-con1{
  position: absolute;
  width:100%;
  height:2.88rem;
  top:0;
  left:0;
  padding: .08rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .cover-con1 .rewordInfo.active{
  display: flex;
margin-top: 2rem;;
padding: 2px 6px;
justify-content: space-between;
align-items: center;
border-radius: .4rem;
background: rgba(0, 0, 0, 0.80);
height:.36rem;
font-size: .2rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .cover-con1 .rewordInfo.active h3{
  color: #FFF;

}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .cover-con1 .rewordInfo.active h3 span{
  color: #F74B4B;
}
body.c-is-nighttime.black-index .breakout-game-div .item1 .first-div .cover-con1 .rewordInfo.active p{
  color: rgba(255, 255, 255, 0.60);
}
body.c-is-nighttime.black-index .breakout-game-div .item .top .cover-con{
  position: absolute;
  width:2.24rem;
  height:2.24rem;
  top:0;
  left:0;
  padding: .08rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item .title{
  font-size:.24rem;
  color: #fff;
  height: .64rem;
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .08rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item .title span:first-child{
  width:1rem;
  white-space: nowrap;       /* 不换行 */
  overflow: hidden;          /* 溢出隐藏 */
  text-overflow: ellipsis;   /* 超出显示省略号 */
}
body.c-is-nighttime.black-index .breakout-game-div .item .title .span1{
  color: #8B8B8B;
}
body.c-is-nighttime.black-index .breakout-game-div .item .save{
  display:flex;
  justify-content: space-between;
  height:.36rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item .save em{
  color: #FFF;
font-size: .2rem;
border-radius: .24rem;
background: #F74B4B;
display: flex;
padding: .04rem .08rem;
align-items: center;
}
body.c-is-nighttime.black-index .breakout-game-div .item .save .percent{
  display: flex;
  padding: .04rem .08rem;
  align-items: center;
  border-radius: .24rem;
  background: #F74B4B;
  color: #FFF;
  font-size: .2rem;
  display:flex;
}
body.c-is-nighttime.black-index .breakout-game-div .item .save .percent span{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .36rem;
  background: #FFF;
  color: #F74B4B;
  padding: .04rem .08rem;
  margin-left: .06rem;

}
body.c-is-nighttime.black-index .breakout-game-div .item .save img{
  width:.36rem
}
body.c-is-nighttime.black-index .breakout-game-div .item .num{
  position: relative;
  z-index: 1;
  display:none
}
body.c-is-nighttime.black-index .breakout-game-div .item .num span{
  height:.55rem;
  
  font-weight: bold;
  display:flex;
  align-items: center;
  justify-content: center;
  
  font-family: "DIN Condensed";
  letter-spacing: 0.28px;
  background: linear-gradient(90deg, #FFF8E1 0%, #FFD15B 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: .16rem;
  font-size:.22rem;
  margin: 1.3rem auto 0;
}
body.c-is-nighttime.black-index .breakout-game-div .item .num span.url2{
margin: 1.8rem auto 0;
}
body.c-is-nighttime.black-index .breakout-game-div .item .top .cover-con .num::before{
  content: "";
    position: absolute;
    height:.51rem;
    inset: 0; /* 占满父元素 */
    z-index: -1; /* 放在文字下面 */
    background-image: url('/mobile21/image/nightpic/index/btn-bg2.png');
    background-size: 100% 100%;
    background-position: center;
}
body.c-is-nighttime.black-index .breakout-game-div .item2 .game-type{
  color:  #FFF;
font-size: .22rem;
display:flex;
align-items: center;
margin-bottom: .24rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item2 .game-type img{
  width:.04rem;
  height: .28rem;
  margin-right: .16rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item2 .type-item img{
  width: 1.44rem;
  height: 1.44rem;
  
  border-radius: .1rem;
  margin-bottom: .16rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item2 .type-item img.url2{
  height:1.85rem;
}
body.c-is-nighttime.black-index .breakout-game-div .item2 .type-item{
  width: 1.44rem;
  color: #FFF;
  font-size: .24rem;
  display:flex;
  align-items: center;
  flex-direction: column;
  margin-right: .24rem;
  background: transparent;
}
body.c-is-nighttime.black-index .slot-nav{
  padding: 0 .2rem;
}
body.c-is-nighttime.black-index .slot-game-div{
  height:5.7rem;
  background: url('/mobile21/image/nightpic/index/bg3.png');
  background-size: 100% 100%;
  padding: .2rem 0
}
body.c-is-nighttime.black-index .recommend .announcement-wrap{
  margin-top: .2rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards{
  width: 7.1rem;
height: .72rem;
border-radius: .08rem;
background: linear-gradient(270deg, rgba(194, 21, 0, .5) 0%, rgba(255, 197, 0, .5) 100%);
display:flex;
  justify-content: space-between;
  overflow: hidden;
  margin: 0 auto;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list ul{
  padding: 0 .1rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list ul li{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:5.58rem;
  height:.72rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .name, body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .num{
  display:flex;
  align-items: center;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .name img{
  width:.52rem;
  height:.52rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .name p{
  color:  #FFF;
text-align: center;
font-size: .24rem;
margin: 0 .4rem 0 .08rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .name span{
  color:  rgba(255, 255, 255, 0.50);
text-align: center;
font-size: .24rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .num{
  color: #FFF290;
font-size: .28rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .list .num img{
  width:.48rem;
  margin-right: .1rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .go-reward{
  display:flex;
  align-items: center;
  justify-content: space-between;
  color:#D5A55D;
font-size: .16rem;
border-radius: 0px 4px 4px 0px;
background: rgba(203, 65, 16, 0.39);
box-shadow: -1px 0px 7.2px 0px rgba(74, 1, 1, 0.25);
height:100%;
padding: 0 .16rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .go-reward .title{
  display:flex;
  flex-direction: column;
  align-items: center;

}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .go-reward .img1{
  width:.4rem;
  margin-bottom: .04rem;
  
}
body.c-is-nighttime.black-index .slot-game-div .slot-rewards .go-reward .img2{
  width:.48rem;
  
}
body.c-is-nighttime.black-index .slot-game-div .slot-con{
  width:7.5rem;
  height:5.32rem;
  /* height:6rem; */
  background: url('/mobile21/image/nightpic/index/bg2-2.png');
  background-size: 100% 100%;
  overflow: hidden;
  margin-top: -.5rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-amount{
  margin:1.75rem auto 0;
  display:flex;
  justify-content: center;
  align-items: center;
  
  width:4rem;
  height:.52rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-amount.url2{
  
  margin:1.7rem auto 0;
}

body.c-is-nighttime.black-index .slot-game-div .slot-amount .num-item{
  width:.36rem;
  height:.52rem;
  border-radius: 2.158px;
  background: linear-gradient(180deg, #FC9E82 0%, #F2CCC3 49%, #FC9E82 100%);
  color: #CD0000;
  font-size: .5rem;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-right: .06rem;
 font-weight: bold;
 font-family: 'Microsoft Yahei';
}
body.c-is-nighttime.black-index .slot-game-div .slot-amount .num-item:last-child{
  margin-right: 0;
}

body.c-is-nighttime.black-index .slot-game-div .slot-count-list{
  
  width:6.5rem;
  
  display:flex;
  align-items: center;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list.url1{
margin: .4rem auto 0;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list.url2{
margin: .4rem auto 0;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .swiper-slide{
  width:1.52rem;
  margin-right: .2rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con{
  width:1.52rem;
  
  /* box-shadow: 0px 0.824px 1.883px 0px rgba(97, 0, 0, 0.70); */
  box-shadow:none !important;
  position: relative;
  font-size:.24rem;
  overflow: hidden;
  
  background: none;
  
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con.url1{
  height:1.52rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con.url2{
  height:2.3rem;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con img{
border-radius: .16rem;
  border: .02rem solid #FFF;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con img.url1{
  width:1.52rem;
  height:1.52rem;
  
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con img.url2{
  width:1.52rem;
  height:1.95rem
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con .amount-wrap{
  height:.76rem;
  background: url('/mobile21/image/nightpic/index/bg5.png');
  background-size: 100% 100%;
  position: absolute;
  width:100%;
  left:0;
  bottom: -.02rem;
  z-index:1;

}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con .amount-wrap.url1{
  background: url('/mobile21/image/nightpic/index/bg5.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con .amount-wrap.url2{
  background: none;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con .amount{
  width:1.4rem;
  height:.34rem;
  font-family: "DIN Condensed";
  background: linear-gradient(90deg, #FFF8E1 0%, #FFD15B 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: .34rem auto 0;
  font-weight: bold;
  display:flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list .count-list-con .amount-wrap::before{
  content: "";
    position: absolute;
    width:1.4rem;
  height:.34rem;
    inset: 0; /* 占满父元素 */
    z-index: -1; /* 放在文字下面 */
    background-image: url('/mobile21/image/nightpic/index/bg4.png');
    background-size: 100% 100%;
    background-position: center;
    margin: .34rem auto 0;
}
body.c-is-nighttime.black-index .slot-game-div .slot-count-list  .more-btn{
  width:1.6rem;
  height: .8rem;
  background: url('/mobile21/image/nightpic/index/btn-bg.png');
  background-size: 100% 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: .24rem;
  margin: .35rem auto 0;
}
body.c-is-nighttime.black-index .slot-search-box{
  background: url(/mobile21/image/nightpic/index/indexbg.png) no-repeat;
    background-size:100% 100%;
    overflow-y: scroll;
}
body.c-is-nighttime.black-index .slot-search-box h2{
  color:  #FFF;
font-size: .32rem;
margin-bottom: .24rem;
line-height: .44rem;
}
body.c-is-nighttime.black-index .filter-box2{
  background:  rgba(0, 0, 0, 0.20);
}
body.c-is-nighttime.black-index .search-top-list{
  padding: .3rem .2rem;
 width:100%;
}
body.c-is-nighttime.black-index .search-top-list .game{
  
width: 4.2rem;
padding: .24rem .2rem;

border-radius: .24rem;
background: rgba(0, 0, 0, 0.20);
margin-right: .2rem;

}
body.c-is-nighttime.black-index .search-top-list  ul li{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: .16rem;
  background: transparent;
}
body.c-is-nighttime.black-index .search-top-list ul li a{
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
body.c-is-nighttime.black-index .search-top-list .con{
  display:flex;
  justify-content: center;
  align-items: center;
}
body.c-is-nighttime.black-index .search-top-list  .con .img1{
  width:.72rem;
  height:.72rem;
  margin:0 .16rem
}
body.c-is-nighttime.black-index .search-top-list  h3{
  color:  #FFF;
font-size: .24rem;
line-height: .34rem;
}
body.c-is-nighttime.black-index .search-top-list  p{
  color:  #616161;
  font-size: .24rem;
  line-height: .34rem;
}
body.c-is-nighttime.black-index .search-top-list  .num{
  color: #616161;
font-size: .24rem;
display:flex;
flex-direction: column;
align-items: center;

}
body.c-is-nighttime.black-index .search-top-list  .num span{
  width:.32rem;
  height:.32rem;
  margin-top: .08rem;
  background: url('/mobile21/image/nightpic/index/slot-icon10.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .search-top-list li:nth-child(1) .num{
  color: #FF5B5E;
}
body.c-is-nighttime.black-index .search-top-list li:nth-child(1) .num span{
  background: url('/mobile21/image/nightpic/index/slot-icon7.png');
  background-size: 100% 100%;
  
}
body.c-is-nighttime.black-index .search-top-list li:nth-child(2) .num{
  color: #FFAD5B;
}
body.c-is-nighttime.black-index .search-top-list li:nth-child(2) .num span{
  background: url('/mobile21/image/nightpic/index/slot-icon8.png');
  background-size: 100% 100%;
  
}
body.c-is-nighttime.black-index .search-top-list li:nth-child(3) .num{
  color: #FFD35B;
}
body.c-is-nighttime.black-index .search-top-list li:nth-child(3) .num span{
  background: url('/mobile21/image/nightpic/index/slot-icon9.png');
  background-size: 100% 100%;

}
body.c-is-nighttime.black-index .slot-search-box .search-wrap{
background: rgba(0, 0, 0, 0.20);
}
body.c-is-nighttime.black-index .slot-search-box .search-icon{
  background: url('/mobile21/image/nightpic/index/search.png');
  background-size: 100% 100%;
  
}
body.c-is-nighttime.black-index .slot-search-box .slot-search{
  /* border-left:1px solid #D5A55D; */
  padding-left: .2rem;
  color:#fff
}
body.c-is-nighttime.black-index .slot-search-box .select-list{
  width:6.9rem;
}
body.c-is-nighttime.black-index .slot-search-box .select-list .ipt-rlt{
  color:  #FFF;
font-size: .24rem;
border:none;
display:flex;
align-items: center;
justify-content: space-between;
margin-bottom: .16rem;
}
body.c-is-nighttime.black-index .slot-search-box .select-list .ipt-rlt .name{
  display:flex;
  align-items: center;
}
body.c-is-nighttime.black-index .slot-search-box .select-list .ipt-rlt .btn{
width: 1.4rem;
height: .44rem;
display:flex;
justify-content: center;
align-items: center;
border-radius: .48rem;
border: 1px solid  #F2D2A0;
color: #D9AC67 ;
font-size:.2rem
}
body.c-is-nighttime.black-index .slot-search-box .select-list .ipt-rlt img{
  width:.72rem;
  height:.72rem;
  margin-right: .16rem;
  border-radius: .1rem;
}
body.c-is-nighttime.black-index .game-container .game_img{
  width:2.24rem;
  
}
body.c-is-nighttime.black-index .game-container .game_img.url1{
  height:2.24rem
}
body.c-is-nighttime.black-index .game-container .game_img.url2{
  height:2.8rem
}
body.c-is-nighttime.black-index .game-container .platicon{
  position: static;
  color: #BBB;
  background: none;
  width:auto;
}
body.c-is-nighttime.black-index .love-link{
  width:.36rem;
  position: absolute;
  top:.08rem;
  right:.08rem;
 z-index:1000
}
body.c-is-nighttime.black-index .link_fav{
  width:.36rem;
  height:.36rem;
  background: url('/mobile21/image/index/nosave.png');
  background-size: 100% 100%;

}
body.c-is-nighttime.black-index .link_fav.faved{
  background: url('/mobile21/image/index/saved.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .my .layout_image_hover_text,body.c-is-nighttime.black-index .slot .layout_image_hover_text,body.c-is-nighttime.black-index .js-search-result .layout_image_hover_text{
  display:flex;
  align-items: center;
  justify-content: space-between;
  font-size:.24rem;
  height:auto;
  padding-bottom:0;;
}
body.c-is-nighttime.black-index .my .layout_image_hover_text.url2,body.c-is-nighttime.black-index .slot .layout_image_hover_text.url2,body.c-is-nighttime.black-index .js-search-result .layout_image_hover_text.url2{
  display:none
}
body.c-is-nighttime.black-index .game_item{
  margin-right:.15rem;
background: rgba(0, 0, 0, 0.20);
position: relative;
}
body.c-is-nighttime.black-index .j-select .game_item{
background: transparent;
}
body.c-is-nighttime.black-index .js-search-result .game_item{
  width:2.24rem;
}
body.c-is-nighttime.black-index .js-search-result .game_item:nth-child(3n){
  margin-right: 0;
}
body.c-is-nighttime.black-index .game-container .tname{
  width:1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.c-is-nighttime.black-index .slot-search-box .game_item_operations,body.c-is-nighttime.black-index .slot .game_item_operations{
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  z-index:999
}
body.c-is-nighttime.black-index .slot-search-box .game_item_operations a, body.c-is-nighttime.black-index .slot .game_item_operations a{
  
  background: transparent;
  width:100%;
  height:100%;
 
}
body.c-is-nighttime.black-index #slot-page{
  min-height:10rem
}

body.c-is-nighttime.black-index .slot .search-wrap .slot-input-div{
  border-radius: .44rem;
background: rgba(0, 0, 0, 0.20);
display:flex;
align-items: center;
width:5.2rem;
height:.52rem;
font-size:.24rem;
padding-left: .16rem;
}
body.c-is-nighttime.black-index .slot .search-wrap .search-icon{
  width:.24rem;height:.24rem;
  background: url('/mobile21/image/nightpic/index/search2.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .my-nav-wrap .active-nav{
  border-radius: .1rem;
border: 1px solid  #D5A55D;
background: rgba(0, 0, 0, 0.20);
}
body.c-is-nighttime.black-index .my-nav-wrap .active-nav:nth-child(1){
  background: url('/mobile21/image/nightpic/index/icon3_active.png') no-repeat .2rem center rgba(0, 0, 0, 0.20);
  background-size: .32rem .32rem;
}
body.c-is-nighttime.black-index .my-nav-wrap .active-nav:nth-child(2){
  background: url('/mobile21/image/nightpic/index/icon4_active.png') no-repeat .15rem center rgba(0, 0, 0, 0.20);
  background-size: .4rem .28rem;
}

body.c-is-nighttime.black-index .chess-nav-wrap span:nth-child(1){
  background: url('/mobile21/image/nightpic/index/ks.png') no-repeat .2rem center rgba(0, 0, 0, 0.20);
  background-size: .3rem .36rem;
}
body.c-is-nighttime.black-index .chess-nav-wrap span:nth-child(2){
  background: url('/mobile21/image/nightpic/index/ky.png') no-repeat .2rem center rgba(0, 0, 0, 0.20);
  background-size: .4rem .32rem;
}
body.c-is-nighttime.black-index .chess-nav-wrap span:nth-child(3){
  background: url('/mobile21/image/nightpic/index/hl.png') no-repeat .2rem center rgba(0, 0, 0, 0.20);
  background-size: .46rem .28rem;
}
body.c-is-nighttime.black-index .chess-nav-wrap span.active-nav{
  border-radius: .1rem;
background: #DDA025;
color: #fff;
}
body.c-is-nighttime.black-index .chess-nav-wrap span:nth-child(1).active-nav{
  background: url('/mobile21/image/nightpic/index/ks_active.png') no-repeat .2rem center #DDA025;
  background-size: .3rem .36rem;
}
body.c-is-nighttime.black-index .chess-nav-wrap span:nth-child(2).active-nav{
  background: url('/mobile21/image/nightpic/index/ky_active.png') no-repeat .2rem center #DDA025;
  background-size: .4rem .32rem;
}
body.c-is-nighttime.black-index .chess-nav-wrap span:nth-child(3).active-nav{
  background: url('/mobile21/image/nightpic/index/hl_active.png') no-repeat .2rem center #DDA025;
  background-size: .46rem .28rem;
}
body.c-is-nighttime.black-index .my-nav-wrap span{
  padding: .1rem .14rem ;
  border-radius: .1rem;
  margin-right: .2rem;
  padding-left: .65rem;
}
body.c-is-nighttime.black-index .my-nav-wrap span:nth-child(1){
  background: url('/mobile21/image/nightpic/index/icon3.png') no-repeat .2rem center rgba(0, 0, 0, 0.20);
  background-size: .32rem .32rem;
}
body.c-is-nighttime.black-index .my-nav-wrap span:nth-child(2){
  background: url('/mobile21/image/nightpic/index/icon4.png') no-repeat .15rem center rgba(0, 0, 0, 0.20);
  background-size: .4rem .28rem;
}
body.c-is-nighttime.black-index .chess-nav-wrap span{
  padding: .14rem ;
  border-radius: .1rem;
  background: rgba(0, 0, 0, 0.20);
  margin-right: .2rem;
  padding-left:.7rem ;
  line-height: .24rem;
}
body.c-is-nighttime.black-index .my-nav .my-nav-wrap{
  margin: 0 .2rem .3rem;
}
#frame2 body{
  background: #000;
}
body.c-is-nighttime.black-index .o-btn{
  display: flex;
  width: 1.16rem;
  height: .44rem;
  justify-content: center;
  align-items: center;
  border-radius: .08rem;
background:linear-gradient(102deg, #F2D2A0 0%, #D9AC67 100%);
color:  #333;
font-size: .2rem;
}
body.c-is-nighttime.black-index .js-chess-page{
  margin-top: .4rem;
}
body.c-is-nighttime.black-index .js-chess-page .game-container .game_item{
  border-radius:  .12rem ;
background: rgba(0, 0, 0, 0.20);
overflow: hidden;

}
body.c-is-nighttime.black-index .js-chess-page .game-container .game_item:nth-child(3n){
  margin-right: 0;
}
body.c-is-nighttime.black-index .js-chess-page .swiper-slide{
  width:100% !important
}
body.c-is-nighttime.black-index .chess .layout_image_hover_text{
  height: auto;
  display:flex;
  align-items: center;
  justify-content: space-between;;
}
body.c-is-nighttime.black-index .js-chess-page .game-container .platicon{
background: none;
}
body.c-is-nighttime.black-index .chess-nav-wrap{
  padding-left: .2rem;
}
body.c-is-nighttime.black-index .o-btn2{
  width:.8rem !important;
  height:.4rem;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: .08rem;
  background: linear-gradient(102deg, #F2D2A0 0%, #D9AC67 100%);
  padding:.08rem;
  color: #333;
  font-size:.2rem
}
body.c-is-nighttime.black-index .slot-search-box .select-list span{
border:none
}
body.c-is-nighttime.black-index .j-swiper-wrapper img{
  height:3rem;
}
body.c-is-nighttime.black-index .slot .game_item{
width:2.24rem;
}
body.c-is-nighttime.black-index .slot .game_item:nth-child(3n){
  margin-right: 0;
}
body.c-is-nighttime.black-index .slot .search-wrap .filter-icon{
  background: url('/mobile21/image/index/icon_filter.png') no-repeat 0 center;
  background-size: .32rem .32rem;
}
body.c-is-nighttime.black-index .filter-icon-div{
display:flex;
align-items: center;
width: 1.24rem;
height: .52rem;
line-height: .42rem;
padding: .06rem .16rem;
justify-content: center;
align-items: center;
border-radius: .44rem;
background:rgba(0, 0, 0, 0.20);
color: #D5A55D;
font-size: .24rem;
font-style: normal;
}
body.c-is-nighttime.black-index .slot-filter-wrap{
    background: #222;
}
body.c-is-nighttime.black-index .filter-slot-item{
background: #333;
color: #bbbbbb;
}
body.c-is-nighttime.black-index .slot-filter-box .btn{
background:  #555;
color: #fff;
}
body.c-is-nighttime.black-index .slot-filter-box .btn:nth-of-type(2){
background: #DDA025;
}
body.c-is-nighttime.black-index .js-no-data button{
  display: flex;
justify-content: center;
align-items: center;
border-radius: .08rem;
border: 1px solid  #D5A55D;
color:  #D5A55D;
font-size:.24rem;
line-height: .24rem; /* 100% */
padding: .06rem .14rem;
background: transparent;
}
body.c-is-nighttime.black-index #js-reListGame-swiper{
padding-top: .8rem;
margin-top: -.8rem;
}
body.c-is-nighttime.black-index #js-reListGame-swiper .swiper-button-prev{
  width:.36rem;
  height:.36rem;
  background-image:url('/mobile21/image/nightpic/index/arrowL.png');
  background-size: 100% 100%;
  top:.45rem;
  right:.4rem;
  z-index: 10;
  left:auto;

}
body.c-is-nighttime.black-index #js-reListGame-swiper .swiper-button-next{
  width:.36rem;
  height:.36rem;
  background-image:url('/mobile21/image/nightpic/index/arrowR.png');
  background-size: 100% 100%;
  top:.45rem;
  right:0;
  z-index: 10;
}
body.c-is-nighttime.black-index .new-title-box span.new-title-text{
  font-size:.36rem;
  padding-left: .3rem;
}
body.c-is-nighttime.black-index .new-title-box .more{
  float:right;
  color:  #8B8B8B;
font-size: .24rem;
margin-top: .27rem;
}
body.c-is-nighttime.black-index .breakout-game-div2 .item-div:nth-child(1) .item2{
  background: url('/mobile21/image/nightpic/index/bg7.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .breakout-game-div2 .item-div:nth-child(2) .item2{
  background: url('/mobile21/image/nightpic/index/bg8.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .breakout-game-div2 .item-div:nth-child(3) .item2{
  background: url('/mobile21/image/nightpic/index/bg9.png');
  background-size: 100% 100%;
}
body.c-is-nighttime.black-index .js-swiper-container .swiper-slide a{
width:100%;
height:100%;
}
body.c-is-nighttime.black-index .prizePool-amount{
  width:3.44rem;
  height:1.1rem;
  background: url('/mobile21/image/nightpic/index/bg10.png');
  background-size: 100% 100%;
  margin: 0 auto;
  padding: .08rem;
}

body.c-is-nighttime.black-index .prizePool-amount h3{
  color:  #FFF;
font-size: .28rem;
line-height: .4rem;
text-align: center;
margin: .05rem 0;
}
body.c-is-nighttime.black-index #j-jackpotCount,body.c-is-nighttime.black-index #j-jackpotCountPt{
  display:flex;
}
body.c-is-nighttime.black-index .prizePool-amount .num-item{
  display: flex;
  width: .28rem;
  height: .42rem;
  padding: .04rem .06rem;
  justify-content: center;
  align-items: center;
  border-radius: .04rem;
  background: #460018;
  color: #F6C56A;
font-size: .28rem;
margin-right: .01rem;
}
body.c-is-nighttime.black-index .prizePool-amount:nth-child(2) .num-item{
  
background: #220152;
}
body.c-is-nighttime.black-index .prizePool-amount .num-item.small{
  width:.1rem;
  background: transparent;
}
body.c-is-nighttime.black-index .sport-top-wrap{
  padding: 0 .24rem
}
body.c-is-nighttime.black-index .sport .header-bg-wrap.app{
  margin-bottom: 0;
}
body.c-is-nighttime.black-index .live-list .list-item{
  border-radius:.12rem
}
body.c-is-nighttime.black-index .prizePool-wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .2rem;
}
body.c-is-nighttime.black-index .prizePool-amount:nth-child(2){
  background: url('/mobile21/image/nightpic/index/bg11.png');
  background-size: 100% 100%;

}
body.c-is-nighttime.black-index .search-top-list .game_item:nth-child(3n){
margin-right: 0;
}

.slot-filter-box span.active {
  color: #111111 !important;
  background: #ebc58c !important;
}
body.c-is-nighttime.black-index .my-nav .login-my-collect img{
  width:3rem
}
body.c-is-nighttime.black-index .my-nav .login-my-collect p{
  width:1.6rem;
  height:.52rem;
  font-size:.24rem;
  border-radius: 4px;
  border: 1px solid  #D5A55D;
  line-height: .52rem;
  margin-top: .4rem;
  color: #D5A55D;
  
}
body.c-is-nighttime.black-index .my-nav .login-my-collect p a{
  width:100%;
  height:100%;
  display:flex;
  align-items: center;
  justify-content: center;
}
body.c-is-nighttime.black-index .my-nav .login-my-collect span{
  font-size: .24rem;
    color: #666666;
    margin-top: .3rem;
}
body.c-is-nighttime.black-index .my-nav{
  position: relative;
}
body.c-is-nighttime.black-index .my-nav .delete-current{
  position: absolute;
  right:.3rem;
  top:0;
  display:flex;
align-items: center;
width: 1.24rem;
height: .52rem;
line-height: .42rem;
padding: .06rem .16rem;
justify-content: center;
align-items: center;
border-radius: .44rem;
background:rgba(0, 0, 0, 0.20);
color: #D5A55D;
font-size: .24rem;
font-style: normal;
z-index:99999;
}
body.c-is-nighttime.black-index .recommend .safety-wrap p{
  line-height: 1.5;
}
body.c-is-nighttime.black-index .recommend .safety-wrap p span{
  color: #fff;
}
body.c-is-nighttime.black-index .recommend .btm-safe{
background: rgba(0, 0, 0, 0.20);
}
body.c-is-nighttime.black-index .recommend .btm-safe .safe-text-title{
color: #D5A55D;
}

body.c-is-nighttime.black-index .recommend .safety-wrap p{
color: #8B8B8B;
font-size:.2rem
}
body.c-is-nighttime.black-index .safe-text2{
  color:  #616161;
font-size: .2rem;
}
body.c-is-nighttime.black-index .recommend .license-wrap{
color:  #616161;
font-size: .2rem;
}
body.c-is-nighttime.black-index .announcement-box{
  background: url(/mobile21/image/nightpic/index/indexbg.png) no-repeat;
    background-size: 100% 100%;

}
body.c-is-nighttime.black-index .announcement-body{
background: transparent;
overflow-y:scroll
}
body.c-is-nighttime.black-index .announcement-item-wrap{
border-bottom:1px solid rgba(0, 0, 0, 0.20);
color:#fff;
background: transparent;
}
body.c-is-nighttime.black-index .find-more{
  display:flex;
  align-items: center;
  justify-content: center;
  color:  #D5A55D;
  font-size: .24rem;
}
body.c-is-nighttime.black-index .find-more img{
  width:.48rem;
  margin-right: .08rem;
}
body.c-is-nighttime.black-index .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8); /* 半透明遮罩 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.iframe-loading {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #000 url('/mobile21/image/index/sport/ty.webp') center center no-repeat;
  background-size: cover;
}

.scroll-list-announce li {
  opacity: 0;
  transition: opacity 0.3s ease;
  height:.68rem;
  line-height: .68rem;
}

.scroll-list-announce li.active {
  opacity: 1;
}

.popup-kftc {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.popup-kftc-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-kftc img {
    width: 5.46rem;
    max-width: 567px;
    cursor: pointer;
    display:block;
    margin:0 auto;
}
.popup-kftc .kf-tcclose {
    width: 30px;
    max-width: 30px;
    margin-top: 38px;
}
.popup-kftc .popup-kftc-text {
    position: relative;
    font-size: 12px;
    color: #E93A27;
}
.popup-kftc .popup-kftc-text p {
  width:60%;
    position: absolute;
    top: 3.2rem;
    left: 50%;
    z-index: 999;
    transform: translateX(-53%);
    font-size:.22rem;
    line-height: .38rem;
    height:1.5rem;
    padding-left: .3rem;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.popup-kftc .coupon-popup-btn{
  position: absolute;
      width: 2.7rem;
    height: .6rem;
    top: 4.8rem;
    left: 22%;
  background: transparent;
}
.layui-m-layer-web-save{
  background: transparent;
}