@charset "utf-8";

.pc { display: block; }

.h5, .footer-h5 { display: none !important; }

.h5.fixed, .h5.ios-buttons, .h5.android-buttons { display: none !important; }

.logo-box { background-color: rgb(1, 2, 4); width: 100%; min-width: 1045px; margin: 0px auto; }

.logo-top { width: 100%; margin: 0px auto; background: url("../image/bannerbg.219c98f%402x.png") center center / 1920px 580px no-repeat; }

.logo-top .totop { display: none; }

.logo-content { width: 1024px; margin: 0px auto; height: 580px; overflow: hidden; }

.logo img { width: 120px; display: block; margin: 90px auto 70px; }

.logo-text { text-align: center; width: 615px; height: 78px; margin: 0px auto; font-size: 55px; font-weight: 800; line-height: 78px; color: rgb(255, 255, 255); }

.logo-textarea { width: 468px; height: 50px; margin: 23px auto 0px; font-size: 18px; font-weight: 400; line-height: 25px; color: rgb(242, 242, 242); text-align: center; }

.aqkk { height: 1204px; width: 100%; min-width: 1045px; overflow: hidden; margin: 0px auto; background: url("../image/aqkk-bg.png") 0% 0% / 1920px 956px no-repeat rgb(1, 2, 4); }

.aqkk-box { margin-top: 40px; height: 1164px; width: 100%; }

.down-box { width: 982px; margin: 0px auto; display: flex; justify-content: space-around; }

.down-box .qrcode a { text-decoration: none; }

.down-box .qrcode .img { width: 138px; height: 138px; background-color: rgb(255, 255, 255); border-radius: 14px; display: block; overflow: hidden; position: relative; }

.down-box .qrcode .img img { width: 120px; height: 120px; margin: 9px auto; display: block; transition: 0.3s; }

.down-box .qrcode .img > div { width: 120px; height: 120px; margin: 9px auto; display: block; }

.down-box .qrcode .img .lottie { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: initial; }

.qrcode .text { margin-top: 16px; }

.qrcode .text p { font-size: 12px; color: rgb(153, 153, 153); text-align: center; }

.qrcode .text p:nth-child(1) { margin-bottom: 8px; font-size: 14px; color: rgb(255, 255, 255); }

.aqkk .phone-img { width: 982px; height: 716px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; }

.win_mac { margin-top: 50px; width: 660px; }

.wap:hover img { transform: scale(1.3); }

lottie-player { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: 0.3s; }

.win_mac .img:hover lottie-player { opacity: 1; }

.aqkk .phone-img .left img { margin-top: 80px; width: 363px; height: 535px; }

.aqkk .phone-img .right { display: flex; justify-content: center; }

.aqkk .phone-img .right img { width: 366px; height: 131px; }

.aqkk .bg { position: absolute; top: 40px; left: 0px; height: 916px; width: 100%; z-index: 1; }

.aqkk .bg .qrcode-bg { width: 737px; height: 824px; }

.aqkk .bg .qrcode-bg img { width: 737px; height: 824px; }

.wxzy { width: 100%; height: 690px; min-width: 1045px; margin: 0px auto; background: url("../image/wxzy-bg.png") 0% 0% / 1920px 690px no-repeat rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; }

.wxzy-box .phone-img { width: 982px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; }

.wxzy-box .phone-img .left img { width: 400px; height: 127px; }

.wxzy-box .phone-img .right img { width: 482.6px; height: 661.6px; }

.ksgx { width: 100%; height: 668px; min-width: 1045px; margin: 0px auto; background: url("../image/ksgx-bg.png") 0% 0% / 1920px 670px no-repeat rgb(1, 2, 4); display: flex; justify-content: center; align-items: center; }

.ksgx-box .phone-img { width: 982px; margin: 0px auto; display: flex; align-items: center; justify-content: space-around; }

.ksgx-box .phone-img .left img { width: 403.46px; height: 595.2px; }

.ksgx-box .phone-img .right img { width: 380px; height: 130px; }

.bottom-img { width: 100%; height: 461px; min-width: 1045px; margin: 0px auto; background: url("../image/bottom-bg.png") 0% 0% / 1920px 461px no-repeat rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; }

.bottom-img-box .phone-img { width: 982px; margin: 0px auto; display: flex; align-items: center; justify-content: space-around; }

.bottom-img-box .phone-img img { width: 530px; height: 324px; }

.footer { width: 100%; height: 120px; min-width: 1045px; margin: 0px auto; background: rgb(1, 2, 4); display: flex; justify-content: center; align-items: center; }

.footer-box { width: 982px; height: 50px; display: flex; justify-content: center; align-items: center; }

.footer-box img { width: 46px; height: 50px; }

.footer-box span { font-size: 14px; color: rgb(153, 153, 153); margin-left: 20px; }

.right-fixed { position: fixed; right: 100px; bottom: 85px; opacity: 0; }

.right-fixed > div { cursor: pointer; }

.right-fixed img { width: 82px; height: 82px; }

.right-fixed .qrcode { margin-top: 14px; }

@media screen and (max-width: 768px) {
  .pc { display: none; }
  .h5, .footer-h5 { display: block !important; }
  .h5.fixed.ios-buttons, .h5.fixed.android-buttons { display: none !important; }
  .h5.fixed.ios-buttons.show-ios { display: flex !important; }
  .h5.fixed.android-buttons.show-android { display: flex !important; }
  .logo-top { height: 406px; background-size: 1172px 365px; }
  .logo-top .totop { display: flex; color: rgb(153, 153, 153); justify-content: center; flex-direction: column; align-items: center; margin-top: 45px; }
  .logo-top .totop img { width: 40px; height: 40px; }
  .logo-top .totop .text { margin-top: 40px; }
  .logo-content { width: 100%; height: 406px; }
  .down-box { display: none; }
  .aqkk { height: 624px; background: url("../image/h5-aq-bg.png") center bottom / 500px 500px no-repeat rgb(1, 2, 4); }
  .aqkk-box { margin-top: 0px; height: 624px; }
  .aqkk .phone-img { width: 100%; height: 571px; flex-direction: column; }
  .aqkk .phone-img .right { margin-left: 0px; }
  .aqkk .phone-img .right img { width: 248px; height: 74px; }
  .aqkk .phone-img .left img { width: 254px; height: 405px; margin-top: 15px; }
  .aqkk .bottom { height: 53px; background-image: linear-gradient(-8deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(1, 2, 4) 50%, rgb(1, 2, 4) 100%); }
  .logo img { width: 57px; height: 62px; margin-top: 90px; margin-bottom: 26px; }
  .logo-text { width: 100%; font-size: 28px; line-height: 28px; height: 28px; }
  .logo-textarea { width: 312px; font-size: 12px; line-height: 20px; margin-top: 14px; height: auto; }
  .wxzy { height: 546px; background: url("../image/h5-wx-bg.png") center center / 580px no-repeat rgb(255, 255, 255); }
  .wxzy-box { width: 100%; }
  .wxzy-box .phone-img { width: 100%; flex-direction: column; }
  .wxzy-box .phone-img .left img { width: 278px; height: 88px; object-fit: cover; }
  .wxzy-box .phone-img .right img { width: 299px; height: 420px; }
  .wxzy .bottom { height: 53px; background-image: linear-gradient(-352deg, rgb(1, 2, 4) 0%, rgb(1, 2, 4) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); }
  .ksgx { height: 540px; background: url("../image/h5-ks-bg.png") center center / 500px no-repeat rgb(1, 2, 4); }
  .ksgx-box .phone-img { width: 100%; flex-direction: column; }
  .ksgx-box .phone-img .right img { width: 255px; height: 74px; margin-top: 15px; }
  .ksgx-box .phone-img .left img { width: 280px; height: 412px; margin-top: 15px; }
  .bottom-img { height: 218px; background-image: none; }
  .bottom-img-box .phone-img { width: 100%; }
  .bottom-img-box .phone-img img { width: 100%; height: 196px; }
  .right-fixed { display: none; }
  .logo-box, .aqkk, .wxzy, .ksgx, .bottom-img, .footer { min-width: initial; }
  .footer-h5 { background-color: rgb(1, 2, 4); display: flex; flex-direction: column; align-items: center; padding-bottom: 59px; }
  .footer-logo { display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .footer-logo img { margin-top: 69px; width: 70px; height: 70px; }
  .footer-logo h3 { font-size: 22px; color: rgb(255, 255, 255); margin-top: 10px; }
  .footer-logo p { font-size: 12px; color: rgb(153, 153, 153); margin-top: 30px; margin-bottom: 38px; }
  .footer-h5 .copyright { height: 60px; line-height: 60px; font-size: 12px; color: rgb(153, 153, 153); text-align: center; width: 100%; }
  .fixed { background-color: rgb(255, 255, 255); height: 59px; width: 100%; position: fixed; left: 0px; bottom: 0px; display: flex; justify-content: space-between; align-items: center; padding: 0px 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 10px; box-sizing: border-box; }
  .fixed > div { flex: 1 1 0%; padding: 0px 3px; max-width: calc(33.33% - 6px); }
  .fixed > div > a { display: block; width: 100%; }
  .fixed .download-btn { width: 100%; height: 38px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 19px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; cursor: pointer; transition: 0.3s; box-shadow: rgba(102, 126, 234, 0.3) 0px 2px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .fixed .download-btn:active { transform: scale(0.95); box-shadow: rgba(102, 126, 234, 0.3) 0px 1px 4px; }
  .fixed a img { width: 100px; height: 34px; }
}

[data-aos="fade-rotate-left"] { opacity: 0; transform: rotate(-20deg); transform-origin: 0px 100%; }

[data-aos="fade-rotate-left"].aos-animate { opacity: 1; transform: rotate(0deg); transform-origin: 0px 100%; }

[data-aos="fade-rotate-right"] { opacity: 0; transform: rotate(20deg); transform-origin: 100% 100%; }

[data-aos="fade-rotate-left"].aos-animate { opacity: 1; transform: rotate(0deg); transform-origin: 100% 100%; }

.footer-xy { width: 982px; height: 50px; display: flex; justify-content: center; align-items: center; }

.footer-xy img { width: 46px; height: 50px; }

.footer-xy span { font-size: 14px; color: rgb(153, 153, 153); margin-left: 20px; }