.home-banner a {
  background:#000
}
.home-banner img {
  width:1920px;
  height:390px
}
.home-banner .mobile_img {
  display:none
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
  background:0 0
}
.home-banner i.iconfont {
  color:#fff;
  font-size:50px
}
.home-banner .home-swiper-prev,
.home-banner .home-swiper-next {
  opacity:.2
}
.home-banner .home-swiper-prev:hover,
.home-banner .home-swiper-next:hover {
  opacity:1
}
.home-banner .home-swiper-prev {
  left:60px
}
.home-banner .home-swiper-next {
  right:60px
}
.home-banner .swiper-pagination-bullet {
  width:10px;
  height:10px;
  border:1px solid #fff;
  background:0 0;
  border-radius:10px;
  opacity:1
}
.home-banner .swiper-pagination-bullet-active {
  border:1px solid #fff;
  background:#fff
}
.home-banner .swiper-container-horizontal>.swiper-pagination-bullets,
.home-banner .swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom:24px;
  width:100%;
  position:absolute;
  display:flex;
  justify-content:center;
  z-index:1
}
.home__games {
  margin:48px 0
}
.home__games .game__list {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-gap:13px;
  margin-top:40px
}
    .home__games .game__list .game__item {
        height: 116px;
        /*    background: url(../images/homegamebj-1.webp);*/
        border: 1px solid #323a5e;
        background-size: 100%;
        border-radius: 4px;
        padding: 0 14px;
        cursor: pointer;
       
        text-align: center;
        background-color: #1e243e;
    }
        .home__games .game__list .game__item:hover { 
            border: 0px solid #1e243e;
            background: url(../images/homegamebj-h.png);
            background-size: 100%;
        
        }
.home__games .game__list .game__item .game_img {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background: linear-gradient(180deg,rgb(82, 62, 201) 0%,rgb(82, 62, 201) 100%);
    border-radius: 10px;
    margin-right: 12px;
    border: 0px solid #fff;
}
.home__games .game__list .game__item .game_img img {
  max-width:40px;
  max-height:40px
}
.home__games .game__list .game__item .game_info span {
  color:#f4f4f5
}
        .home__games .game__list .game__item .game_info p {
            color: #d4d4d4;
            font-size: 12px;
            word-break: break-all;
            border-top: 1px solid #fff;
            padding-top:5px;
            margin-top:5px;
        }
.home__affiliate {
  background:#000
}
.home__affiliate .aff_container {
  background:url(../images/home-affiliatebj.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  max-width:2600px;
  margin:0 auto
}
.home__affiliate .affiliate__content {
  width:50%;
  padding:45px 0 60px
}
.home__affiliate .aff__title {
  font-size:36px;
  color:#fff;
  line-height:50px;
  margin-bottom:10px
}
.home__affiliate .aff__title span {
  color:#fe7329
}
.home__affiliate .aff__below p {
  color:#fff;
  font-size:22px;
  margin-bottom:18px
}
.home__affiliate .aff__below .below__ls {
  flex-wrap:wrap
}
.home__affiliate .aff__below .below__ls span {
  background:url(../images/below_bj.png) no-repeat;
  background-size:100%;
  width:160px;
  min-width:160px;
  height:50px;
  font-size:18px;
  color:#fe7329;
  height:50px;
  margin-right:40px;
  margin-bottom:30px;
  text-align:center
}
.home__affiliate .aff_work p {
  color:#fff;
  font-size:16px;
  margin:0 0 20px
}
.home__affiliate .aff_work a {
  color:#0082fb
}
.home__affiliate .aff_work a span {

  margin-right:9px
}
.home__reviews {
  padding:8px 0
}
.home_common--title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.home_common--title span {
  color:#dd682a
}
.home_common--title::after {
  content:'';
  width:80px;
  height:4px;
  background:#dd682a;
  border-radius:2px 2px 2px 2px;
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%)
}
.home__reviews .trustpilot {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:20px;
  color:#000;
  margin:60px 0 40px;
  transition:all .3s
}
.home__reviews .trustpilot:hover {
  color:#0082fb
}
.home__reviews .trustpilot img {
  margin-top:10px
}
.home__reviews .reviews__list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
    margin-top: 40px;
}
    .home__reviews .reviews__list .reviews__item {
        background: linear-gradient(rgb(30, 34, 66) 0%, rgba(30, 34, 66, 0) 100%), rgb(5, 6, 34);
        border-radius: 2px;
        color: #dbd6ce;
        padding: 10px 15px
    }
        .home__reviews .reviews__list .reviews__item .user {
            font-size: 14px;
            color: #a3b1bf;
        }
.home__reviews .reviews__list .reviews__item .user span {
  display:block;
  color:#fff;
  font-size:16px
}
.home__reviews .reviews__list .reviews__item .user i {
    font-size:20px;
    margin-right: 10px;
    vertical-align: middle;
    color: #36455c;
}
.home__reviews .reviews__list .reviews__item .user img {
  width:100px;
  margin-top:4px
}
.home__reviews .reviews__list .reviews__item .item_bootom {
  margin-top:10px
}
    .home__reviews .reviews__list .reviews__item .item_bootom .content {
        line-height: 1.57;
        display: -webkit-box;
        overflow: hidden;
        width: 100%;
        font-size: 14px;
        /*        height: 60px;*/
        margin-bottom: 20px;
        text-overflow: ellipsis;
        word-break: break-all;
        color: #f4f4f5;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
.home__reviews .reviews__list .reviews__item .item_bootom .time {
  color:#aeaeae;
  display:block;
  text-align:right;
  margin-top:9px
}
.home__reviews .reviews__count {

  color:#222;
  font-size:16px;
}
.home__reviews .reviews__count span {
  color:#00b67a;
  text-decoration:underline
}

.home__reviews .more {
    height: 56px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
   /* background: rgba(86, 79, 255, 0.1);*/
    font-size: 16px;
    padding: 0 60px;
    margin-top: 50px;
    margin-bottom: 20px;
    border: 2px solid hsla(0,0%,100%,.15)
}

.home__reviews .more:hover {
    background-color: rgba(86, 79, 255, 0.3);
    border-color: rgb(82, 62, 201);
}

.home__news {
  padding:10px 0
}
.home__news .news__list {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-gap:40px;
  margin-top:40px
}
.home__news .news__list .news__item {
  border-radius:2px
}
.home__news .news__list .news__item .news__img img {
  width:100%;
  height:192.5px;
  border-radius:2px 2px 0 0
}
.home__news .news__list .news__item:hover {
  box-shadow:0 4px 40px 0 rgba(21,94,161,.4)
}
    .home__news .news__list .news__content {
        padding: 20px 16px;
        background: linear-gradient(180deg,rgba(30, 34, 66, 0.64) 0%,rgba(30, 34, 66, 0.64) 100%);
        border-radius: 0 0 2px 2px
    }
.home__news .news__list .news__content .title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  height:56px;
  font-size:18px;
  color:#fff
}
.home__news .news__list .news__content .title:hover {
  color:#00a0fb
}
.home__news .news__list .news__content .gameTitle {
  min-height:49px
}
        .home__news .news__list .news__content .game {
            height: 24px;
            background: #15191f;
            border-radius: 2px 2px 2px 2px;
            color: #00a0fb;
            font-size: 12px;
            padding: 0 5px;
            margin: 5px 0 20px
        }
        .home__news .news__list .news__content section {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
            height: 84px;
            color: hsla(0,0%,100%,.6)
        }
        .home__news .news__list .news__content .time {
            display: block;
            color: hsla(0,0%,100%,.8);
        }
    .home__news .more {
        height: 56px;
        border-radius: 4px;
        color: rgb(255, 255, 255);
      /*  background: rgba(86, 79, 255, 0.1);*/
        font-size: 16px;
        padding: 0 60px;
        margin-top: 50px;
        margin-bottom: 20px;
        border: 2px solid hsla(0,0%,100%,.15)
    }
        .home__news .more:hover {
            background-color: rgba(86, 79, 255, 0.3);
            border-color: rgb(82, 62, 201);
        }
.home__choose {
    background: linear-gradient(180.01deg, rgba(30, 34, 66, 0.48) 0%, rgba(30, 34, 66, 0) 100%), linear-gradient(rgba(5, 6, 34, 0.72) 0%, rgb(5, 6, 34) 100%);
    padding: 58px 0
}
.home__choose ul {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:70px;
  grid-gap:80px
}
.home__choose ul li {
  display:flex;
  flex-direction:column;
  align-items:center
}
.home__choose ul li img {
  width:86px;
  height:86px
}
.home__choose ul li span {
  color:#fff;
  font-size:20px;
  margin:18px 0 23px
}
    .home__choose ul li p {
        text-align: center;
        color: rgb(167, 167, 200);
    }
@media(max-width:1920px) {
  .home-banner img {
    width:100%
  }
}
@media(max-width:1300px) {
  .home-banner img {
    height:auto
  }
}
@media(max-width:1200px) {
  .home__games .game__list {
    grid-template-columns:repeat(4,1fr)
  }
}



.index-img-menus ul {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 13px;
    margin-top: 40px;
}
.index-img-menus ul li {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    outline: none;
}
.index-img-menus ul li:hover img:nth-child(1) {
    transform: scale(1.08);
}

.index-img-menus ul li:hover .gaem-img {
    -webkit-transform: scale(1.2);
    -webkit-transition: all .2s ease
}
.index-img-menus ul li:hover {
    -webkit-filter: brightness(1.3)
}
       
.index-img-menus ul li img {
    width: 100%;
    height: 290px;
    border-radius: 8px;
    display: block;
    transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
}

.index-img-menus ul li div {
    position: absolute;
    bottom: 5px;
    color: #fff;
    width: 100%;
           
}

.index-img-menus ul li img.meiguo {
    position: absolute;
    left: 10px;
    width: 35px;
    height: 35px;
    z-index: 1;
    bottom: 0px;
}
 
.index-img-menus ul li div p span {
    white-space: nowrap;
    margin-left: 50px;
    font-size: 16px;
    font-family: sans;
}