.homeLandingB{
  width:100%;
  height:100%;
  overflow-y: auto;
  color:#fff;
  position:relative;
  font-size: .38rem;
}
.first-container {
  height:100%;
  position:relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.first-container .site-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: .34rem .4rem .2rem;
}

.first-container .site-header .btn-menu svg{
  width: .8rem;
  height:.8rem;
  display: block;
  cursor: pointer;
}
.first-container .site-logo{
  padding-left: .2rem;
  flex:1;
}
.first-container .site-logo img{
  display: block;
  height: 0.8rem;
}
.first-container .login-act{
  display: flex;
  background: #ffffff10;
  border: solid 0.01333rem #ffffff90;
  box-sizing: border-box;
  border-radius: 0.21333rem;
  width: 2.13333rem;
  height: 0.85333rem;
  align-items: center;
  font-size: 0.32rem;
  justify-content: center;
  font-weight: bold;
}

.first-container .first-con{
  position:relative;
  flex:1;
  min-height: 0%;
}

.first-container .first-con::before{
  content: '';
  position:absolute;
  width:100%;
  top:0;
  left:0;
  height:3rem;
  z-index:4;
  background:linear-gradient(180deg, #000 10%, #00000000 100%);
}

.first-container .banner-con{
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  overflow: hidden;
  border-radius: .26rem;
  display: flex;
  gap:.26rem;
  padding:0 .45rem;
  box-sizing: border-box;
  opacity: .8;
}

.first-container .banner-con .oneb {
  height:100%;
  overflow: hidden;
  box-sizing: border-box;
  height:100%;
  flex:1;
}
.first-container .banner-con .b1{
  background:url(/images/home/hbanner-1.png) 0 0 repeat;
  animation: bdown 50s infinite linear;
  background-size: 100% auto;
}
.first-container .banner-con .b2{
  background:url(/images/home/hbanner-2.png) 0 0 repeat;
  background-size: 100% auto;
  animation: bup 50s infinite linear;
}

@keyframes bup {
  0%{
    background-position: 0 0;
  }
  100%{
    background-position: 0 -37.235rem
  }
 }
 @keyframes bdown {
  0%{
    background-position: 0 0;
  }
  100%{
    background-position: 0 37.235rem
  }
 }

 .first-container .content-con{
  position: absolute;
  width:100%;
  bottom:0;
  left:0;
  z-index:10;
  background:linear-gradient(0deg, #000 50%, #00000000 100%);
  box-sizing: border-box;
  padding: 2.5rem .45rem 1rem
 }


 .first-container .content-con h1 {
  font-size: 1.06rem;
  line-height:1.1;
  font-weight: bold;
  margin-bottom: 0.23rem;
  padding-right: 20%;
 }
 .first-container .content-con p{
  font-weight: normal;
  font-size: 0.32rem;
  opacity: 0.75;
  padding-right: 15%;
  margin-bottom: .4rem;
 }
 .first-container .filter-con{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
  gap: .26rem;
  margin-bottom: .26rem;
  box-sizing: border-box;
  padding:0 0.06rem;
 }

 .first-container .filter-con .of{
  background:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:.32rem;
  color:#000;
  height:1.14rem;
  border-radius: .26rem;
  flex:1;
  cursor: pointer;
  font-weight: bold;
}

.first-container .filter-con .of img{
  display: block;
  width:.9rem;
}
.homeLandingB .start-act{
  display: flex;
  width: 100%;
  height: 1.55rem;
  color: #fff;
  background: #d6005e;
  border-radius: .26rem;
  cursor: pointer;
  font-weight: bold;
  font-size: .42rem;
  box-sizing: border-box;
  padding:0 .5rem;
  gap: .26rem;
  align-items: center;
  justify-content: center;
}
/* .homeLandingB .start-act.bk {
  background:#000;
  color:#fff;
}
.homeLandingB .start-act.bk::after{
  border-color:transparent transparent transparent #fff;
} */
.homeLandingB .start-act::after{
  content: '';
  width:0;
  height:0;
  display: block;
  border:solid .2rem #fff;
  border-radius: .08rem;
  border-color:transparent transparent transparent #fff;
}

.homeContent{
  background:#1a1a1f;
  color:#fff;
  padding: 1.5rem .45rem;
}
.homeContent a{
  color:#fff;
}

.homeContent .h-title{
  font-size: .62rem;
  margin-bottom: .6rem;
  text-align: center;
}

.homecon-one .txt-con{
  background:#ffffff20;
  padding: .65rem .65rem .2rem;
  border-radius: .65rem;
}

.homecon-one .txt-con h3{
  font-size: .45rem;
  margin-bottom: .4rem;
}
.homecon-one .txt-con p{
  font-size:.32rem;
  margin-bottom:.4rem;
  opacity: .5;
  line-height: 1.5;
}
.homecon-one .txt-con img{
  display: block;
  width:100%;
}

.homecon-one .start-act{
  margin-top:.4rem;
}

.homecon-two.homecon-tt{
  padding-top:0;
}
.homecon-two .sub-txt{
  font-size:.34rem;
  text-align: center;
  margin: .5rem 0;
  opacity: .6;
}
.homecon-two .ofeature{
  background:#ffffff20;
  padding: .65rem .65rem .2rem;
  border-radius: .65rem;
  margin-bottom: .45rem;
  text-align: center;
}
.homecon-two .ofeature h3{
  font-size: .45rem;
  margin-bottom: .4rem;
}

.homecon-two .ofeature p{
  font-size:.32rem;
  margin-bottom:.4rem;
  opacity: .5;
  line-height: 1.5;
}

.homecon-two .ofeature img{
  display: block;
  height:4rem;
  margin:0 auto;
}

.homecon-three {
  background:#000;
}
.homecon-three .one-faq{
  background:#ffffff20;
  padding: .5rem;
  border-radius: .45rem;
  margin-bottom: .25rem;
  position: relative;
}
.homecon-three .one-faq h3{
  font-size: .36rem;
  padding-right: .4rem;
  position: relative;
}
.homecon-three .one-faq::after{
  content:'';
  position: absolute;
  right:.3rem;
  top:.6rem;
  width: 0;
  height:0;
  box-sizing: border-box;
  border:solid .2rem #fff;
  border-color:transparent  transparent  transparent #fff ;
  border-radius: .1rem;
}

.homecon-three .one-faq p{
  padding-top: .45rem;
  font-size:.32rem;
  margin-bottom:.4rem;
  opacity: .8;
  line-height: 1.5;
  display: none
}

.homecon-three .one-faq.cur{
  background:#fff;
  color:#000;
}
.homecon-three .one-faq.cur::after{
  border-color:#000 transparent transparent transparent
}
.homecon-three .one-faq.cur p{
  display: block;
}

.homeLandingB .site-footer{
  background:#1a1a1a;
  color:#ffffff50;
  padding: .45rem;
  text-align: center;
  font-size:.35rem;

}
.homeLandingB .site-footer .links a{
  display: block;
  line-height:2;
  color:#ffffffa0;
  text-decoration: none;
}
.homeLandingB .site-footer .links{
  margin-bottom: .5rem;
}

.homecon-four{
  background:#000;
}
.homecon-four .txt-con{
  padding-bottom: .8rem;
}

.home-menu{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background:#000000a0;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.home-menu .list{
  width:10rem;
  background:#222;
  border-radius: .4rem .4rem 0 0 ;
  padding: .8rem;
  box-sizing: border-box;
}
.home-menu .list a{
  display: block;
  line-height:2.5;
  color:#fff;
  text-decoration: none;
}

.homecon-tt .feature-list{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.homecon-tt .feature-list .ofeature{
  width: 48%;
  box-sizing: border-box;
  padding:0;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homecon-tt .feature-list .ofeature h3{
  font-size: .42rem;
  margin:0;
}


.cookie-box{
  position:fixed;
  z-index:100;
  width: 10rem;
  height:100%;
  left:50%;
  top:0;
  display: none;
  align-items: flex-end;
  justify-content: center;
  margin-left: -5rem;
  
}
.cookie-box .cc{
  background:#000000c0;
  backdrop-filter: blur(8px);
  color:#fff;
  margin-bottom: .2rem;
  font-size:.34rem;
  padding: .6rem 1.2rem;
  border-radius: .6rem;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: .4rem;
  text-align: center;
  border:solid 1px #ffffff20;
}
.cookie-box .cc a{
  color:#d6005e;
}
.cookie-box .cc h3{
  font-size: .5rem;
  margin-bottom: .2rem;
}
.cookie-box .act{
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  text-decoration: none;
  border-radius: 100px;
  font-weight: bolder;
  background: #d6005e;
  height: 1.2rem;
  padding:0 1rem;
  font-size: .4rem;
}