::-webkit-scrollbar{
  width: 0;
  height: 0;
  background-color: transparent;
}
::-webkit-scrollbar-thumb{
  background-color: transparent;
}
::-webkit-scrollbar-corner{
  background-color: transparent;
}
html,body {
  height: 100%;
  margin: 0px;
  overflow: hidden;
}
.bg{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: 9;
}
.section{
  position: relative;
  width: 100vw;
  display: block;
  overflow: hidden;
}
.main-title{
  position: fixed;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 700;
  font-size: 60px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  font-style: normal;
  width: 100%;
  top: 200px;
  z-index: 80;
}
.sliding {
  height: 0;
  overflow: hidden;
}
.main-desc{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  position: fixed;
  z-index: 80;
  top: 272px;
  width: 500px;
  left: 50%;
  margin-left: -250px;
}
.main-text{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 16px;
  text-align: center;
  font-style: normal;
  text-decoration-line: underline;
  position: fixed;
  width: 280px;
  z-index: 80;
  cursor: pointer;
  top: 328px;
  left: 50%;
  margin-left: -140px;
}
.main-btn{
  width: 280px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 16px;
  text-align: center;
  font-style: normal;
  background: linear-gradient( 330deg, rgba(238,124,30,0.8) 0%, rgba(254,195,84,0.8) 100%);
  border-radius: 20px;
  position: fixed;
  bottom: 102px;
  left: 50%;
  margin-left: -140px;
  z-index: 10;
  cursor: pointer;
}
.second, .third, .fourth, .fifth{
  opacity: 1;
}
.hidden {
  /* display: none; */
  opacity: 0;
}
.vis {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.bg-pc{
  display: block;
}
.bg-mobile{
  display: none;
}

/* 媒体查询 */
@media screen and (max-width: 1024px) {
  .bg-pc{
    display: none;
  }
  .bg-mobile{
    display: block;
  }
  .main-title{
    top: 91px;
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  .main-desc{
    top: 138px;
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-left: -50%;
  }
  .main-text{
    top: 193px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    text-transform: none;
  }
  .main-btn{
    width: 335px;
    font-size: 16px;
    bottom: 42px;
    left: 50%;
    margin-left: -167.5px;
    font-family: Source Han Sans, Source Han Sans;
  }
  .bot{
    height: 95px!important;
  }
  .footerFrame{
    height: 95px!important;
  }
}