*{
  margin:0;
  padding:0
}
.container-full{
  width:100%;
  min-width: 1000px;
  position: relative;
  display: none;
}
.img{
  display: block;
  width:100%;
  height:auto;
}
.mode{
  position: relative;
  display: flex;
  flex:1;
}
.time-wrap{
  position: absolute;
  bottom:37%;
  left:0;
  right: 30px;
  text-align: center;
  color:#fff;
}
.time{
  font-family: 'Micsoft Yahei','PingFang SC','微软雅黑';
  letter-spacing: 3px;
  font-weight: bold;
  color:#FF1F1F;
  text-shadow: 
  -1px -1px 0 #fff, 
  /* 右边框 */
  1px -1px 0 #fff,
  /* 下边框 */
  -1px 1px 0 #fff,  
  /* 左边框 */
  1px 1px 0 #fff;
  font-size:1.6vw;
}
.time-value{
  background-color: #fff;
  border-radius:4px;
  padding:0 5px;
  font-size:1.3vw;
  line-height: 1;
  font-weight: 600;
  color:#FF1F1F;
  font-family: 'Micsoft Yahei';
}
.hands{
  width:45px;
  position: absolute;
  top:11.5vw;
  left:40%;
  z-index: 2;
  animation: handsAni 0.6s infinite; /* 1秒完成一次动画，无限循环 */
}
@keyframes handsAni {
  0%, 100% {
    transform: translateX(-2px) translateY(-2px);
  }
  50% {
    transform: translateX(8px) translateY(8px);
  }
}
.hands-btn{
  position: absolute;
  width:15vw;
  height:30%;
  top:10vw;
  left:27%;
  z-index: 2;
}
.banner-list{
  position: absolute;
  width: 42%;
  left:50%;
  margin-left: -20.5%;
  top:10%;
  bottom:12%;
  overflow: hidden;
}
.banner-list .el-carousel__button{
  width: 18px;
  height: 18px;
  background: #FFE431;
  box-shadow: 0px 3px 0px 0px #0060FD;
  border-radius: 9px;
  border: 1px solid #000000;
}
.banner-list .is-active .el-carousel__button{
  width: 48px;
}
.mode2{
  height:31.45%;
}
.mode2 .el-carousel__container{
  position: absolute;
  width: 100%;
  top:10%;
  bottom:12%;
  overflow: hidden;
  height:auto;
}
.btn-wrap{
  position: absolute;
  width:40%;
  left:50%;
  margin-left:-18%;
  display: flex;
}
.btn-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 20px;
  position: relative;
}

.btn-txt{
  font-size:1.3vw;
  color:#FF3030;
  font-weight: 600;
  margin-top:10px;
  text-align: center;
  white-space: nowrap;
}
.btn-img{
  display: block;
  width:84%;
  cursor: pointer;
}
.pulse-button{
  animation: pulse 0.6s infinite; /* 1秒完成一次动画，无限循环 */
}

/* 定义脉动动画 */
@keyframes pulse {
  0%, 100% {
    transform: scale(1); /* 原始大小 */
  }
  50% {
    transform: scale(1.1); /* 放大到110% */
  }
}
.btn2 {
  animation: btn4Ani 1.8s linear infinite;
}
@keyframes btn4Ani {
  30% {
    transform: scale(1.1) rotate(0deg);
  }
  40% {
    transform: scale(1.1) rotate(-5deg);
  }
  50% {
    transform: scale(1.1) rotate(5deg);
  }
  60% {
    transform: scale(1.1) rotate(-5deg);
  }
  70% {
    transform: scale(1.1) rotate(5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.footer{
  position: fixed;
  width:100%;
  bottom:0;
  z-index:9;
  display: flex;
}
.footer .pic{
  width:100%;
}
.footer-posi{
  width:100%;
  height: 8vw;
}
.footer-code{
  width:7vw;
  position: absolute;
  bottom:10px;
  right:20px;
  z-index:10;
}
.win-hover{
  width:10vw;
  max-width: 150px;
  position: fixed;
  right: 0;
  bottom:42vh;
  z-index:49;
  cursor: pointer;
}
.overlay-wrap{
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  left:0;
  top:0;
  width:100vw;
  height: 100vh;
  z-index:99;
  overflow: hidden;
}
.overlay{
  width:560px;
  border-radius: 50px;
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  margin:80px auto;
  scrollbar-width: none; /* Firefox 64+ */
  position: relative;
}
.close-btn{
  position: absolute;
  right:25px;
  top:28px;
  width:40px;
  height:40px;
}
/* 隐藏滚动条，但保持可以滚动 */
.overlay::-webkit-scrollbar {
  display: none;
}
.know-btn{
  width: 60%;
  padding:15px 0;
  background: linear-gradient( 270deg, #57A1F5 0%, #295EF5 100%);
  border-radius: 39px;
  font-size:15px;
  color:#fff;
  border:0 none;
  margin:-90px auto 0;
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.sign-link{
  position: absolute;
  top:150px;
  width:100%;
  text-decoration: none;
  font-size:22px;
  color:#2757F4;
  text-align: center;
  font-weight: 600;
}
.sign-link:hover{
  text-decoration: underline;
}
.overlay-main{
  background-color: #fff;
  padding:100px 0 80px;
  position: relative;
}
.overlay-main .img{
  width:200px;
  margin:0 auto;
}
.dialog-txt{
  text-align: center;
  margin-top:10px;
  display: block;
}
.close-btn-custom{
  position: absolute;
  top:30px;
  right:35px;
  width:32px;
  height:32px;
  line-height: 32px;
  border-radius: 20px;
  background: linear-gradient( 270deg, #57A1F5 0%, #295EF5 100%);
  text-align: center;
  color:#fff;
  cursor: pointer;
}
.close-btn-custom .el-icon-close{
  font-weight: 600;
}
.footer .close-btn-custom{
  width: 20px;
  height:20px;
  line-height: 20px;
  font-size:14px;
  top:3vw;
  right:3px;
}
@media (max-width: 1000px) {
  .btn-txt {
    font-size: 14px;
  }
  .hands{
    top:116px;
  }
  .hands-btn{
    width:150px;
    height:160px;
    top:96px;
    left:270px;
  }
  .footer-posi{
    height: 80px;
    width: 100%;
  }
  .footer .close-btn-custom{
    top:2.5vw;
  }
}
@media screen and (min-width:1600px) {
  .btn-txt{
    font-size:22px;
  }
}