header{
    display: block;
    width: 100%;
    height: 80px;
    background: rgb(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999;
}

.coop{
    display: inline-block;
    float: right;
    margin-top: 15px;
    margin-right: 5rem;
    padding: 0.7rem 2rem;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    text-align: center;

}
.page-font{
    position: absolute;
    display: block;
    left: 10rem;
    top: 20%;
    width: 500px;
    height: 190px;

}
.qrcode{
    position:absolute;
    left: 10rem;
    bottom: 2rem;
    display: block;
    width:auto;
    height: 300px;
}

.qrcode .qrcode-down{
    
}
.qrcode-btn{
    display: block;
    width: 220px;
    height: 70px;
    background: #000;
    border-radius: 70px;
    margin-top: 25px;
    
}

.page-bin{
    position: absolute;
    right: 10rem;
    bottom: 0;
    display: block;
    width: 750px;
    height: 800px;
}






/*.swiper-fix*/
.swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    margin: 10px !important;
}
.swiper-pagination-bullet-active{
     box-shadow:0 0 15px; rgb(0, 0, 0, 0.3);
}


/*响应式*/
@media screen and (min-width:1400px) and (max-width:1600px){
    .page-font{ width: 40% }
    .page-bin{ width:50%; }
    .qrcode{ width:30%; }

}

@media screen and (max-width:1399px) {
    .logo{ margin-left:15px; }
    .coop{ margin-right:15px; }
    .n-arrow{  display: none;}
    .page-font{ width: 50%; left:26% ; top: 120px; 
        background-position: center !important;}
    .page-bin{ width:40%; }

}

@media screen and (max-width:1024px) {
    header{ height:60px; }
    .logo{width: 50%; height: 40px; margin-left: 15px;}
    .coop{ padding:5px 10px; font-size:14px; margin-top:12px; }
    .qrcode{ width:auto; display:none; }
    .n-arrow{  display: none;}
    .page-font{ width:80%; height: 20%; left:13%; top:80px;z-index:9999; }
    .footer-logo{display:inline-flex; margin-left: 1rem;}
    .page-bin { width:90%; height: 60%; right: auto; bottom: 130px; left:0;z-index:9998;}
    .phone-footer{position:fixed; bottom: 0; display:block; width: 101%; height: 135px; 
        background: #252632;box-shadow:-1px -5px 30px rgba(0, 0, 0, 0.5); z-index:9999;
        background: linear-gradient(to bottom, #1c1c1c 0%, #111111 100%);
    }
    .phone-footer .btn-android{
          background: none;
          display:inline-block ;
          width: 85%; 
          height: 50px;
          text-align: center;
          line-height: 50px;
          color: #fff;
          text-decoration: none;
          font-size: 16px;
          font-weight: bold;
          border: 2px solid #fff;
          border-radius: 15px;
          margin-top:40px;
          margin-left: 6.5%;
/*          background: linear-gradient(to bottom, #f36c3f 0%, #f52b52 100%);*/
          box-shadow:0 0 30px rgba(250, 100, 60, 0.2) ;

          
        }


}

@media screen and (max-width:768px) {
    .n-arrow{  display:block; top: 20rem; right: 58%}
    .page-bin{  width: 120%; height: 80%}
 
}

.animated-text {
  /* 定义动画名称和持续时间 */
  animation: textAnimation 1.5s infinite;
  /* 设置动画的延迟时间 */
  animation-delay: 1s;
}
 
/* 定义关键帧 */
@keyframes textAnimation {
  0% {
    font-size: 16px;
    font-weight: bold;
  }

  50% {

    font-size: 18px;
    font-weight: bold;
  }

  100% {

    font-size: 16px;
    font-weight: bold;
  }
}