*{margin: 0;padding: 0; box-sizing: border-box;}
body {width: 100%;overflow:auto;color: #666;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;overflow-x: hidden;}
a {text-decoration: none !important;color: #fff}
a:hover {color: #55a1f7;transition: all .3s ease-out}
a:link, a:hover, a:visited, a:active, a:focus {text-decoration: none;outline: none!important; transition:all .3s ease;}
ul li {list-style: none}
ol li {list-style: none}
em, i {font-style: normal; display: inline-block;}
li, ul {margin: 0;padding: 0;list-style: none}
h1, h2, h3, h4, h5, h6 {font-family: FZLTXHK, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', SimSun, sans-serif}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { margin: 0;-webkit-appearance: none}
input[type=number] {-moz-appearance: textfield}
button, input, select {outline: 0}
img {outline: 0;border: 0}
table {border-collapse: collapse;border-spacing: 0}
.clearfix:after {clear: both;display: block;visibility: hidden;height: 0; content: "."}
.clearfix {*zoom: 1;}
html {
   height: auto;
   background: url(../img/y_logo.png)#05133d repeat;
   background-attachment: fixed;
}
body{
   font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;overflow-x: hidden;
   max-width: 10.8rem; 
   margin: 0 auto;
   line-height: 1.5;
   background-color: #05133d;
}
.h5{
   width: 10.8rem;
   background: url(../img/bg.jpg) no-repeat #5d12ba;
   background-size: cover;
   background-size: 100%;
   position: absolute;
}
.bg_img{
   position: absolute;
   top: 0;
   width: 10.8rem;
   height: 16.44rem;
   z-index: -9;
}
.topnav{
   position: fixed;
   top: 0;
   left: 50%;
   width: 10.8rem;
   transform: translateX(-50%);
   height: 1.18rem;
   background-color: rgba(0, 0, 0, 0.45);
   transition: background-color 0.8s ease-in-out;
   backdrop-filter: blur(12px);
   display: flex;
   font-size: 0.32rem;
   color: #fff;
   justify-content: space-between;
   padding: 0 0.34rem;
   align-items: center;
   z-index: 99999;
} 
.max{
   width: 10.8rem;
   height: 14.2rem;
   position: relative;
}
.imgBox{
   width: 9.24rem;
   height: 6.06rem;
   position: absolute;
   top: 5.8rem;
   left: 0.66rem;
   z-index: 3;
}
.animation{
   width: 7.36rem;
   height: 2.4rem;
   position: absolute;
   top: 8.8rem;
   right: 1.66rem;
   z-index: 9;
}
.w_img1{
   width: 5.46rem;
   height: 7.64rem;
   position: absolute;
   top: 0.5rem;
   right: 3.08rem;
   z-index: 2;
}
.sx-btn {
   background-size: contain; /*保持图像本身的宽高比例*/
   -webkit-animation: sx-btn 12s infinite;
   
}

@keyframes sx-btn {
   0% {
       transform: translate(0,0);
   }
   50% {
       transform: translate(0.1rem,0.2rem);
   }
   100% {
       transform: translate(0,0);
   }
}

.w_img2{
   width: 4.34rem;
   height: 5.58rem;
   position: absolute;
   top: 3.98rem;
   right: 6.34rem;
   z-index: 1;
   background-size: contain; /*保持图像本身的宽高比例*/
   -webkit-animation: sx-r 12s infinite;
}
@keyframes sx-r {
   0% {
       transform: translate(0,0);
   }
   50% {
      transform: translateY(-0.2rem);
   }
   100% {
       transform: translate(0,0);
   }
}
.w_img3{
   width: 7.14rem;
   height: 7.66rem;
   position: absolute;
   top: 2.38rem;
   right: 0.06rem;
   z-index: 1;
   background-size: contain; /*保持图像本身的宽高比例*/
   -webkit-animation: sx-l 12s infinite;
}
@keyframes sx-l {
   0% {
       transform: translate(0,0);
   }
   50% {
      transform: translateX(-0.2rem);
   }
   100% {
       transform: translate(0,0);
   }
}


.content{
   padding: 0 0.34rem;
}
.logo_box{
   width: 3.4rem;
   height: 0.86rem;
}
.logo_box > img{
   width: 3.4rem;
   height: 0.86rem;
}
.reg_log_box a{
   width: 2.8rem;
   height: 1rem;
   border-radius: 1rem;
   padding: 0.14rem 0.64rem;
   font-size: 0.32rem;
   margin-left: 0.08rem;
}
.reg_log_box a:hover{
   color: #fff;
}
.log{
   border: solid 0.02rem rgba(255, 255, 255, 0.479);
}
.reg{
   background: linear-gradient(0deg, #1c7af9, #24d1f5);
}


.betBnt {
   font-size: 0.32rem;
   margin-top: 0.22rem;
   width: 3.02rem;
   border-radius: 0.12rem;
   background: #fff;
   line-height: 0.84rem;
   display: flex;
   align-items: center;
   justify-content: center;
   background-image: linear-gradient(to top, rgba(29, 130, 249), rgba(36, 209, 245));
   cursor: pointer;
}
.betBnt>i{
   padding: 0 0.1rem;
   color: #fff;
}
.betBnt a:hover{
   color: #fff;
}
.pao_box{
   display: flex;
   flex-direction: column;
}
.pao_box img{
   width: 10.22rem;
   height: 10.2rem;
}
.game_ag img{
   width: 10.8rem;
   height: 7.16rem;
}
.game_ag{
   display: flex;
   flex-direction: column;
   padding-bottom: 0.2rem;
   position: relative;
}
.b_box{
   width: 10.12rem;
   height: 3.82rem;
   position: absolute;
   top: 0;
   left: 0;
}
.game_ag img{
   width: 10.12rem;
   height: 3.82rem;
}
.game_box{
   width: 10.1rem;
   display: flex;
   justify-content: space-between;
}
.game_box a {
   margin-top: 0rem;
}
.game_box a img{
   width: 4.92rem;
   height: 3rem;
   border-radius: 0.2rem;
}

/****线路******/
.detect_bg {
   padding: 0.16rem;
   width: 100%;
   border-radius: 0.22rem;
   margin-top: 0.56rem;
   margin-bottom:1rem;
}
.detect_w>h2 {
   text-align: center;
   font-size: 0.64rem;
   line-height: 1.06rem;
}
.sign_l{
   background: no-repeat left / auto 88% url(../img/zs_r.png);
}
.sign_r{
   background: no-repeat right / auto 88% url(../img/zs_l.png);
}
.hint {
   display: flex;
   margin-bottom: 0.52rem;
   justify-content: center;
   align-items: center;
}
.hint>p {
   text-align: center;
   font-size: 0.36rem;
}
.hint>span{
   width: 2.56rem;
   height:0.3rem;
}
 .lineBox h3{
   padding-top: 0.4rem;
   color: #393f4f;
   text-align: center;
   font-weight: 600;
   font-size: 0.54rem;
   line-height:0.9rem;
}
.lineBox p{
   padding: 0.3rem 0.22rem 0.3rem;
   color: #fff;
   text-align: center;
   font-size: 0.3rem;
}
.lineBox ul{
   position: relative;
   margin: 0 auto;
   width: 100%;
}
.lineBox>ul>li{
   position: relative;
   margin: 0.3rem auto;
   height: 0.9rem;
   border: solid 0.01rem #6f7382;
   border-radius: 1rem;
}
.clearfix>li{
   box-sizing: border-box;
   padding: 0 0.46rem;
}
.lineBox ul li>span{
   float: left;
    color: #fbf3c9;
    font-size: 0.32rem;
    line-height: 0.9rem;
}
.lineBox ol{
   float: left;
   padding-left: 0.3rem;
   border-radius:1rem;
}
.lineBox ul li ol li{
    float: left;
    margin: 0.32rem 0.04rem;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 1rem;
    background-image: linear-gradient(to top, #f6b641, #fef6cd);
}

.signal {
   background-image: linear-gradient(to top, #f6b641, #fef6cd);
}

.lineBox ul li a{
   position: absolute;
   top: -0.02rem;
   right: -0.02rem;
   float: right;
   width: 2.2rem;
   border-radius: 1rem;
   background-image: linear-gradient(to top, #f6b641, #fef6cd);
   color: #a60c0c;
   text-align: center;
   font-size: 0.32rem;
   line-height: 0.9rem;
}
.lineBox a:hover{
   background-color: #058f78;
   color: #fff;
   transition: all .3s ease-out;
}
.lineBox .bnt{
    display: flex;
    margin-top: 0.52rem;
    margin-bottom: 0.12rem;
    font-size: 0.36rem;
    cursor: pointer;
    justify-content: center;
    line-height: 1rem;
    border-radius: 1rem;
    width: 68%;
    background-color: #ffffff1f;
}
.lineBox .bnt:hover{
   background-color: #ec1e1e7c;
   color: #fef6cd;
   transition:all .3s ease;
}
.lineBox .bnt>span>img{
   width: 54%;
   text-align: center;
}
.bewrite_box_t{
   position: absolute;
   top: 0.26rem;
   left: 4.12rem;
   display: flex;
   flex-direction: column;
}
.bewrite_box_t>h3{
   display: flex;
   color: #fff;
   font-size: 0.52rem;
}
.bewrite_box_t p{
   display: flex;
   font-size: 0.0028rem;
}
.d_wei{
   display: flex;
   align-items: center;
   justify-content: center;
}
.title{
   margin-top: 0.3rem;
   color: #fff;
   font-size: 0.4rem;
   line-height: 1.08rem;
}
.bnt_c{
   display: flex;
   justify-content: space-evenly;
}
/****轮播******/
.Carousel{
   width: 10.1rem;
   height: 4.42rem;
   background: url(../img/hd_bg.png) no-repeat;
   background-size: cover;
   background-size: 100%;
   padding: 1.06rem 0.34rem 0.34rem 0.34rem;
}

.banner{
   display: flex;
   justify-content: center;
 }
 .carousel1{
   width: 9.42rem;
   height: 2.66rem;
   display: flex;
   justify-content: center;
   position: relative;
   border-radius: 0.2rem;
   }
.viewportA{
   width: 9.42rem;
   height: 2.66rem;
   position: relative;
   overflow: hidden;
   z-index: 1;
}
.parentA{
 width:1000%;
 position: absolute;
}
.parentA .item{
 float:left;
}
.parentA .item img{
 display: block;
 width: 9.42rem;
 height: 2.66rem;
}
.carousel1 .prevA{
position:absolute;
height:20%;
width:auto;
left:0;
top:45%;
z-index:3;
opacity:0;
cursor: pointer;
}
.carousel1 .nextA{
position:absolute;
height:20%;
width:auto;
right:0;
top:45%;
z-index:3;
opacity:0;
cursor: pointer;
}
.carousel1 .prevA:hover {
 opacity:0.9;
}
.carousel1 .nextA:hover {
 opacity:0.9;
}
.circleListA{
 position:absolute;
  z-index: 3;
  bottom:-20px;
  width:1.58rem;
  height:0.22rem;
  left:50%;
  margin-left:-0.78rem;
  padding-top:0.04rem;
  padding-bottom:0.04rem;
 zoom:1;
 border-radius:0.16rem;
 display: flex;
 align-items: center;
 justify-content: center;
}
.circleListA span{
 float:left;
 height:0.12rem;
 width:0.48rem;
 border-radius:1rem;
 margin-right:0.1rem;
 background-color:rgba(255, 255, 255, 0.623);
 cursor: pointer;
}
.circleListA span:hover{
 background:#ffd700;
}
.circleListA .active{
 background:#fff!important;
}
/****结束****/
.bg_bottom{
   display: flex;
   flex-direction: column;
}
.bg_bottom img {
   width: 10.8rem;
   height: 13.84rem;
}
.down_box{
   max-width: 10.8rem;
   position: fixed;
   bottom: 0;
   z-index: 99;
   display: flex;
   padding: 0.28rem 0.28rem;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.45);
   transition: background-color 0.8s ease-in-out;
   flex-direction: column;
   backdrop-filter: blur(0.24rem);
}

.down_box{
   display: flex;
   flex-direction: row;
   align-items: center;
}
.title_left>img{
   display: flex;
   width: 90%;
   cursor: pointer;
}
.down_btn{
   display: flex;
   flex-direction: row-reverse;
}
.down_btn>img{
   display: flex;
   width: 100%;
}
.title_left>img{
   display: flex;
   width: 96%;
   cursor: pointer;
}

.service_box a{
   display: inline-block;
   width: 0.84rem;
   height: 1.2rem;
   background: url(../img/service.png) center no-repeat;
   background-size: cover;
   background-size: 100%;
}
.service_box:hover{
   background-color: #af3afa;
}
.service_box{
   position: fixed;
   bottom: 11%;
   right: 30%;
   width: 1.5rem;
   height: 1.5rem;
   border-radius: 1rem;
   background-image: linear-gradient(to top, rgba(8, 225, 251), rgba(175, 58, 250));
   display: flex;
   align-items: center;
   justify-content: center;
}
.gradient-text {
   background: linear-gradient(to right, #f2e7ab, #f6b541,#f2e7ab, #f6b541,#f2e7ab, #f6b541,#f2e7ab);
   -webkit-background-clip: text;
   color: transparent;
 }
 .gradient-t {
   background: linear-gradient(to top, #f6b541, #f2e7ab);
   -webkit-background-clip: text;
   color: transparent;
 }
 /*banner区域 start*/
 .topbanner{
   padding: 0.34rem;
 }
 #banner-area {
   position: relative;
   width: 100%;
   height: 5.38rem;
   overflow: hidden;
   margin-top: 1.2rem;
   border-radius: 0.2rem;
 }
 #banner-area #banners-img {
   width: 500%;
   height: 5.38rem;
 }
 #banner-area #banners-img .img-area {
   float: left;
   width: 20%;
   height: 5.38rem;
   cursor: pointer;
 }
 #banner-area #banners-img .img-area img {
   width: 100%;
   height: 5.38rem;
 }
 #banner-area #banner-nav {
   position: absolute;
   bottom: 0.32rem;
   right: 0.32rem;
   width: 1.36rem;
   height: 0.7rem;
   font-size: 0.48rem;
   line-height: -0.6rem;
   text-align: center;
   color: #fff;
   background-color: rgba(0, 0, 0, 0.3);
   border-radius: 0.4rem;
 }
/*banner区域 end*/

/*轮*/
.focus {
   overflow: hidden;
   position: relative;
}
.focus img {
   width: 100%;
}
.focus ul {
   /* ul没有高度，里面的子元素又是浮动的，必然会引起格式混乱
   因此需要清除浮动 */
   overflow: hidden;
   width: 500%;
   /*  margin-left: -100%;显示第一张图片，而不是复制的第三张图片 */
  
}
.focus ul li {
   float: left;
   /* 注意：图片的宽度为100%,占满父盒子,而图片的父盒子小li没有宽度，则找ul
      而ul得宽度设为500%,所以图片得宽度也被拉长了
      因此需要给li设置宽度，每个小li占ul的1/5 */
   width: 20%;
}
/*emd*/






@media screen and (max-width:768px) {/*h5*/
   .service_box{
      position: fixed;
      bottom: 10%;
      right: 0.1rem;
      width: 1.64rem;
      height: 1.64rem;
      border-radius: 1rem;
      background-image: linear-gradient(to top, rgba(8, 225, 251), rgba(175, 58, 250));
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 99999;
   }

}