/*
 * Author: clovis(706706)
 * Version: 0.1.0
 * Compile Date: 2026-04-30 16:26
*/ 
@keyframes next {
  from {
    transform: translateY(0); }

  to {
    transform: translateY(20px); } }

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }

  10% {
    -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);
    transform: translateY(5px) scaleX(1.2) scaleY(0.8); }

  30% {
    -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
    transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg); }

  50% {
    -webkit-transform: translateY(0) scale(1) rotateZ(0);
    transform: translateY(0) scale(1) rotateZ(0); }

  55% {
    -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);
    transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0); }

  70% {
    -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
    transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg); }

  80% {
    -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
    transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0); }

  85% {
    -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);
    transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0); }

  100% {
    -webkit-transform: translateY(0) scaleX(1) scaleY(1);
    transform: translateY(0) scaleX(1) scaleY(1); } }

@keyframes jump {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }

  10% {
    -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);
    transform: translateY(5px) scaleX(1.2) scaleY(0.8); }

  30% {
    -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
    transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg); }

  50% {
    -webkit-transform: translateY(0) scale(1) rotateZ(0);
    transform: translateY(0) scale(1) rotateZ(0); }

  55% {
    -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);
    transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0); }

  70% {
    -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
    transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg); }

  80% {
    -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
    transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0); }

  85% {
    -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);
    transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0); }

  100% {
    -webkit-transform: translateY(0) scaleX(1) scaleY(1);
    transform: translateY(0) scaleX(1) scaleY(1); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }

  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes slideLeft {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }

  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); }

  100% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); } }

@keyframes slideRight {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); }

  100% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); } }

@-webkit-keyframes upDown {
  100% {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%); } }

@keyframes upDown {
  100% {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%); } }

@-webkit-keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

html, body {
  overflow: hidden;
  transition: all ease 0.4s;
  min-width: 1400px; }

html, body, .main {
  height: 100%;
  overflow: hidden;
  min-width: 1200px;
  background: #fff; }

a {
  text-decoration: none;
  cursor: pointer; }

.contain, .cover {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%; }

.full-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.swiper-container {
  position: relative;
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-wrapper, .swiper-container .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%; }

.cont {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%); }

.logo {
  width: 216px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  pointer-events: all;
  top: 60px;
  left: 100px;
  z-index: 2;
  transform: scale(0.8); }
  .logo img {
    width: 216px; }
  .logo:after {
    content: '';
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/duck.png) no-repeat center/contain;
    width: 259px;
    height: 61px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 220px; }

.btn-close {
  width: 68px;
  height: 68px;
  display: block;
  position: absolute;
  top: 60px;
  right: 100px;
  z-index: 2;
  font-size: 0;
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/btn-close.png) no-repeat; }
  .btn-close:hover {
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    transform: rotate(180deg); }

.btn-prev, .btn-next {
  width: 50px;
  height: 44px;
  display: block;
  position: fixed;
  top: 50%;
  z-index: 10;
  font-size: 0;
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/prev.png) no-repeat; }

.btn-prev {
  left: 180px;
  -webkit-animation: slideLeft 2s ease-in-out infinite;
  animation: slideLeft 2s ease-in-out infinite; }

.btn-next {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/next.png) no-repeat;
  right: 150px;
  -webkit-animation: slideRight 2s ease-in-out infinite;
  animation: slideRight 2s ease-in-out infinite; }

.page1 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/index-bg.jpg) no-repeat center 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -540px 0 0 -960px;
  width: 1920px;
  height: 1080px; }
  .page1 .page-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 1600px;
    height: 900px;
    align-items: center;
    justify-content: center; }
  .page1 .nav {
    width: 100%;
    height: 100%;
    position: relative; }
    .page1 .nav a {
      position: absolute;
      top: 150px;
      left: 0;
      width: 100%;
      height: 100px;
      display: block; }
      .page1 .nav a span {
        width: 294px;
        height: 79px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(https://img7.99.com/cos/images/act/2026/duck/img/tit-bg.png) no-repeat center/contain;
        color: #feffed;
        font-size: 28px;
        position: absolute; }
      .page1 .nav a:hover span {
        -webkit-animation: jump ease 1.2s 1;
        animation: jump ease 1.2s 1; }
      .page1 .nav a.n1 {
        top: -5px;
        left: 100px;
        width: 515px;
        height: 385px; }
        .page1 .nav a.n1 span {
          bottom: -5px;
          left: 168px; }
      .page1 .nav a.n2 {
        top: -43px;
        left: 640px;
        width: 385px;
        height: 305px; }
        .page1 .nav a.n2 span {
          bottom: 0px;
          left: 38px; }
      .page1 .nav a.n3 {
        top: 95px;
        left: 1200px;
        width: 305px;
        height: 305px; }
        .page1 .nav a.n3 span {
          bottom: -10px;
          left: 14px; }
      .page1 .nav a.n4 {
        top: 370px;
        left: 1320px;
        width: 310px;
        height: 320px; }
        .page1 .nav a.n4 span {
          bottom: -15px;
          left: -30px; }
      .page1 .nav a.n5 {
        top: 522px;
        left: 1000px;
        width: 310px;
        height: 410px; }
        .page1 .nav a.n5 span {
          bottom: 17px;
          left: 49px; }
      .page1 .nav a.n6 {
        top: 592px;
        left: 150px;
        width: 380px;
        height: 290px; }
        .page1 .nav a.n6 span {
          bottom: -38px;
          left: 37px; }
      .page1 .nav a.n7 {
        top: 355px;
        left: -50px;
        width: 380px;
        height: 290px; }
        .page1 .nav a.n7 span {
          bottom: -20px;
          left: 50px; }

.page2 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page2.jpg) no-repeat center/cover; }
  .page2 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act2-cont.png) no-repeat center;
    width: 1672px;
    height: 1008px;
    margin-top: 30px; }

.page3 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page3.jpg) no-repeat center/cover; }
  .page3 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act3-cont.png) no-repeat center;
    width: 1431px;
    height: 886px; }

.page4 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page2.jpg) no-repeat center/cover; }
  .page4 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act4-cont.png) no-repeat center;
    width: 1717px;
    height: 989px;
    margin-top: 40px; }

.page5 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page5.jpg) no-repeat center/cover; }
  .page5 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act5-cont.png) no-repeat center;
    width: 1733px;
    height: 1041px;
    margin-top: 40px; }

.page6 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page2.jpg) no-repeat center/cover; }
  .page6 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act6-cont.png) no-repeat center;
    width: 1722px;
    height: 1038px;
    margin-top: 40px; }

.page7 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page2.jpg) no-repeat center/cover; }
  .page7 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act7-cont.png) no-repeat center;
    width: 1738px;
    height: 1013px;
    margin-top: 40px; }

.page8 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/page2.jpg) no-repeat center/cover; }
  .page8 .cont {
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/act8-cont.png) no-repeat center;
    width: 1585px;
    height: 1000px;
    margin-top: 40px; }
  .page8 .btn {
    width: 422px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/btn1.png) no-repeat center/contain;
    position: absolute;
    top: 750px;
    left: 50%;
    margin-left: 100px;
    font-size: 0; }

.version-pop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 100000;
  display: none; }

.version-pop .pop-con {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -250px;
  width: 500px;
  height: 400px;
  font-size: 24px;
  color: #264694;
  background: #fff;
  opacity: 1;
  text-align: center;
  padding-top: 100px; }

.version-pop .btns-box {
  text-align: center;
  margin-top: 60px; }

.version-pop .google-btn {
  display: inline-block;
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  color: #264694;
  background: #f1e5b0; }

.ie-10 .version-pop {
  display: block; }

.go-footer {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #000;
  background: rgba(255, 255, 255, 0.75);
  z-index: 40;
  padding: 0 20px;
  border-radius: 15px; }
  .go-footer i {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 22px;
    height: 22px;
    background: url(https://img9.99.com/yhkd/image/guide/edition/240927/icon-arrow.png) no-repeat;
    margin-left: 5px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 12px;
  color: #fff;
  background: #000;
  padding: 10px 0;
  z-index: 12;
  visibility: hidden;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .footer table {
    margin: 0 auto; }
  .footer.show {
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .footer a {
    color: #fff; }

.go-footer.open i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.p360 {
  background: url(https://img7.99.com/cos/images/act/2026/duck/img/p360-bg.jpg) no-repeat center/cover; }
  .p360 .slogan {
    width: 823px;
    height: 491px;
    font-size: 0;
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/slg.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -146px 0 0 -385px;
    -webkit-animation: zoomInDown ease 0.8s;
    animation: zoomInDown ease 0.8s; }
  .p360 .cont {
    width: 1400px;
    height: 800px; }
  .p360 .copyright {
    width: 385px;
    height: 21px;
    display: block;
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/copyright.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -892px;
    margin-top: 480px; }

.bottom-box {
  position: absolute;
  width: 100%;
  height: 170px;
  top: 50%;
  left: 0;
  margin-top: 330px;
  display: flex;
  flex-direction: column; }
  .bottom-box .btns-box {
    width: 334px;
    height: 159px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  .bottom-box .gw-btn {
    display: none; }
  .bottom-box .download-btn {
    width: 334px;
    height: 100px;
    display: block;
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/btn-down.png) no-repeat center/contain;
    font-size: 0; }
  .bottom-box .desc {
    font-size: 0;
    width: 306px;
    height: 40px;
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/icon-h.png) no-repeat center/contain;
    margin: 0 auto;
    -webkit-animation: upDown 0.6s linear alternate infinite;
    animation: upDown 0.6s linear alternate infinite; }

.p360-bg .page1{
    background: url(https://img7.99.com/cos/images/act/2026/duck/img/index-bg.jpg) no-repeat center 0px ;
}
.p360-bg .page1 .page-con{
    height: 980px;
}