*{ box-sizing: border-box;margin: 0;padding: 0;}
ul li, ol l {list-style: none;}
em, i { display: inline-block;font-style: normal;}
button, input, select, 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;}/*清除浮动*/
.fl {float: left;}
.fr {float: right;}
.flex1{flex: 1;}
a {text-decoration: none!important;}
a:hover {color: #55a1f7;transition: all .3s ease-out;}
a:link, a:hover, a:visited, a:active, a:focus {outline: none!important;text-decoration: none; transition:all .3s ease;}
html, body, .main{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
flex: 1;
}

/*PC电脑端*/
@media screen and (min-width:768px) {
   #hide_h5{
      display: none !important;
   }
   body {
      overflow-x: hidden;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      max-width: 540px;
      min-width: 320px;
      background: url(../img/pc_bg.jpg) #0a1021 no-repeat; 
      background-size: cover;
      background-attachment: fixed;
      color: #726f74;
      font:normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;
      -webkit-tap-highlight-color:transparent;
      }
      .wrap_h5{
         display: flex;
         min-height: 100vh;
         flex-direction: column;
      }
      .header{
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         left: 0;
         z-index: 99;
         display: flex;
         width: 100%;
         border-radius: 8px;
         background-color: rgba(0, 0, 0, 0.6);
         transition: background-color 0.8s ease-in-out;
         flex-direction: column;
         backdrop-filter: blur(12px);
      }
      .header_c{
         display: flex;
         padding: 0 0.12rem;
         height: 52px;
         justify-content: space-between;
         align-items: center;
        
      }
      .header_c .logo{
         display: flex;
         
      }
      .header_c .logo img{
         width: 60%;
      }
      .header_c .info-box{
         display: flex;
      }
      .header_c .Log_in{
         display: flex;
          color: #25324b;
          flex-direction: row-reverse;
          justify-content: center;
      }
      .header_c .info-box>a{
         margin: 8px;
         width: 78px;
         border-radius: 50rem;
         color: #000;
         text-align: center;
         font-size: 16px;
         line-height: 28px;
        
      }
      .Log_in{
         background-color: #fff;
      }
      .register{
         background-color: #f7c854;
      }
      
      /***轮播**/
      .banner{
         position: relative;
         overflow: hidden;
         width: 100%;
      }
      
      .banner ul {
         overflow: hidden;
         padding-left: 0;
         width: 500%;
      }
      
      .banner ul li {
         float: left;
         width: 20%;
         list-style: none;
      }
      
      .banner ul li img {
         margin: 0;
         padding: 0;
         width: 100%;
      }
      
      .banner ol {
         position: absolute;
         bottom: 2%;
         left: 50%;
         display: flex;
         width: 70px;
         transform: translateX(-50%);
         justify-content:space-around;
         flex: 1;
      }
      
      .banner ol li {
         float: left;
         width: 6px;
         height: 6px;
         border-radius: 50px;
         background-color: #ffffff;
         list-style: none;
         opacity: 0.5;
         transition: all .2s;
      }
      
      .banner .current {
         width: 16px;
         opacity: 1;
      }
      /**END**/
      .all_box_W{
         padding: 0 0.26rem;
      }
      .AG_flagship{
         position: relative;
         margin: 0.15rem 0;
         text-align: center;
      }
      .AG_flagship .bntImg{
         display: flex;
         margin-top: 14px;
         width: 135px;
         border-radius: 5px;
         background: #fff;
         line-height: 40px;
         align-items: center;
         justify-content: center;
      }
      .AG_flagship .bntImg .f_size{
         font-size:16px;
      }
       .AG_flagship .bntImg .icon_size{
         padding-left: 5px;
         font-size:14px;
      }
      .AG_flagship .bntImg>span{
         padding: 0 0.02rem;
         color: #313f62;
         font-size: 0.24rem;
      }
      .AG_flagship img{
         width: 100%;
      }
      .AG_flagship .bewrite_box{
         position: absolute;
         top: 0.2rem;
         left: 0.4rem;
         display: flex;
         flex-direction: column;
      }
   
      .AG_flagship .bewrite_box p{
         display: flex;
         color: #ccdaf0;
         font-size: 14px;
         
      }
      .AG_flagship .bewrite_box h1{
         display: flex;
         padding-top: 5px;
         color: #fff;
         font-size: 32px;
      }
      
      .AG_flagship .bewrite_box ul{
         display: flex;
         color: #c18bfb;
         font-size: 14px;
         align-items: center;
      }
      .AG_flagship .bewrite_box ul li{
         padding-right: 5px;
      }
      .AG_internationality{
         position: relative;
         text-align: center;
      }
      .AG_internationality img{
         width: 100%;
      }
      .AG_game .game_box_up{
         display: flex;
         text-align: center;
         justify-content:space-between;
      }
      .AG_game .game_box_down{
         display: flex;
         margin-top: 0.2rem;
         text-align: center;
         justify-content:space-between;
      }
      .AG_game .game_box_up>img{
         width: 31%;
      }
      .AG_game .game_box_down>img{
         width: 31%;
      }
      .title{
         margin-top: 0.15rem;
         color: #fff;
         font-size: 0.28rem;
         line-height: 0.8rem;
      }
      .electronic_up{
         display: flex;
         text-align: center;
         justify-content:space-between;
      }
      .electronic_up>img{
         width: 31%;
      }
      .electronic_up img:nth-child(1){
         width: 65%;
       }
       .electronic_down{
         display: flex;
         margin-top: 0.2rem;
         text-align: center;
         justify-content:space-between;
       }
       .electronic_down img{
         width: 31%;
       }
      
       .im-sports{
         padding: 25px  25px;
         width: 100%;
         height: 100px;
         border-radius: 5px;
         background: no-repeat right / auto 100% url(../img/im.png), linear-gradient(90deg, #01147e 0%, #155fc2 100%);
       }
       .text_h5{
         background: linear-gradient(to bottom, #fff, #b4c2f5);
         color: transparent;
         font-size: 21px;
         -webkit-background-clip: text;
       }
          
       .sb_sports{
         margin-top: 0.24rem;
         padding: 0.25rem 0.25rem;
         width: 100%;
         height: 100px;
         border-radius: 0.15rem;
         background: no-repeat right / auto 100% url(../img/sb.png), linear-gradient(90deg, #931E1E 0%, #ED215E 100%);
       }
       .hg_sports{
         margin-top: 0.24rem;
         padding: 0.25rem 0.25rem;
         width: 100%;
         height: 100px;
         border-radius: 0.15rem;
         background: no-repeat right / auto 100% url(../img/hg.png), linear-gradient(90deg, #240165 0%, #3e178d 100%);
       }
       .detect_bg{
         padding: 32px 42px;
         width: 100%;
         border-radius: 0.15rem;
         background-image: linear-gradient(to top, rgba(38, 28, 79, 0.7), rgba(67, 25, 101, 0.7));
       }
       .detect_w p{
         color: #dcd7fd;
         text-align: center;
         font-weight: lighter;
         font-size: 36px;
         line-height: 72px;
       }
       .hint{
         display: flex;
         margin-bottom: 0.42rem;
         justify-content: center;
         align-items: center;
       }
       .hint .sign_l img {
         width: 95%;
       }
       .hint .sign_r img {
         width: 105%;
       }
       .hint span{
         color: #dcd7fd;
         text-align: center;
         font-size: 16px;
       }
       .sign_l{
         display: flex;
          justify-content: center;
       }
       /*检测**/
       .lineBox h3{
         padding-top: 20px;
         color: #393f4f;
         text-align: center;
         font-weight: 600;
         font-size: 0.36rem;
         line-height:0.6rem;
      }
      .lineBox p{
         padding: 0.2rem 0.15rem 0.2rem;
         color: #fff;
         text-align: center;
         font-size: 0.2rem;
      }
      .lineBox ul{
         position: relative;
         margin: 0 auto;
         width: 100%;
      }
      .lineBox>ul>li{
         position: relative;
         margin: 12px auto;
         height: 44px;
         border: solid 1px rgba(255, 255, 255, 0.3);
         border-radius: 50px;
      }
      .clearfix>li{
         box-sizing: border-box;
         padding: 0 25px;
      }
      .lineBox ul li H5{
         float: left;
         color: #dcd7fd;
         font-weight: lighter;
         font-size: 18px;
         line-height: 42px;
      }
      .lineBox ol{
         float: left;
         padding-left: 10px;
         height: 42px;
         border-radius: 50px;
      }
      .lineBox ul li ol li{
         float: left;
         margin: 9px 2px;
         width: 3px;
         height: 24px;
         border-radius: 50rem;
         background-image: linear-gradient(#928cfe ,#dcd7fd);
      }
      
      .signal {
         background-image: linear-gradient(#928cfe ,#dcd7fd);
      }
      
      .lineBox ul li a{
         position: absolute;
         top: -1px;
         right: -1px;
         float: right;
         width: 90px;
         height: 44px;
         border-radius: 50px;
         background-color: #dcd7fd;
         color: #772db1;
         text-align: center;
         font-size: 14px;
         line-height: 44px;
      }
      .lineBox a:hover{
         background-color: #730877;
         color: #fff;
         transition: all .3s ease-out;
      }
      .lineBox .bnt{
         display: flex;
         margin-top: 16px;
         color: #dcd7fd;
         font-size: 21px;
         cursor: pointer;
         justify-content: center;
     
      }
      .lineBox .bnt>span>img{
         width: 72%;
         text-align: center;
      }
      .bewrite_box_t{
         position: absolute;
         top: 13px;
         left: 206px;
         display: flex;
         flex-direction: column;
      }
      .bewrite_box_t>h3{
         display: flex;
         color: #fff;
         font-size: 26px;
      }
      .bewrite_box_t p{
         display: flex;
         font-size: 0.14px;
      }
      .d_wei{
         display: flex;
         align-items: center;
      }
      .title{
         margin-top: 15px;
         color: #fff;
         font-size: 20px;
         line-height: 54px;
      }

      /*底部down*/
      .down_box{
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         left: 0;
         z-index: 99;
         display: flex;
         padding: 0.18rem 0.18rem;
         width: 100%;
         background-image: linear-gradient(to left, rgba(38, 28, 79, 0.7), rgba(67, 25, 101, 0.7));
         transition: background-color 0.8s ease-in-out;
         flex-direction: column;
         backdrop-filter: blur(12px);
      }
      
      .footer{
         display: flex;
         padding-bottom: 30px;
         font-weight: lighter;
         font-size: 14px;
         line-height: 20px;
         line-height: 59px;
         cursor: pointer;
         justify-content: center;
         align-items: center;
      }
      .down_box{
         display: flex;
         border-radius: 8px;
         flex-direction: row;
         align-items: center;
      }
      .title_left>img{
         display: flex;
         width: 86%;
      }
      .down_btn{
         display: flex;
         flex-direction: row-reverse;
      }
      .down_btn>img{
         display: flex;
         width: 86%;
        
      }
      .service{
         position: fixed;
         right: 550px;
         bottom: 138px;
         z-index: 99;
      }
      .service img{
         width: 72%;
      } 
   
}


 
 
 /*app移动端端*/
  @media screen and (max-width:768px) {
   #hide_pc{
      display: none;
   }
   body {
      overflow-x: hidden;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      max-width: 540px;
      min-width: 320px;
      background: url(../img/h5_bg.jpg) #0a1021 no-repeat; 
      background-size: cover;
      background-attachment: fixed;
      color: #726f74;
      font:normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;
      -webkit-tap-highlight-color:transparent;
      }
      .wrap_h5{
         display: flex;
         min-height: 100vh;
         flex-direction: column;
      }
      .header{
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         left: 0;
         z-index: 99;
         display: flex;
         width: 100%;
         background-color: rgba(0, 0, 0, 0.6);
         transition: background-color 0.8s ease-in-out;
         flex-direction: column;
         backdrop-filter: blur(12px);
      }
      .header_c{
         display: flex;
         padding: 0 0.12rem;
         height: 52px;
         justify-content: space-between;
         align-items: center;
        
      }
      .header_c .logo{
         display: flex;
         
      }
      .header_c .logo img{
         width: 50%;
      }
      .header_c .info-box{
         display: flex;
      }
      .header_c .info-box >a:hover{
         background-color: #730877;
         color: #fff;
         transition: all .3s ease;
      }
      .header_c .Log_in{
         display: flex;
         color: #25324b;
         flex-direction: row-reverse;
         justify-content: center;
      }
      .header_c .info-box>a{
         margin: 0.06rem;
         width: 1.2rem;
         border-radius: 50rem;
         color: #000;
         text-align: center;
         font-size: 0.28rem;
         line-height: 0.5rem;
        
      }
      .Log_in{
         background-color: #fff;
      }
      .register{
         background-color: #f7c854;
      }
      
      /***轮播***/
      .banner{
         position: relative;
         overflow: hidden;
         width: 100%;
      }
      
      .banner ul {
         overflow: hidden;
         padding-left: 0;
         width: 500%;
      }
      
      .banner ul li {
         float: left;
         width: 20%;
         list-style: none;
      }
      
      .banner ul li img {
         margin: 0;
         padding: 0;
         width: 100%;
      }
      
      .banner ol {
         position: absolute;
         bottom: 2%;
         left: 50%;
         display: flex;
         width: 70px;
         transform: translateX(-50%);
         justify-content:space-around;
         flex: 1;
      }
      
      .banner ol li {
         float: left;
         width: 6px;
         height: 6px;
         border-radius: 50px;
         background-color: #ffffff;
         list-style: none;
         opacity: 0.5;
         transition: all .2s;
      }
      
      .banner .current {
         width: 16px;
         opacity: 1;
      }
      /**END**/
      .all_box_W{
         padding: 0 0.26rem;
      }
      .AG_flagship{
         position: relative;
         margin: 0.15rem 0;
         text-align: center;
      }
      .AG_flagship .bntImg{
         display: flex;
         margin-top: 0.15rem;
         width: 2rem;
         border-radius: 0.07rem;
         background: #fff;
         line-height: 0.55rem;
         align-items: center;
         justify-content: center;
      }
      .AG_flagship .bntImg .f_size{
         font-size:0.24rem;
      }
       .AG_flagship .bntImg .icon_size{
         padding-left: 0.05rem;
         font-size:0.1rem;
      }
      .AG_flagship .bntImg>span{
         padding: 0 0.02rem;
         color: #313f62;
         font-size: 0.24rem;
      }
      .AG_flagship img{
         width: 100%;
      }
      .AG_flagship .bewrite_box{
         position: absolute;
         top: 0.2rem;
         left: 0.4rem;
         display: flex;
         flex-direction: column;
      }
      .AG_flagship .bewrite_box p{ 
         display: flex;
         color: #ccdaf0;
         font-size: 0.22rem; 
         
      }
      .AG_flagship .bewrite_box h1{
         display: flex;
         padding-top: 0.1rem;
         color: #fff;
         font-size: 0.42rem;
      }
      
      .AG_flagship .bewrite_box ul{
         display: flex;
         color: #c18bfb;
         font-size: 0.22rem;
         align-items: center;
      }
        .AG_flagship .bewrite_box ul li{
         padding: 0.05rem;
      }
      .AG_internationality{
         position: relative;
         text-align: center;
      }
      .AG_internationality img{
         width: 100%;
      }
      .AG_game .game_box_up{
         display: flex;
         text-align: center;
         justify-content:space-between;
      }
      .AG_game .game_box_down{
         display: flex;
         margin-top: 0.2rem;
         text-align: center;
         justify-content:space-between;
      }
      .AG_game .game_box_up>img{
         width: 31%;
      }
      .AG_game .game_box_down>img{
         width: 31%;
      }
      .title{
         margin-top: 0.15rem;
         color: #fff;
         font-size: 0.28rem;
         line-height: 0.8rem;
      }
      .electronic_up{
         display: flex;
         text-align: center;
         justify-content:space-between;
      }
      .electronic_up>img{
         width: 31%;
      }
      .electronic_up img:nth-child(1){
         width: 65%;
       }
       .electronic_down{
         display: flex;
         margin-top: 0.2rem;
         text-align: center;
         justify-content:space-between;
       }
       .electronic_down img{
         width: 31%;
       }
      
       .im-sports{
         padding: 0.25rem  0.25rem;
         width: 100%;
         height: 100px;
         border-radius: 0.15rem;
         background: no-repeat right / auto 100% url(../img/im.png), linear-gradient(90deg, #01147e 0%, #155fc2 100%);
       }
       .text_h5{
         background: linear-gradient(to bottom, #fff, #b4c2f5);
         color: transparent;
         font-size: 0.36rem;
         -webkit-background-clip: text;
       }
          
       .sb_sports{
         margin-top: 0.24rem;
         padding: 0.25rem 0.25rem;
         width: 100%;
         height: 100px;
         border-radius: 0.15rem;
         background: no-repeat right / auto 100% url(../img/sb.png), linear-gradient(90deg, #931E1E 0%, #ED215E 100%);
       }
       .hg_sports{
         margin-top: 0.24rem;
         padding: 0.25rem 0.25rem;
         width: 100%;
         height: 100px;
         border-radius: 0.15rem;
         background: no-repeat right / auto 100% url(../img/hg.png), linear-gradient(90deg, #240165 0%, #3e178d 100%);
       }
       .detect_bg{
         padding: 0.6rem 0.25rem;
         width: 100%;
         border-radius: 0.15rem;
         background-image: linear-gradient(to top, rgba(38, 28, 79, 0.7), rgba(67, 25, 101, 0.7));
       }
       .detect_w p{
         color: #dcd7fd;
         text-align: center;
         font-weight: lighter;
         font-size: 0.36rem;
         line-height: 0.7rem;
       }
       .hint{
         display: flex;
         margin-bottom: 0.42rem;
         justify-content: center;
         align-items: center;
       }
       .hint .sign_l img {
         width: 95%;
       }
       .hint .sign_r img {
         width: 105%;
       }
       .hint span{
         color: #dcd7fd;
         text-align: center;
         font-size: 0.24rem;
       }
       .sign_l{
         display: flex;
          justify-content: center;
       }
       /*检测**/
       .lineBox h3{
         padding-top: 20px;
         color: #393f4f;
         text-align: center;
         font-weight: 600;
         font-size: 0.36rem;
         line-height:0.6rem;
      }
      .lineBox p{
         padding: 0.2rem 0.15rem 0.2rem;
         color: #fff;
         text-align: center;
         font-size: 0.2rem;
      }
      .lineBox ul{
         position: relative;
         margin: 0 auto;
         width: 100%;
      }
      .lineBox>ul>li{
         position: relative;
         margin: 0.2rem auto;
         height: 0.66rem;
         border: solid 1px rgba(255, 255, 255, 0.3);
         border-radius: 50rem;
      }
      .clearfix>li{
         box-sizing: border-box;
         padding: 0 0.35rem;
      }
      .lineBox ul li H5{
         float: left;
         color: #dcd7fd;
         font-weight: lighter;
         font-size: 0.26rem;
         line-height: 0.64rem;
      }
      .lineBox ol{
         float: left;
         padding-left: 0.2rem;
         height: 0.64rem;
         border-radius: 50px;
      }
      .lineBox ul li ol li{
         float: left;
         margin: 0.1rem 0.03rem;
         width: 0.045rem;
         height: 0.43rem;
         border-radius: 50rem;
         background-image: linear-gradient(#928cfe ,#dcd7fd);
      }
      
      .signal {
         background-image: linear-gradient(#928cfe ,#dcd7fd);
      }
      
      .lineBox ul li a{
         position: absolute;
         top: -1px;
         right: -1px;
         float: right;
         width: 1.6rem;
         height: 0.66rem;
         border-radius: 50px;
         background-color: #dcd7fd;
         color: #772db1;
         text-align: center;
         font-size: 0.26rem;
         line-height: 0.66rem;
      }
      .lineBox a:hover{
         background-color: #730877;
         color: #fff;
         transition: all .3s ease-out;
      }
      .lineBox .bnt{
          display: flex;
          margin-top: 0.25rem;
          color: #dcd7fd;
          font-size: 0.28rem;
         line-height: 0.65rem;
          cursor: pointer;
          justify-content: center;
      }
      .lineBox .bnt>span>img{
         width: 68%;
         text-align: center;
      }
      .bewrite_box_t{
         position: absolute;
         top: 0.14rem;
         left: 3rem;
         display: flex;
         flex-direction: column;
      }
      .bewrite_box_t>h3{
         display: flex;
         color: #fff;
         font-size: 0.36rem;
      }
      .bewrite_box_t p{
         display: flex;
         font-size: 0.24rem;
      }
      .d_wei{
         display: flex;
         align-items: center;
      }
      .title{
         margin-top: 0.15rem;
         color: #fff;
         font-size: 0.28rem;
         line-height: 0.8rem;
      }

      /*底部down*/
      .down_box{
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         left: 0;
         z-index: 99;
         display: flex;
         padding: 0.18rem 0.18rem;
         width: 100%;
         background-image: linear-gradient(to left, rgba(38, 28, 79, 0.7), rgba(67, 25, 101, 0.7));
         transition: background-color 0.8s ease-in-out;
         flex-direction: column;
         backdrop-filter: blur(12px);
      }
      
      .footer{
         display: flex;
         padding-bottom: 0.5rem;
         font-weight: lighter;
         font-size: 0.2rem;
         line-height: 0.65rem;
         line-height: 1rem;
         cursor: pointer; 
         justify-content: center;
         align-items: center;
      }
      .down_box{
         display: flex;
         flex-direction: row;
         align-items: center;
      }
      .title_left>img{
         display: flex;
         width: 86%;
      }
      .down_btn{
         display: flex;
         flex-direction: row-reverse;
      }
      .down_btn>img{
         display: flex;
         width: 86%;
        
      }
      .service{
         position: fixed;
         right: -0.82rem;
         bottom: 2rem;
         z-index: 99;
      }
      .service img{
         width: 55%;
      } 
   
 }