

.container {
    display: flex;
    flex-direction: column;
    width: 100%;
}


.flex {
    display: flex;
    display: -webkit-flex;
}

.flex.ac {
    align-items: center;
}

.flex.jc {
    justify-content: center;
}

.flex.js {
    justify-content: space-between;
}

.header {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

/* 1920 */

/* 
    1.png 1359
*/

.headerBlock {
  position: relative;
  width: 100%;
}

.logo {
    position: absolute;
    left: 7.2%;
    top: 10%;
    width: 90px;
    height: 90px;
}

.topBtns {
    position: absolute;
    right: 7.2%;
    top: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.topBtns span {
    /* pointer-events: ; */
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 33px;
    padding-bottom: 20px;
    margin: 0 20px;
    display: inline-block;
}

.topBtns .topBtns_active {
    color: #FB05FF;
    position: relative;
}

.topBtns .topBtns_active::before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 8px;
    background: linear-gradient(90deg, #FF00FF 0%, #00FFEC 100%);
    border-radius: 7px;
}

.appInfo {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 7.2%;
    top: 30%;   
}

.appInfo_title {
    display: flex;
    flex-direction: column;
}
.appInfo_title span {
    font-size: 100px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 110px;

}

 span {
    margin-top: 10px;
}

.appInfo_tip span{
    font-size: 48px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 67px;
}

.appInfo_download {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.appInfo_download span a {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin-top:20px;
}

.appInfo_download span img {
    width: 48px;
    height: 48px;
    margin: 0 10px;
}

/* .appInfo_download span:nth-child(1) {
    width: 312px;
    height: 90px;
    background: linear-gradient(270deg, #E618FD 0%, #1C38F4 100%);
    border-radius: 44px;
    color: #FFFFFF;
} */

.appInfo_download span:nth-child(1) {
    color: #020202;
    width: 312px;
    height: 90px;
    background: #FFFFFF;
    font-weight: 600;
    box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,0.5);
    border-radius: 44px;
}


.imgBox {
    /* width: 100%; */
    /* height: 1080px; */
    position: relative;
}

.imgBox_DM {
  position: absolute;
  top: 30%;
  right: 10%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  font-size: 100px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 140px;
}

.imgBox img {
    width: 100%;
    height: 100%;
}

.imgBox_DM span:nth-child(2) {
    font-size: 56px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 78px;
}

.imgBox_IW {
    position: absolute;
    top: 34%;
    left: 15%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 100px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 140px;
  }
  
  .imgBox img {
      width: 100%;
      height: 100%;
  }
  
  .imgBox_IW span:nth-child(2) {
      font-size: 56px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 78px;
  }
  

.bottom {
    background-color: rgba(9, 6, 34, 1);
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 200px;
    min-height: 200px;
    box-sizing: border-box;
}

.word {
    font-size: 20px;
    font-family: Helvetica-Bold, Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}


.null {
    height: 100px;
    width: 100%;
    position: absolute;
}

