@-webkit-keyframes Bigger {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
}

@keyframes Bigger {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
}

body {
  background-color: #000;
}

.container {
  min-width: 1400px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  font-size: 16px;
}

.wrapper {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
}

.wrapper1 {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/1.jpg");
  height: 961px;
}

.wrapper1::before {
  position: absolute;
  content: "";
  background: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/title.png");
  width: 804px;
  height: 329px;
  left: 50%;
  margin-left: -402px;
  top: 498px;
  -webkit-animation: fadeInDown 0.6s ease-in-out both;
          animation: fadeInDown 0.6s ease-in-out both;
}

.wrapper1 .logo {
  position: absolute;
  width: 100px;
  height: 80px;
  background: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/logo.png");
  left: 80px;
  top: 20px;
}

.wrapper1 .top-links {
  position: absolute;
  top: 40px;
  right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper1 .top-links li {
  margin: 0px 4px;
}

.wrapper1 .top-links li a {
  display: block;
  width: 135px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  text-decoration: none;
  color: #fbd56e;
  position: relative;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#7d332d), color-stop(#b4453b), to(#7d332d));
  background: linear-gradient(to bottom, #7d332d, #b4453b, #7d332d);
}

.wrapper1 .top-links li a::before {
  border-radius: 3px;
  position: absolute;
  content: "";
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #fbd56e;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wrapper1 .navs {
  position: absolute;
  bottom: 30px;
  width: 900px;
  left: 50%;
  margin-left: -450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper1 .navs li {
  height: 120px;
  cursor: pointer;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.wrapper1 .navs li:nth-of-type(1) {
  width: 434px;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  background: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/1-nav-1.png");
}

.wrapper1 .navs li:nth-of-type(2) {
  width: 464px;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  background: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/1-nav-2.png");
}

.wrapper2 {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/2.jpg");
  height: 1069px;
}

.wrapper3 {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/3.jpg");
  height: 921px;
}

.wrapper4 {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/4.jpg");
  height: 1165px;
}

.wrapper4 .btn {
  position: absolute;
  width: 330px;
  height: 330px;
  left: 50%;
  cursor: pointer;
  -webkit-animation-name: Bigger;
          animation-name: Bigger;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.wrapper4 .btn.btn-1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  margin-left: -560px;
  bottom: 160px;
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/btn-1.png");
}

.wrapper4 .btn.btn-2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/btn-2.png");
  margin-left: -165px;
  bottom: 12px;
}

.wrapper4 .btn.btn-3 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  margin-left: 270px;
  bottom: 160px;
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/btn-3.png");
}

.wrapper5 {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/5.jpg");
  height: 1594px;
}

#scan {
  position: fixed;
  left: 0px;
  bottom: 100px;
  z-index: 2;
  background: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/scan-bg.png");
  width: 208px;
  height: 303px;
}

@media screen and (min-width: 1920px) {
  #scan {
    left: 50%;
    margin-left: -960px;
  }
}

.pop {
  display: none;
}

.pop .content .close {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/btn-close.png");
  width: 37px;
  height: 37px;
  right: -50px;
  top: -20px;
}

#Pop1 .content {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/pop-1.png?sss");
  width: 740px;
  height: 316px;
}

#Pop2 .content {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/pop-2.png");
  width: 740px;
  height: 447px;
}

#Pop3 .content {
  background-image: url("https://static.web.sdo.com/woool/pic/woool_act/20250828_NewArea/pop-3.png");
  width: 920px;
  height: 841px;
}
/*# sourceMappingURL=index.css.map */