@import url("main.css");
@import url("index.css");
@import url("club.css");
    
.gameIM{width:100%;border-radius:11px;  height:160px;
    object-fit: cover;}
h1,
h2,
h3,
h4{margin-bottom:0px !important;}
.navbar-fixed[data-v-12a80a3e]{box-shadow: 0px 2px 1px 0px #0000001f;}
.home1 {
       height: fit-content;
    width: 400px;
    margin:0px auto;
    padding:0px 8px;
    padding-bottom: 6%;
    background: #05012b !important;
    font-family: "Montserrat", sans-serif !important;
}

.lottery h3{color: #e3efff;
    margin-bottom: 0px;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    padding-top: 3px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-inline-start: 12px;
    /*background-image: url(img/Hot.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 24px;*/
}
img[data-v-d78763b5] {
    height: 55px;
    margin-top: 10px;
    box-shadow: 0px -1px 8px 1px #000;
}   
.scrolling-wrapper .col h4{    color: #7afec3;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;}
.navbar[data-v-12a80a3e] {
    height: auto;
    z-index: 100;
    padding: 5px;}
.club91[data-v-d78763b5] {
  margin-top: 0px;
    padding: 9px .32rem !important;
}
.nav-tabs .nav-link.active {
    font-weight: 500;
    color: #1B2C42;
    background: #daa1ff;
    border-radius: 11px;
    border-bottom: solid 2px #c29850;
}
.pleft {
	padding-left:3px;
}
.pright {
	padding-right:3px;
}
.logo{
     width: 36px !important;
    padding: 0 0px;
}
  .height{ height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 23px;}
.height .pageTitle{ line-height:39px;}/*2em*/

.l{color:#fff;}
.carousel-indicators{display:none;}
.hg{
     margin-bottom: 0px;
        display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.carousel-inner {
	width: 100%;
	display: inline-block;
	position: relative;
}
.carousel-inner {
	padding-top:20.25%;
	display: block;
	content: "";
}
.carousel-item {
	position: absolute;
	top: 0;
	bottom: 0;
	height:312px;
	right: 0;
	left: 0;
	background: skyblue;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.caption {
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translateX(-50%) translateY(-50%);
	width: 60%;
	z-index: 9;
	margin-top: 20px;
	text-align: center;
}
.carousel-control-prev{display:none;}
.carousel-control-next{display:none;}
.caption h1 {
  color: #fff;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 23px;
}
.caption h2 {
  color: rgba(255,255,255,.75);
	font-size: 26px;
	font-weight: 300;
}
a.big-button {
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	background: #eb7a00;
	background: rgba(255, 0, 0, 0.75);
	padding: 28px 35px;
	border-radius: 3px;
	margin-top: 80px;
	margin-bottom: 0;
	display: inline-block;
}
a.big-button:hover {
	text-decoration: none;
	background: rgba(255, 0, 0, 0.9);
}
a.view-demo {
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	display: inline-block;
	margin-top: 35px;
}
a.view-demo:hover {
	text-decoration: none;
	color: #333;
}

.carousel-indicators .active {
  background: #fff;
}
.carousel-indicators li {
  background: rgba(255, 255, 255, 0.4);
  border-top: 20px solid;
  z-index: 15;
}
.spn{
        display: inline-block;
    width: auto;
    color: #616161;
    font-size: 20px;
    margin-left:7px;
    font-weight: 500;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wp{
    text-align: center;
    padding: 0 12px 16px;
    color: #9a9a9a;
    font-size: 10px;
}
.index_list {
    width: 100%;
    padding: 0px 0 64px 0;
    box-sizing: border-box;
    background: #fafafa;
}
.index_list .list_content {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background:#f1f1f1;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.index_list .list_content .list_ul {
     margin: 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        list-style-type: none;
}
.list_ul .list_li{
    width: 50%;
    padding: 4px;
    box-sizing: border-box;
}
.list_ul .list_li ol {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0,0,0,.87);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    /*box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);*/
        box-shadow: 3px 3px 4px rgb(26 26 26 / 20%);
    border-radius: 2px;
    overflow: hidden;
    height: 211px;
}
.list_ul .list_li ol .list_img_box {
        width: 100%;
    height: 100%;
    padding: 19px;
    box-sizing: border-box;
}
.list_ul .list_li ol .list_img {
    width: 155px;
    height: 100%;/*100%*/
    background-repeat: no-repeat;
    background-size: contain;
    /*background-position: 50%;*/
}
.list_ul .list_li ol .info{
       height: 31px;
    width: 70%;
    float: right;
    margin-top: 110px;
    /*overflow: hidden;*/
    padding: 8px;
    font-size: 11px;
    box-sizing: border-box;
    text-align: center;
    color: rgba(0,0,0,.87);
}
.mnb{margin-top:38px;}



.van-col{font-size:13px;}
.tab-content{margin-top:6%;}
.hb .goItem span{font-size:19px;}
.scrolling-wrapper {
    overflow-x: auto;
    padding-top: 10px;
    padding-bottom: 11px;
    scrollbar-width: thin;
      scrollbar-color: #7afec3 #05012b;
}
.nav-btn{width:auto;}
.nav-right .nav-btn[data-v-d78763b5]{height: 28px;padding: 10px;font-size: 13px;border-radius:7px;font-weight:500;}
/*.navbar-fixed[data-v-12a80a3e]{left: 49%;}*/
/*.tabbar__container[data-v-c4b9aaee]{left: 49%;}*/
.pageload .modal-body h1 {
  font-weight: 900;
  font-size: 2.3em;
  text-transform: uppercase;
}
.pageload  .modal-body a.pre-order-btn {
 color: #000;
    background-color: gold;
    border-radius: 14px;
    padding: 14px;
    display: block;
    margin: 2em auto;
    width: 100px;
    font-size: 14px;
    font-weight: 600;
}
.pageload .modal-body a.pre-order-btn:hover {
  background-color: #000;
  text-decoration: none;
  color: gold;
}
.pageload .modal-body{padding:11px 7px;}
.pageload .modal-body p{      color: red;
    margin: 12px 14px 2px;
    font-size: 19px;
    font-weight: bold;
    font-family: sans-serif;}
.close {
        float: right;
    font-size: 31px !important;
    margin-right: -25px;
    margin-top: -34px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.modal-footer{padding:0px !important;}
.btn{    padding: 6px 17px !important;
    font-size: 15px !important;
    line-height: 9px !important;
    height: 26px !important;}
img[data-v-d78763b5]{border-radius:11px;}
.lgtxt{     margin: 0 auto;
    padding-top: 9px;
    padding-left: 6px;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    color: #fff;}
.lgtxt span{ color:red;}
.gameImage{    width: 100%;
    border-radius: 11px;
    object-fit: fill;
    box-shadow: 0px 3px 11px #00000099;
    height: 171px;}
.dailyProfitRank__content[data-v-817fdb00]{    background: linear-gradient(180deg, #416f8c 0%, #182b36 100%);}
.nav-right .nav-btn[data-v-d78763b5]{
        background: #02afb6;
        margin-right:10px;
}
.nav-right .nav-btn.login[data-v-d78763b5] {
    border: .02667rem solid #7afec3;
}
.nav-tabs {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin; /* For Firefox */
}
.nav-tabs {
    border: none;
    padding: 26px 8px 4px;
    height: auto;
}
.nav-tabs .nav-link { 
  flex-direction: column;
  align-items: center;
  display: flex;
  background: linear-gradient(180deg, #222222 0%, #43104b 100%);
  border-radius: 16px !important;
  color: #fff !important;
  font-size: 12px;
  width: 100%;
  padding: 6px;
  height: 100%;
  border: 1px solid rgba(255,0,153,0.2);
  box-shadow: 0 0 8px rgba(255,0,153,0.1);
  transition: all .28s cubic-bezier(.25,.46,.45,.94);
  position: relative;
}

/* Active State */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #4b0a68 0%, #821758 100%) !important;
  border: 1px solid #ff00aa !important;
  box-shadow: 0 0 14px #ff00aa8a, inset 0 0 12px #ff00aa46 !important;
  transform: translateY(-2px);
}

/* Hover */
.nav-tabs .nav-link:hover {
  background: linear-gradient(180deg, #3c0954 0%, #7a1454 100%) !important;
  border: 1px solid #ff00aa !important;
  box-shadow: 0 0 18px #ff00aa7f, inset 0 0 10px #ff00aa38 !important;
  transform: translateY(-2px) scale(1.04);
}

/* Press */
.nav-tabs .nav-link:active {
  transform: scale(.97);
  filter: brightness(.92);
}

/* ICON FIX */
.nav-tabs .nav-link img.catIm {
  width: 27px;
  height: 27px;
  margin-bottom: 3px;
  filter: drop-shadow(0 0 3px rgba(255,0,153,.9));
  transition: transform .28s ease, filter .28s ease;
  opacity: 1;
}

.nav-tabs .nav-link:hover img.catIm,
.nav-tabs .nav-link.active img.catIm {
  transform: translateY(-1px) scale(1.08);
  filter: drop-shadow(0 0 6px rgba(255,0,153,1));
}

/* Glow Ring */
.nav-tabs .nav-link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  opacity: 0;
  border: 1px solid #ff00aa;
  box-shadow: 0 0 14px #ff00aa6d;
  transition: opacity .3s ease;
}

.nav-tabs .nav-link:hover::before,
.nav-tabs .nav-link.active::before {
  opacity: .65;
}



.tab-content .tab-pane .col-12{padding: 0px 5px 9px;}
.marquee {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.marquee-content {
  display: inline-block;
  animation: marquee 15s linear infinite;
}

.marquee-content span {
  display: inline-block;
  padding-right: 8px; 
  padding-top:5px;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.swiper-slide .col-md-4{padding:4px !important;}
.swiper-slide .col-md-4 img{width:124px;}
.swiper-wrapper{    margin: 0 -12px;}
.ovrIMG{     width: 100px;
    margin: 54px auto;}
#popupToggle {
      display: none;
    }

    .open-popup-btn {
      padding: 12px 25px;
      font-size: 16px;
      background: #28a745;
      color: #fff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }

    .overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    #popupToggle:checked ~ .overlay {
      display: flex;
    }

    .popup {
    background: #fff;
    padding: 16px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0px 0px 8px rgb(0 235 255);
    text-align: center;
    position: relative;
    animation: fadeInUp 0.4s ease;
}
    .popup::before{
        background: url(img/mask.61c87593.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px !important;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;}
    
    .popup1 h2, p{color:#000 !important;}
    
    
    @keyframes fadeInUp {
      0% { transform: translateY(40px); opacity: 0; }
      100% { transform: translateY(0); opacity: 1; }
    }

    .success-icon {
      width: 70px;
      height: 70px;
      margin: 0 auto 20px;
      border-radius: 50%;
      background: #28a745;
      display: flex;
      justify-content: center;
      align-items: center;
      animation: popIn 0.5s ease;
    }

    @keyframes popIn {
      0% { transform: scale(0); }
      80% { transform: scale(1.2); }
      100% { transform: scale(1); }
    }

    .success-icon svg {
      fill: white;
      width: 35px;
      height: 35px;
    }

    .popup h2 {
      font-size: 22px;
      color: #333;
      margin-bottom: 10px;
    }

    .popup p {
      font-size: 16px;
      color: #555;
      line-height: 1.4;
    }

    .close-btn {
      position: absolute;
         top: 12px;
    right: 15px;
    font-size: 36px;
    color: #fd0000;
      cursor: pointer;
      transition: color 0.2s;
    }

    .close-btn:hover {
      color: #333;
    }
    
   
    
    
@media only screen and (max-width: 600px) {
    .home1{ 
        width:400px;
        margin: 0 auto;
    padding:0 22px 26%;}
    
    .ovrIMG {
    width: 100px;
    margin: 32% 20px;
}
    .effect-image-1{margin:0px;}
    .gameIM{height:143px;}
    .slide img{height:158px !important;}
    .catIm{width:34px !important;}
    .gameB{padding:0px 8px !important;}
    .btnRi{right:54%;}
    .club91[data-v-d78763b5]{        height: 31px;
        padding: 4px .32rem !important;}
    .notice_91-body[data-v-20e1659b]{height:23px;}
    .notice_91[data-v-20e1659b]{height:23px;}
    .notice_91-body-text[data-v-20e1659b]{max-height: 21px;
    line-height: 12px;
    font-weight:500;
    font-size: 10px;}
    img[data-v-d78763b5]{height: 100%;
        padding: 6px 0px;}
    .home .banner .img[data-v-432e6ed0]{width:100%;}
    .navbar__content[data-v-12a80a3e]{height:50px;}
    
    .tab-content {
    margin-top: 3px;
}
 
}