@font-face {
  font-family: "GenJyuuGothic-Heavy";
  src: url("https://resource.innnair.com/activity/font/GenJyuuGothic-Heavy-2.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GenJyuuGothic-Bold";
  src: url("https://resource.innnair.com/activity/font/GenJyuuGothic-Bold-2.ttf");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GenJyuuGothic-Bold-woff2";
  src: url("https://resource.innnair.com/activity/font/GenJyuuGothic-Bold-2.woff2");

  font-weight: normal;
  font-style: normal;
}

/* url('https://resource.innnair.com/app/fonts/Alibaba-PuHuiTi-Medium/Alibaba-PuHuiTi-Medium.woff2') format('woff2'), */
/* url('https://resource.innnair.com/app/fonts/Alibaba-PuHuiTi-Medium/Alibaba-PuHuiTi-Medium.ttf') format('truetype'); */

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  font-size: 0.24rem;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "GenJyuuGothic-Bold";
  /* 统一盒模型，避免定位偏差 */
}
.container {
  position: relative;
  /* 作为绝对定位的基准 */
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

.bg {
  width: 100%;
}

/* [class^="bt"] {
   position: absolute;
   transform-origin: top right;
   z-index: 10;
   cursor: pointer;
   pointer-events: auto;
 } */

.bt {
  width: 70px;
}

.bt2 {
  width: 114px;
  position: absolute;
  top: 262px;
  right: 28px;
}

.bt3 {
  width: 70px;
  height: 20px;
}

.bt4 {
  width: 70px;
  /* height: 20px; */
}

/* .bt5 {
   width: 70px;
 } */

.timeClass {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}

.timePop {
  display: block;
  width: 305px;
}

.box {
  width: 305px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box-lxkf {
  width: 305px;
  /* height: 658px; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lxkfPop {
  display: block;
  width: 100%;
}

.close1 {
  margin: 12px auto 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 1000;
}

.text1 {
  font-family: "GenJyuuGothic-Bold";
  font-size: 26px;
  color: #f3491c;
  text-align: center;
  font-weight: 800;
  margin-top: 26px;
}

.corp-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 23px 30px 0;
}

.corp-text {
  width: 57px;
  background-repeat: no-repeat;
  font-family: "GenJyuuGothic-Bold";
  font-weight: bold;
}

.corp-text1 {
  width: 57px;
  height: 57px;
  background-image: url(https://resource.innnair.com/activity/corp4.png);
  background-size: cover;
  background-position: center;
  font-size: 13px;
  color: #ffffff;
  padding: 7px 0 0;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}

.corp-text2 {
  width: 57px;
  height: 57px;
  background-image: url(https://resource.innnair.com/activity/corp3.png);
  background-size: cover;
  background-position: center;
  font-size: 13px;
  color: #ffffff;
  padding: 8px 0 0;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}

.corp-text3 {
  width: 57px;
  height: 57px;
  background-image: url(https://resource.innnair.com/activity/corp2.png);
  background-size: cover;
  background-position: center;
  font-size: 10px;
  color: #ffffff;
  padding: 6px 0 0;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}

.corp-text4 {
  width: 57px;
  height: 57px;
  background-image: url(https://resource.innnair.com/activity/corp1.png);
  background-size: cover;
  background-position: center;
  font-size: 10px;
  color: #ffffff;
  padding: 6px 0 0;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}

.corp-text-content {
  font-family: "GenJyuuGothic-Bold";
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  line-height: 13px;
}

.corp-text-content4 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  line-height: 13px;
}

.down {
  display: block;
  width: 7px;
  margin: 5px auto 4px;
}

.corp-discorption {
  max-width: 260px;
  font-family: "GenJyuuGothic-Bold";
  font-weight: bold;
  font-size: 12px;
  color: #f56437;
  text-align: center;
  white-space: nowrap;
}

.corp-discorption2 {
  font-family: "GenJyuuGothic-Bol" d;
  font-weight: bold;
  font-size: 12px;
  color: #f56437;
  text-align: center;
}

.time-box {
  background: #fff8dd;
  border-radius: 15px;
  padding: 10px 22px 39px;
  margin: 35px 30px 0;
  box-sizing: border-box;
}

.time-title {
  font-family: "GenJyuuGothic-Bold";
  font-weight: bold;
  font-size: 16px;
  color: #f56437;
  margin-top: 2px;
}

.time-img {
  width: 48px;
  height: 25px;
  display: inline-block;
  margin-left: 6px;
}

.time-content {
  margin-top: 10px;
  font-family: "GenJyuuGothic-Bold";
  font-weight: bold;
  font-size: 11px;
  color: #f56437;
  white-space: nowrap;
  text-align: center;
}

.time-btn {
  width: 159px;
  height: 48px;
  display: inline-block;
  margin: -24px auto 0;
}

.img2-box {
  margin: 47px auto 0;
}

.img2-text {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 24px;
  color: #f3491c;
  display: flex;
  align-items: center;
  gap: 7px;
}

.time-icon {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #f3491c;
}

.img2-text2 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 24px;
  color: #f3491c;
  white-space: nowrap;
}

.img2-box {
  position: relative;
  width: 100%;
}

.bg2 {
  width: 100%;
}

.img2-text {
  position: absolute;
  left: 50%;
  top: 109px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.img2-text2 {
  position: absolute;
  left: 50%;
  top: 144px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.bt3 {
  width: 159px;
  height: 48px;
  position: absolute;
  left: 50%;
  bottom: 76px;
  transform: translateX(-50%);
}

.img9 {
  width: 104.5px;
  height: 38.5px;
  display: block;
  margin: 24px auto 32px;
}

.text9 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 26px;
  color: #f3491c;
  white-space: nowrap;
  margin: 0 64px;
}
.item12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 19px;
  position: relative;
}
.img12-box {
  width: 89%;
  height: 418px;
  margin: 42px auto 0;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-img12.1.png);
  background-size: 100% 100%;
  background-position: center;
  padding: 22px 20px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.img12-box > div {
  width: 50%;
}
.img12 {
  width: 100%;
  display: block;
  display: float;
}

.img12-title {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 17px;
  color: #f3491c;
  white-space: nowrap;
  margin: 0 auto;
  background: #ffd769;
  border-radius: 12px;
  text-align: center;
  width: 94px;
}

.img12-text1 {
  font-family: "GenJyuuGothic-Bold-woff2";
  font-weight: 800;
  font-size: 13px;
  color: #ffffff;
  white-space: nowrap;
  margin: 7px auto;
  text-align: center;
}
.img12-text1 span {
  font-family: "GenJyuuGothic-Bold-woff2";
}
.img5 {
  width: 101px;
  height: 60px;
  display: block;
  margin: 0 auto;
}

.img5-text1 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  margin: 13px auto;
  text-align: center;
}

.line-bottom {
  width: 108px;
  height: 1px;
  background: #ffd769;
}

.line-right {
  width: 1px;
  height: 118px;
  background: #ffd769;
  position: absolute;
  right: 0;
}

.img7 {
  width: 90px;
  height: 53px;
  display: block;
  margin: 0 auto;
}

.img8 {
  width: 90px;
  /* height: 60px; */
  display: block;
  margin: 0 auto;
}

.img5-text11 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  margin: 13px auto 0;
  text-align: center;
  line-height: 10x;
}

.img5-text2 {
  margin: 1px auto 18px;
  text-align: center;
  line-height: 10x;
}

.line-right2 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.line-right2 {
  width: 1px;
  height: 118px;
  background: #ffd769;
  margin: 0 0 0 4px;
}
.img-box1 {
  width: 100%;
  height: 1289px;
  margin: 0 auto;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-bg1.png);
  background-size: 100% 100%;
  background-position: center;
}
.bt5 {
  width: 159px;
  height: 48px;
  margin: 23px auto 37px;
}

.img-bottom {
  width: 100%;
  height: 1289px;
  margin: 0 auto;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-bg3.png);
  background-size: 100% 100%;
  background-position: center;
  padding: 74px 25px 60px;
  box-sizing: border-box;
}

.text {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 24px;
  color: #f3491c;
  white-space: nowrap;
  text-align: center;
}

.text2 {
  width: 120.5px;
  height: 35px;
  margin: 39px 0 0;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-tipimg4.png);
  background-size: cover;
  background-position: center;
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  line-height: 35px;
  text-align: right;
  padding-right: 15px;
  box-sizing: border-box;
}

.bottom-img1 {
  width: 329.5px;
  height: 186.5px;
  margin: 9px 0 0 6px;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-img11.png);
  background-size: cover;
  background-position: center;
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 12px;
  color: #f56437;
  white-space: nowrap;
  text-align: right;
}

.text3 {
  width: 131px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(https://resource.innnair.com/activity/mo-tipimg1.png);
  background-size: cover;
  background-position: center;
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  line-height: 32px;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}

.bottom-img2 {
  width: 256px;
  height: 178px;
  margin: 56px 0 0 0;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-img1.png);
  background-size: cover;
  background-position: center;
}

.text4 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 12px;
  color: #f56437;
  white-space: nowrap;
  text-align: left;
  position: absolute;
  top: 40px;
  right: 10px;
}
.bottom-img3 {
  width: 330.5px;
  height: 184.5px;
  margin: -20px 0 0 6px;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-img3.png);
  background-size: cover;
  background-position: center;
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 12px;
  color: #f56437;
  white-space: nowrap;
  text-align: right;
}

.text3 {
  width: 131px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(https://resource.innnair.com/activity/mo-tipimg1.png);
  background-size: cover;
  background-position: center;
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  line-height: 32px;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}
.text5 {
  width: 120.5px;
  height: 39px;
  position: absolute;
  top: -21px;
  right: 34px;
  background-image: url(https://resource.innnair.com/activity/mo-tipimg3.png);
  background-size: 100% 100% ;
  background-position: center;
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  line-height: 45px;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}
.text6 {
  font-family: "GenJyuuGothic-Bold";
  font-weight: 800;
  font-size: 12px;
  color: #f56437;
  white-space: nowrap;
  position: absolute;
  top: 22px;
  right: 10px;
  text-align: left;
}

.bottom-img4 {
  width: 338.5px;
  height: 198.5px;
  margin: 54px 0 0 0;
  position: relative;
  background-image: url(https://resource.innnair.com/activity/mo-img10.png);
  background-size: 100% 100%;
  background-position: center;
}
.btt4 {
  width: 152.5px;
  height: 50px;
  display: block;
  margin: 27px auto;
}
/* 固定图标容器：关键调整 */
.fixd-icon-content {
  position: fixed;
  bottom: 100px;
  right: 12px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  z-index: 99;
  /* 确保容器层级高于背景，低于弹窗 */
}

/* 每个图标盒子：必须设置relative，且overflow可见 */
.fixd-icon-box,
.fixd-icon-box2 {
  position: relative;
  overflow: visible;
  /* 确保绝对定位的二维码不被裁剪 */
  width: 25px;
  /* 固定盒子宽度，匹配图标尺寸 */
  height: 25px;
}

/* 二维码通用样式：统一调整 */
.fixd-qr {
  position: absolute;
  width: 245px;
  /* 默认尺寸，内联可覆盖 */
  height: auto;
  /* 自动高度，避免变形 */
  top: 50%;
  /* 垂直居中对齐图标 */
  transform: translateY(-50%);
  /* 垂直居中 */
  right: 25px;
  /* 默认偏移，内联可覆盖 */
  display: none;
  /* 默认隐藏 */
  z-index: 100;
  /* 确保二维码层级高于图标 */
}

.fixd-qr2 {
  position: absolute;
  width: 25px;
  /* 默认尺寸，内联可覆盖 */
  height: auto;
  /* 自动高度，避免变形 */
  top: 50%;
  /* 垂直居中对齐图标 */
  transform: translateY(-50%);
  /* 垂直居中 */
  right: 25px;
  /* 默认偏移，内联可覆盖 */
  display: none;
  /* 默认隐藏 */
  z-index: 100;
  /* 确保二维码层级高于图标 */
}

/* 移除原本的hover逻辑 */
/* 删掉下面这部分
.fixd-icon-box:hover .fixd-qr,
.fixd-icon-box:hover .fixd-qr2,
.fixd-icon-box2:hover .fixd-qr2 {
    display: block;
}
*/

.fixd-icon,
.fixd-icon2 {
  width: 25px;
  height: 25px;
  display: block;
  cursor: pointer;
}
.fixd_left {
  position: fixed;
  bottom: 100px;
  left: 0px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  z-index: 99;
  width: 36px;
  height: 120px;
}

.conj-icon {
  width: 100%;
  display: block;
}
/* 
.tw-banner {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  height: 9rem;
  background: url("https://resource.innnair.com/activity/tw-mobile-banner.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
}
.innn-logo {
  width: 1.26rem;
  height: 0.55rem;
  top: 0.18rem;
  left: 0.18rem;
  position: absolute;
}
.innn-logo img {
  width: 100%;
  height: 100%;
}
.tw-banner-btn {
  width: 5.1rem;
  height: 0.92rem;
  background: #e44a1f;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  font-weight: 700;
  font-size: 0.38rem;
  color: #ffffff;
  line-height: 0.92rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.tw-main {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  background: #fff8f3;
  padding: 0.9rem 0.24rem 0.76rem;
  box-sizing: border-box;
}
.tw-title {
  position: relative;
  margin-bottom: 0.4rem;
}
.tw-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.91rem;
  width: 0.3rem;
  height: 4px;
  background: url("../images/tw-activity/tw-mobile-title-left.png") no-repeat;
}
.tw-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.91rem;
  width: 0.3rem;
  height: 4px;
  background: url("../images/tw-activity/tw-mobile-title-right.png") no-repeat;
}
.tw-title img {
  width: 5.91rem;
  height: 0.33rem;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.tw-title h1 {
  font-weight: 700;
  font-size: 0.38rem;
  color: #333333;
  line-height: 0.52rem;
  letter-spacing: 0.02rem;
  text-align: center;
  position: relative;
  z-index: 2;
}
.tw-title p {
  font-weight: 700;
  font-size: 0.34rem;
  color: #e44a1f;
  line-height: 0.52rem;
  letter-spacing: 0.02rem;
  text-align: center;
  position: relative;
  z-index: 2;
}
.tw-item-box {
  padding: 0.24rem;
  background: #fff;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  margin-bottom: .24rem;
}
.tw-item-title {
  font-weight: 500;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.44rem;
  text-align: left;
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 0.14rem;
  margin-bottom: .14rem;
}
.tw-item-title img {
  width: 0.4rem;
  height: 0.4rem;
}
.tw-item-text {
  font-weight: 400;
  font-size: .28rem;
  color: #767676;
  line-height: .38rem;
  text-align: justify;
  font-family: "Pretendard-Regular";

} */