body{background:#f8f8f8;}.ticket-main{background:#F2F2F2;margin:0 auto;}.ticket-banner {position: relative;}.ticket-banner img{width:100%;}.ticket-box{padding:0 10px;line-height:25px;font-size:14px;background:#fff;color:#606060;}.text-more{line-height:20px;padding-bottom:10px;}.text-gray{color: #828282 !important;}.color-light{color: #000 !important;}.between{display:flex;justify-content: space-between;align-items: center;}.font-basecolor{color:#009688;}.border-bottom{border-bottom:1px solid #ccc;}.f12{font-size:14px;}.bold{font-size:16px;font-weight: 700;color: #333333;}.base-title{height:25px;padding:0 10px;line-height:25px;font-size:14px;background:#fff;}.base-title.bg14{height:40px;line-height:40px;font-size:14px;}.base-title .contact{background: #F9F9F9;padding: 0 10px;border-radius: 10px;height:25px;line-height:25px;font-size:14px;}.base-title .price{font-size:20px;font-weight: 700;}.base-title i{margin-right:4px;font-size: 14px;}.page-footer{display:flex;align-items: center;justify-content: space-between;bottom: 0;width: 100%;height: 60px;padding: 0;border-top: 0;border-bottom: 0;background:#fff;position: fixed;box-shadow: 0 0.02rem 0.3rem 0 hsla(0,0%,84%,.5);}.footer-active{display:flex;justify-content: center;align-items: center;}.footer-active a{display:flex;flex-direction: column;justify-content: center;align-items: center;color:#666;line-height:20px;font-size:14px;margin-left:20px;}.openDmForm{height:42px;line-height:42px;}.layui-icon{font-size:18px;}.layui-icon-service{font-size:20px;}.page-footer .layui-btn{flex: 1;margin:0 10px;}.service_shade{top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background-color: rgb(0, 0, 0);opacity: 0.3;position: fixed;}.service{position: fixed;bottom: 0;width:100%;z-index: 101;}.service_header{line-height:20px;padding:10px;border-top-left-radius: 10px;border-top-right-radius: 10px;background:#fff;}.service li a{display:flex;align-items: center;justify-content: space-between;padding:10px;font-size:14px;background:#fff;border-top:1px solid #F9F9F9;}.service li a .service_title{display:flex;flex-direction: column;justify-content: center;color:#009688;}.service li a .service_title span{font-size:12px;}.service_shade{top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background-color: rgb(0, 0, 0);opacity: 0.3;position: fixed;}.share{position: fixed;bottom: 0;width:100%;z-index: 101;}.share_header{line-height:20px;padding:10px;border-top-left-radius: 10px;border-top-right-radius: 10px;background:#fff;text-align:center;}.share_content{display:flex;align-items: center;padding:10px;font-size:14px;background:#fff;border-top:1px solid #F9F9F9;}.share_content a{display:flex;flex-direction: column;justify-content: center;align-items: center;color:#5B5B5B;margin-right:30px;font-size:12px;}.share_content a i{font-size:26px;color:#8B8B8B;background:#F5F5F5;height:50px;width:50px;border-radius: 50%;display:flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom:4px;}.share_close{background:#fff;height:50px;line-height:45px;border-top:5px solid #F0F0F0;text-align:center;display:block;}.dmAlert{position: fixed;bottom: 35%;left: 13%;width:74%;z-index: 101;border-radius: 6px;background:#fff;}.dmAlert_header{line-height:20px;padding:10px;text-align:center;font-weight: 700;}.dmAlert_content{padding:10px 15px 20px 15px;font-size:14px;color:#828282;}.dmAlert_footer{display:flex;justify-content: center;align-items: center;border-top:1px solid #F6F6F6;}.dmAlert_footer a{width:49%;height:40px;line-height:40px;text-align:center;display:block;border-right:1px solid #F6F6F6;}.dmAlert_footer a:last-child{border:0;color:#009688;}.dmAlertQrcode{position: fixed;bottom: 35%;left: 13%;width:74%;z-index: 101;border-radius: 6px;background:#fff;font-size:14px;color:#828282;padding:20px;text-align: center;display:flex;flex-direction: column;justify-content: center;align-items: center;}.dmAlertQrcode_close {height:45px;line-height:40px;text-align:center;display:block;}.dmAlertQrcodeClose{position: absolute;top:10px;right:10px;}.dmForm_shade{top:0;bottom: 0;width: 100%;height: 100%;z-index: 100;background-color: rgb(0, 0, 0);opacity: 0.3;position: fixed;}.dmForm{position: fixed;top: 10%;left: 0;width:100%;height:90%;overflow:auto;z-index: 101;background:#FDFDFD;-webkit-animation-name: run;-webkit-animation-duration: 0.6s;padding-right:10px;}@-webkit-keyframes run {0% {top: 100%;}100% {top: 10%;, webkit-transform: scaleX(-1);}}.dmFormClose{position: absolute;top:10px;right:10px;}.layui-btn-submit{display: block;width: 100%;}.dmForm .layui-form-item{margin-bottom:10px;}.dmForm .tips-box {padding: 15px 20px;}.dmForm .layui-form[wid100] .layui-form-label {width: 92px;padding: 9px 5px;}.dmForm .layui-form[wid100] .layui-input-inline + .layui-form-mid { margin-left: 95px;padding:0 !important;}.dmForm .layui-form[wid100] .layui-input-inline {display: block;float:none;margin-left: 97px;}.dmForm .layui-form[wid100] .layui-input-block {margin-left: 97px;padding: 5px 0px;}.dmForm .layui-form[wid100] .layui-input-block {width: auto !important;left: -3px;}.dmForm .layui-form-checkbox i{height:30px;}.dmForm .layui-form-item .layui-input-inline.update_images{width:82px !important;}.dmForm .layui-form[wid100] .layui-form-card .layui-input-inline + .layui-form-mid { margin-left: 0;padding:0 !important;}.dmForm .layui-form[wid100] .layui-form-item .layui-form-label {text-overflow: ellipsis;overflow: auto;white-space: normal;}.layui-form-mid{float:none;}@media screen and (min-width: 768px) { body *{max-width:500px;}body{ max-width:500px; margin:0 auto;}.page-footer{max-width:498px;}.ticket-main{box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);}.service_shade,.dmForm{left: calc(50% - 250px);}.dmAlertQrcode,.dmAlert{left: calc(50% - 150px);width: 300px;}}.tui-nodata-fixed {width: 90%;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.tui-tips-content {text-align: center;color: #666666;font-size: 28rpx;padding: 0 50rpx 28rpx 50rpx;box-sizing: border-box;word-break: break-all;word-wrap: break-word;}.tui-tips-content i{color:#ec5151;font-size:80px;margin-right:5px;}.tui-tips-content a{border-radius: 20px;padding-left: 0;padding-right: 0;display: flex;align-items: center;justify-content: center;background: #1cbbb4;color: #fff;height: 40px; line-height: 40px;font-size: 16px;margin-top: 10px;}.tui-btn-cyan-green {background: #ec5151 !important;}
img {
  display: block; /* 核心属性：将行内替换元素转为块级元素 */
  width:100%;
}
a{ color:#ffffff; text-decoration:none;}
a:hover{color:#ffffff;}
.down{position: fixed;margin:0 auto; width:100%;height:8%; bottom:2%; display:flex; justify-content:center; gap:20px;}

.zuo{color:#ffffff;font-weight: bold;width:28%;}
.zuofont{font-size:1.4rem;text-align: center;}

.btn {
  border: none;
  outline: none;
  cursor: pointer;
    /* 核心：开启flex布局 */
  display: flex;
  /* 垂直居中（上下） */
  align-items: center;
  /* 可选：水平居中（左右），如果需要的话 */
  justify-content: center;
  padding: 10px 30px;
  font-size: 16px;
  border-radius:20px;
  background: #119300;
  color: #fff;
  font-weight: 500;
  position: relative; /* 伪元素定位参考 */
  overflow: hidden; /* 隐藏超出的流光 */
  z-index: 1; /* 保证文字在顶层 */
  animation: baseScale 2s ease-in-out infinite; /* 基础放大动画 */
}

/* 橙色按钮样式 */
.btn-orange {
  background: #ff6600;
}

.btn-orange::before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
}

/* 流光伪元素：实现边缘环绕光带 */
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%; /* 初始在按钮左侧外部 */
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(2, 196, 28, 0.3), /* 流光颜色（白色半透明） */
    transparent
  );
  z-index: -1;
  /* 流光环绕动画：单独设置，与放大光效同步 */
  animation: lightLoop 2s ease-in-out infinite;
}

/* 基础放大+外发光关键帧 */
@keyframes baseScale {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(37, 99, 235, 0);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(0, 165, 14, 0.7);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(37, 99, 235, 0);
  }
}

/* 流光环绕关键帧 */
@keyframes lightLoop {
  0% {
    left: -100%; /* 从左侧进入 */
  }
  100% {
    left: 100%; /* 从右侧离开，完成环绕 */
  }
}







/* 返回顶部按钮样式 */
        #backToTop {
            /* 核心：固定定位，始终在页面右下角 */
            position: fixed;
            right:15px;
            bottom:160px;
            /* 按钮样式美化 */
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;

            color: #fff;
            border-radius: 50%;
            cursor: pointer;
            /* 初始状态：隐藏，且设置过渡效果让显示/隐藏更平滑 */
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
            /* 防止被其他元素遮挡 */
            z-index: 9999;
            /* 无限放光芒效果 */
            animation: glowPulse 1.5s ease-in-out infinite;
        }

        /* 按钮悬浮效果，提升交互体验 */
        #backToTop:hover {
            transform: scale(1.1);
            transition: all 0.3s ease;
        }

        /* 无限放光芒动画关键帧 */
        @keyframes glowPulse {
            0% {
                box-shadow: 0 0 5px rgba(35, 199, 2, 0.445),
                            0 0 10px rgba(2, 192, 28, 0.3),
                            0 0 15px rgba(40, 194, 1, 0.1);
            }
            50% {
                box-shadow: 0 0 10px rgba(1, 214, 29, 0.781),
                            0 0 20px rgba(3, 204, 3, 0.61),
                            0 0 30px rgba(27, 196, 5, 0.603),
                            0 0 40px rgba(41, 194, 3, 0.678);
            }
            100% {
                box-shadow: 0 0 5px rgba(71, 207, 8, 0.603),
                            0 0 10px rgba(1, 206, 18, 0.61),
                            0 0 15px rgba(47, 199, 1, 0.1);
            }
        }
/* 返回顶部按钮样式end */

.hh{
height: 100px;
min-height: 100px;
}



