@charset "utf-8";

/* CSS Document 公共部分 author lee  2018-2019*/
html {
    font-size: 0px;
    font-family:
        -apple-system, Roboto,
        "Helvetica Neue",
        Roboto,
        "Microsoft Yahei",
        "Hiragino Sans GB",
        Helvetica, Arial,
        sans-serif, nomospace;
    font-style: normal;
    line-height: 1.5;
}

body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box
}

a {
    -webkit-transition: .15s;
    transition: .15s;
    text-decoration: none
}

img {
    max-width: 100%
}

li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

li,
ol,
p,
ul {
    list-style-type: none
}

.header {
    text-align: center;
}

.container {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 100px; /* 关键：留出底部固定图的空间 */
    min-height: calc(100vh - 60px); /* 确保容器最小高度 */
    box-sizing: border-box; /* 防止padding影响高度计算 */
}

.float {
    position: fixed;
    position: -webkit-sticky;
    position: sticky;
    bottom: -2px;
    line-height: 0;
    z-index: 10;
    width: 100%;
    max-width: 640px;
}
/* 默认（PC端优先） */
.kf,
.tg {
  position: fixed;
  animation: kf 2s infinite;
  z-index: 9999;
}

/* 客服按钮 PC */
.kf {
  top: 55%;
  right:32vw;
}

.kf img {
  width: 80px;
  height: auto;
  object-fit: contain;
}

/* 推广按钮 PC */
.tg {
  top: 65%;
  right: 63vw;  /* PC 固定位置 */
}

.tg img {
  width: 80px;
  height: auto;
  object-fit: contain;
}

/* 移动端（屏幕宽度 ≤ 768px） */
@media (max-width: 768px) {
  .kf {
    top: 65%;     /* 按钮位置下移一点，避免挡住内容 */
    right: 3vw;   /* 贴边 */
  }

  .kf img {
    width: 18vw;   /* 宽度随屏幕变化 */
    max-width: 60px;
  }

  .tg {
    top: 70%;     /* 更靠下 */
    right: 80vw;
  }

  .tg img {
    width: 20vw;
    max-width: 60px;
  }
}
  

.sw{
    position: fixed;
    top: 40%;
    left: 20px;
    animation: kf 2s infinite;
}
.sw img{
    width: 80px;
}
@media (max-width: 320px) {

    html,
    body {
        font-size: 14px;
    }
}

@media (min-width: 376px) {

    html,
    body {
        font-size: 0px;
    }
}

@media (min-width: 576px) {

    html,
    body {
        font-size: 26px;
    }
}

@media (min-width: 1024px) {

    html,
    body {
        font-size: 0px;
    }
}
@keyframes kf{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}

.countdown {
    margin-top: 15px;
    color: #f0dc00;
    font-weight: bold;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.3);
    padding: 5px 10px;
    border-radius: 15px;
    display: inline-block;
}