@charset "UTF-8";
body,
html {
  padding: 0px;
  margin: 0px;
  word-wrap: break-word;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.showEffect {
	position: fixed;
	right: 20px;
	bottom: 20%;
	z-index: 999999;
	width: 120px;
	opacity: 0.5;
}

.showEffect:hover {
	opacity: 1;
	cursor: pointer;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/* 定义动画关键帧 */
/* 淡入 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* 自下而上淡入 */
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 自左而右淡入 */
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* 自右而左淡入 */
@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 浮动效果 */
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
/* 浮动效果 */
@keyframes floatLR {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0);
  }
}

/* 闪光效果 */
@keyframes shine {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1);
  }
}

/* 旋转淡入 */
@keyframes rotate-in {
  0% {
    opacity: 0;
    transform: rotate(-15deg) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: rotate(0) scale(1);
  }
}

.try2026yd1-wap {
  width: 100vw;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
}

.try2026yd1-wap * {
  padding: 0px;
  margin: 0px;
  word-wrap: break-word;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.try2026yd1-wap img {
  height: auto;
  max-width: 100%;
}

.try2026yd1-wap .ani-body {
  width: 100vw;
  height: 100vh;
  min-height: 216vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
}

.try2026yd1-wap .animate-item {
  position: absolute;
  opacity: 0;
}

.try2026yd1-wap .animate-item--close {
  width: 6.3vw;
  top: 4.3vh;
  right: 8vw;
  z-index: 100;
  animation: fade-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 1s;
  opacity: 1;
  cursor: pointer;
}

.try2026yd1-bg2{
  width: 100vw;
  top: 0;
  animation: fade-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.try2026yd1-bg{
  width: 100vw;
  bottom: 0;
  animation: fade-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.try2026yd1-shan1{
  width: 100vw;
  bottom: 60vw;
  animation: fade-in-up 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both, shine 3s linear infinite;
  animation-delay: 0.8s;
}
.try2026yd1-heng{
  width: 100vw;
  bottom: 61vw;
  animation: fade-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 1s;
}
.try2026yd1-shan2{
  width: 100vw;
  bottom: 51vw;
  animation: fade-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 1.2s;
}
.try2026yd1-wenzi{
  width: 75vw;
  top: 37vw;
  left: 12.5vw;
  animation: rotate-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both, float 4s linear infinite;
  animation-delay: 1.6s;
}


.try2026yd1-chuan-box{
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  bottom: 0;
  animation: fade-in-up 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 2.2s;
}
.try2026yd1-chuan1{
	width: 14.1vw;
	position: absolute;
	bottom: 39vw;
	left: 28.7vw;
	z-index: 3;
	animation: chuan1 20s linear infinite;
	animation-delay: -1s;
}
.try2026yd1-chuan2{
	width: 11vw; 
	position: absolute;
	bottom: 52vw;
	left: 43.8vw;
	z-index: 3;
	animation: chuan2 25s linear infinite;
}
.try2026yd1-chuan3{
	width: 13.4vw;
	position: absolute;
	bottom: 49vw;
	right: 17vw;
	z-index: 3;
	animation: chuan3 20s linear infinite;
	animation-delay: -10s;
}
@keyframes chuan1 {
	0% {
		opacity: 0;
	  left: 28.7vw;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		left: 0;
		opacity: 0;
	}
}
@keyframes chuan2 {
	0% {
		opacity: 0;
	left: 43.8vw;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		left: 10vw;
		opacity: 0;
	}
}
@keyframes chuan3 {
	0% {
		opacity: 0;
		right: 17vw;
	}
	10% {
		opacity: 1;
	}
	100% {
		right: -7vw;
	}
}



/* 烟花释放 ***************************************************************************************************/
.yanhuashow1 {
	width: 100%;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  bottom: 0;
  animation: rotate-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 2.8s;
}

.yanhuashow1 img {
	position: absolute;
	z-index: 10;
}

.yanhuashow1 .yh1 {
	width: 6vw;
	left: 27vw;
	top: 90vw;
	animation: shoot 10s linear infinite;
	-webkit-animation: shoot 10s linear infinite;
}

.yanhuashow1 .yh2 {
	width: 15.5vw;
	top: 30vw;
	left: 12%;
	animation: shoot 12s linear infinite;
	-webkit-animation: shoot 12s linear infinite;
}

.yanhuashow1 .yh3 {
	width: 19vw;
	right: 17.3vw;
	top: 102vw;
	animation: shoot 8s linear infinite;
	-webkit-animation: shoot 8s linear infinite;
}


/* 烟花升 */

@keyframes shoot {
	0%{
		opacity: 0;
		transform: translate(-500%, 500%);
	}
	10%{
		opacity: 1;
	}
	60%{
		opacity: 1;
		transform: translate(0%, -0%);
	}
	100%{
		opacity: 0;
		transform: translate(200%, -300%) scale(0.2);
	}
}
@-webkit-keyframes shoot {
	0%{
		opacity: 0;
		-webkit-transform: translate(-500%, 500%);
	}
	10%{
		opacity: 1;
	}
	60%{
		opacity: 1;
		-webkit-transform: translate(0%, -0%);
	}
	100%{
		opacity: 0;
		-webkit-transform: translate(200%, -300%) scale(0.2);
	}
}