body{ background:#EDEDED;}
.box540{background:#EDEDED; width:100%; max-width:540%; margin:0 auto;}
.tu{ position:relative;}
.tu img{ width:100%;}
.tu .box_k{ width:50%; bottom:20%; left:50%; margin-left:-25%; position:absolute;}
.tu .box_k .text{ color:#ffff00; font-size:14px; padding-bottom:30px; text-align:center;}
.tu .box_k .kuan_bg{ height:30px; background:#fff; border-radius:4px;}
.tu .box_k .kuan_bg input{ border:none; background:none; width:100%; height:100%; text-align:center;}
.tu .box_k .n01{ height:30px; background:#f8d053; border-radius:4px; margin-top:12px; width:100%; border:none; font-size:14px;}
.tu .footer{ width:100%; position:absolute; bottom:0; display: -webkit-box; }
.tu .footer .two{-webkit-box-flex:1; box-flex:1; height:46px; border-radius:999px;
    background-image: linear-gradient(to right, #dbb368, #fffec5,#dbb368);}
.tu .footer .one{ width:80px; height:15px; padding-top:15px;}
.tu .footer .two .kuan{ border-radius:999px; height:40px; margin:3px; background:#881000; box-shadow:2px 5px 22px #540a00 inset; overflow:hidden;}
.tu .footer .two .kuan li{ color:#fff; font-size:13px; line-height:40px; text-align:center;}
.tu .footer .two .kuan li span{ font-weight:bold; color:#ffff00;}


.tu .bom_img{
    right: 5px; bottom: 10px; width:40%; position:absolute;
}
.tu .bom_img img{width:100%;}
 /* 滚动容器样式 */
    .scroll-container {
		display: flex;
      align-items: center; /* 垂直居中 */
      justify-content: center; /* 水平居中（可选，如需水平居中则保留） */
      box-sizing: border-box; /* 避免边框/内边距影响高度计算 */
		
	  color: #F1F314;
	  height: 3.6%;
      width: 100%;
	  top:0; left:0; 
	  position:absolute;
      overflow: hidden; /* 隐藏溢出内容 */
      white-space: nowrap; /* 防止文字换行 */
    }

    /* 滚动内容样式 */
    .scroll-content {
	  display: inline-block;
      animation: scroll-left 50s linear infinite; /* 滚动动画：15秒完成一次，匀速，无限循环 */
      padding-right: 100%; /* 确保文字衔接无间隙 */
    }

    /* 滚动文字样式 */
    .scroll-text {
      font-size: 1.2rem;
      color: #F1F314;
      line-height: 1.8;
    }

    /* 高亮文本样式（可选） */
    .highlight {
      color: #2c3e50;
      font-weight: 600;
    }

    /* 动画关键帧：从右到左滚动 */
    @keyframes scroll-left {
      0% {
        transform: translateX(0); /* 起始位置：不偏移 */
      }
      100% {
        transform: translateX(-100%); /* 结束位置：向左偏移自身宽度 */
      }
    }

    /* 响应式调整：小屏幕下调整字体大小 */
    @media (max-width: 768px) {
      .scroll-text {
        font-size: 1rem;
}

/* 基础样式设置 */
/* 容器样式 */
        .animate-container {
            height: 6%;
            position:absolute; /* 为图片绝对定位做准备 */
			top:4%;
			right:17%;
            margin: 0px auto; /* 居中展示，方便查看 */
            transform-origin: center; /* 以容器中心为变换原点 */
            /* 左右摆动动画：2秒一个周期，匀速，无限循环 */
            animation: swing 1s ease-in-out infinite;
        }

        /* 内部图片样式 */
        .animate-img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持图片比例并填充容器 */
            /* 图片缩放动画：1.5秒一个周期，匀速，无限循环 */
            animation: scale 0.6s ease-in-out infinite alternate;
        }

        /* 左右摆动动画关键帧 */
        @keyframes swing {
            0% { transform: rotate(0deg); } /* 初始位置 */
            25% { transform: rotate(3deg); } /* 向右摆3度 */
            75% { transform: rotate(-3deg); } /* 向左摆3度 */
            100% { transform: rotate(0deg); } /* 回到初始位置 */
        }

        /* 图片缩放动画关键帧 */
        @keyframes scale {
            0% { transform: scale(1); } /* 原始大小（100%） */
            100% { transform: scale(0.9); } /* 缩小到90% */
        }

		

}
		.wheel_box{position: absolute; width: 80%; left: 10%; top:34%;}	
		.wheel-container { position:relative;
            width: 100%;
            margin: 0px auto;
        }
        .wheel {
            width: 100%;
            transition: transform 4s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
		.poin01{position: absolute; width:38%; top:31%; left:50%; margin-left:-19%; z-index: 100;}
		.poin02{position: absolute; width:6%; top:25%; left:50%; margin-left:-3%; z-index: 10;}
		
		.poin01 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* 一大一小循环：1→0.8→1，3秒一个周期，缓动过渡 */
            animation: scaleLoop 1s infinite alternate ease-in-out;
        }

        @keyframes scaleLoop {
            0% { transform: scale(1); }    /* 大 */
            100% { transform: scale(0.9); } /* 小 */
        }

        .pointer {
            width: 100%;
        }
        .prize-text {
        height: 1px; width: 1px;
        }
        .bottom-btn {
            display: block;
            width: 80%;
            max-width: 300px;
            margin: 10px auto;
            padding: 10px 0;
            background: linear-gradient(to right, #00ccff, #0099ff);
            color: #fff;
            text-align: center;
            border-radius: 8px;
            text-decoration: none;
            font-size: 16px;
        }
        .decor {
            position: absolute;
            bottom: 100px;
            left: 0;
            width: 100%;
            z-index: -1;
            opacity: 0.8;
        }
		
		
		
		/* 弹窗遮罩层 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9); /* 半透明黑色遮罩 */
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
            z-index: 1000; /* 确保弹窗在最上层 */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        /* 弹窗显示状态 */
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* 弹窗内容容器 */
        .modal-content { padding: 20px;
        }
		.modal-content img{ width: 100%;}
        /* 弹窗图片样式 */
        .modal-image {
			max-width: 400px; /* 限制图片最大宽度，避免超出屏幕 */
            max-height: 400px; /* 限制图片最大高度 */
            width: auto;
            height: auto;
        }

/* 开始默认开启弹窗样式 */
/* 弹窗遮罩层 */
        .popup-mask {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
			padding: 0 30px;
            background-color: rgba(0, 0, 0, 0.85);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.35s ease;
            z-index: 999;
        }

        /* 弹窗容器 */
        .popup-box {
            background-color: #ffffff;
            width:100%;
            max-width: 520px;
            box-shadow: 0 10px 36px rgba(0, 0, 0, 0.25);
            transform: translateY(-25px);
            transition: all 0.35s ease;
            position: relative;
        }

        /* 弹窗标题 */
        .popup-heading { text-align: center; padding-top:20px;
            font-size: 2.5rem;
            font-weight: 500;
            color: #E60012;
            padding-bottom:10px;
        }

        /* 弹窗中间内容区 */
        .popup-content {
            
			 font-size: 3.7vw;
  min-font-size: 14px;
  max-font-size: 24px;
			
			
            color: #000;
            margin-bottom: 30px;
        }
.popup_n01{ text-align: right; padding-right: 11%;}
.popup_n01 span{ color: #F19149;}
.popup_n02{ text-align: right; padding-right:11%; color: #E60012;}
.popup_n03{ padding-left: 11%; padding-right: 11%; padding-top: 10px;}
.popup_n03 img{ width: 100%;}
.popup_n04{ padding: 0 11%;}
.pop_h_bj{background: #2F3034; padding-top: 5px; padding-bottom: 20px;}
.oval {
 /* 椭圆的宽高比例（控制形状） */
            width: 80%;
            height: 24px;
            /* 红色边框（环的样式） */
            border: 3px solid #ff0000;
            /* 圆角设置为宽高的一半，形成椭圆 */
            border-radius: 50%;
            /* 去掉背景色，只保留边框 */
	background: transparent; margin: 0 auto;  font-size: 12px; color: #5E5F63; line-height: 24px; text-align: center;
}
.popup_n05{ padding-right: 11%; padding-top: 15px; text-align: right;}
.popup_n05 .n01{color: #F19149;}
.popup_n05 .n02{ padding-right: 24px;}
.popup_n06{ padding-right: 11%; padding-top: 7px; padding-bottom: 10px; text-align: right;}
.popup_n06 span{padding-right: 32px;}
.popup_n07{ padding: 0 11%;}
.popup_n07 .tx{ border: 2px dashed #A7A7A7; border-radius: 5px; padding: 14px; display: -webkit-box; }
.popup_n07 .tx .tx_tu{ width: 25%;}
.popup_n07 .tx .tx_tu img{ width: 100%;}
.popup_n07 .tx .tx_text{-webkit-box-flex:1; box-flex:1; color: #F19149;}
.popup_n07 .tx .tx_text span{ padding-left: 15px; line-height: 40px;}
.popup_n08{ text-align: right; padding-right: 11%; padding-top: 5px; padding-bottom: 15px;}
.popup_n091{ width: 60%; margin: 0 auto; position: relative; height: 60px;}
.popup_n09{  color: #fff; background: #CC3A2D; font-size: 1.2erm; border-radius: 999px; text-align: center;  padding: 10px 0; width: 100%; position: absolute; left: 0; top: 0;}
.gb_an{ position: absolute; top:10%; right: 7%; width: 10%;}
.gb_an img{ width: 100%;}
        /* 关闭按钮 */

        /* 弹窗控制开关（隐藏） */
        #popup-switch {
            display: none;
        }

        /* 默认打开：选中状态控制弹窗显示 */
        #popup-switch:checked ~ .popup-mask {
            opacity: 1;
            visibility: visible;
        }

        #popup-switch:checked ~ .popup-mask .popup-box {
            transform: translateY(0);
        }