/* sy022 全量样式 */
/* ========================================
   活动弹窗 2026
   独立样式，不影响本站其他内容
======================================== */

#promoPopup2026,
#promoPopup2026 * {
    box-sizing: border-box;
}


/* ========================================
   弹窗背景遮罩
======================================== */

#promoPopup2026 {
    position: fixed;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 2147483000;

    display: flex;
    align-items: center;
    justify-content: center;

    /* 给关闭按钮预留底部空间 */
    padding: 15px 15px 80px;

    background: rgba(0, 0, 0, 0.58);

    /* 8秒后自动隐藏 */
    animation: promoAutoClose2026 0.01s linear 8s forwards;
}


/* ========================================
   弹窗主体

   不固定高度
   最大宽度420px
======================================== */

#promoPopup2026 .promo-box {
    position: relative;

    width: auto;
    height: auto;

    max-width: 420px;
    max-height: calc(100vh - 100px);

    display: inline-block;

    margin: 0;
    padding: 0;

    filter:
        drop-shadow(0 10px 18px rgba(0,0,0,.35))
        drop-shadow(0 22px 38px rgba(0,0,0,.38));

    animation: promoPopIn2026 .30s ease-out;
}


/* ========================================
   图片链接
======================================== */

#promoPopup2026 .promo-link {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    margin: 0;
    padding: 0;

    text-decoration: none;

    border-radius: 22px;
    overflow: hidden;
}


/* ========================================
   海报图片

   保持原始比例
   不裁剪
   不拉伸
   最大宽度420px
======================================== */

#promoPopup2026 .promo-img {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: min(420px, calc(100vw - 30px)) !important;
    max-height: calc(100vh - 100px) !important;

    object-fit: contain;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 22px;

    user-select: none;
    -webkit-user-drag: none;
}


/* ========================================
   X关闭按钮
======================================== */

#promoPopup2026 .promo-close {
    position: absolute;

    left: 50%;
    bottom: -62px;

    transform: translateX(-50%);

    z-index: 10;

    width: 48px;
    height: 48px;

    margin: 0;
    padding: 0;

    border: 3px solid rgba(255,255,255,.96);
    border-radius: 50%;

    background: rgba(38,10,34,.94);
    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 34px;
    font-weight: 300;

    line-height: 40px;
    text-align: center;

    cursor: pointer;
    outline: none;

    box-shadow:
        0 0 6px rgba(255,255,255,1),
        0 0 14px rgba(255,120,190,.90),
        0 0 24px rgba(255,70,150,.75),
        0 0 36px rgba(255,45,110,.45),
        0 7px 18px rgba(0,0,0,.45);

    animation:
        promoCloseGlow2026
        1.4s
        ease-in-out
        infinite
        alternate;
}


/* 鼠标经过关闭按钮 */

#promoPopup2026 .promo-close:hover {
    transform:
        translateX(-50%)
        scale(1.08);
}


/* 点击关闭按钮 */

#promoPopup2026 .promo-close:active {
    transform:
        translateX(-50%)
        scale(.94);
}


/* ========================================
   弹窗出现动画
======================================== */

@keyframes promoPopIn2026 {

    from {
        opacity: 0;

        transform:
            translateY(18px)
            scale(.94);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}


/* ========================================
   X关闭按钮发光动画
======================================== */

@keyframes promoCloseGlow2026 {

    from {

        box-shadow:
            0 0 5px rgba(255,255,255,.90),
            0 0 12px rgba(255,120,190,.70),
            0 0 20px rgba(255,70,150,.55),
            0 6px 16px rgba(0,0,0,.40);

    }

    to {

        box-shadow:
            0 0 9px rgba(255,255,255,1),
            0 0 20px rgba(255,120,190,1),
            0 0 32px rgba(255,70,150,.85),
            0 0 44px rgba(255,45,110,.55),
            0 7px 18px rgba(0,0,0,.45);

    }

}


/* ========================================
   8秒后自动关闭
======================================== */

@keyframes promoAutoClose2026 {

    to {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

}


/* ========================================
   手机端
======================================== */

@media screen and (max-width: 480px) {

    #promoPopup2026 {

        padding:
            10px
            10px
            75px;

    }


    /* 手机端宽度控制为屏幕82% */

    #promoPopup2026 .promo-box {

        width: auto;
        height: auto;

        max-width: 82vw;
        max-height: calc(100vh - 95px);

    }


    #promoPopup2026 .promo-link {

        width: auto;
        height: auto;

        max-width: 100%;
        max-height: 100%;

        border-radius: 20px;

    }


    #promoPopup2026 .promo-img {

        width: auto !important;
        height: auto !important;

        max-width: 82vw !important;
        max-height: calc(100vh - 95px) !important;

        object-fit: contain;

        border-radius: 20px;

    }


    #promoPopup2026 .promo-close {

        bottom: -58px;

        width: 46px;
        height: 46px;

        font-size: 32px;
        line-height: 38px;

    }

}


/* ========================================
   小屏手机
======================================== */

@media screen and (max-width: 360px) {

    #promoPopup2026 {

        padding:
            8px
            8px
            72px;

    }


    #promoPopup2026 .promo-box {

        max-width: 82vw;
        max-height: calc(100vh - 90px);

    }


    #promoPopup2026 .promo-img {

        max-width: 82vw !important;
        max-height: calc(100vh - 90px) !important;

    }


    #promoPopup2026 .promo-close {

        bottom: -55px;

        width: 44px;
        height: 44px;

        font-size: 30px;
        line-height: 36px;

    }

}

:root {
        --ppc-primary-color: #008000 !important;
        --theme-color: #008000;
        --text-nameyumingqq: "新广东会";
        --text-dauyumingqq: "4901";
        --text-dityumingqq: "5588";

    }

    .nameyumingqq::before {
        content: var(--text-nameyumingqq);
    }

    .dityuming::before {
        content: var(--text-dityumingqq);
    }

    .dauyuming::before {
        content: var(--text-dauyumingqq);
    }

  /* 图片错误用的 不要动 */
  .arco-image-error {
    background-image: url(https://pic.new2tuzhi.app:10049/group1/20264/04/12/gengxin.jpg) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .arco-image-error-icon {
    display: none;
  }
  /* 图片错误用的 不要动 */

   
  .hg {
    height: 148px;
  }
  @media (max-width: 480px){
    .hear-box .web-img{
    max-height: 52px;
    width: 225px;
    flex-shrink: 0;
    }
}
@media (max-width: 400px){
    .hear-box .web-img{
    max-height: 52px;
    width: 205px;
    flex-shrink: 0;
    }
}
@media (max-width: 380px){
    .hear-box .web-img{
    height: 44px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
    }
}
@media (max-width: 370px){
    .hear-box .web-img{
    height: 44px !important;
    width: 190px !important;
    flex-shrink: 0 !important;
    }
}
  @media only all and (max-width: 500px) {
    .hg {
        height: 147px !important;
    }
  }
  body {
    margin: 0;
    padding: 0;
    font-family: type-font, Microsoft YaHei, sans-serif;
    color: #333;
    max-width: 720px;
    margin: 0 auto;
  }

  .head-box {
    position: fixed;
    top: 0;
    max-width: 720px;
    width: 100%;
    z-index: 999;
  }

  .hear-box {
    background: var(--ppc-primary-color);
    position: sticky;
    top: 0;
    z-index: 200;
    padding: 0 6px;
    height: 58px;
  }

  .title-box {
    margin: 2.4px 0;
    font-size: 24px;
    line-height: 21.6px;
    height: 42px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }

  .title-box .text {
    color: White;
    font-weight: 700;
    text-shadow: 2.4px 2.4px 4.8px #00000080;
    letter-spacing: 2.4px;
  }

  .flex-box {
    display: flex;
    align-items: center;
  }

  .hear-box .web-img {
    height: 47px;
    max-width: 310px;
    flex-shrink: 0;
  }

.hear-box .logo {
      position: absolute;
      right: 5px;
      top: 4px;
      width: auto;
      height: 90%;
  }

  @media (max-width: 375px){
      .hear-box .logo {
          top: 5px;
          height: 85%;
      }
  }

  .tie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    height: 46px;
  }

  .yxym {
    font-size: 18px;
    margin: 4.8px 0;
    border: solid 1px #cfcfcf;
    overflow: hidden;
    border-radius: 12px;
  }

  .tie > div {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    color: #000;
    /* height: 30px; */
    border-top: 1px solid white;
    /* border-bottom: 1px solid #e5e5e5; */
     border-radius: 20px; 
   
    background-color: #eee;
    line-height: 2.2;
  }

  .active {
    background-color: var(--theme-color) !important;
    color: #fff !important;
  }

  .box {
    width: 100%;
    height: 100%;
  }

  .zztj .list-title {
    background: linear-gradient(var(--ppc-primary-color), transparent);
    text-align: center;
    font-family: Microsoft YaHei, Helvetica, sans-serif;
    color: #000000;
    font-weight: 900;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
  }

  .zztj ul {
    padding: 0px;
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-weight: 900;
    border: 1px solid var(--ppc-primary-color);
    border-radius: 7.2px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .zztj li {
    width: 98%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 12px;
    margin: 1.8px;
    padding: 4px 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  }

  .zztj li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #000000;
    font-size: 22px;
  }

  .zztj li .mt-5 {
    margin-top: 3px;
  }

  .red_text,
  .red-text {
    color: red;
  }

  .green_text,
  .green-text {
    color: green;
  }

  .blue_text,
  .blue-text {
    color: blue;
  }

  .grey_text,
  .grey-text {
    color: #999;
  }

  .site-domain-box {
    font-weight: 700;
    font-size: 24px;
    border: none;
    height: 48px;
    line-height: 24px;
  }

  .sbzt {
    font-size: 18px;
    margin: 4.8px 0;
    border: solid 1px #cfcfcf;
    overflow: hidden;
    border-radius: 12px;
  }

  .flex {
    display: flex;
  }

  .site-domain-box .flex {
    align-items: flex-end;
  }

  .site-domain-box .site-domain {
    font-size: 40px;
    line-height: 30px;
  }

  .module-box {
    margin-bottom: 3px;
    margin-top: 3px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(1.2rem, 5vw, 1.7rem);
    border: 2px solid var(--ppc-primary-color);;
    border-radius: 5px;
    overflow:hidden;
  }

  .module-title {
    text-align: center;
    font-size: clamp(1.2rem, 4.5vw, 1.5rem);
    font-weight: 700;
    text-align: center;
    color: #000;
    background: linear-gradient(var(--ppc-primary-color), rgb(246, 241, 240));
    /* box-shadow: var(--ppc-primary-color) 0px 1px 1px 0px, rgba(0, 0, 0, 0.19) 0px 0px 0px 0px; */
    border-bottom: 1px solid var(--ppc-primary-color);
    height: 50px;
    line-height: 48px;
  }

  @media only all and (max-width: 500px) {
    .module-title {
        height: 40px;
        line-height: 40px;
    }
  }

  .highlight-color {
    /* color: #fdf652; */
  }

  .period-box {
    background-color: var(--theme-color);
  }

  .arrow-box {
    width: 10%;
    height: 100%;
    max-width: 35px;
  }

  .arrow-img {
    width: 100%;
    height: 100%;
  }

  .period-list {
    height: 48px;
    padding: 0 12px;
    overflow: auto;
    width: 100%;
  }

  .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .title-box .bg-gradient {
    position: absolute;
    background: linear-gradient(to bottom, #ccc, #fff);
    border-radius: 6px 6px 0 0;
    width: 100%;
    height: 34px;
    z-index: -2;
    bottom: 0;
    left: 0;
  }

  .title-box .bg-svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
    height: 100%;
  }

  .period-list .current-period {
    background-color: #fff !important;
    color: var(--theme-color);
  }

  .period-list > div {
    flex-shrink: 0;
    width: 72px;
    margin-right: 9.6px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    font-size: 20px;
  }

  .period-list .no-current {
    background-color: #ffffff57;
  }

  .container {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    color: #000;
    font-weight: 700;
    border-top: 1.2px solid #cfcfcf;
    text-align: center;
    height: auto;
    line-height: 40px;
  }

  .container-largeword {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(1.2rem, 5vw, 1.5rem);
    color: #000;
    font-weight: 700;
    border-top: 1.2px solid #cfcfcf;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }

 .container-xl-largeword {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(1.3rem, 5vw, 1.6rem);
    color: #000;
    font-weight: 700;
    border-top: 1.2px solid #cfcfcf;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }

  .container-for-span {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(1.1rem, 4.5vw, 1.5rem);
    color: #000;
    font-weight: 700;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }

  .container-smallword {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(0.9rem, 4vw, 1.5rem);
    color: #000;
    font-weight: 700;
    border-top: 1.2px solid #cfcfcf;
    text-align: center;
    height: auto;
    line-height: 40px;
  }

  @media only all and (max-width: 500px) {
    .container, .container-largeword, .container-xl-largeword, .container-for-span {
        height: auto;
        line-height: 36px;
    }
  }

  .container .content .main:not(:last-child) {
    border-bottom: 1.2px solid #cfcfcf;
  }

  .container .content .main .label:not(:last-child),
  .container .content .main .con:not(:last-child),
  .container .content .main .res:not(:last-child) {
    border-right: 1.2px solid #cfcfcf;
  }

  .container .content .main .label,
  .container .content .main .con,
  .container .content .main .res {
    width: 24%;
    height: 48px;
    line-height: 48px;
    text-align: center;
  }

  .container .content .main .con {
    width: 58%;
    font-size: 22px;
    color: #ff0;
    background-color: #000;
  }

  .box {
    width: 100%;
    height: 100%;
  }

  .yxzd1 .box .list-title {
    background: var(--theme-color);
    text-align: center;
    border-radius: 9px 9px 0 0;
    font-family: Microsoft YaHei, Helvetica, sans-serif;
    color: white;
    font-weight: 900;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
  }

  .yxzd1 ul {
    padding: 6px;
    list-style: none;
    width: 100%;
    padding-left: 0;
    margin: 0;
    font-weight: 900;
    background-color: white;
    border: 1px solid var(--theme-color);
    border-radius: 1px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .yxzd1 ul li {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 12px;
    margin: 3px;
    font-size: 21px;
    padding: 5px 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  }

  .yxzd1 ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #000000;
  }

  .red_tag_box {
    font-size: 16.8px;
    color: red;
    display: flex;
    border: 1px solid red;
    border-radius: 6px;
    padding: 1.2px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-weight: 600;
  }

  .sbzt .container {
    font-family: 楷体;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    text-align: center;
    border-top: solid 1.2px #ddd;
    border-left: solid 1.2px #ddd;
  }

  .sbzt .container .content {
    height: 45px;
    line-height: 45px;
    border-bottom: solid 0.04rem #ddd;
    border-right: solid 0.02rem #ddd;
  }

  .sbzt .container .da_text {
    font-size: 28.8px;
  }

  .sbzt .container .lan_text {
    color: red;
  }

  .ptyx .container .content {
    height: 45px;
    font-size: 22px;
    font-family: Arial;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    border: 1.2px solid #cfcfcf;
  }

  .ptyx .da_text {
    font-size: 24px;
  }

  .tdx8x .container {
    font-size: 0.28rem;
    font-weight: 700;
    font-family: 'Arial, sans-serif';
    font-size: 21.6px;
  }

  .tdx8x .container .container-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
  }

  .tdx8x .container-1 .content {
    text-align: center;
  }

  .tdx8x .container .flex-center {
    border-top: 1.2px solid #dedede;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sybox {
    overflow: hidden;
    background: var(--ppc-primary-color);
  }

  .stzt {
    font-size: 21px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-family: 方正粗黑宋简体;
    line-height: 2;
    text-align: center;
  }

  .stzt .content {
    border-bottom: 1.2px solid rgb(229, 229, 229);
  }

  .mark {
    background-color: #fbff00;
  }

  .title-blue {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 42px;
    color: white;
    font-weight: 700;
    background-image: linear-gradient(to bottom, rgb(140, 188, 236), rgb(124, 169, 212));
  }

  .container-box a {
    background-color: #fff;
    padding: 9px 0px;
    display: flex;
    gap: 4.5px;
    justify-content: center;
    align-items: center;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    color: black;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #ccccff;
  }

  .sjsx .container {
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
  }

  .sjsx .container .tit {
    border-bottom: 1.2px solid #e5e5e5;
    border-right: 1.2px solid #e5e5e5;
    padding: 3.6px 2.4px;
    text-align: center;
  }

  .sjsx .container .content {
    border-bottom: 1.2px solid #e5e5e5;
    border-right: 1.2px solid #e5e5e5;
    height: 48px;
    line-height: 48px;
    text-align: center;
  }

  .sjsx .container .con {
    color: #000;
  }

  .sjsx .container .lan_text {
    color: #00f;
  }

  .sjsx .container .red_text {
    color: red;
  }

  .rqlx .container {
    font-family: 'Arial, sans-serif';
    font-size: 20px;
    color: #000;
    font-weight: 700;
    border: 1.2px solid #e5e5e5;
  }

  .rqlx .container .content {
    line-height: 1.5;
    padding: 3.6px 2.4px;
    border-bottom: 1.2px solid #e5e5e5;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rqlx .container .da_text {
    font-size: 25px;
  }

  .cypt .flex,
  .ptfs .flex {
    justify-content: space-between;
    align-items: center;
    height: 47px;
    padding: 0 10px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .jhb .tag-item {
    height: 46.8px;
    line-height: 46.8px;
    border-radius: 3.6px;
    border: 1px solid #ddd;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2.4px 6px #0000001a;
    margin-bottom: 6px;
    font-size: 21px;
    font-weight: 700;
  }

  .jhb .module-content {
    text-align: center;
    padding: 0 3.6px;
  }

  .jhb .tag-item .title {
    font-size: 24px;
    font-weight: 700;
  }

  .dnxb {
    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #000;
    border-top: 2.4px solid #dedede;
    border-left: 2.4px solid #dedede;
  }

  .dnxb .content .tit {
    border-bottom: 1.2px solid #e5e5e5;
    border-right: 1.2px solid #e5e5e5;
    padding: 3.6px 2.4px;
    text-align: center;
    line-height: 1.5;
  }

  .dnxb .content .con {
    border-bottom: 2.4px solid #dedede;
    border-right: 2.4px solid #dedede;
    height: 48px;
    line-height: 48px;
    text-align: center;
  }

  .dnxb .content .lan_text {
    color: #00f;
  }

  .dnxb .content .red_text {
    color: red;
  }

  .wxsm {
    border: 2px dashed #cfcfcf;
  }

  .wxsm .title {
    font-size: 20px;
    text-align: center;
    background: #cfc;
    color: #000;
    height: 48px;
    line-height: 48px;
    font-weight: 600;
  }

  .wxsm .wxsm_table table {
    width: 100%;
  }

  .wxsm .wxsm_table tr {
    height: 42px;
    font-size: 18px;
    font-weight: 600;
    border: 1px dashed #cfcfcf;
  }

  .wxsm .wxsm_table tr td font:first-child {
    color: #800080 !important;
  }

  .wxsm .wxsm_table tr td:first-child {
    width: 40%;
    border: 1px dashed #cfcfcf;
  }

  .container .content .right {
    width: 70% !important;
  }

  .lcpt .content {
    padding: 0 2.4px;
    font-family: Arial;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .lan_text {
    color: #00f;
  }

  .sztp .container .content:not(:last-child) {
    border-bottom: 1.2px solid #cfcfcf;
  }

  .sztp .container .content {
    height: 48px;
    line-height: 48px;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    font-size: 21.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.5em;
  }

  .sztp .content {
    padding: 0 2.4px;
    font-family: Arial;
    font-size: 22.2px;
    font-weight: 700;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .container .content .red_text {
    color: red;
  }

  .szpt .container .content {
    height: 48px;
    line-height: 48px;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    font-size: 21.6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10.8px;
    border-bottom: 1.2px solid #cfcfcf;
  }

  .dssx .container {
    font-family: 微软雅黑;
    font-size: 20.4px;
    color: #333;
    font-weight: 700;
    border-top: 2.4px solid #eeeded;
    border-left: 2.4px solid #eeeded;
  }

  .dssx .container .label,
  .dssx .container .con,
  .dssx .container .res {
    border-bottom: 2.4px solid #eeeded;
    border-right: 2.4px solid #eeeded;
    border-left: 2.4px solid #eeeded;
    padding: 3px 6px;
    text-align: center;
    flex: 1;
  }

  .dssx .container .cell {
    padding: 4px 9px;
    border-bottom: 2.4px solid #eeeded;
  }

  .zfpt .container .content {
    line-height: 48px;
    text-align: left;
    color: #000;
    font-family: Arial;
    padding: 0 10.8px;
    font-weight: 700;
    font-size: 21.6px;
    border-bottom: 1.2px solid #cfcfcf;
  }

  .zfpt .container .content .da_text {
    font-size: 21px;
  }

  .zfpt .flex {
    justify-content: space-between;
  }

  .gsb .tag-item {
    height: 46.8px;
    line-height: 46.8px;
    border-radius: 3.6px;
    border: 1px solid #ddd;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2.4px 6px #0000001a;
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 700;
  }

  .gsb .tag-item .title-blue {
    font-size: 24px;
    font-weight: 700;
  }

  .gsb .module-content {
    padding: 0 3.6px;
    text-align: center;
  }

  .sqbk .table-row {
    display: flex;
    border: 1.2 solid #a7a2b6;
    border-bottom: none;
    background-color: #d7eee9;
  }

  .sqbk .table-header {
    background-color: #cc0058;
    color: #fff;
    font-weight: 700;
  }

  .sqbk .cell.period {
    width: 20%;
    color: #00f;
    font-weight: 700;
    text-align: center;
  }

  .sqbk .cell {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-right: 1.2px solid #a7a2b6;
    font-weight: 700;
  }

  .sqbk .pink {
    background-color: #cc0058 !important;
    width: 58% !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sqbk .cell.result {
    width: 22%;
    color: #00f;
    font-weight: 700;
    text-align: center;
  }

  .sqbk .cell .li {
    border-bottom: 1.2px solid #a7a2b6;
    padding: 3.6px 0;
  }

  .sqbk .cell .li span {
    width: 100%;
    border-bottom: 1.2px solid #a7a2b6;
    display: inline-block;
    padding: 3.6px 0;
  }

  .sqbk .cell .li span:nth-child(3) {
    border-bottom: none;
  }

  .sqbk .cell.content {
    width: 58%;
    background-color: #fdf652;
    color: #00f;
    font-size: 28px;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    border-bottom: 1.2px solid #a7a2b6;
  }

  .tdlx {
    border-left: 1.2px solid #e5e5e5;
    border-top: 1.2px solid #e5e5e5;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
  }

  .tdlx .container {
    font-family: 楷体;
  }

  .tdlx .container .tit {
    border-bottom: 1.2px solid #e5e5e5;
    border-right: 1.2px solid #e5e5e5;
    padding: 3.6px 2.4px;
  }

  .tdlx .container .lv_text {
    color: green;
  }

  .tdlx .container .zi_text {
    color: #ff08ff;
  }

  .tdlx .container .content {
    border-bottom: 1.2px solid #e5e5e5;
    border-right: 1.2px solid #e5e5e5;
    height: 48px;
    line-height: 48px;
  }

  .yjpt .container .content,
  .lcpw .container .content {
    height: 48px;
    line-height: 48px;
    text-align: left;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    font-size: 21px;
    padding: 0 10px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .wszt .flex,
  .lcpw .flex,
  .yjpt .flex {
    justify-content: space-between;
    align-items: center;
  }

  .szpw .container .content {
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10.8px;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    font-size: 21px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .jxzt .content {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .jxzt .content .flex-2 {
    color: red;
    font-size: 21px;
  }

  .jxzt .content > div:nth-child(1) {
    width: 28%;
  }

  .jxzt .content > div:nth-child(3) {
    width: 28%;
  }

  .jxzt .content > div {
    width: 100%;
    box-sizing: content-box;
    padding: 0 9px;
  }

  .jxzt .content > div:nth-child(1),
  .jxzt .content > div:nth-child(2) {
    border-right: 1.2px solid #cfcfcf;
  }

  .ptyw .container .content {
    height: 48px;
    line-height: 48px;
    text-align: left;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    font-size: 21px;
    display: flex;
    justify-content: center;
    padding: 0 10px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .jxsx .container .content {
    border-bottom: 1.2px solid #e5e5e5;
    border-right: 1.2px solid #e5e5e5;
    padding: 0 2.4px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 21px;
  }

  .wwzt .container .content {
    height: 48px;
    line-height: 48px;
    color: #000;
    font-family: Arial;
    padding: 0 10.8px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 21px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .wszt .container .content {
    height: 48px;
    line-height: 48px;
    text-align: left;
    color: #000;
    padding: 0 10.8px;
    font-family: Arial;
    font-weight: 700;
    font-size: 21px;
    border-bottom: 1.2px solid #e5e5e5;
  }

  .dibu .module-content {
    background-color: var(--theme-color);
    text-align: center;
    padding: 12px;
    color: #fff;
    font-size: 16.8px;
    line-height: 24px;
  }

  .dibu .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .dibu .str {
    border-bottom: 1px solid black;
    padding-bottom: 6px;
    margin-bottom: 12px;
    white-space: pre-wrap;
  }

  .ccrx .content {
    font-family: 'Arial, sans-serif';
    font-size: 22.8px;
    font-weight: 700;
    color: #000;
    border-top: 2.4px solid #eeeded;
    border-left: 2.4px solid #eeeded;
  }

  .ccrx .content .con {
    border-bottom: 2.4px solid #eeeded;
    border-right: 2.4px solid #eeeded;
    padding: 3.6px 2.4px;
    text-align: center;
  }

  .ccrx .content .tit {
    border-bottom: 2.4px solid #eeeded;
    border-right: 2.4px solid #eeeded;
    padding: 3.6px 2.4px;
    text-align: center;
    line-height: 1.3;
  }

  /* 生肖样式  start*/
  .srsxdz .module-content {
    font-family: Arial;
    font-size: 16.8px;
    overflow: hidden;
    margin: 0;
  }

  .srsxdz .zodiac-box .title {
    border-bottom: 1.2px solid #eae4d7;
  }

  .srsxdz .title {
    font-family: Arial;
    font-size: 20px;
    text-align: center;
    line-height: 42px;
    font-weight: 700er;
    background-color: #f1f1f1;
  }

  .srsxdz .zodiac-box .zodiac-list {
    padding: 12px 0;
  }

  .srsxdz .flex-wrap {
    flex-wrap: wrap;
  }

  .srsxdz .zodiac-box .zodiac-list .zodiac-item {
    width: 33.33%;
  }

  .justify-center {
    justify-content: center;
  }

  .srsxdz .zodiac-box .zodiac-list .zodiac-item .img {
    width: 54px;
    height: 54px;
  }

  .srsxdz .zodiac-box .zodiac-list .zodiac-item .number-list {
    margin: 6px 0;
  }

  .srsxdz .red-bo {
    background-color: red;
  }

  .srsxdz .number-item {
    display: inline-block;
    margin-right: 2.4px;
    font-size: 14.4px;
    line-height: 20px;
    padding: 0 2.4px;
    color: #fff;
    margin-bottom: 6px;
  }

  .red-bo {
    background-color: red;
  }

  .blue-bo {
    background-color: #00f;
  }

  .green-bo {
    background-color: #093;
  }

  .zodiac_she {
    background-image: url(https://pic.ap2026.com/group1/49023/she.gif);
  }

  .zodiac_long {
    background-image: url(https://pic.ap2026.com/group1/49023/long.gif);
  }

  .zodiac_tu {
    background-image: url(https://pic.ap2026.com/group1/49023/tu.gif);
  }

  .zodiac_hu {
    background-image: url(https://pic.ap2026.com/group1/49023/hu.gif);
  }

  .zodiac_niu {
    background-image: url(https://pic.ap2026.com/group1/49023/niu.gif);
  }

  .zodiac_shu {
    background-image: url(https://pic.ap2026.com/group1/49023/she.gif);
  }

  .zodiac_zhu {
    background-image: url(https://pic.ap2026.com/group1/49023/zhu.gif);
  }

  .zodiac_gou {
    background-image: url(https://pic.ap2026.com/group1/49023/go.gif);
  }

  .zodiac_ji {
    background-image: url(https://pic.ap2026.com/group1/49023/ji.gif);
  }

  .zodiac_hou {
    background-image: url(https://pic.ap2026.com/group1/49023/ho.gif);
  }

  .zodiac_yang {
    background-image: url(https://pic.ap2026.com/group1/49023/yang.gif);
  }

  .zodiac_ma {
    background-image: url(https://pic.ap2026.com/group1/49023/ma.gif);
  }

  .srsxdz .table-box table,
  .srsxdz .table-box table td {
    border-bottom: 1px solid #eae4d7;
    width: 100%;
  }

  .wx .table-item:nth-child(1) {
    color: #ffdd5e;
  }

  .table-box .table-item {
    display: flex;
  }

  .table-box .table-item .name {
    width: 60px;
    height: 46px;
    line-height: 46px;
  }

  .wx .table-item:nth-child(2) {
    color: #6ad047;
  }

  .wx .table-item:nth-child(3) {
    color: #379bff;
  }

  .wx .table-item:nth-child(4) {
    color: #ff8653;
  }

  .wx .table-item:nth-child(5) {
    color: #deb20e;
  }

  .bs .table-item:nth-child(1) {
    color: red;
  }

  .bs .table-item:nth-child(2) {
    color: #00f;
  }

  .bs .table-item:nth-child(3) {
    color: #093;
  }

  .ds .table-item {
    color: #36f;
  }

  .table-box .table-item .num-box {
    padding: 12px 6px 6px;
  }

  .sxsx td {
    height: 36px;
  }

  .sxsx .name {
    color: #36f;
    width: auto !important;
  }

  .qnzl .module-content {
    font-family: Arial;
  }

  .qnzl .flex-wrap {
    flex-wrap: wrap;
  }

  .qnzl .flex {
    display: flex;
  }

  .qnzl .module-content .tag-itme:nth-child(3n + 1),
  .qnzl .module-content .tag-itme:nth-child(3n + 2) {
    border-right: none;
  }

  .qnzl .module-content .tag-itme {
    font-weight: 700;
    flex-shrink: 0;
    width: 33.33%;
    padding: 2px;
    border-bottom: none;
  }

  .qnzl .module-content .tag-itme .btn {
    text-align: center;
    border: 1.2px solid #ccc;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    font-size: 1.2rem;
  }

  .containerda {
    padding: 1.5px;
    display: inline-block;
    background-color: #99ccff;
    width: 100%;
  }

  .tableda {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0px;
    line-height: 2;
  }

  .tableda td {
    padding: 2.4px;
    font-size: 25.2px;
    text-align: left;
    position: relative;
    width: 50%;
    font-weight: 700;
    border: 0px solid !important;
  }

  .tableda a {
    line-height: 2;
    border: 1.2px solid #ff5550;
    border-radius: 4.8px;
    background: #ffffcc;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 1.2px 3px rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding-left: 0px;
    font-size: 24px;
    padding-left: 19.2px;
  }
@media screen and (max-width: 450px) {
    .tableda a {
       padding-left: 24.2px;
    }
}
  .yh11 {
    color: #008000 !important;
  }

  .mouse-icon1 {
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 35px;
  }
@media screen and (max-width: 450px) {
   .mouse-icon1 {
       width: 55.2px;
       margin-right: 15px;
       height: 25px;
    }
}
@media screen and (max-width: 380px) {
    .mouse-icon1 {
   width: 50px;
   height: 30px;
   margin-right: 10px;
 }
}


}



  img {
    vertical-align: middle;
  }

  .forum-b {
    background-color: #ffe4ff;
  }

  .yh3 {
    color: #6600ff !important;
  }

  .yh6 {
    color: #0066ff !important;
  }

  .yh4 {
    color: #ff00ff !important;
  }

  .yh5 {
    color: #993366 !important;
  }

  .yh2 {
    color: #FFD700 !important;
  }

  .yh12 {
    color: #cc6600 !important;
  }

  .content .container .sb,
  .lan_text {
    color: #00f;
  }

  .forum-a {
    background-color: #ffe4ff;
  }

  .headerdinhanh {
    font-size: 28.8px;
    font-weight: bold;
    color: #FFD700;
    margin-bottom: 0px;
    text-align: center;
    background-color: rgb(255, 255, 0);
  }

  .qnzl .module-content {
    font-family: Arial;
  }

  .qnzl .flex-wrap {
    flex-wrap: wrap;
  }

  .qnzl .flex {
    display: flex;
  }

  .qnzl .module-content .tag-itme:nth-child(3n + 1),
  .qnzl .module-content .tag-itme:nth-child(3n + 2) {
    border-right: none;
  }

  .qnzl .module-content .tag-itme {
    font-weight: 700;
    flex-shrink: 0;
    width: 33.33%;
    padding: 2px;
    border-bottom: none;
  }

  .tag-itme {
    font-size: 19.2px;
    line-height: 42px;
    font-weight: 700;
    padding: 0.2rem;
    height: rem;
    border-bottom: 1px solid red;
    display: inline-block;
    width: 100%;
  }

  .tag-itme .icon {
    background-image: url(https://pic.new2tuzhi.app/group1/498868/tjIcon.png);
    width: 39.6px;
    height: 14.4px;
    margin-right: 3.6px;
    margin-top: 0.8rem;
  }

  .icon,
  .bg {
    background-size: 100% 100%;
  }

  .tag-itme .item-title {
    color: red;
  }

  .flex-1 {
    flex: 1;
  }

  .flex {
    display: flex;
  }

  .tag-itme .right-arrow {
    width: 12px;
    height: 12px;
    border-top: 1.2px solid #aaa;
    border-right: 1.2px solid #aaa;
    transform: rotate(45deg);
    margin-right: 6px;
    margin-top: 0.95rem;
  }
  .flex-box-icon {
    display: flex;
  }
  /* 生肖样式  end*/

  @media only all and (max-width: 500px) {
    /* 多期圖片滾動用 */
    .period-list > div {
      width: 62px !important;
      /* height: 26px !important; */
      font-size: 16px !important;
    }
  }

  /* title site id  */
  .site-prefix {
    color: red;
  }

  .site-code {
    color: blue;
  }

  .site-domain-string {
    color: green;
  }

.fixed-button {
            position: fixed; 
            border: none; 
            background: none;
            cursor: pointer; 
            z-index: 999;
        }

        .fixed-button img {
            width: 60px; 
            height: auto; 
        }

        
        @media (min-width: 768px) {
            .fixed-button {
                bottom: 100px; 
                left: calc(50% + 320px); 
                transform: translateX(-50%); 
            }

            .fixed-button img {
                width: 80px; 
            }
        }

           @media (max-width: 767px) {
            .fixed-button {
                bottom: 100px; 
                right: -5px; 
                left: auto; 
            }
        }

        @media (max-width: 400px) {
            .fixed-button {
                bottom: 100px; 
                right: 20px; 
                left: auto; 
            }
        }

ul {
    
    margin-right: 0px!important;
    /* margin-left: -40px!important; */
}



    .tie img{
    width:25px;
    height:25px;
    display:block;
}

.module-title123 {
    
     background: #ffa924 !important; 
}
.tie{
font-size: 20px !important;
}

.br-12hihi-white {
    border-radius: 5px;
    overflow: hidden;
  }
  .bghihi-white {
    background: var(--ppc-primary-color);
  }
  .rq-contentbaz-white {
    text-align: center;
    color: #fff;
  }
  .riqi-white {
    font-weight: 570;
    color: #fff;
    font-size: clamp(0.95rem, 4.2vw, 1.4rem);
    padding: 0.3rem;
   
  }

.box .lotteryDrawBox .lotteryTitleBox {
    display: none !important;
}

/* =========================
       整个模块
    ========================= */
    .yxzdtj-module{
        width:100%;
        box-sizing:border-box;
        margin:0 auto;
        padding:8px 6px 10px;
        font-family:
        "Microsoft YaHei",
        "微软雅黑",
        Arial,
        sans-serif;
    
       
    
        border:1px solid #b8d8ce;
        border-radius:10px;
    
        box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 2px 6px rgba(0,0,0,.06);
    }
    
    
    /* =========================
       标题外层
    ========================= */
    .yxzdtj-title-wrap{
        text-align:center;
        margin-bottom:8px;
    }
    
    
    /* =========================
       顶部标题独立方框
    ========================= */
    .yxzdtj-title{
        display:inline-block;
        max-width:100%;
        box-sizing:border-box;
    
        padding:8px 14px;
        line-height:1.3;
    
        color:#0f7d72;
        font-size:23px;
        font-weight:900;
        letter-spacing:1px;
        text-align:center;
      background: linear-gradient(var(--ppc-primary-color), #f7f3f3);
    
        border:2px solid #8ed0c2;
        border-radius:10px;
    
        box-shadow:
        0 2px 5px rgba(0,0,0,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
    }
    
    
    /* =========================
       四列网格
    ========================= */
    .yxzdtj-grid{
        width:100%;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:7px;
        box-sizing:border-box;
    }
    
    
    /* =========================
       每个站点卡片
    ========================= */
    .yxzdtj-grid .site-card{
        min-width:0;
        box-sizing:border-box;
        display:block;
        padding:4px;
        overflow:hidden;
    
        background:#ffffff;
    
        border:1px solid rgba(142,208,194,.9);
        border-radius:12px;
    
        text-decoration:none;
    
        box-shadow:
        0 2px 4px rgba(0,0,0,.08);
    
        transition:
        transform .15s ease,
        box-shadow .15s ease;
    }
    
    
    /* 点击效果 */
    .yxzdtj-grid .site-card:active{
        transform:scale(.95);
    }
    
    
    /* 电脑鼠标经过 */
    .yxzdtj-grid .site-card:hover{
        transform:translateY(-2px);
        box-shadow:0 4px 8px rgba(0,0,0,.14);
    }
    
    
    /* =========================
       LOGO图片区域
    ========================= */
    .yxzdtj-grid .site-logo-box{
        width:100%;
        aspect-ratio:1 / 1;
    
        display:flex;
        justify-content:center;
        align-items:center;
    
        overflow:hidden;
        box-sizing:border-box;
    
        border-radius:8px;
    
        background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbfb 100%
        );
    }
    
    
    /* LOGO图片 */
    .yxzdtj-grid .site-logo-box img{
        display:block;
        width:100%;
        height:100%;
        object-fit:contain;
        border:0;
    }
    
    
    /* =========================
       LOGO下面站点名称
    ========================= */
    .yxzdtj-grid .site-name{
        width:100%;
        overflow:hidden;
    
        margin-top:1px;
    
        text-align:center;
        color:#087f73;
        font-size:16px;
        font-weight:900;
        line-height:0;
    
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    
    
    /* =========================
       手机端
       仍然保持一排4个
    ========================= */
    @media screen and (max-width:480px){
    
        .yxzdtj-module{
            padding:6px 4px 8px;
            border-radius:8px;
        }
    
        .yxzdtj-title-wrap{
            margin-bottom:6px;
        }
    
        .yxzdtj-title{
            padding:6px 10px;
            font-size:19px;
            border-radius:8px;
        }
    
        .yxzdtj-grid{
            gap:4px;
        }
    
        .yxzdtj-grid .site-card{
            padding:3px;
            border-radius:9px;
        }
    
        .yxzdtj-grid .site-logo-box{
            border-radius:6px;
        }
    
        .yxzdtj-grid .site-name{
            margin-top:2px;
            font-size:13px;
        }
    }
    
    
    /* =========================
       小屏手机
    ========================= */
    @media screen and (max-width:380px){
    
        .yxzdtj-module{
            padding-left:3px;
            padding-right:3px;
        }
    
        .yxzdtj-grid{
            gap:3px;
        }
    
        .yxzdtj-grid .site-card{
            padding:2px;
            border-radius:7px;
        }
    
        .yxzdtj-grid .site-name{
            font-size:11px;
        }
    
        .yxzdtj-title{
            font-size:17px;
            padding:5px 8px;
        }
    }
    /* ==========================================
       渐变蓝色覆盖版
       只改颜色，不改布局尺寸
    ========================================== */
    
    /* 整个模块背景 */
    .yxzdtj-module{

   background: linear-gradient(var(--ppc-primary-color), #f7f3f3);
        /* linear-gradient(
           var(--ppc-primary-color) !important,
            #cbe5ff 0%,
            #dceeff 28%,
            #edf6ff 65%,
            #f7fbff 100%
        ) !important; */
    
    border-color:#88bfff !important;
    
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 2px 7px rgba(35,105,190,.12) !important;
    }
    
    
    /* 顶部标题 */
    /* .yxzdtj-title{
    color:#075fc7 !important;
 
    
    border-color:#4a96ea !important;
    
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 2px 6px rgba(28,100,190,.16) !important;
    } */


    .yxzdtj-title{
    color:#000000 !important;
 
    
    border-color:#4a96ea !important;
    
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 2px 6px rgba(28,100,190,.16) !important;
    }

    
    
    /* 每个站点卡片 */
    .yxzdtj-grid .site-card{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f3f9ff 48%,
            #e2f0ff 100%
        ) !important;
    
    border-color:#94c5f5 !important;
    
    box-shadow:
        0 2px 5px rgba(30,100,180,.12) !important;
    }
    
    
    /* 鼠标经过 */
    .yxzdtj-grid .site-card:hover{
    box-shadow:
        0 4px 9px rgba(30,100,190,.22) !important;
    }
    
    
    /* LOGO图片区域 */
    .yxzdtj-grid .site-logo-box{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #eef7ff 100%
        ) !important;
    }
    
    
    /* LOGO下面名称 */
    .yxzdtj-grid .site-name{
    color:#0764bd !important;
    }

.box .lotteryDrawBox .lotteryTitleBox {
    display: none !important;
}

.maudodo {
    color: #FF0000;
}

.list-title888{height:38px;line-height:40px;font-size:30pt;text-align:center;text-shadow:1px 4px 1px #b99b5f;background:#fff;color:#000;font-weight:bold;border-top-left-radius:5px;border-top-right-radius:5px;}
#yxym .list-title888{background:#36f736;font-size:32px;color:#000;text-shadow:0px 0px 10px #e5e5e5;}
@media screen and (max-width: 610px){
#yxym .list-title888{font-size:21px;}
}
@media screen and (max-width: 505px){
#yxym .list-title888{font-size:20px;}
}
@media screen and (max-width: 409px){
#yxym .list-title888{font-size:19px;line-height:42px;}
}
@media screen and (max-width: 374px){
#yxym .list-title888{font-size:18px;}
}

@media only all and (max-width: 500px) {
    .haivaihaivai {
        font-size: 60px !important;
      
    }
}
.haivaihaivai {
    font-size: 60px;
    line-height:1.4;
      background: red;
    color: #fff;
    font-weight: 600;
      text-align: center;
}

.maudooooooo{
    color:#FF0000;
}

.box-ttkj{
    border: 1px solid var(--ppc-primary-color);
}
.ppc-tt-box {
    border-top: 1px dashed rgb(204, 204, 204) !important;
    border-bottom: unset !important;
    border-left: unset !important;
    border-right: unset !important;
}
.box-ttkj > div:first-child .ppc-tt-box {
    border-top: none !important;
}

.module-title{text-align:center;font-size:clamp(1.1rem, 4.5vw, 1.5rem);font-weight:700;text-align:center;color:#000;border-bottom:1px solid var(--ppc-primary-color);height:48px;line-height:48px;}
@media only all and (max-width: 500px){
.module-title{height:40px;line-height:40px;}
}
.qc2trang{text-align:center;line-height:2;font-size:clamp(19px, 5vw, 30px);font-weight:700;background:yellow;border:2px solid #fb8803;}
.qc2trang + .qc2trang{border-top:0;}

/* ==================================================
   2024.com 两周年公益版
   独立样式：gongyiban
================================================== */

.gongyiban-box {
    width: 100%;
    margin: 0;
    padding: 0;
}

.gongyiban-link {
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
}

.gongyiban-page {
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    min-height: auto;
    margin: 0 auto;
    overflow: hidden;
    color: #3a2525;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    background:
        radial-gradient(circle at 15% 5%, rgba(255,255,255,.85), transparent 25%),
        linear-gradient(160deg, #fff5f5 0%, #ffe7e7 35%, #fffafa 68%, #fff0e7 100%);
}

/* 顶部 */
.gongyiban-head {
    position: relative;
    overflow: hidden;
    padding: 14px 15px 7px;
    text-align: center;
    background: linear-gradient(135deg, #b8000f 0%, #e60012 52%, #ff3945 100%);
}

.gongyiban-head::before,
.gongyiban-head::after {
    display: none;
}

/* 2024.com 两周年 */
.gongyiban-brand {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 12px;
    padding: 0;
    background: transparent;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 900;
    text-shadow: 0 2px 5px rgba(120,0,0,.35);
    box-shadow: none;
}

.gongyiban-brand span {
    color: #ffe26a;
    font-size: 31px;
    line-height: 1;
    font-weight: 900;
}

/* 主标题 */
.gongyiban-title {
    position: relative;
    z-index: 2;
    margin: 2px 0 0;
    color: #ffffff;
    font-size: 42px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: 1px;
}

.gongyiban-title strong {
    color: #ffe45f;
    font-weight: 900;
}

/* 副标题 */
.gongyiban-subtitle {
    position: relative;
    z-index: 2;
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 3px;
    opacity: .95;
}

/* 内容 */
.gongyiban-content {
    padding: 12px 14px 0;
}

/* 第一段活动说明：取消卡片框架 */
.gongyiban-intro {
    margin: 0 3px 10px;
    padding: 5px 5px 7px;
}

.gongyiban-intro p {
    margin: 0 0 7px;
    color: #4a3030;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 500;
}

.gongyiban-intro p:last-child {
    margin-bottom: 0;
}

.gongyiban-intro strong {
    color: #df0012;
    font-weight: 900;
}

.gongyiban-card {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 15px 17px;
    border: 1px solid #ffd7d7;
    border-radius: 15px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 5px 16px rgba(150,0,10,.08);
}

.gongyiban-card p {
    margin: 0 0 8px;
    color: #4a3030;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 500;
}

.gongyiban-card p:last-child {
    margin-bottom: 0;
}

.gongyiban-card strong {
    color: #df0012;
    font-weight: 900;
}

/* 优惠区域 */
.gongyiban-offer {
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #ffd0d0;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(160,0,15,.10);
}

.gongyiban-offer-title {
    padding: 9px 10px;
    text-align: center;
    background: linear-gradient(90deg, #b8000f, #e60012, #b8000f);
    color: #ffe875;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: 2px;
}

.gongyiban-offer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
}

.gongyiban-offer-item {
    padding: 11px 5px 10px;
}

.gongyiban-offer-item:first-child {
    border-right: 1px solid #f1dada;
}

.gongyiban-offer-label {
    display: block;
    margin-bottom: 2px;
    color: #a9000d;
    font-size: 18px;
    font-weight: 900;
}

.gongyiban-offer-number {
    display: inline-block;
    color: #e60012;
    font-size: 52px;
    line-height: 1;
    font-weight: 900;
}

.gongyiban-offer-unit {
    color: #6b3d3d;
    font-size: 18px;
    font-weight: 900;
}

/* 总到账 */
.gongyiban-total {
    margin: 0 8px 8px;
    padding: 9px 6px;
    border-radius: 10px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(90deg, #b8000f 0%, #f12632 50%, #b8000f 100%);
    font-size: 20px;
    font-weight: 900;
}

.gongyiban-total strong {
    display: inline-block;
    margin: 0 5px;
    color: #ffe45f;
    font-size: 38px;
    line-height: 1;
    font-weight: 900;
}

/* 开启日期 */
.gongyiban-date {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px 8px;
    border: 1px solid #ffc8c8;
    border-radius: 13px;
    background: #fffafa;
    color: #8f1019;
    font-size: 19px;
    font-weight: 900;
    box-shadow: 0 5px 15px rgba(160,0,15,.07);
}

.gongyiban-date-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: #e60012;
    color: #ffe66c;
    font-size: 17px;
}

.gongyiban-date strong {
    color: #e60012;
    font-size: 27px;
    font-weight: 900;
}

/* 日期 + 结束文案：同一个框架 */
.gongyiban-end-card {
    text-align: center;
}

.gongyiban-date-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f2d3d3;
    color: #8f1019;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 900;
}

.gongyiban-date-inline strong {
    color: #e60012;
    font-size: 27px;
    font-weight: 900;
}

.gongyiban-end-card p {
    text-align: left;
}

/* 底部 */
.gongyiban-footer {
    padding: 1px 10px 0;
    text-align: center;
    color: #a1121d;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
    letter-spacing: 1px;
}

/* ==================================================
   电脑端
================================================== */
@media only screen and (min-width: 720px) {

    .baomaqgBtn4BoxFatherFiveBottom {
        right: 17px !important;
    }

    .gongyiban-page {
        max-width: 940px;
    }

    .gongyiban-head {
        padding: 16px 25px 9px;
    }

    .gongyiban-brand {
        font-size: 58px;
    }

    .gongyiban-brand span {
        font-size: 36px;
    }

    .gongyiban-title {
        margin: 2px 0 0;
        font-size: 50px;
        line-height: 1.05;
    }

    .gongyiban-subtitle {
        font-size: 18px;
    }

    .gongyiban-content {
        padding: 13px 25px 0;
    }

    .gongyiban-card {
        padding: 16px 20px;
    }

    .gongyiban-card p {
        font-size: 18px;
        line-height: 1.7;
    }

    .gongyiban-offer-number {
        font-size: 58px;
    }

    .gongyiban-total strong {
        font-size: 42px;
    }
}

/* ==================================================
   手机端
================================================== */
@media only screen and (max-width: 719px) {

    .gongyiban-page {
        width: 100%;
        max-width: 100%;
    }

    .gongyiban-head {
        padding: 11px 10px 5px;
    }

    .gongyiban-brand {
        gap: 7px;
        font-size: 39px;
        line-height: 1;
    }

    .gongyiban-brand span {
        font-size: 30px;
        font-weight: 900;
        line-height: 1;
    }

    .gongyiban-title {
        margin: 1px 0 0;
        font-size: 34px;
        line-height: 1.05;
        letter-spacing: 0;
    }

    .gongyiban-subtitle {
        margin: 0;
        font-size: 14px;
        line-height: 1.15;
        letter-spacing: 2px;
    }

    .gongyiban-content {
        padding: 9px 9px 0;
    }

    .gongyiban-intro {
        margin: 0 2px 7px;
        padding: 3px 4px 5px;
    }

    .gongyiban-intro p {
        font-size: 16px;
        line-height: 1.65;
    }

    .gongyiban-card {
        margin-bottom: 8px;
        padding: 13px;
        border-radius: 13px;
    }

    .gongyiban-card p {
        font-size: 16px;
        line-height: 1.65;
    }

    .gongyiban-offer {
        margin-bottom: 8px;
        border-radius: 13px;
    }

    .gongyiban-offer-title {
        padding: 10px 8px;
        font-size: 28px;
        line-height: 1.2;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .gongyiban-offer-item {
        padding: 10px 4px 9px;
    }

    .gongyiban-offer-number {
        font-size: 44px;
    }

    .gongyiban-total {
        padding: 8px 5px;
        font-size: 18px;
    }

    .gongyiban-total strong {
        font-size: 34px;
    }

    .gongyiban-date {
        margin-bottom: 8px;
        padding: 9px 5px;
        font-size: 17px;
    }

    .gongyiban-date strong {
        font-size: 23px;
    }

    .gongyiban-date-inline {
        gap: 6px;
        margin-bottom: 7px;
        padding-bottom: 7px;
        font-size: 17px;
    }

    .gongyiban-date-inline strong {
        font-size: 28px;
    }


    /* 手机端：正式开启文字加大 */
    .gongyiban-date-inline > span:last-child {
        font-size: 28px;
        font-weight: 900;
    }

    /* 手机端：最后一段承诺文字加大 */
    .gongyiban-end-card p {
        font-size: 18px;
        line-height: 1.7;
    }

    .gongyiban-footer {
        font-size: 12px;
    }
}

.gongyiban-content > .gongyiban-card:last-child {
    margin-bottom: 6px;
}

/* 底部推广图无缝衔接 */
.gongyiban-bottom-ad {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
}
.gongyiban-bottom-ad img {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.important-notice {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 5px;
  background: #ffffff;
  color: #e60000;
  font-size: clamp(28px, 7vw, 60px);
  font-weight: 900;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
}

.important-notice img {
  width: clamp(35px, 12vw, 100px);
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}

.important-notice span {
  color: #e60000;
  font-weight: 900;
  letter-spacing: 1px;
}

@media only all and (max-width: 500px){
        .important-notice span {
          font-size: 44px;
}

.important-notice img {
    width: clamp(35px, 17vw, 100px);
}
    }

/* 当前模块外层 */
.wc2026-hot-nav {
  border: none !important;
  margin: 3px 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-sizing: border-box;
  overflow: visible !important;
}

/* 标题：和下面白色板块一样左右留缝 */
.wc2026-hot-nav .tlist-title7 {
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
  font-size: 27px;
  text-align: center;
  color: #ffffff !important;
  font-weight: bold;
  background: #0AAEAF !important;
  padding: 6px 0 8px !important;
  line-height: 1.6;
  letter-spacing: 2px;
  box-sizing: border-box;

  /* 重点：标题左右也留缝隙 */
  width: calc(100% - 24px) !important;
  margin: 0 auto !important;

  border-radius: 14px 14px 0 0 !important;
}

/* 白色内容大板块 */
.wc2026-hot-nav .m-boxA-b.m-box-sm {
  background: #ffffff !important;

  /* 重点：内容左右留缝隙，和标题一致 */
  width: calc(100% - 24px) !important;
  margin: 0 auto 0 !important;

  padding: 0 !important;
  border: none !important;
  text-align: center;
  box-sizing: border-box;

  /* 底部圆角 */
  border-radius: 0 0 16px 16px !important;

  /* 阴影 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.28) !important;

  overflow: hidden !important;
}

/* 内层容器 */
.wc2026-hot-nav .navigation-container {
  width: 100%;
  background: #ffffff !important;
  box-sizing: border-box;
  font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 0 16px 16px !important;
  overflow: hidden !important;
}

.wc2026-hot-nav .g-nav-refresh {
  padding: 6px 9px 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box;
  border-radius: 0 0 16px 16px !important;
  overflow: hidden !important;
}

/* 一排4个 */
.wc2026-hot-nav .nav-list {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  background: #ffffff !important;
  box-sizing: border-box;
}

/* 每个栏目 */
.wc2026-hot-nav .nav-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}

/* 第二排间距 */
.wc2026-hot-nav .nav-list .nav-item:nth-child(n+5) {
  margin-top: 5px !important;
}

/* 图片 */
.wc2026-hot-nav .nav-item-image {
  width: 100%;
  display: block;
  object-fit: cover;
  overflow: hidden;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 栏目名字 */
.wc2026-hot-nav .game-name {
  width: 100%;
  display: block;
  text-align: center;
  color: #000000 !important;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 3px 0 4px !important;
  margin: 7px 0 0 !important;
  background: #ffffff !important;
  box-sizing: border-box;
}

/* 平板 / 手机 */
@media screen and (max-width: 720px) {
  .wc2026-hot-nav {
    margin: 3px 0 7px !important;
  }

  .wc2026-hot-nav .tlist-title7 {
    font-size: 19px;
    letter-spacing: 1px;
    padding: 5px 0 7px !important;
    line-height: 1.5;
    border-radius: 12px 12px 0 0 !important;

    /* 手机端标题左右留缝 */
    width: calc(100% - 18px) !important;
  }

  .wc2026-hot-nav .m-boxA-b.m-box-sm {
    /* 手机端内容左右留缝 */
    width: calc(100% - 18px) !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
  }

  .wc2026-hot-nav .navigation-container,
  .wc2026-hot-nav .g-nav-refresh {
    border-radius: 0 0 12px 12px !important;
  }

  .wc2026-hot-nav .g-nav-refresh {
    padding: 5px 6px 5px !important;
  }

  .wc2026-hot-nav .nav-list {
    column-gap: 5px !important;
    row-gap: 0 !important;
  }

  .wc2026-hot-nav .nav-list .nav-item:nth-child(n+5) {
    margin-top: 5px !important;
  }

  .wc2026-hot-nav .game-name {
    font-size: 16px;
    line-height: 1.2;
    padding: 2px 0 3px !important;
    margin-top: 6px !important;
  }
}

/* 小手机 */
@media screen and (max-width: 420px) {
  .wc2026-hot-nav .tlist-title7 {
    border-radius: 10px 10px 0 0 !important;

    /* 小手机标题左右留缝 */
    width: calc(100% - 16px) !important;
  }

  .wc2026-hot-nav .m-boxA-b.m-box-sm {
    /* 小手机内容左右留缝 */
    width: calc(100% - 16px) !important;
    border-radius: 0 0 10px 10px !important;
  }

  .wc2026-hot-nav .navigation-container,
  .wc2026-hot-nav .g-nav-refresh {
    border-radius: 0 0 10px 10px !important;
  }

  .wc2026-hot-nav .nav-list {
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 4px !important;
    row-gap: 0 !important;
  }

  .wc2026-hot-nav .nav-list .nav-item:nth-child(n+5) {
    margin-top: 5px !important;
  }

  .wc2026-hot-nav .game-name {
    font-size: 14px;
    line-height: 1.2;
    padding: 1px 0 2px !important;
    margin-top: 5px !important;
  }
}

.title-box123 {
    background: #ff0000;
    color: #ff0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6;
    padding: 6px 5px;
    height: 78px;
}
th {
    text-align: center;
    width: 30%;
}

.domain-list {
    width: calc(100% - 10px);
    max-width: 520px;
    margin: 4px 0 4px 10px;
    box-sizing: border-box;
    text-align: left;
}

.domain-line {
    display: grid;
    grid-template-columns: 10ch auto auto;
    align-items: center;
    justify-content: start;
    column-gap: 5px;
    font-size: clamp(12px, 4.5vw, 20px);
    font-weight: bold;
    line-height: 1.85;
    white-space: nowrap;
}

.domain-line .ym1 {
    width: 10ch;
    /* text-align: right; */
    color: #999;
    text-decoration: line-through;
    /* text-decoration-color: red; */
}

.domain-line .domain-label {
    color: blue;
}

.domain-line .ym2 {
    color: red;
}
    .domain-list a {
        text-decoration: none;
    }

:root {
  /*主色调*/
 
  /*页面宽度*/
  --ppc-body-width: 720px;
}

#app {
  max-width: var(--ppc-body-width);
  margin: 0 auto !important;
  box-sizing: content-box;
  background: #fff;
}
 
 
.qiehuangleixingdiv {
  background-image: url(https://js.qcloudpic.app:10049/group1/default/images/2E8B57.png);
  background-size: 100% 40px;
  background-repeat: no-repeat;
  height: 35px;
  align-items: center;
  color: #fff;
}
img {
    border-style: none;
    display: inline-block;
}

.list-module-title-for-backupsite {
        text-align: center;
        font-weight: bold;
    }
    .luntan-banner {
        max-width: 900px;

        background: #f2fafa;
        font-family: Arial, sans-serif;
    }

    /* 上方標題 */
    .luntan-banner-header {
        text-align: center;
        font-weight: bold;
        font-size: clamp(20px, 4vw, 26px);
        padding: 5px;
        color: red;
    }

    /* 下方區塊 */
    .luntan-banner-body {
        display: flex;
    }

    /* 每一格 */
    .luntan-banner-item {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border: 1.5px solid var(--ppc-primary-color);
    }

    .luntan-banner-item:last-child {
        /* border-right: none; */
    }

    /* 網址文字 */
    .luntan-domain {
        color: red;
        font-weight: bold;
        font-size: clamp(23px, 4vw, 27px);
    }

.xxyqlj a {
    text-decoration: none;
}

.xxyqlj a:hover {
    text-decoration: underline;
}

.xxyqlj {
    table-layout: auto;
    color: #000;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    border: 1px solid #67a4f5;
    border-style: dashed;
}

.xxyqlj td {
    font-weight: bold;
    border: 1px solid #fefefe;
    font-size: 14pt;
    padding: 3px 2px 0px 0px;
    white-space: nowrap;
}

.xxyqlj a {
    height: 45px;
    line-height: 42px;
    text-align: center;
    border: solid 1px #67a4f5;
    border-radius: 20px;
    background: #eee;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: block;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding-left: 0px;
}

/* =====================================================
   全局盒模型
===================================================== */
.star-track-title,
.star-track-title *,
.star-track-widget,
.star-track-widget * {
    box-sizing: border-box;
}


/* =====================================================
   顶部标题框架
===================================================== */
.module-title.star-track-title {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: calc(100% - 4px);
    min-height: 58px;

    margin: 2px auto 0;
    padding: 7px 8px;

    overflow: hidden;

    border: 2px solid #078f00;
    border-bottom: 4px solid #067a00;
    border-radius: 12px 12px 4px 4px;

    color: #ffffff;

    font-family:
        Arial,
        "Microsoft YaHei",
        "PingFang SC",
        sans-serif;

    font-size: clamp(23px, 4.8vw, 40px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1px;
    text-align: center;
    white-space: nowrap;

    background:
        linear-gradient(
            180deg,
            #43f424 0%,
            #20df06 48%,
            #11bd00 100%
        );

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,0.55),
        inset 0 -2px 0 rgba(0,95,0,0.20),
        0 3px 8px rgba(0,120,0,0.18);

    text-shadow:
        1px 1px 0 #075e00,
        0 2px 2px rgba(0,70,0,0.25);
}


/* 标题顶部高光 */
.module-title.star-track-title::before {
    content: "";

    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.95),
            transparent
        );
}


/* 顶部域名 */
.star-track-title__domain {
    position: relative;
    z-index: 1;

    color: #ffffff;
    font-weight: 900;
}


/* .com */
.star-track-title__com {
    color: #ffffff;
}


/* 【最准⑥肖】 */
.star-track-title__label {
    position: relative;
    z-index: 1;

    margin-left: 7px;

    color: #fff600;

    font-size: 0.94em;
    font-weight: 900;

    text-shadow:
        1px 1px 0 #a85b00,
        0 2px 2px rgba(80,40,0,0.25);
}


/* =====================================================
   板块外层
===================================================== */
.star-track-widget {
    --stw-green: #19d800;
    --stw-green-dark: #087d05;
    --stw-green-soft: #efffec;
    --stw-line: #8ee985;
    --stw-text: #111111;

    position: relative;

    width: calc(100% - 4px);
    max-width: calc(100% - 4px);

    margin: 0 auto;
    padding: 0;

    overflow: hidden;

    color: var(--stw-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "PingFang SC",
        "Microsoft YaHei",
        Arial,
        sans-serif;

    border-right: 2px solid var(--stw-green);
    border-bottom: 2px solid var(--stw-green);
    border-left: 2px solid var(--stw-green);
    border-radius: 0 0 12px 12px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.98) 0%,
            rgba(239,255,236,0.98) 100%
        );

    box-shadow:
        0 4px 10px rgba(0,135,0,0.12);
}


/* 内层 */
.star-track-widget__app {
    position: relative;
    z-index: 1;

    width: 100%;

    margin: 0 auto;
    padding: 6px;
}


/* =====================================================
   每期资料卡片
===================================================== */
.star-track-widget__period-card {
    position: relative;

    width: 100%;

    margin: 0 0 6px;
    padding: 9px 12px;

    border: 1px solid var(--stw-line);
    border-left: 4px solid var(--stw-green);
    border-radius: 12px;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #f5fff2 58%,
            #ecffe8 100%
        );

    box-shadow:
        0 2px 7px rgba(12,146,0,0.10),
        inset 0 1px 0 #ffffff;
}


.star-track-widget__period-card:last-child {
    margin-bottom: 0;
}


/* =====================================================
   第一行：最早公开在 118000.com
===================================================== */
.star-track-widget__notice-card {
    padding-top: 10px;
    padding-bottom: 10px;

    border: 1px solid #8ee985;
    border-left: 4px solid #16b800;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #f3fff1 50%,
            #eaffE6 100%
        );

    box-shadow:
        0 2px 7px rgba(0,150,0,0.10),
        inset 0 1px 0 #ffffff;
}


.star-track-widget__notice {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    font-family:
        Arial,
        "Microsoft YaHei",
        "PingFang SC",
        sans-serif;

    font-size: clamp(23px, 4.8vw, 36px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0;

    text-align: center;
    white-space: nowrap;
}


/* 最早公开在：绿色 */
.notice-prefix {
    color: #079600;

    font-weight: 900;

    text-shadow:
        0 1px 0 #ffffff,
        0 1px 2px rgba(0,100,0,0.15);
}


/* 域名 */
.notice-domain {
    display: inline-flex;
    align-items: center;

    color: #079600;

    font-weight: 900;
}


/* 118：红色 + 2px白色描边 */
.notice-118 {
    display: inline-block;

    color: #ed0000;

    font-weight: 900;

    -webkit-text-stroke: 2px #ffffff;
    paint-order: stroke fill;

    text-shadow:
        0 1px 1px rgba(160,0,0,0.22);
}


/* 000.com：绿色 */
.notice-rest {
    color: #079600;

    font-weight: 900;

    text-shadow:
        0 1px 0 #ffffff,
        0 1px 2px rgba(0,100,0,0.14);
}


/* =====================================================
   每期横向布局
===================================================== */
.star-track-widget__card-content {
    width: 100%;
}


.star-track-widget__zodiac-row {
    display: grid;

    grid-template-columns:
        64px
        minmax(0, 1fr)
        69px;

    column-gap: 8px;

    align-items: center;

    width: 100%;
}


/* =====================================================
   期数
===================================================== */
.star-track-widget__period {
    min-width: 0;

    color: var(--stw-green-dark);

    font-size: 17px;
    font-weight: 900;
    line-height: 1;

    text-align: left;
    white-space: nowrap;

    text-shadow:
        0 1px 0 #ffffff;
}


/* =====================================================
   六肖排列
===================================================== */
.star-track-widget__blue-group {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100%;

    gap: 10px;
}


.star-track-widget__zodiac-wrap {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 45px;

    width: 45px;
    height: 45px;
}


/* =====================================================
   金色生肖球
===================================================== */
.boimauxiao {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    border: 2px solid #fff0a0;
    border-radius: 50%;

    color: #111111;

    font-size: 25px;
    font-weight: 900;
    line-height: 1;

    background:
        radial-gradient(
            circle at 35% 25%,
            #fffde8 0%,
            #fff4a6 13%,
            #ffd94d 35%,
            #f5b817 66%,
            #d98a00 100%
        );

    box-shadow:
        0 2px 6px rgba(145,93,0,0.20),
        inset 2px 2px 7px rgba(255,255,255,0.60),
        inset -4px -5px 9px rgba(155,79,0,0.18);
}


/* 普通生肖文字 */
.boimauxiao > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    color: #111111;

    font-weight: 900;
    line-height: 1;
}


/* 命中生肖：红字黄底 */
.boimauxiao > span.is-hit,
.boimauxiao > span[style*="color:red"] {
    color: #e60000 !important;
    background: #fff100 !important;
}


/* =====================================================
   右侧开奖结果
===================================================== */
.star-track-widget__result-wrap {
    display: flex;

    align-items: center;
    justify-content: flex-end;

    width: 69px;
    min-width: 69px;
    max-width: 69px;

    margin: 0;
}


.result-text {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 69px;

    width: 69px;
    min-width: 69px;
    max-width: 69px;
    height: 30px;

    margin: 0;
    padding: 0 2px;

    overflow: hidden;

    border: 1px solid #bd110c;
    border-radius: 8px;

    color: #ffffff;

    font-family:
        Arial,
        "Microsoft YaHei",
        sans-serif;

    font-size: 17px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: -0.5px;

    white-space: nowrap;

    background:
        linear-gradient(
            180deg,
            #ff493f 0%,
            #d91913 100%
        );

    box-shadow:
        0 2px 5px rgba(180,20,15,0.18);
}


/* =====================================================
   平板和安卓手机
===================================================== */
@media screen and (max-width: 600px) {

    .module-title.star-track-title {
        width: calc(100% - 2px);
        min-height: 52px;

        margin-top: 1px;
        padding: 6px 2px;

        border-radius: 9px 9px 3px 3px;

        font-size: clamp(20px, 7vw, 34px);
        letter-spacing: -1.2px;
    }


    .star-track-title__label {
        margin-left: 3px;
        font-size: 1.25rem;
    }


    .star-track-widget {
        width: calc(100% - 2px);
        max-width: calc(100% - 2px);

        border-radius: 0 0 9px 9px;
    }


    .star-track-widget__app {
        padding: 4px 2px;
    }


    .star-track-widget__period-card {
        margin-bottom: 5px;
        padding: 8px 4px;

        border-left-width: 3px;
        border-radius: 10px;
    }


    /* 第一行 */
    .star-track-widget__notice-card {
        padding: 9px 2px;
    }


    .star-track-widget__notice {
        font-size: clamp(20px, 6.2vw, 29px);
        letter-spacing: -0.5px;
    }


    .notice-118 {
        -webkit-text-stroke: 1.5px #ffffff;
    }


    .star-track-widget__zodiac-row {
        grid-template-columns:
            52px
            minmax(0, 1fr)
            56px;

        column-gap: 3px;
    }


    .star-track-widget__period {
        font-size: 16px;
    }


    .star-track-widget__blue-group {
        justify-content: space-between;
        gap: 3px;
    }


    .star-track-widget__zodiac-wrap {
        flex: 0 0 34px;

        width: 34px;
        height: 34px;
    }


    .boimauxiao {
        border-width: 1px;

        font-size: 18px;

        box-shadow:
            0 1px 4px rgba(145,93,0,0.18),
            inset 1px 1px 5px rgba(255,255,255,0.58),
            inset -3px -3px 6px rgba(155,79,0,0.15);
    }


    .star-track-widget__result-wrap {
        width: 56px;
        min-width: 56px;
        max-width: 56px;
    }


    .result-text {
        flex: 0 0 56px;

        width: 56px;
        min-width: 56px;
        max-width: 56px;
        height: 28px;

        padding: 0 1px;

        font-size: 15px;
        letter-spacing: -0.7px;
    }
}


/* =====================================================
   375px及以下手机
===================================================== */
@media screen and (max-width: 375px) {

    .module-title.star-track-title {
        min-height: 48px;

        padding-right: 1px;
        padding-left: 1px;

        font-size: 24px;
        letter-spacing: -1.4px;
    }


    .star-track-title__label {
        margin-left: 1px;
        font-size: 0.84em;
    }


    .star-track-widget__period-card {
        padding: 7px 2px;
    }


    .star-track-widget__notice {
        font-size: 21px;
        letter-spacing: -0.8px;
    }


    .notice-118 {
        -webkit-text-stroke: 1.3px #ffffff;
    }


    .star-track-widget__zodiac-row {
        grid-template-columns:
            48px
            minmax(0, 1fr)
            52px;

        column-gap: 2px;
    }


    .star-track-widget__period {
        font-size: 15px;
    }


    .star-track-widget__blue-group {
        gap: 2px;
    }


    .star-track-widget__zodiac-wrap {
        flex: 0 0 31px;

        width: 31px;
        height: 31px;
    }


    .boimauxiao {
        font-size: 16px;
    }


    .star-track-widget__result-wrap {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
    }


    .result-text {
        flex: 0 0 52px;

        width: 52px;
        min-width: 52px;
        max-width: 52px;
        height: 27px;

        font-size: 14px;
    }
}


/* =====================================================
   350px及以下安卓手机
===================================================== */
@media screen and (max-width: 350px) {

    .module-title.star-track-title {
        font-size: 22px;
    }


    .star-track-widget__notice {
        font-size: 19px;
        letter-spacing: -1px;
    }


    .notice-118 {
        -webkit-text-stroke: 1.2px #ffffff;
    }


    .star-track-widget__zodiac-row {
        grid-template-columns:
            44px
            minmax(0, 1fr)
            48px;
    }


    .star-track-widget__period {
        font-size: 14px;
    }


    .star-track-widget__zodiac-wrap {
        flex: 0 0 28px;

        width: 28px;
        height: 28px;
    }


    .boimauxiao {
        font-size: 15px;
    }


    .star-track-widget__result-wrap {
        width: 48px;
        min-width: 48px;
        max-width: 48px;
    }


    .result-text {
        flex: 0 0 48px;

        width: 48px;
        min-width: 48px;
        max-width: 48px;

        font-size: 13px;
    }
}

.ad-img-banner-container {
   
  width: 100%;
  max-width: 750px;
  }

  .ad-img-banner-wrapper {
    margin: 0;
    padding: 0;
  }

  .ad-img-banner-paragraph {
    margin: 0;
    padding: 0;
  }

  .banner-link {
    display: block;
    text-decoration: none;
    width: 100%;
  }

  .banner-image {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }

  /* 两张图片中间的文字条 */
  .banner-text-bar {
  width: 100%;
  padding: 14px 10px;
  box-sizing: border-box;
  color: white;
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 2px 3px rgba(0,0,0,.8);
}

/* 第一行：金黄 → 橙红 */
.gradient-1 {
  background: linear-gradient(
    90deg,
    #ffd700 0%,
    #ff9800 50%,
    #ff3d00 100%
  );
}

/* 第二行：蓝色 → 紫色 */
.gradient-2 {
  background: linear-gradient(
    90deg,
    #00b8ff 0%,
    #1264d8 45%,
    #8e00e8 100%
  );
}

/* 中间新增两行重点文案 */
.issue-notice-box {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 2px;
  text-align: center;
  background: linear-gradient(180deg, #fffdf1 0%, #ffe98c 100%);
  border-top: 2px solid #f2b21b;
  border-bottom: 2px solid #d98b00;
}

.issue-notice-line {
  margin: 0;
  padding: 2px 0;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: clamp(24px, 4.5vw, 36px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -1px;
  white-space: nowrap;
  -webkit-text-stroke: 1px #ffffff;
  paint-order: stroke fill;
  text-shadow:
    1px 0 #ffffff,
    -1px 0 #ffffff,
    0 1px #ffffff,
    0 -1px #ffffff,
    0 2px 2px rgba(80, 45, 0, 0.18);
}

.issue-notice-line1 {
  color: #0758c9;
}

.issue-notice-line2 {
  margin-top: 3px;
  color: #0758c9;
}

.issue-notice-red {
  color: #e60000;
}

.issue-notice-domain {
  color: #e60000;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  letter-spacing: -0.5px;
}

  /* RWD 响应式设计 */
  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }

    .banner-text-bar {
      font-size: 22px;
      padding: 7px 8px;
    }

    .issue-notice-line {
      font-size: clamp(20px, 4.8vw, 29px);
    }
  }

  @media (max-width: 480px) {
    .ad-img-banner-container {
      padding: 2px;
    }

    .banner-image {
      border-radius: 4px;
    }

    .banner-text-bar {
      font-size: 26px;
      padding: 6px 5px;
      letter-spacing: 1px;
    }

    .issue-notice-box {
      padding: 7px 1px;
    }

    .issue-notice-line {
      font-size: clamp(18px, 5vw, 24px);
      letter-spacing: -1px;
    }
  }

  @media (max-width: 320px) {
    .ad-img-banner-container {
      padding: 1px;
    }

    .banner-text-bar {
      font-size: 16px;
    }

    .issue-notice-line {
      font-size: 16px;
    }
  }

/* ==================================================
   整体模块
================================================== */
     .boimautrung{
        background:yellow;
     }
            #liuxiao12-module {
                width: 100%;
                box-sizing: border-box;
                margin: 0 auto;
                padding: 0;

                /* background-image: url("https://seven.newalipay.app:10049/pic/2026/09/01/beji5.jpg") !important; */
                
                background-size: 100% 100% !important;
                background-position: center top !important;
                background-repeat: no-repeat !important;
                background-color: #fff9ea !important;

                border: 2px solid #d8a64d;
                border-radius: 10px;

                overflow: hidden;
            }

            /* ==================================================
   顶部GIF
================================================== */
            #liuxiao12-module .top-gif-row {
                width: 100%;
                box-sizing: border-box;

                display: flex;
                flex-direction: column;

                gap: 0;

                margin: 0;
                padding: 0;

                background: #ffffff;

                border-bottom: 2px solid #d8a64d;

                overflow: hidden;
            }

            #liuxiao12-module .top-gif-item {
                width: 100%;
                box-sizing: border-box;

                margin: 0;
                padding: 0;

                overflow: hidden;
            }

            #liuxiao12-module .top-gif-item:first-child {
                border-bottom: 1px solid #d8a64d;
            }

            #liuxiao12-module .top-gif-item img {
                display: block;

                width: 100%;
                height: auto;

                margin: 0;
                padding: 0;

                border: 0;
            }

            /* ==================================================
   标题上方两行文案
================================================== */
            #liuxiao12-module .title-slogan {
                width: 100%;
                box-sizing: border-box;

                padding: 8px 8px 7px;
                margin: 0;

                text-align: center;
                font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;

                background: linear-gradient(180deg, #fffdf4 0%, #fff3c7 100%);

                border-bottom: 1px solid #dfb55f;
            }

            #liuxiao12-module .title-slogan-line1 {
                color: #3d2a17;
                font-size: 23px;
                font-weight: 900;
                line-height: 1.25;
            }

            #liuxiao12-module .title-slogan-line2 {
                margin-top: 3px;

                color: #0759d6;
                font-size: 25px;
                font-weight: 900;
                line-height: 1.25;

                -webkit-text-stroke: 1px #ffffff;
                paint-order: stroke fill;

                text-shadow:
                    1px 0 #ffffff,
                    -1px 0 #ffffff,
                    0 1px #ffffff,
                    0 -1px #ffffff;
            }

            #liuxiao12-module .title-slogan-domain {
                color: #e60000;
                font-family: Arial, "Microsoft YaHei", sans-serif;
                font-weight: 900;
                white-space: nowrap;

                -webkit-text-stroke: 1px #ffffff;
                paint-order: stroke fill;

                text-shadow:
                    1px 0 #ffffff,
                    -1px 0 #ffffff,
                    0 1px #ffffff,
                    0 -1px #ffffff;
            }

            /* ==================================================
   顶部标题
================================================== */
            #liuxiao12-module .module-title {
                width: 100%;
                box-sizing: border-box;

                padding: 6px 4px 12px 4px;

                text-align: center;

                font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;

                font-size: 27px;
                font-weight: 900;

                line-height: 1.15;

                background: linear-gradient(
                    180deg,
                    rgba(255, 244, 205, 0.94) 0%,
                    rgba(255, 222, 126, 0.91) 48%,
                    rgba(255, 242, 195, 0.93) 100%
                );

                border-bottom: 2px solid #cf9630;

                box-shadow:
                    inset 0 1px 0 rgba(255, 255, 255, 0.75),
                    inset 0 -1px 0 rgba(173, 111, 25, 0.12);
            }

            /* 标题位置 */
            #liuxiao12-module .module-title > span {
                position: relative;
                top: 0;
            }

            /* ==================================================
   【六肖⑫码】
================================================== */
            #liuxiao12-module .module-title .highlight-color {
                color: #713b18 !important;

                font-size: 31px;
                font-weight: 900;

                line-height: 1.1;

                margin: 0 5px;

                display: inline-block;

                text-shadow:
                    1px 0 #fff6d9,
                    -1px 0 #fff6d9,
                    0 1px #fff6d9,
                    0 -1px #fff6d9;
            }

            /* ==================================================
   震撼两广
================================================== */
            #liuxiao12-module .module-title .houzhuiyu-text {
                color: red !important;

                font-size: 27px;
                font-weight: 900;

                line-height: 1.1;

                display: inline-block;
            }

            /* ==================================================
   每一期内容
================================================== */
            #liuxiao12-module > .container {
                width: calc(100% - 12px);
                box-sizing: border-box;

                margin: 5px auto !important;

                /* 上下空间压缩 */
                padding: 7px 4px !important;

                font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;

                font-weight: 800;

                text-align: center;

                background: rgba(255, 255, 255, 0.28) !important;
                /* background: #fceac1 !important; */

                border: 1px solid rgba(204, 160, 62, 0.68);
                border-radius: 10px;

                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);

                color: #111;
            }

            /* ==================================================
   期号 + 开奖
================================================== */
            #liuxiao12-module .issue-line {
                width: 100%;
                box-sizing: border-box;

                text-align: center;

                font-size: 25px;
                font-weight: 900;

                line-height: 1.25;

                /* 与下面生肖距离缩小 */
                margin: 0 0 3px 0;

                white-space: nowrap;

                color: #111;
            }

            #liuxiao12-module .qi {
                color: #111 !important;
                font-weight: 900;
            }

            #liuxiao12-module .open-result {
                color: #e60000 !important;
                font-weight: 900;
            }

            /* ==================================================
   六肖区域
   3列 × 2排
================================================== */
            #liuxiao12-module .zodiac-grid {
                width: 100%;
                box-sizing: border-box;

                display: grid;

                grid-template-columns: repeat(3, minmax(0, 1fr));

                column-gap: 0;

                /* 两排之间缩小 */
                row-gap: 2px;

                align-items: center;

                margin: 0;
                padding: 0;
            }

            /* ==================================================
   单组生肖号码
   重点：字体再放大
================================================== */
            #liuxiao12-module .zodiac-item {
                width: 100%;
                min-width: 0;

                display: flex;

                justify-content: center;
                align-items: center;

                box-sizing: border-box;

                color: #e60000;

                /* 32px → 36px */
                font-size: 36px;

                font-weight: 900;

                /* 压缩上下高度 */
                line-height: 1.05;

                white-space: nowrap;

                padding: 0;
                margin: 0;

                letter-spacing: -0.5px;
            }

            /* ==================================================
   左右【】
================================================== */
            #liuxiao12-module .zodiac-bracket {
                display: inline-block;

                color: #e60000 !important;

                font-size: inherit;
                font-weight: 900;

                padding: 0 !important;
                margin: 0 !important;

                line-height: 1;
            }

            /* ==================================================
   生肖 + 号码
================================================== */
            #liuxiao12-module .zodiac-main {
                display: inline-flex;

                justify-content: center;
                align-items: center;

                width: auto;
                min-width: 0;

                color: #e60000;

                font-size: inherit;
                font-weight: 900;

                padding: 0 !important;
                margin: 0 !important;

                white-space: nowrap;

                line-height: 1;
            }

            /* ==================================================
   生肖
================================================== */
            #liuxiao12-module .zodiac-animalgg12 {
                display: inline-block;

                color: #e60000 !important;

                font-size: inherit;
                font-weight: 900;

                padding: 0 !important;
                margin: 0 !important;

                line-height: 1;
            }

            /* ==================================================
   号码
================================================== */
            #liuxiao12-module .zodiac-number {
                display: inline-block;

                color: #e60000 !important;

                font-size: inherit;
                font-weight: 900;

                padding: 0 !important;
                margin: 0 !important;

                line-height: 1;

                font-family: Arial, "Microsoft YaHei", sans-serif;

                font-variant-numeric: tabular-nums;

                letter-spacing: -0.5px;
            }

            /* ==================================================
   命中
================================================== */
            #liuxiao12-module .hit-number {
                color: #e60000 !important;

                background: #fff200 !important;

                font-weight: 900;

                padding: 0 1px !important;
            }

            /* ==================================================
   手机端
================================================== */
            @media screen and (max-width: 768px) {
                #liuxiao12-module {
                    background-size: 100% 100% !important;
                    background-position: center top !important;
                    background-repeat: no-repeat !important;
                    background-color: #fff9ea !important;
                }

                #liuxiao12-module .top-gif-row {
                    display: flex;
                    flex-direction: column;
                }

                #liuxiao12-module .top-gif-item {
                    width: 100%;
                }

                #liuxiao12-module .top-gif-item img {
                    display: block;

                    width: 100%;
                    height: auto;
                }

                #liuxiao12-module .title-slogan {
                    padding: 7px 4px 6px;
                }

                #liuxiao12-module .title-slogan-line1 {
                    font-size: clamp(17px, 4.8vw, 22px);
                }

                #liuxiao12-module .title-slogan-line2 {
                    margin-top: 2px;
                    font-size: clamp(18px, 5.2vw, 24px);
                }

                /* 标题 */
                #liuxiao12-module .module-title {
                    padding: 5px 2px 10px 2px;

                    line-height: 1.1;
                }

                #liuxiao12-module .module-title > span {
                    top: -2px;
                }

                #liuxiao12-module .module-title .highlight-color {
                    font-size: 25px;

                    margin: 0 3px;
                }

                #liuxiao12-module .module-title .houzhuiyu-text {
                    font-size: 22px;
                }

                /* 内容上下间隙缩小 */
                #liuxiao12-module > .container {
                    width: calc(100% - 6px);

                    margin: 3px auto !important;

                    padding: 6px 0 !important;

                    /* background: rgba(255, 255, 255, 0.3) !important; */
                }

                #liuxiao12-module .issue-line {
                    font-size: 19px;

                    line-height: 1.2;

                    margin: 0 0 3px 0;
                }

                #liuxiao12-module .zodiac-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));

                    column-gap: 0;

                    /* 两排更紧 */
                    row-gap: 2px;
                }

                /* 手机生肖号码继续放大 */
                #liuxiao12-module .zodiac-item {
                    font-size: clamp(21px, 5.8vw, 28px);

                    line-height: 1.03;

                    padding: 0;
                    margin: 0;

                    letter-spacing: -0.7px;
                }

                #liuxiao12-module .zodiac-bracket,
                #liuxiao12-module .zodiac-main,
                #liuxiao12-module .zodiac-animalgg12,
                #liuxiao12-module .zodiac-number {
                    padding-right: 1px !important;
                    margin: 0 !important;
                }

                #liuxiao12-module .zodiac-number {
                    letter-spacing: -0.7px;
                }
            }

            /* ==================================================
   小屏手机
================================================== */
            @media screen and (max-width: 430px) {
                #liuxiao12-module {
                    background-size: 100% 100% !important;
                    background-position: center top !important;
                }

                #liuxiao12-module .title-slogan {
                    padding: 6px 2px 5px;
                }

                #liuxiao12-module .title-slogan-line1 {
                    font-size: clamp(16px, 4.55vw, 19px);
                }

                #liuxiao12-module .title-slogan-line2 {
                    font-size: clamp(17px, 4.9vw, 21px);
                }

                #liuxiao12-module .module-title {
                    padding: 5px 1px 9px 1px;
                }

                #liuxiao12-module .module-title > span {
                    top: -1px;
                }

                #liuxiao12-module .module-title .highlight-color {
                    font-size: 23px;

                    margin: 0 2px;
                }

                #liuxiao12-module .module-title .houzhuiyu-text {
                    font-size: 20px;
                }

                #liuxiao12-module > .container {
                    padding: 5px 0 !important;

                    margin: 3px auto !important;
                }

                #liuxiao12-module .issue-line {
                    font-size: 17px;

                    line-height: 1.18;

                    margin-bottom: 2px;
                }

                #liuxiao12-module .zodiac-grid {
                    /* 上下两排只留1px */
                    row-gap: 1px;
                }

                /* 小屏字体继续放大 */
                #liuxiao12-module .zodiac-item {
                    font-size: clamp(20px, 5.5vw, 24px);

                    line-height: 1.02;

                    letter-spacing: -0.8px;
                }

                #liuxiao12-module .zodiac-number {
                    letter-spacing: -0.8px;
                }
            }

            /* ==================================================
   360px以下
================================================== */
            @media screen and (max-width: 360px) {
                #liuxiao12-module {
                    background-size: 100% 100% !important;
                    background-position: center top !important;
                }

                #liuxiao12-module .title-slogan-line1 {
                    font-size: 15px;
                }

                #liuxiao12-module .title-slogan-line2 {
                    font-size: 17px;
                }

                #liuxiao12-module .module-title .highlight-color {
                    font-size: 21px;
                }

                #liuxiao12-module .module-title .houzhuiyu-text {
                    font-size: 18px;
                }

                #liuxiao12-module .issue-line {
                    font-size: 16px;

                    margin-bottom: 2px;
                }

                #liuxiao12-module .zodiac-grid {
                    row-gap: 1px;
                }

                /* 360小屏也放大 */
                #liuxiao12-module .zodiac-item {
                    font-size: 18px;

                    line-height: 1.02;

                    letter-spacing: -0.9px;
                }

                #liuxiao12-module .zodiac-number {
                    letter-spacing: -0.9px;
                }
            }

            #liuxiao12-module .ad-1994 {
                grid-column: span 3;
                display: flex;
                flex-direction: column;
                font-size: clamp(18px, 5vw, 26px);
                line-height: 1.4;
                color: #00f;
                font-weight: 900;
                text-align: center;
            }

.gaoshou7{
        background: yellow;
    }

    .container-largewordggg {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: clamp(1.03rem, 1vw, 1.5rem);
    color: #000;
    font-weight: 700;
    border-top: 1.2px solid #ff6d10;
    text-align: center;
    height: 40px;
    line-height: 40px;
}


.module-titlegg {
    text-align: center;
    font-size: clamp(1.2rem, 4.5vw, 1.5rem);
    font-weight: 700;
    text-align: center;
    background: linear-gradient(var(--ppc-primary-color), rgb(246, 241, 240));
    box-shadow: var(--ppc-primary-color) 0px 1px 1px 0px, rgba(0, 0, 0, 0.19) 0px 0px 0px 0px;
    border-bottom: 1px solid var(--ppc-primary-color);
    height: 48px;
    line-height: 48px;
}

.red_textgg, .red-textgg {
    color: red;
    font-size: 23.5px;
}

#yxym-gold-panel,
        #yxym-gold-panel * {
            box-sizing: border-box;
        }

        #yxym-gold-panel {
            width: 100%;
            max-width: 750px;
            margin: 5px auto;
            font-family: "KaiTi", "STKaiti", "Kaiti SC", "Microsoft YaHei", Arial, sans-serif;
            color: #111;
            -webkit-text-size-adjust: 100%;
        }

        #yxym-gold-panel a {
            color: inherit;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
        }

        #yxym-gold-panel .main-box {
            position: relative;
            width: 100%;
            padding: 4px;
            overflow: hidden;
            border: 1px solid #ffe797;
            border-radius: 10px;
            background: red;
            background: linear-gradient(
                135deg,
                #7d4d00 0%,
                #ffd96a 18%,
                #a66b08 38%,
                #fff0a6 58%,
                #9a6104 78%,
                #f4c84d 100%
            );
            box-shadow:
                0 4px 14px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.75);
        }

        #yxym-gold-panel .panel-inner {
            position: relative;
            z-index: 2;
            overflow: hidden;
            border-radius: 7px;
            background: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.7);
        }

        #yxym-gold-panel .list-title {
            height: 73px;
            line-height: 70px;
            overflow: hidden;
            text-align: center;
            color: black !important;
            font-size: 53px;
            font-weight: 900;
            letter-spacing: 0.5px;
            white-space: nowrap;
            background: #19cd19;

            border-bottom: 2px solid red;
            text-shadow:
                0 1px 1px #fff2ad,
                0 0 1px rgba(255, 220, 93, 0.35);
        }

        #yxym-gold-panel .title-domain {
            display: inline-block;
            margin-left: 3px;
            padding: 2px 7px;
            border: 1px solid rgba(255, 226, 122, 0.75);
            border-radius: 999px;
            line-height: 1.15;
            font-family: Arial, sans-serif;
            font-size: 0.75em;
            background: rgba(0, 0, 0, 0.28);
            vertical-align: 2px;
        }

        #yxym-gold-panel .domain-blue {
            color: #5fcaff;
        }

        #yxym-gold-panel .domain-red {
            color: #ff625c;
        }

        #yxym-gold-panel .domain-white {
            color: #fff;
        }

        #yxym-gold-panel table {
            width: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            border-collapse: collapse;
            table-layout: fixed;
            background: #fff;
        }

        #yxym-gold-panel td {
            height: 48px;
            padding: 4px 5px;
            text-align: center;
            vertical-align: middle;
            color: #111;
            font-size: 23px;
            font-weight: 900;
            line-height: 1.25;
            white-space: nowrap;
            border-top: 1px solid #d5dbe2;
            background: linear-gradient(180deg, #ffffff 0%, #f7fafc 55%, #eaf0f5 100%);
        }

        #yxym-gold-panel .period-table:nth-of-type(even) td {
            background: linear-gradient(180deg, #f2f9ff 0%, #e6f1fa 55%, #d9e8f4 100%);
        }

        #yxym-gold-panel .period-cell {
            position: relative;
            overflow: hidden;
        }

        #yxym-gold-panel .period-cell::before {
            content: "";
            position: absolute;
            top: 7px;
            bottom: 7px;
            left: 0;
            width: 4px;
            border-radius: 0 4px 4px 0;
            background: linear-gradient(180deg, #fff1a3, #d69b1e, #9a5c00);
            box-shadow: 0 0 5px rgba(225, 167, 36, 0.45);
        }

        #yxym-gold-panel .period-number {
            color: #063f72;
            font-family: Arial, "Microsoft YaHei", sans-serif;
            font-weight: 900;
        }

        #yxym-gold-panel .zodiac {
            display: inline-block;
            min-width: 94px;
            margin-left: 5px;
            padding: 5px 12px;
            color: #fff9c7;
            font-size: 26px;
            line-height: 1;
            font-weight: 900;
            border: 1px solid #fff0a0;
            border-radius: 999px;
            vertical-align: middle;
            white-space: nowrap;
            background: linear-gradient(180deg, #3ca969 0%, #08713d 50%, #03502b 100%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.42),
                0 2px 5px rgba(0, 0, 0, 0.28);
            text-shadow: 0 2px 2px rgba(0, 0, 0, 0.65);
        }

        #yxym-gold-panel .claim-table td {
            height: auto;
            padding: 8px;
            white-space: normal;
            background: radial-gradient(circle at top center, rgba(255, 219, 86, 0.2), transparent 42%),
                linear-gradient(135deg, #651010 0%, #a81710 38%, #5c0808 72%, #250000 100%);
            border-top: 2px solid #d6a12a;
        }

        #yxym-gold-panel .claim-link {
            position: relative;
            display: block;
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            padding: 9px 7px;
            overflow: hidden;
            border: 1px solid #ffe274;
            border-radius: 10px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02));
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.28),
                0 3px 8px rgba(0, 0, 0, 0.32);
        }

        #yxym-gold-panel .claim-link::before {
            content: "";
            position: absolute;
            top: -70%;
            left: -55%;
            width: 32%;
            height: 240%;
            pointer-events: none;
            transform: rotate(24deg);
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
            animation: yxymClaimLight 4s ease-in-out infinite;
        }

        #yxym-gold-panel .claim-title {
            position: relative;
            z-index: 2;
            display: block;
            margin-bottom: 7px;
            color: #fff2a0;
            font-size: 24px;
            line-height: 1.2;
            font-weight: 900;
            text-shadow:
                0 2px 2px #000,
                0 0 6px rgba(255, 219, 66, 0.35);
        }

        #yxym-gold-panel .claim-title strong {
            color: #fff;
            font-family: Arial, "Microsoft YaHei", sans-serif;
        }

        #yxym-gold-panel .claim-main {
            position: relative;
            z-index: 2;
            display: inline-block;
            margin-bottom: 7px;
            padding: 5px 15px;
            color: #571700;
            font-size: 21px;
            line-height: 1.2;
            font-weight: 900;
            border: 1px solid #fff3a7;
            border-radius: 999px;
            white-space: nowrap;
            background: linear-gradient(180deg, #fff7ba 0%, #ffd83f 48%, #dc8b06 100%);
            box-shadow:
                inset 0 1px 0 #fff,
                0 2px 6px rgba(0, 0, 0, 0.35);
        }

        #yxym-gold-panel .claim-buttons {
            position: relative;
            z-index: 2;
            display: flex;
            justify-content: center;
            gap: 7px;
            width: 100%;
            max-width: 540px;
            margin: 0 auto;
        }

        #yxym-gold-panel .claim-button {
            flex: 1;
            min-width: 0;
            padding: 6px 5px;
            color: #fff;
            font-size: 19px;
            line-height: 1.2;
            font-weight: 900;
            border: 1px solid rgba(255, 235, 145, 0.85);
            border-radius: 7px;
            white-space: nowrap;
            background: rgba(30, 0, 0, 0.4);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
            text-shadow: 0 1px 2px #000;
        }

        #yxym-gold-panel .claim-service {
            position: relative;
            z-index: 2;
            display: block;
            margin-top: 7px;
            color: #fffbd2;
            font-size: 18px;
            line-height: 1.3;
            font-weight: 900;
            text-shadow: 0 1px 2px #000;
        }

        #yxym-gold-panel .footer-table td {
            height: 46px;
            padding: 5px;
            color: #fff;
            font-family: Arial, "Microsoft YaHei", sans-serif;
            font-size: 50px;
            line-height: 1.2;
            font-weight: 900;

            border-top: 2px solid white;
            background: red;

            text-shadow: 0 1px 2px #000;
        }

        #yxym-gold-panel .footer-green {
            color: #66f09a;
        }

        #yxym-gold-panel .footer-blue {
            color: yellow;
            font-size: 30px;
        }

        #yxym-gold-panel .footer-blue1 {
            color: yellow;
            font-size: 25px;
        }

        #yxym-gold-panel .footer-red {
            color: #ff655f;
        }

        #yxym-gold-panel .footer-white {
            color: #fff;
        }

        @keyframes yxymClaimLight {
            0% {
                left: -55%;
            }
            55%,
            100% {
                left: 135%;
            }
        }

        @media screen and (max-width: 520px) {
            #yxym-gold-panel .main-box {
                padding: 3px;
                border-radius: 8px;
            }

            #yxym-gold-panel .list-title {
                height: 62px;
                /* height: 122px; */
                line-height: 59px;
                font-size: 37px;
                /* padding-left: 15px; */
                letter-spacing: 0;
            }

            #yxym-gold-panel td {
                height: 44px;
                padding: 3px 2px;
                font-size: 19px;
            }

            #yxym-gold-panel .zodiac {
                min-width: 78px;
                margin-left: 2px;
                padding: 5px 8px;
                font-size: 21px;
            }

            #yxym-gold-panel .claim-table td {
                padding: 6px;
            }

            #yxym-gold-panel .claim-link {
                padding: 8px 5px;
            }

            #yxym-gold-panel .claim-title {
                margin-bottom: 6px;
                font-size: 20px;
            }

            #yxym-gold-panel .claim-main {
                padding: 5px 10px;
                font-size: 18px;
            }

            #yxym-gold-panel .claim-buttons {
                gap: 5px;
            }

            #yxym-gold-panel .claim-button {
                padding: 6px 2px;
                font-size: 16px;
            }

            #yxym-gold-panel .claim-service {
                margin-top: 6px;
                font-size: 16px;
            }

            #yxym-gold-panel .footer-table td {
                height: 42px;
                font-size: 17px;
            }
        }

        @media screen and (max-width: 380px) {
            #yxym-gold-panel .list-title {
                font-size: 38px;
            }
            #yxym-gold-panel .dtip{
                font-size: 25px;
            }

            #yxym-gold-panel .footer-blue {
                color: yellow;
                font-size: 30px;
            }

            #yxym-gold-panel .footer-blue1 {
                color: yellow;
                font-size: 23px;
            }

            #yxym-gold-panel td {
                font-size: 17px;
            }

            #yxym-gold-panel .zodiac {
                min-width: 70px;
                padding: 5px 6px;
                font-size: 19px;
            }

            #yxym-gold-panel .claim-title {
                font-size: 18px;
            }

            #yxym-gold-panel .claim-main {
                font-size: 16px;
            }

            #yxym-gold-panel .claim-button {
                font-size: 14px;
            }

            #yxym-gold-panel .claim-service {
                font-size: 14px;
            }

            #yxym-gold-panel .footer-table td {
                font-size: 15px;
            }

            .wenzi2ju .neimuchuanzhen1 {
                font-size: 17.5px !important;
                color: black;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #yxym-gold-panel .claim-link::before {
                animation: none;
            }
        }

        #yxym-gold-panel .wenzi2ju td {
            background: red !important;
        }
        .wenzi2ju .cochunho {
            font-size: 19px;
        }
        .wenzi2ju .mauchu-yellow {
            font-size: 25px;
            color: yellow;
        }
        .wenzi2ju .neimuchuanzhen {
            font-size: 20px;
            color: yellow;
        }

        .wenzi2ju .neimuchuanzhen1 {
            font-size: 17.9px;
            color: black;
            padding-left: 1px;
        }

        .wenzi2ju .cochunho3 {
            font-size: 22px;
            color: white;
        }

.biaoyanse {
        background: black;
    }

.investment-pingtes span[data-animal][data-check] {
    position: relative;
  }

  .investment-pingtes span[data-animal='鼠'][data-check*='鼠'],
  .investment-pingtes span[data-animal='牛'][data-check*='牛'],
  .investment-pingtes span[data-animal='虎'][data-check*='虎'],
  .investment-pingtes span[data-animal='兔'][data-check*='兔'],
  .investment-pingtes span[data-animal='龙'][data-check*='龙'],
  .investment-pingtes span[data-animal='蛇'][data-check*='蛇'],
  .investment-pingtes span[data-animal='马'][data-check*='马'],
  .investment-pingtes span[data-animal='羊'][data-check*='羊'],
  .investment-pingtes span[data-animal='猴'][data-check*='猴'],
  .investment-pingtes span[data-animal='鸡'][data-check*='鸡'],
  .investment-pingtes span[data-animal='狗'][data-check*='狗'],
  .investment-pingtes span[data-animal='猪'][data-check*='猪'] {
    color: red !important;
    background: yellow !important;
  }

.date {
    background-color: red;
    color: yellow;
    font-weight: bold;
    border-radius: 5px;
}
.worldcup-box12,
.worldcup-box12 * {
  box-sizing: border-box;
}

.worldcup-box12 a {
  text-decoration: none !important;
}

.worldcup-box12 .vla-qit {
  font-size: 32px;
  color: #fff;
  padding-top: .1rem;
  font-weight: bold;
  background: linear-gradient(to right, #004600, #00a100);
  text-align: center;
  line-height: 1.7;
}

.worldcup-box12 .schedule {
  border: 1px solid #d2d2d2;
  background-color: #fff;
  font-weight: 700;
}

.worldcup-box12 .schedule-tit {
  background-color: #f8f9fa;
  border: 1px solid #d2d2d2;
  padding: 10px;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: -2px;
   color: #000000 !important;
   text-align: left;
}

.worldcup-box12 .schedule-more {
  display: inline-block;
  background-color: #0b57cf;
  color: #fff;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: .9em;
  float: right;
  font-weight: 500;
}

.worldcup-box12 .schedule-more a {
  color: #fff !important;
}

.worldcup-box12 .match-card {
  width: 97%;
  margin: 6px auto;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: 1px 1px 2px #d2d2d2;
}

.worldcup-box12 .match-head {
  display: grid;
  grid-template-columns: 26% 37% 37%;
  align-items: center;
  padding: 10px 10px 4px;
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}

.worldcup-box12 .match-head span:first-child {
  text-align: left;
}

.worldcup-box12 .match-head span:nth-child(2) {
  color: red;
  text-align: center;
}

.worldcup-box12 .match-head span:nth-child(3) {
  text-align: center;
  color: #333;
}

.worldcup-box12 .match-body {
  display: grid;
  grid-template-columns: 26% 37% 37%;
  align-items: start;
  padding: 8px 10px 10px;
}

.worldcup-box12 .team {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 8px 0;
  font-size: 16px;
  color: #000 !important;
}

.worldcup-box12 .team img {
  width: 24px;
  display: block;
  flex-shrink: 0;
}

.worldcup-box12 .predict {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding-top: 6px;
}

.worldcup-box12 .predict strong {
  display: block;
}

.worldcup-box12 .predict em {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 22px;
  border-radius: 12px;
  background: #e53935;
  color: #fff;
  font-style: normal;
  font-size: 14px;
}

.worldcup-box12 .time-ad {
  text-align: center;
  font-size: 16px;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 5px;
}

.worldcup-box12 .match-time {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
}

.worldcup-box12 .schedule-ad {
  display: block;
  width: 100%;
  max-width: 260px;
  margin-top: 0;
  background: red;
  color: #fff !important;
  border: 1px solid #ff0;
  border-radius: 8px;
  padding: 2px;
  font-weight: 700;
  text-shadow: 1px 1px #530101;
  animation: worldcup-breath .5s ease-in-out infinite alternate;
}

.worldcup-box12 .schedule-cb {
  display: block;
  width: 100%;
  max-width: 260px;
  margin-top: 0;
 
  color: red !important;
  /* border: 1px solid #ff0; */
  font-weight: 700;
 
}

@keyframes worldcup-breath {
  from {
    box-shadow: 0 0 5px #2196f3, inset 0 0 5px #2196f3;
    border-color: #2196f3;
  }

  to {
    box-shadow: 0 0 10px #00bcd4, inset 0 0 15px #00bcd4;
    border-color: #00bcd4;
  }
}

@media screen and (max-width: 720px) {
  .worldcup-box12 .vla-qit {
    font-size: 21px;
  }

  .worldcup-box12 .match-head {
    grid-template-columns: 28% 34% 38%;
    font-size: 16px;
    padding: 10px 8px 4px;
  }

  .worldcup-box12 .match-body {
    grid-template-columns: 29% 34% 38%;
    padding: 8px;
  }

  .worldcup-box12 .team {
    gap: 8px;
    font-size: 15px;
  }

  .worldcup-box12 .predict {
    font-size: 16px;
    padding-top: 6px;
    margin-left: 1px;
  }

  .worldcup-box12 .match-time {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
.worldcup-box12 .jieguo {
  text-align: center;
  grid-template-columns: 24% 15% 37% 24% !important;
}
.score {
    text-align: center;
    /* font-size: 24px; */
    font-weight: bold;
    line-height: 2.5;
    color: #333;
    display: flex;
    flex-direction: column;
}

.worldcup-box12 .worldcup-banner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.worldcup-box12 .worldcup-banner-slider .banner-slide {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.worldcup-box12 .worldcup-banner-slider .banner-slide:first-child {
  position: relative;
  animation: worldcupBannerLeft1 5s infinite ease-in-out;
}

.worldcup-box12 .worldcup-banner-slider .banner-slide:nth-child(2) {
  animation: worldcupBannerLeft2 5s infinite ease-in-out;
}

.worldcup-box12 .worldcup-banner-slider img {
  width: 100%;
  height: auto;
  display: block;
}

/* 第一张：显示3秒后向左滑出 */
@keyframes worldcupBannerLeft1 {
  0% {
    transform: translateX(0);
  }

  42% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-100%);
  }

  92% {
    transform: translateX(-100%);
  }

  92.01% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

/* 第二张：从右边滑进来，再向左滑出去 */
@keyframes worldcupBannerLeft2 {
  0% {
    transform: translateX(100%);
  }

  42% {
    transform: translateX(100%);
  }

  50% {
    transform: translateX(0);
  }

  92% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* .box{
        background-color: #ffffff !important;
        border: 1px solid #ffffff !important;
        margin: 0 0 !important;
        border-radius: 0px !important;
    }
    .baa{
        background-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
    } */
  .swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .swiper-horiz {
    border: 2px solid #e0af0f;
    border-top: 2px solid #e0af0f;
    border-radius: 5px;
    margin: 5px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 指示标志改成圆形 */
  .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .paomadeng-bar {
    width: calc(100% - 10px);
    /* max-width: 700px; */
    margin: 1px 5px auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 30px;
    overflow: hidden;
    background: #eaeaea;
  }

  .paomadeng-icon {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    color: #e60000;
    flex-shrink: 0;
  }

  .paomadeng-marquee {
    flex: 1;
    overflow: hidden;
  }

  .paomadeng-text {
    white-space: nowrap;
    font-size: clamp(10px, 4vw, 15px);
    padding-left: 20%;
    animation: marquee 12s linear infinite;
    font-weight: 500;
  }

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-230%);
    }
  }

  /* 大螢幕 */
  @media (min-width: 680px) {
    .paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

  @media (min-width: 1024px) {
    .paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 17s linear infinite;
    }
  }

  @keyframes marquee-large {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-110%);
    }
  }

  .sihjioucaipiaoji-banner-title-bar {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #111010;
    font-size: clamp(15px, 4.5vw, 20px);
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    letter-spacing: 2px;
  }

/* 外框區塊 */
.yixiaoyima-box {
  padding-left: 0.5rem;
  line-height: 1.8;
}

/* 每一行內容 */
.yixiaoyima-row {
  font-size: clamp(1.05rem, 4vw, 1.35rem);
  border-bottom: 1px solid #ccc;
  background: #fff;
}

/* 標籤文字（期數＋類型） */
.yixiaoyima-title {
  font-size: clamp(1.05rem, 4.4vw, 1.4rem);
  font-weight: bold;
  color: #000;
}

/* 命中樣式 */
.yixiaoyima-hit {
  color: red;
  background: yellow;
}

/* 推薦文 */
.yixiaoyima-ad {
  color: red;
  font-size: clamp(1rem, 3.5vw, 1.25rem);
}

/* 二期七肖区块样式 */
  .erqiqixiaobikai {
    width: 100%;
    max-width: 720px;
    margin: 0;
    border: 0px solid var(--ppc-primary-color);
  }
  /* 表格容器 */
  .erqiqixiaobikai-table-container {
    background-color: white;
  }
  /* 表格样式 */
  .erqiqixiaobikai-table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    border-top: 1px solid #ddd;
  }
  /* 表格行 */
  .erqiqixiaobikai-table tr {
    height: 43px;
  }
  @media (max-width: 480px) {
    .erqiqixiaobikai-table tr {
      height: 36px;
    }
  }
  /* 表格单元格 */
  .erqiqixiaobikai-table td {
    text-align: center;
    font-size: clamp(1.1rem, 4.2vw, 1.5rem);
    font-weight: bold;
    vertical-align: middle;
    border-right: 1px solid #ddd;
  }
  /* 期数列 */
  .erqiqixiaobikai-period-cell {
    color: #000;
    width: auto;
    text-align: left;
    font-size: clamp(0.9rem, 4vw, 1.3rem);
  }
  /* 开奖结果列 */
  .erqiqixiaobikai-result-cell {
    color: #000;
    width: auto;
    text-align: right;
    font-size: clamp(0.9rem, 4vw, 1.3rem);
  }
  .erqiqixiaobikai-pending-result {
    color: #ff0000;
  }
  /* 合并单元格 - 动物名称 */
  .erqiqixiaobikai-animals-merged {
    color: #ff0000;
    font-size: clamp(1rem, 5vw, 1.8rem) !important;
    text-align: center;
    background-color: white;
    width: 55%;
  }

  /* 動態屬性選擇器 - 更簡潔的CSS解決方案 */
  .erqiqixiaobikai-animals-merged span[data-animal][data-check] {
    position: relative;
  }

  .erqiqixiaobikai-animals-merged span[data-animal] {
    font-family: "Roboto Mono", monospace;
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    font-size: clamp(1.2rem, 4.8vw, 1.4rem);
    }

  .erqiqixiaobikai-animals-merged span[data-animal='鼠'][data-check*='鼠'],
.erqiqixiaobikai-animals-merged span[data-animal='牛'][data-check*='牛'],
.erqiqixiaobikai-animals-merged span[data-animal='虎'][data-check*='虎'],
.erqiqixiaobikai-animals-merged span[data-animal='兔'][data-check*='兔'],
.erqiqixiaobikai-animals-merged span[data-animal='龙'][data-check*='龙'],
.erqiqixiaobikai-animals-merged span[data-animal='蛇'][data-check*='蛇'],
.erqiqixiaobikai-animals-merged span[data-animal='马'][data-check*='马'],
.erqiqixiaobikai-animals-merged span[data-animal='羊'][data-check*='羊'],
.erqiqixiaobikai-animals-merged span[data-animal='猴'][data-check*='猴'],
.erqiqixiaobikai-animals-merged span[data-animal='鸡'][data-check*='鸡'],
.erqiqixiaobikai-animals-merged span[data-animal='狗'][data-check*='狗'],
.erqiqixiaobikai-animals-merged span[data-animal='猪'][data-check*='猪'] {
  color: red !important;
  background: yellow !important;
}
.culol-title {
        font-size: 18px !important;
        height: 64px !important;
         line-height: 31px !important; 
    }
    .culol-title {
    font-size: 21px;
    text-align: center;
    color: #fff;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    background-color: var(--theme-color);
}
@media only all and (max-width: 500px) {
    .culol-title {
        font-size: 18px !important;
        height: 73px !important;
        line-height: 35px !important;
    }
}
.culol-title {
    font-size: 21px;
    text-align: center;
    color: #fff;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    background-color: var(--theme-color);
    background: var(--ppc-primary-color);
    outline: 2px solid #fff;
    outline-offset: -5px;
}

.jixianpingtesanqibichu-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: clamp(0.3rem, 0.8vw, 0.9rem);
    background: #fff;
    line-height: 2.5;
  }

  .jixianpingtesanqibichu-table td {
    border: 1px solid #cfcfcf;
    font-weight: bold;
  }

  .jixianpingtesanqibichu-period-cell {
    width: 25%;
    font-size: clamp(0.95rem, 2vw, 1.2rem);
    text-align: center;
  }

  .jixianpingtesanqibichu-animals-merged {
    width: 50%;
    text-align: center;
    font-size: clamp(1rem, 4vw, 1.2rem);
    color:red;
  }

  .jixianpingtesanqibichu-result-cell {
    width: 25%;
    text-align: center;
    font-size: clamp(1rem, 4vw, 1.2rem);
  }

  .jixianpingtesanqibichu-hit-animal {
    color: red !important;
    background: yellow !important;
    font-weight: bold;
  }

  /* 使用CSS屬性選擇器來高亮命中的生肖 */
  .jixianpingtesanqibichu-animals-merged span[data-animal='鼠'][data-check*='鼠'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='牛'][data-check*='牛'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='虎'][data-check*='虎'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='兔'][data-check*='兔'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='龙'][data-check*='龙'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='蛇'][data-check*='蛇'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='马'][data-check*='马'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='羊'][data-check*='羊'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='猴'][data-check*='猴'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='鸡'][data-check*='鸡'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='狗'][data-check*='狗'],
  .jixianpingtesanqibichu-animals-merged span[data-animal='猪'][data-check*='猪'] {
    color: red !important;
    background: yellow !important;
  }

.anhnhoem {
        overflow: hidden;
        font-family: "Microsoft YaHei", sans-serif;
        
        border-radius: 10px;
    }
    .aaabbbb {
        border: none;
        font-size: clamp(1.9rem, 4.5vw, 1.5rem);
    }
    .bbbbggggg {
        text-align: center;
    }

    /* 新增：包裹所有 item 的容器 */
    .valonkobietdoi {
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        font-weight: bold;
    }

    .konho{
          font-size: 29px;
        margin-left: 4px;
  }

    .nhoem {
        display: flex;
        padding: 8px 12px;
        border-bottom: 1px solid #eee;
        margin: 2px;
        font-size: 25px;
        text-decoration: none;
        align-items: center;
    }
    @media screen and (max-width: 720px) {
  .nhoem {
    font-size: 15px;
    padding: 5px;
 }

 .konho{
  font-size: 18.4px;
 }
}

    .update-icon {
        height: 16px;
    }
    .aaaannnneeee {
        white-space: nowrap;
        flex-shrink: 0;
        color: black;
    }

    .bhbhhbhhh {
        color: red;
    }

    .ahnnnnn {
        color: #ff00ff;
        font-weight: bold;
    }

    .hihihhi {
        color: #000000;
    }

    .hyhyhyhy {
        color: #000000;
    }

    .hahaha {
        color: #0000ff;
    }

    .nbnbnbnb {
        color: #800000;
    }

    .jijijiiji {
        color: #808000;
    }

    .nmnmnmnm {
        color: #008080;
    }
    .nmnmnmnm-click {
        color: #4caf50;
    }

.mamaicholao{
    width:100%;
    background:#000;
    color:#ffff24;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    padding:8px 0;
    line-height:1.4;
    font-size: 28px;
    }
    @media screen and (max-width: 720px) {
 .mamaicholao {
    font-size: 20px;
 }
}

.waijanlianjie-container {
    overflow: hidden;
    font-family: 'Microsoft YaHei', sans-serif;
  }

  .waijanlianjie-header {
    font-weight: bold;
    text-align: center;
  }

  /* 新增：包裹所有 item 的容器 */
  .waijanlianjie-items-wrapper {
    overflow: hidden;
    background: #00FF00;
  }

  .waijanlianjie-item {
    display: flex;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    align-items: center;
    justify-content: center;
    margin: 2px;
    font-size: clamp(1.1rem, 4.2vw, 1.4rem);
  }
  .waijanlianjie-item:hover {
    text-decoration:underline;
  }
  @media (max-width: 480px) {
    .waijanlianjie-item {
      padding: 5px;
    }
  }

  .waijanlianjie-tag {
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: bold;
  }

  .waijanlianjie-title {
    font-weight: bold;
  }

  .waijanlianjie-highlight {
    font-weight: bold;
  }

  .waijanlianjie-pink {
    color: #ff00ff;
    font-weight: bold;
  }

  .waijanlianjie-brand {
    color: #000000;
  }

  .waijanlianjie-category-default {
    color: #000000;
  }

  .waijanlianjie-category-blue {
    color: #0000ff;
  }

  .waijanlianjie-category-green {
    color: #008000;
  }

  .waijanlianjie-category-maroon {
    color: #800000;
  }

  .waijanlianjie-category-olive {
    color: #808000;
  }

  .waijanlianjie-stats {
    color: #000000;
  }

div.tlist-title7{
                font-family: 'Microsoft YaHei', Arial, Helvetica !important;
                color:black;
        }
        
 .tlist-title7 {
    font-size: 27px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background: linear-gradient(#58a1f5, rgb(106 171 245));
    padding: 2px 0px 4px;
    line-height: 1.6;
     letter-spacing: 2px;
}
@media screen and (max-width:720px) {
    .tlist-title7 {
        font-size: 19px;
    }
}

    .box8 {
    border: 2px solid #4292EF;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
        background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
}
    .navigation-container {
        width: 100%;
        background-color: #ffffff;
        box-sizing: border-box;
        font-family: 'Microsoft Yahei', Helvetica, Arial;
        color: rgb(51, 51, 51);
        margin-top: 14px;
        margin-top: 10px;
    }
    .navigation-container .welcome-banner {
        background-color: #FF0000;
        height: 50px;
        border: 5px double #00ccff;
        padding: 3px 2px;
        word-break: break-all;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navigation-container .welcome-banner .welcome-text {
        font-weight: 700;
        text-align: center;
        color: #FFFFFF;
        font-family: 楷体;
        font-size: 16pt;
    }
    .navigation-container .button-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border: 1px dashed #00FF00;
        background-color: #ffffff;
        border-radius: 0;
        overflow: hidden;
        font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    }
    .navigation-container .button-cell {
        padding: 8px 5px 3px;
        border: 1px solid #fefefe;
        text-align: center;
    }
    .navigation-container .route-button {
        border: 1px solid #67a4f5;
        height: 45px;
        line-height: 42px;
        border-radius: 20px;
        background: linear-gradient(to top, #fff, #eee, #fff) #eee;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: block;
        color: #000;
        text-decoration: none;
        font-weight: bold;
        font-size: 22pt;
        white-space: nowrap;
    }
    .navigation-container .g-filter a {
        color: inherit;
        text-decoration: inherit;
    }
    .navigation-container .route-button span {
        color: #0000FF;
    }
    /* 分割 */
	    .g-nav-refresh {
          padding:15px;
    }
    .g-nav-refresh.them-6 {
            /* background: #eee; */
            background: #00ac56 !important;
		padding:1px;
        background-size: 100% 100%;
        box-shadow: none;
        /* max-width: 720px; */
		border-radius:0px 0px 0px 0px;
    }
    .g-nav-refresh .nav-header {
        border-radius: 8px;
        margin-bottom: 6px;
        background: #39b57b;
        position: relative;
    }
    .g-nav-refresh.them-6 .nav-header {
        background: transparent;
        margin-bottom: 0;
    }
    .g-nav-refresh .nav-header .title {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 60%;
    }
    .g-nav-refresh .nav-header .refresh-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #333;
        /* position: absolute; */
        font-size: 12px;
        padding: 5px 10px;
        box-sizing: border-box;
        cursor: pointer;
        background: #ffffff;
        border-radius: 12px 12px 0 0;
        height: 85%;
        right: 20px;
        top: auto;
        /* bottom: -26px; */
        border: 0;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-text {
        margin: 0px 0 2px;
        color: #000;
        font-size: 12px;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-timer {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        color: #ff6b00;
        font-weight: 700;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-timer>span {
        background: #fff;
        padding: 2px 4px;
        border-radius: 2px;
        min-width: 16px;
        text-align: center;
        box-shadow: 0 1px 2px #0000001a;
    }
    .g-nav-refresh .nav-list {
        border-radius: 8px;
        padding: 9px;

        background: #00ac56 !important;

        box-shadow: none;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap:0px;
        /*  min-height: 855px;  */
    }
   .g-nav-refresh .nav-item {
    flex: 1;
    flex-direction: column;
    margin: 4px 3px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
    width: calc(var(--vw) / 4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    font-weight: bold;
    transform: rotateY(0deg);
    transition: transform 1.2s ease-in-out;
    overflow: hidden;
    background-color: #ffffff;
}
	    .g-nav-refresh .nav-item-text {
       font-size:18px;
	   padding:5px 5px;
	   color:#000000;
    }
    .g-nav-refresh .flipped {
        transform: rotateY(180deg);
    }
    .g-nav-refresh .nav-item .nav-item-image {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }
	@media (max-width: 600px) {
    .g-nav-refresh .nav-item {

        border-radius: 10px;
    }
	 .g-nav-refresh .nav-item-text {
       font-size:12px;

	   padding:3px 2px;
	   color:#000000;
    }
    .g-nav-refresh .nav-list{
       padding: 6px !important;
    }
}
	.box1{
	margin:1px 0;
	border-radius: 5px;
	overflow: hidden;
	 max-width: 720px;
 background-image: linear-gradient(to right, #00be16, #03c71a, #04c11a, #02c719, #03b918, #04c31a, #00be16);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.pad1 {
    padding: 0px 0px;
}
	.hao{
	font-size: 14pt;
    text-align: center;
    font-weight: bold;
}
.hao tr {
    background: linear-gradient(#ffff27, #fdfd47, #ffff24ad, #ffff24ad, #ffff34ad, #ffff24ad);
}
.hao td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#zyh-js-clean-174,
        #zyh-js-clean-174 * {
            box-sizing: border-box;
        }

        #zyh-js-clean-174 {
            width: 100%;
            max-width: 760px;
            margin: 5px auto;
            font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
            word-break: break-all;
            overflow-wrap: break-word;
            isolation: isolate;
            contain: layout style;
        }

        #zyh-js-clean-174 .zyh-box {
            width: 100%;
            margin: 6px 0;
            padding: 2px;
            border-radius: 6px;
            overflow: hidden;
            background: linear-gradient(90deg, #f33131, #f70a0a, #cb0c0c, #f51b1b, #f70303);
        }

        #zyh-js-clean-174 .zyh-title {
            min-height: 32px;
            line-height: 32px;
            padding: 0 6px;
            text-align: center;
            font-size: 22px;
            font-weight: 900;
            color: #fff;
            background: linear-gradient(180deg, #ff3838, #e60000, #b80000);
            text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.85);
            border-radius: 5px 5px 0 0;
        }

        #zyh-js-clean-174 .zyh-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto;
            background: #fff;
            text-align: center;
        }

        #zyh-js-clean-174 .zyh-table td {
            padding: 6px 4px;
            border: 1px solid #e4ece4;
            font-size: 19px;
            line-height: 1.55;
            font-weight: 900;
            color: #000;
        }

        #zyh-js-clean-174 .mark {
            display: inline-block;
            padding: 0 4px;
            background: #ff0000;
            color: #ffff00;
            font-weight: 900;
        }

        #zyh-js-clean-174 .green-text {
            color: #008000;
        }

        #zyh-js-clean-174 .yellow {
            color: #ffff00;
        }

        #zyh-js-clean-174 .cyan {
            color: #00ffff;
        }

        #zyh-js-clean-174 .green {
            color: #00ff00;
        }

        #zyh-js-clean-174 .blue {
            color: #0000ff;
        }

        #zyh-js-clean-174 .pink {
            color: #ff00ff;
        }

        #zyh-js-clean-174 .foot {
            background: #bbddff;
        }

        @media screen and (max-width: 560px) {
            #zyh-js-clean-174 {
                max-width: 100%;
            }

            #zyh-js-clean-174 .zyh-title {
                font-size: 18px;
                line-height: 30px;
            }

            #zyh-js-clean-174 .zyh-table td {
                font-size: 16px;
                padding: 6px 3px;
            }
        }

.vienvangonggia img{
     border: 2px solid #e0af0f;
}


.man199suii {
    background: red;
    padding: 3px 0;
  }


.dibupika9955 {
    background: red;
    color: #fff;
    font-weight: 600;
    padding: 2px 10px;
    /* border-radius: 6px; */
    text-align: center;
    font-size: 25px;
  }

  .dibupika9955 img {
    display: inline !important; 
    width:65px;
        margin-top: -13px;
  }
  /* RWD 响应式设计 */
  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
    .dibupika9955 img {
        width:40px;
        margin-top: -10px;
    }
  }
@media screen and (max-width: 720px) {
.dibupika9955 {
        font-size: 18px;
}}
@media screen and (max-width: 610px) {
    .dibupika9955 {
        font-size: 17px;
    }
}
@media screen and (max-width: 505px) {
    .dibupika9955 {
        font-size: 19px;
    }
}
@media screen and (max-width: 409px) {
    .dibupika9955 {
        font-size: 17px;
    }
}
@media screen and (max-width: 374px) {
    .dibupika9955 {
        font-size: 15px;
    }
}

.swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 2px solid #e0af0f;
    border-radius: 5px;
    margin: 5px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 指示标志改成圆形 */
  .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .paomadeng-bar {
    width: calc(100% - 10px);
    /* max-width: 700px; */
    margin: 1px 5px auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 30px;
    overflow: hidden;
    background: #eaeaea;
  }

  .paomadeng-icon {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    color: #e60000;
    flex-shrink: 0;
  }

  .paomadeng-marquee {
    flex: 1;
    overflow: hidden;
  }

  .paomadeng-text {
    white-space: nowrap;
    font-size: clamp(10px, 4vw, 15px);
    padding-left: 20%;
    animation: marquee 12s linear infinite;
    font-weight: 500;
  }

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-230%);
    }
  }

  /* 大螢幕 */
  @media (min-width: 680px) {
    .paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

  @media (min-width: 1024px) {
    .paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 17s linear infinite;
    }
  }

  @keyframes marquee-large {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-110%);
    }
  }

  .sihjioucaipiaoji-banner-title-bar {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #111010;
    font-size: clamp(15px, 4.5vw, 20px);
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    letter-spacing: 2px;
  }

.content-boxpa99 {
    background-image: url(https://seven.newalipay.app:10049/pic/2026/09/26/contbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.title888666 {
    background-image: url(https://seven.newalipay.app:10049/pic/2026/09/26/title.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
        font-weight: 700;
}
.kj-box, .child-boxpa {
   padding: 5px 15px 0 15px;
}
.ulcot {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 0em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
li {
    list-style: none;
}
.smzx99 {
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    border: 1px #d0d0d0 solid;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: bold;
}
a, a:visited, a:hover, a:active {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
a {
    direction: none;
}
.smzx99 span:last-child {
    margin-right: 5px;
    font-size: 12px;
    color: #6e6e6e;
}


.foot-bg {
    background-image: url(https://seven.newalipay.app:10049/pic/2026/09/26/contbg2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 0px;
}

.boimauca {
    color: yellow;
    background: red;
}


/* =========================
   标题保持原样
   ========================= */
.list-title {
    color: rgb(0, 0, 0);

    border-left: 1px solid #c1c23c;
    border-right: 1px solid #c1c23c;

    height: 42px;

    line-height: 40px;

    font-size: 17pt;

    text-align: center;

    text-shadow: 0px 1px 1px #858585;

    font-weight: bold;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


/* =========================
   只优化虚线夹白
   其它保持原样
   ========================= */
.duimarot-shark {
    table-layout: auto;

    color: #FF0000;

    border-radius: 5px;

    border-bottom: 2px dashed #000;

    text-align: left;

    background: #FFFF00 !important;

    border-spacing: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box;

    line-height: 2.1;
}


/* tbody也保持黄色 */
.duimarot-shark tbody {
    background: #FFFF00 !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================
   td原样
   ========================= */
.duimarot-shark td {
    font-weight: bold;

    font-size: 18pt;

    background: #FFFF00 !important;
}


/* =========================
   原样
   ========================= */
.mocaoa {
    font-size: 17pt;

    color: #000;
}


.duimarot-shark td .zl {
    font-size: 18pt;

    color: #000;
}


.conmeno {
    font-size: 17pt;

    color: #000;
}


/* =========================
   手机保持原样
   ========================= */
@media screen and (max-width: 610px) {

    .duimarot-shark td {
        font-size: 13pt !important;
    }

}


/* =========================
   原样
   ========================= */
.danshushuangshu-table {
    table-layout: fixed;

    width: 100%;
}


/* =========================
   整体背景补黄色
   防止两个table接缝露白
   ========================= */
.danshushuangshu-box {

    border-radius: 5px;

    overflow: hidden;

    background: #FFFF00;
}


/* =========================
   行高保持原样
   ========================= */
.duimarot-shark tr {
    height: 30px;

    background: #FFFF00 !important;
}


/* =========================
   防止p、a自身出现白底
   不改变字号和位置
   ========================= */
.duimarot-shark td p {
    background: transparent !important;
}


.duimarot-shark td a {
    background: transparent !important;
}


/* =========================
   底部保持原样
   ========================= */
.neimu-bottom {
    text-align: center;

    padding: 10px 5px 12px;

    background: yellow;


}


.neimu-main {
    font-size: 21px;

    font-weight: 900;

    color: red;

    line-height: 34px;
}
.mondurea{
    font-size: 18px;
}

.c1770903383 {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: linear-gradient(to top, #ffffff, #ffffff);
            padding: 5px 10px;
            color: #000;
            font-size: 20px;
            texthulu-align: center;
            padding: 15px 7px;
            margin-bottom: -1px;
        }
        .c1770903383 .ys {
            color: purple;
        }
        .c1770903383 .ys2 {
            color: green;
        }
        .c1770903383 .ys3 {
            color: red;
        }
        .c1770903383 .ys4 {
            color: red;
        }
        .c1770903383 u {
            texthulu-decoration: none;
            background-color: none;
        }
        @media screen and (max-width: 580px) {
            .c1770903383 {
                font-size: 21px;
            }
        }
        @media screen and (max-width: 530px) {
            .c1770903383 {
                font-size: 20px;
            }
        }
        @media screen and (max-width: 480px) {
            .c1770903383 {
                font-size: 19px;
            }
        }
        @media screen and (max-width: 450px) {
            .c1770903383 {
                font-size: 18px;
            }
        }
        @media screen and (max-width: 420px) {
            .c1770903383 {
                font-size: 18px;
            }
        }
        @media screen and (max-width: 380px) {
            .c1770903383 {
                font-size: 17px;
            }
        }
        @media screen and (max-width: 350px) {
            .c1770903383 {
                font-size: 16px;
            }
        }
        @media screen and (max-width: 320px) {
            .c1770903383 {
                font-size: 15px;
            }
        }

        body .pad11 {
            scroll-margin-top: 100px;
            padding: 4px 4px;
            background-image: linear-gradient(to right, #97cfff, #97cfff, #97cfff, #97cfff, #97cfff, #97cfff, #97cfff);
        }
        .box11 {
            margin: 2px 0px;
            border-radius: 5px;
            overflow: hidden;
            background-image: linear-gradient(to right, #97cfff, #97cfff, #97cfff, #97cfff, #97cfff, #97cfff, #97cfff);
        }
        .list-titlehulu {
            background: linear-gradient(transparent, #f7f3f3);
            color: rgb(0, 0, 0);
            border-left: 1px solid #d8d2e7;
            border-right: 1px solid ##d8d2e7;
            height: 42px;
            line-height: 40px;
            font-size: 20pt;
            text-align: center;
            text-shadow: 0px 1px 1px #858585;
            font-weight: bold;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            text-shadow: 0px 0px 10px #e5e5e5;
            border-radius: 0 0 50px 50px;
            box-shadow:
                0 5px 4px 0 #97cfff,
                0 6px 20px 0 rgb(0 0 0 / 19%);
        }

      
.texthulu {
    font-family: Arial, sans-serif;
}
.maunenchu{
    background: red;
    color: yellow;
}

.hinhanh-2anh{
    display:flex;
    width:100%;
    gap:4px;
}

.hinhanh-2anh img{
    width:calc(50% - 2px);
    height:auto;
    display:block;
}
@media only screen and (max-width: 720px){
.gif-width img{
    width: 159px !important;
    height: 45px;
    object-fit: fill;
    border-radius: 4px;
}
.khoangcach-tiao{
    line-height: 28px !important;
}
}

.gaoshou-bang-bbs1-container {
    border: 2px solid var(--ppc-primary-color);
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Microsoft YaHei', sans-serif;
  }

  .gaoshou-bang-bbs1-header {
    font-weight: bold;
    text-align: center;
  }

  /* 新增：包裹所有 item 的容器 */
  .gaoshou-bang-bbs1-items-wrapper {
    overflow: hidden;
    background: #fff;
  }

  .gaoshou-bang-bbs1-item {
    display: flex;
    padding: 8px 12px;
    border-top: 1px solid #eee;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 2px;
    font-size: clamp(1rem, 4.2vw, 1.4rem);
  }

  .gaoshou-bang-bbs1-item span {
    font-size: clamp(1.2rem, 5vw, 1.4rem);
  }

  @media (max-width: 480px) {
    .gaoshou-bang-bbs1-item {
      padding: 5px;
    }
  }

  .gaoshou-bang-bbs1-tag {
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: bold;
  }

  .gaoshou-bang-bbs1-title {
    font-weight: bold;
    margin-bottom: 4px;
  }

  .gaoshou-bang-bbs1-highlight {
    color: red;
    font-weight: bold;
  }

  .gaoshou-bang-bbs1-pink {
    color: #ff00ff;
    font-weight: bold;
  }

  .gaoshou-bang-bbs1-brand {
    color: #000000;
  }

  .gaoshou-bang-bbs1-category-default {
    color: #000000;
  }

  .gaoshou-bang-bbs1-category-blue {
    color: #0000ff;
  }

  .gaoshou-bang-bbs1-category-green {
    color: #008000;
  }

  .gaoshou-bang-bbs1-category-maroon {
    color: #800000;
  }

  .gaoshou-bang-bbs1-category-olive {
    color: #808000;
  }

  .gaoshou-bang-bbs1-stats {
    color: #000000;
  }

@keyframes animation-text {
        50% {
            -webkit-transform: scale(1.15);
            transform: scale(1.15)
        }
    }


    .quyetrom6811Title {
        white-space: nowrap;
        background-color: red;
        color: yellow;
        text-align: center;
        line-height: 1.7;
        font-size: 1.7em !important;
        font-weight: 900;
    }

    .quyetrom68Main>div {
        padding: 0.1em 0;
        /* display: flex; */
        align-items: center;
        justify-content: center;
        line-height: 1.5
    }

    .quyetrom68icon {
        vertical-align: middle;
        width: 1em;
    }

    .quyetrom68,
    .quyetrom68 * {
        -webkit-text-size-adjust: 100% !important;
    }

    .quyetrom68Main,
    .quyetrom68Main:hover {
        text-decoration: none !important;
        font-size: 1em !important;
        line-height: 1.7 !important;
        font-weight: bold !important;
        background-color: white !important;
        display: block !important;
    }

    .quyetrom68Wrap {
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .quyetrom68FontSize1 .randomHeightimg,
    .quyetrom68FontSize2 .randomHeightimg {
        height: 720px !important;
    }

    .quyetrom68FontSize11 .randomHeightimg,
    .quyetrom68FontSize9 .randomHeightimg,
    .quyetrom68FontSize8 .randomHeightimg,
    .quyetrom68FontSize10 .randomHeightimg {
        height: 280px !important;
    }



    .zhongqr {
        color: yellow;
        background-color: red;
        font-size:1em !important;
        border-radius: 5px;


    }






    /* iPhone SE, 8 (màn hình nh hn 375px) */
    @media (max-width: 374px) {
        .quyetrom68rombody {
            font-size: 11px !important;

        }
    }

    /* iPhone X, XS, 12 Mini (màn hình t 375px n 391px) */
    @media (min-width: 375px) and (max-width: 391px) {
        .quyetrom68rombody {
            font-size: 11.5px !important;

        }
    }

    /* iPhone 12, 13, 14 (màn hình t 391px n 428px) */
    @media (min-width: 392px) and (max-width: 427px) {
        .quyetrom68rombody {
            font-size: 12px !important;

        }
    }

    /* iPhone 12 Pro Max, 14 Plus, 15 Plus (màn hình t 429px tr lên) */
    @media (min-width: 428px) and (max-width: 959px) {
        .quyetrom68rombody {
            font-size: 12.5px !important;

        }
    }

    @media (min-width: 960px) {
        .quyetrom68rombody {
            background: rgba(255, 255, 255, 0);
            font-size: 18px !important;

        }
    }

.star-track-title,
.star-track-title *,
.star-track-widget,
.star-track-widget * {
    box-sizing: border-box;
}



.module-title.star-track-title {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: calc(100% - 4px);
    min-height: 58px;

    margin: 2px auto 0;
    padding: 7px 8px;

    overflow: hidden;

    border: 2px solid #078f00;
    border-bottom: 4px solid #067a00;
    border-radius: 12px 12px 4px 4px;

    color: #ffffff;

    font-family:
        Arial,
        "Microsoft YaHei",
        "PingFang SC",
        sans-serif;

    font-size: clamp(23px, 4.8vw, 40px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1px;
    text-align: center;
    white-space: nowrap;

    background:
        linear-gradient(
            180deg,
            #43f424 0%,
            #20df06 48%,
            #11bd00 100%
        );

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,0.55),
        inset 0 -2px 0 rgba(0,95,0,0.20),
        0 3px 8px rgba(0,120,0,0.18);

    text-shadow:
        1px 1px 0 #075e00,
        0 2px 2px rgba(0,70,0,0.25);
}


/* 标题顶部高光 */
.module-title.star-track-title::before {
    content: "";

    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.95),
            transparent
        );
}


/* 顶部域名 */
.star-track-title__domain {
    position: relative;
    z-index: 1;

    color: #ffffff;
    font-weight: 900;
}


/* .com */
.star-track-title__com {
    color: #ffffff;
}


/* 【最准⑥肖】 */
.star-track-title__label {
    position: relative;
    z-index: 1;

    margin-left: 7px;

    color: #fff600;

    font-size: 0.94em;
    font-weight: 900;

    text-shadow:
        1px 1px 0 #a85b00,
        0 2px 2px rgba(80,40,0,0.25);
}



.star-track-widget {
    --stw-green: #19d800;
    --stw-green-dark: #087d05;
    --stw-green-soft: #efffec;
    --stw-line: #8ee985;
    --stw-text: #111111;

    position: relative;

    width: calc(100% - 4px);
    max-width: calc(100% - 4px);

    margin: 0 auto;
    padding: 0;

    overflow: hidden;

    color: var(--stw-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "PingFang SC",
        "Microsoft YaHei",
        Arial,
        sans-serif;

    border-right: 2px solid var(--stw-green);
    border-bottom: 2px solid var(--stw-green);
    border-left: 2px solid var(--stw-green);
    border-radius: 0 0 12px 12px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.98) 0%,
            rgba(239,255,236,0.98) 100%
        );

    box-shadow:
        0 4px 10px rgba(0,135,0,0.12);
}


/* 内层 */
.star-track-widget__app {
    position: relative;
    z-index: 1;

    width: 100%;

    margin: 0 auto;
    padding: 6px;
}



.star-track-widget__period-card {
    position: relative;

    width: 100%;

    margin: 0 0 6px;
    padding: 9px 12px;

    border: 1px solid var(--stw-line);
    border-left: 4px solid var(--stw-green);
    border-radius: 12px;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #f5fff2 58%,
            #ecffe8 100%
        );

    box-shadow:
        0 2px 7px rgba(12,146,0,0.10),
        inset 0 1px 0 #ffffff;
}


.star-track-widget__period-card:last-child {
    margin-bottom: 0;
}


/* =====================================================
   第一行：最早公开在 118000.com
===================================================== */
.star-track-widget__notice-card {
    padding-top: 10px;
    padding-bottom: 10px;

    border: 1px solid #8ee985;
    border-left: 4px solid #16b800;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #f3fff1 50%,
            #eaffE6 100%
        );

    box-shadow:
        0 2px 7px rgba(0,150,0,0.10),
        inset 0 1px 0 #ffffff;
}


.star-track-widget__notice {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    font-family:
        Arial,
        "Microsoft YaHei",
        "PingFang SC",
        sans-serif;

    font-size: clamp(23px, 4.8vw, 36px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0;

    text-align: center;
    white-space: nowrap;
}


/* 最早公开在：绿色 */
.notice-prefix {
    color: #079600;

    font-weight: 900;

    text-shadow:
        0 1px 0 #ffffff,
        0 1px 2px rgba(0,100,0,0.15);
}


/* 域名 */
.notice-domain {
    display: inline-flex;
    align-items: center;

    color: #079600;

    font-weight: 900;
}


/* 118：红色 + 2px白色描边 */
.notice-118 {
    display: inline-block;

    color: #ed0000;

    font-weight: 900;

    -webkit-text-stroke: 2px #ffffff;
    paint-order: stroke fill;

    text-shadow:
        0 1px 1px rgba(160,0,0,0.22);
}


/* 000.com：绿色 */
.notice-rest {
    color: #079600;

    font-weight: 900;

    text-shadow:
        0 1px 0 #ffffff,
        0 1px 2px rgba(0,100,0,0.14);
}



.star-track-widget__card-content {
    width: 100%;
}


.star-track-widget__zodiac-row {
    display: grid;

    grid-template-columns:
        64px
        minmax(0, 1fr)
        69px;

    column-gap: 8px;

    align-items: center;

    width: 100%;
}



.star-track-widget__period {
    min-width: 0;

    color: var(--stw-green-dark);

    font-size: 17px;
    font-weight: 900;
    line-height: 1;

    text-align: left;
    white-space: nowrap;

    text-shadow:
        0 1px 0 #ffffff;
}



.star-track-widget__blue-group {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100%;

    gap: 10px;
}


.star-track-widget__zodiac-wrap {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 45px;

    width: 45px;
    height: 45px;
}



.boimauxiao {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    border: 2px solid #fff0a0;
    border-radius: 50%;

    color: #111111;

    font-size: 25px;
    font-weight: 900;
    line-height: 1;

    background:
        radial-gradient(
            circle at 35% 25%,
            #fffde8 0%,
            #fff4a6 13%,
            #ffd94d 35%,
            #f5b817 66%,
            #d98a00 100%
        );

    box-shadow:
        0 2px 6px rgba(145,93,0,0.20),
        inset 2px 2px 7px rgba(255,255,255,0.60),
        inset -4px -5px 9px rgba(155,79,0,0.18);
}


/* 普通生肖文字 */
.boimauxiao > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    color: #111111;

    font-weight: 900;
    line-height: 1;
}


/* 命中生肖：红字黄底 */
.boimauxiao > span.is-hit,
.boimauxiao > span[style*="color:red"] {
    color: #e60000 !important;
    background: #fff100 !important;
}



.star-track-widget__result-wrap {
    display: flex;

    align-items: center;
    justify-content: flex-end;

    width: 69px;
    min-width: 69px;
    max-width: 69px;

    margin: 0;
}


.result-text {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 69px;

    width: 69px;
    min-width: 69px;
    max-width: 69px;
    height: 30px;

    margin: 0;
    padding: 0 2px;

    overflow: hidden;

    border: 1px solid #bd110c;
    border-radius: 8px;

    color: #ffffff;

    font-family:
        Arial,
        "Microsoft YaHei",
        sans-serif;

    font-size: 17px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: -0.5px;

    white-space: nowrap;

    background:
        linear-gradient(
            180deg,
            #ff493f 0%,
            #d91913 100%
        );

    box-shadow:
        0 2px 5px rgba(180,20,15,0.18);
}



@media screen and (max-width: 600px) {

    .module-title.star-track-title {
        width: calc(100% - 2px);
        min-height: 52px;

        margin-top: 1px;
        padding: 6px 2px;

        border-radius: 9px 9px 3px 3px;

        font-size: clamp(20px, 7vw, 34px);
        letter-spacing: -1.2px;
    }


    .star-track-title__label {
        margin-left: 3px;
        font-size: 1.25rem;
    }


    .star-track-widget {
        width: calc(100% - 2px);
        max-width: calc(100% - 2px);

        border-radius: 0 0 9px 9px;
    }


    .star-track-widget__app {
        padding: 4px 2px;
    }


    .star-track-widget__period-card {
        margin-bottom: 5px;
        padding: 8px 4px;

        border-left-width: 3px;
        border-radius: 10px;
    }


    /* 第一行 */
    .star-track-widget__notice-card {
        padding: 9px 2px;
    }


    .star-track-widget__notice {
        font-size: clamp(20px, 6.2vw, 29px);
        letter-spacing: -0.5px;
    }


    .notice-118 {
        -webkit-text-stroke: 1.5px #ffffff;
    }


    .star-track-widget__zodiac-row {
        grid-template-columns:
            52px
            minmax(0, 1fr)
            56px;

        column-gap: 3px;
    }


    .star-track-widget__period {
        font-size: 16px;
    }


    .star-track-widget__blue-group {
        justify-content: space-between;
        gap: 3px;
    }


    .star-track-widget__zodiac-wrap {
        flex: 0 0 34px;

        width: 34px;
        height: 34px;
    }


    .boimauxiao {
        border-width: 1px;

        font-size: 18px;

        box-shadow:
            0 1px 4px rgba(145,93,0,0.18),
            inset 1px 1px 5px rgba(255,255,255,0.58),
            inset -3px -3px 6px rgba(155,79,0,0.15);
    }


    .star-track-widget__result-wrap {
        width: 56px;
        min-width: 56px;
        max-width: 56px;
    }


    .result-text {
        flex: 0 0 56px;

        width: 56px;
        min-width: 56px;
        max-width: 56px;
        height: 28px;

        padding: 0 1px;

        font-size: 15px;
        letter-spacing: -0.7px;
    }
}



@media screen and (max-width: 375px) {

    .module-title.star-track-title {
        min-height: 48px;

        padding-right: 1px;
        padding-left: 1px;

        font-size: 24px;
        letter-spacing: -1.4px;
    }


    .star-track-title__label {
        margin-left: 1px;
        font-size: 0.84em;
    }


    .star-track-widget__period-card {
        padding: 7px 2px;
    }


    .star-track-widget__notice {
        font-size: 21px;
        letter-spacing: -0.8px;
    }


    .notice-118 {
        -webkit-text-stroke: 1.3px #ffffff;
    }


    .star-track-widget__zodiac-row {
        grid-template-columns:
            48px
            minmax(0, 1fr)
            52px;

        column-gap: 2px;
    }


    .star-track-widget__period {
        font-size: 15px;
    }


    .star-track-widget__blue-group {
        gap: 2px;
    }


    .star-track-widget__zodiac-wrap {
        flex: 0 0 31px;

        width: 31px;
        height: 31px;
    }


    .boimauxiao {
        font-size: 16px;
    }


    .star-track-widget__result-wrap {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
    }


    .result-text {
        flex: 0 0 52px;

        width: 52px;
        min-width: 52px;
        max-width: 52px;
        height: 27px;

        font-size: 14px;
    }
}



@media screen and (max-width: 350px) {

    .module-title.star-track-title {
        font-size: 22px;
    }


    .star-track-widget__notice {
        font-size: 19px;
        letter-spacing: -1px;
    }


    .notice-118 {
        -webkit-text-stroke: 1.2px #ffffff;
    }


    .star-track-widget__zodiac-row {
        grid-template-columns:
            44px
            minmax(0, 1fr)
            48px;
    }


    .star-track-widget__period {
        font-size: 14px;
    }


    .star-track-widget__zodiac-wrap {
        flex: 0 0 28px;

        width: 28px;
        height: 28px;
    }


    .boimauxiao {
        font-size: 15px;
    }


    .star-track-widget__result-wrap {
        width: 48px;
        min-width: 48px;
        max-width: 48px;
    }


    .result-text {
        flex: 0 0 48px;

        width: 48px;
        min-width: 48px;
        max-width: 48px;

        font-size: 13px;
    }
}

.meinubottom-gif {
    width: 100%;
  }

.gaoshou-bang-bbs2-container {
    border: 2px solid var(--ppc-primary-color);
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Microsoft YaHei', sans-serif;
  }

  .gaoshou-bang-bbs2-header {
    font-weight: bold;
    text-align: center;
  }

  /* 新增：包裹所有 item 的容器 */
  .gaoshou-bang-bbs2-items-wrapper {
    overflow: hidden;
    background: #fff;
  }

  .gaoshou-bang-bbs2-item {
    display: flex;
    padding: 8px 12px;
    border-top: 1px solid #eee;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 2px;
    font-size: clamp(1rem, 4.2vw, 1.4rem);
  }

  .gaoshou-bang-bbs2-item span {
    font-size: clamp(1.2rem, 5vw, 1.4rem);
  }

  @media (max-width: 480px) {
    .gaoshou-bang-bbs2-item {
      padding: 5px;
    }
  }

  .gaoshou-bang-bbs2-tag {
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: bold;
  }

  .gaoshou-bang-bbs2-title {
    font-weight: bold;
    margin-bottom: 4px;
  }

  .gaoshou-bang-bbs2-highlight {
    color: red;
    font-weight: bold;
  }

  .gaoshou-bang-bbs2-pink {
    color: #ff00ff;
    font-weight: bold;
  }

  .gaoshou-bang-bbs2-brand {
    color: #000000;
  }

  .gaoshou-bang-bbs2-category-default {
    color: #000000;
  }

  .gaoshou-bang-bbs2-category-blue {
    color: #0000ff;
  }

  .gaoshou-bang-bbs2-category-green {
    color: #008000;
  }

  .gaoshou-bang-bbs2-category-maroon {
    color: #800000;
  }

  .gaoshou-bang-bbs2-category-olive {
    color: #808000;
  }

  .gaoshou-bang-bbs2-stats {
    color: #000000;
  }

.nmbz11-module11 .nmbz11-banner,
.nmbz11-module11 .nmbz11-row {
  text-align: center;
  font-weight: 900;
  border-bottom: 1px dashed #ccc;
}

.nmbz11-module11 .nmbz11-banner {
  color: yellow;
  line-height: 1.6;
}

.nmbz11-module11 .nmbz11-banner.black {
  background: #000;
  font-size: clamp(16.8px, 4.8vw, 24.8px);
  padding-left: 15px;
}

.nmbz11-module11 .nmbz11-banner.red {
  background: red;
  font-size: clamp(17.6px, 5.2vw, 24px);
}

.nmbz11-module11 .nmbz11-row {
  background: #000;
  color: red;
  font-size: clamp(16px, 4.5vw, 24px);
  line-height: 2;
  padding: 4px 6px;
}

.nmbz11-module11 .zodiac,
.nmbz11-module11 .result { color: yellow; }

.nmbz11-module11 .waiting11 { color: grey; }
.nmbz11-module11 .numbers { color: #fff; }
.nmbz11-module11 .hitxiyang { background: red; }
.nmbz11-module11 .hitxiyang-number { background: red; color: yellow; }

.ad-img-banner-container-5 {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .ad-img-banner-wrapper-5 {
    margin: 0;
    padding: 0;
  }

  .ad-img-banner-paragraph-5 {
    margin: 0;
    padding: 0;
  }

  .banner-link-5 {
    display: block;
    text-decoration: none;
    width: 100%;
  }

  .banner-image-5 {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }

  /* RWD 响应式设计 */
  @media (max-width: 768px) {
    .banner-image-5 {
      width: 100%;
      height: auto;
    }
  }

  @media (max-width: 480px) {
    .ad-img-banner-container-5 {
      padding: 2px;
    }

    .banner-image-5 {
      border-radius: 4px;
    }
  }

  @media (max-width: 320px) {
    .ad-img-banner-container-5 {
      padding: 1px;
    }
  }

/* =========================================================
   整体板块
   米白色渐变 + 淡金细边
   ========================================================= */
.box8 {
  width: 100%;
  box-sizing: border-box;
  margin: 1px 0;

  border: 1px solid #d6bd79;
  border-radius: 7px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,0) 45%
    ),
    linear-gradient(
      135deg,
      #fffdf7 0%,
      #fff6df 25%,
      #f8f0df 50%,
      #fffaf0 75%,
      #f1e7d2 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 4px rgba(0,0,0,.08);
}

.pad {
  padding: 0;
}


/* =========================================================
   顶部标题
   蓝色渐变底 + 大号黑字
   无白色描边
   ========================================================= */
div.tlist-title7 {
  font-family:
    "Microsoft YaHei",
    Arial,
    Helvetica,
    sans-serif !important;

  color: #000 !important;
}

.tlist-title7 {
  width: 100%;
  box-sizing: border-box;

  margin: 0;
  padding: 7px 4px 8px;

  text-align: center;

  /* 标题字体加大 */
  font-size: 31px;
  line-height: 1.35;
  letter-spacing: 1px;

  font-weight: 900;
  color: #000 !important;

  background:
    linear-gradient(
      180deg,
      #9bdcff 0%,
      #70c5f6 28%,
      #4ca8e8 62%,
      #338dcc 100%
    );

  border-bottom: 1px solid #287ebd;

  /* 完全去掉描边 */
  -webkit-text-stroke: 0 !important;

  /* 完全去掉文字阴影 */
  text-shadow: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,79,145,.16);
}


/* 标题里面 49集团 */
.tlist-title7 span {
  color: #ffffff !important;
  font-weight: 900;

  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}


/* =========================================================
   原外层容器
   ========================================================= */
.m-boxA-b.m-box-sm {
  background: transparent !important;
  margin-top: 0 !important;
  border: 0 !important;
  text-align: center;
}


/* =========================================================
   导航整体
   ========================================================= */
.navigation-container {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0;

  font-family:
    "Microsoft YaHei",
    Helvetica,
    Arial,
    sans-serif;

  color: #333;

  background:
    linear-gradient(
      135deg,
      #fffdf8 0%,
      #fff7e6 28%,
      #f8f1e3 52%,
      #fffaf0 75%,
      #f3ead7 100%
    );
}


/* =========================================================
   欢迎标题
   ========================================================= */
.navigation-container .welcome-banner {
  height: 50px;
  box-sizing: border-box;
  padding: 3px 2px;

  word-break: break-all;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(
      180deg,
      #93d7ff 0%,
      #61b5ec 55%,
      #398fd0 100%
    );

  border: 1px solid #277ebd;
}

.navigation-container .welcome-banner .welcome-text {
  font-weight: 900;
  text-align: center;
  color: #000;

  font-family:
    "Microsoft YaHei",
    Arial,
    sans-serif;

  font-size: 17pt;

  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}


/* =========================================================
   按钮区域
   ========================================================= */
.navigation-container .button-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;

  border: 1px solid #ded2b5;

  background: #fffaf0;

  border-radius: 0;
  overflow: hidden;

  font-family:
    "Microsoft YaHei",
    Arial,
    Helvetica,
    sans-serif;
}

.navigation-container .button-cell {
  padding: 8px 5px 3px;
  border: 1px solid #f1eadb;
  text-align: center;
}

.navigation-container .route-button {
  border: 1px solid #d5c59e;

  height: 45px;
  line-height: 42px;

  border-radius: 20px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fffaf0 50%,
      #f4ead6 100%
    );

  box-shadow:
    0 1px 3px rgba(0,0,0,.08);

  display: block;

  color: #000;
  text-decoration: none;

  font-weight: bold;
  font-size: 22pt;

  white-space: nowrap;
}

.navigation-container .g-filter a {
  color: inherit;
  text-decoration: inherit;
}

.navigation-container .route-button span {
  color: #0000FF;
}


/* =========================================================
   主导航区
   ========================================================= */
.g-nav-refresh {
  padding: 1px;
}

.g-nav-refresh.them-6 {
  padding: 3px 2px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.86) 0%,
      rgba(255,255,255,0) 45%
    ),
    linear-gradient(
      135deg,
      #fffdf8 0%,
      #fff6e2 30%,
      #f7efdf 55%,
      #fffaf0 78%,
      #f0e6d1 100%
    );

  background-size: 100% 100%;
  box-shadow: none;

  border-radius: 0 0 6px 6px;
}


/* =========================================================
   导航标题
   ========================================================= */
.g-nav-refresh .nav-header {
  border-radius: 6px;
  margin-bottom: 3px;

  background:
    linear-gradient(
      180deg,
      #93d8ff 0%,
      #60b4eb 55%,
      #378fd2 100%
    );

  position: relative;
}

.g-nav-refresh.them-6 .nav-header {
  margin-bottom: 3px;

  background:
    linear-gradient(
      180deg,
      #93d8ff 0%,
      #60b4eb 55%,
      #378fd2 100%
    );
}

.g-nav-refresh .nav-header .title {
  font-size: 18px;
  font-weight: 900;
  color: #000;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;

  width: 60%;

  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}


/* =========================================================
   刷新区域
   ========================================================= */
.g-nav-refresh .nav-header .refresh-info {
  display: flex;
  flex-direction: column;
  align-items: center;

  color: #333;

  font-size: 12px;
  padding: 5px 10px;

  box-sizing: border-box;

  cursor: pointer;

  background:
    rgba(255,255,255,.94);

  border-radius:
    12px 12px 0 0;

  height: 85%;
  right: 20px;
  top: auto;

  border: 0;
}

.g-nav-refresh.them-6 .refresh-info .refresh-text {
  margin: 0 0 2px;
  color: #000;
  font-size: 12px;
}

.g-nav-refresh.them-6 .refresh-info .refresh-timer {
  display: flex;
  align-items: center;

  gap: 4px;

  font-size: 14px;
  color: #e75c00;

  font-weight: 700;
}

.g-nav-refresh.them-6 .refresh-info .refresh-timer > span {
  background: #fff;

  padding: 2px 4px;
  border-radius: 2px;

  min-width: 16px;
  text-align: center;

  box-shadow:
    0 1px 2px rgba(0,0,0,.10);
}


/* =========================================================
   4列导航列表
   ========================================================= */
.g-nav-refresh .nav-list {
  border-radius: 5px;
  padding: 2px;
  background: #00ac56 !important;

  background:
    linear-gradient(
      135deg,
      #fffdf8 0%,
      #faf2e2 35%,
      #fff9ed 65%,
      #f4ead6 100%
    );

  box-shadow: none;

  position: relative;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
}


/* =========================================================
   单个导航图标
   ========================================================= */
.g-nav-refresh .nav-item {
  flex: 1;
  flex-direction: column;

  margin: 3px 2px;

  text-decoration: none;
  cursor: pointer;

  width:
    calc(var(--vw) / 4);

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 18px;

  border: 1px solid #ddd1b5;

  color: #000;

  font-weight: bold;

  transform: rotateY(0deg);

  transition:
    transform 1.2s ease-in-out;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fffdf9 55%,
      #faf4e8 100%
    ) !important;

  box-shadow:
    0 1px 3px rgba(0,0,0,.08);
}

.g-nav-refresh .flipped {
  transform:
    rotateY(180deg);
}


/* =========================================================
   导航文字
   ========================================================= */
.g-nav-refresh .nav-item-text {
  font-size: 18px;
  padding: 4px 4px;

  color: #000;

  font-weight: 800;
}


/* =========================================================
   导航图片
   ========================================================= */
.g-nav-refresh .nav-item .nav-item-image {
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  display: block;
}


/* =========================================================
   下面号码表
   ========================================================= */
.box1 {
  margin: 1px 0;

  border-radius: 5px;
  overflow: hidden;

  max-width: 720px;

  border: 1px solid #d5c49b;

  background:
    linear-gradient(
      135deg,
      #fffdf7 0%,
      #f8efdd 50%,
      #fff9ec 100%
    );
}

.pad1 {
  padding: 0;
}

.hao {
  font-size: 14pt;
  text-align: center;
  font-weight: bold;
}

.hao tr {
  background:
    linear-gradient(
      180deg,
      #fff8dd 0%,
      #f8e9bb 50%,
      #fff7db 100%
    );
}

.hao td {
  padding-top: 5px;
  padding-bottom: 5px;
}


/* =========================================================
   平板 / 手机
   ========================================================= */
@media screen and (max-width:720px) {

  .tlist-title7 {
    /* 手机标题同步加大 */
    font-size: 22px;

    padding: 5px 2px 6px;

    line-height: 1.35;
    letter-spacing: 0;

    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
  }

  .tlist-title7 span {
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
  }

}


/* =========================================================
   手机端
   ========================================================= */
@media (max-width:600px) {

  .g-nav-refresh.them-6 {
    padding: 2px 1px;
  }

  .g-nav-refresh .nav-list {
    padding: 6px !important;
  }

  .g-nav-refresh .nav-item {
    margin: 2px 1.5px;
    border-radius: 10px;
  }

  .g-nav-refresh .nav-item-text {
    font-size: 12px;
    padding: 3px 2px;
    color: #000;
  }

}

/* 外层 */
.wrappertcc{
  width:100%%;
  /* max-width:420px; */
  /* padding:20px 0; */
}

/* 卡片 */
.cardtcc{
  /* background:#fff; */
  /* border-radius:14px; */
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
  overflow:hidden;
  border:1px solid #eee;
}

/* 头部 */
.headertcc{
  line-height: 1.8;
  /* background: #0087ff; */
  background: yellow;
  /* text-shadow: rgb(0, 0, 0) 2px 1px 1px; */
  color: yellow;
  padding:2px 16PX 0 16PX;
  /* border:1px solid #f0f0f0; */
  /* border-radius: 10px 10px 0 0; */
}

/* 顶部一行 */
.top-linetcc{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}

/* cột trái */
.left-col{
    width: 100%;
  /* display:flex; */
  /* flex-direction:column; */
}

/* tiêu đề */
.main-title1584{
  font-size:20px;
  font-weight:bold;
  color:#222;
  /* margin-top:6px; */
}

/* cột phải */
.right-col{
  display:flex;
  flex-direction:column;
  /* align-items:flex-end; */
}

/* 左侧 */
.left{
  display:flex;
  align-items:center;
}

/* 左侧装饰条 */
.left::before{
  content:"";
  width:4px;
  height:20px;
  background:linear-gradient(#ff2d2d,#ff6a00);
  /* border-radius:2px; */
  margin-right:8px;
}

/* 文本 */
.label23{
  font-size:16px;
  color:#000;
  margin-right:6px;
}

/* 星星 */
.stars{
  color:#ffb400;
  font-size:15px;
  letter-spacing:2px;
  margin-top: 5px;
}

/* 右侧 */
.right{
  display:flex;
  align-items:center;
}

/* 点赞 */
.like{
  font-size:16px;
  margin-right:6px;
}

/* 评分结构 */
.score-box{
  display:flex;
  flex-direction:column;
  line-height:1;
}

/* 小字 */
.score-label23{
  font-size:18px;
  color:#000;
  /* margin-bottom:3px; */
  /* TEXT-ALIGN: center; */
}
.score-label231{
  font-size:18px;
  color:#888;
  /* margin-top:3px; */
}
/* 圆角徽章评分 */
.score-badge{
  display:inline-block;
  padding:1px 10px;
  font-size:26px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(135deg,#ff3b30,#ff6a00);
  border-radius:999px;
  line-height:1;
  text-align:center;
}

/* 主标题 */
.title1584{
  font-size:20px;
  font-weight:bold;
  color:#222;
  line-height:1.4;
}

.title1584 span{
  /* color:#ff2d2d; */
}

/* 图片 */
/* .img-box{
  padding:2px;
} */

.img-box img{
  width:100%;
  /* border-radius:10px; */
  display:block;
}
/* @media screen and (max-width: 720px) {
.img-box img{
  height: 420px;
} 
}*/

a {
	text-decoration: none;
}

.banshensuan-img-yxym .container,
  .wxsm .wxsm_table tr td font:first-child {
    font-size: 16px !important;
  }
  .banshensuan-img-yxym {
    font-size: 18px;
    margin: 4.8px 0;
    border: solid 1px #cfcfcf;
    overflow: hidden;
    border-radius: 12px;
  }
  .banshensuan-img-period-box {
    background-color: var(--theme-color);
  }
  .banshensuan-img-period-list {
    height: 48px;
    /* padding: 0 12px; */
    overflow: auto;
    width: 100%;
  }
  .banshensuan-img-period-list .current-period {
    background-color: #fff !important;
    color: var(--theme-color);
  }

  .banshensuan-img-period-list > div {
    flex-shrink: 0;
    width: 72px;
    margin: 0px 0.2rem;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    font-size: 20px
  }

  .banshensuan-img-period-list .no-current {
    background-color: #ffffff57;
  }
  .banshensuan-img-yxym img {
    max-width: 100%;
    height: auto;
  }
  .banshensuan-img-yxym-img {
    width: 100%;
    height: auto;
  }
  @media only all and (max-width: 500px) {
    .banshensuan-img-period-list > div {
      width: 62px !important;
      font-size: 16px !important;
    }
  }

.yixiaoyima-main-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }

  .yixiaoyima-header-banner {
    text-align: center;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    font-weight: bold;
    padding: 5px 0;
    color: var(--ppc-primary-color);
    border-bottom: 2px solid white;
  }

  .yixiaoyima-content-area {
    background: #c6eac3;
    border: 2px solid white;
  }

  .yixiaoyima-prediction-row {
    display: flex;
    border-bottom: 2px solid white;
  }

  .yixiaoyima-period-label {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    font-weight: bold;
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .yixiaoyima-number-display {
    flex: 1;
    padding: 8px 0px;
    font-size: clamp(1.15rem, 2.5vw, 1.5rem);
    font-weight: bold;
    text-align: center;
    color: red;
    background: #f7f7f7;
  }

  .yixiaoyima-prediction-row:nth-child(even) .yixiaoyima-number-display {
    color: red;
  }

  .yixiaoyima-result-section {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    font-weight: bold;
    width: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
  }




    .tdbg_fontpingan246801 {
    margin-left: -117px;
    
}

    @media only screen and (max-width: 720px) {
    .tdbg_fontpingan246801 {
     margin-left: -54px;
    
 
}
    }

.jingxuanliuqitupianqu-box {
  width: 100%;
  text-align: center;
  font-size: clamp(14px, 18px, 22px);
  margin: 4.8px 0;
  border: solid 1px #cfcfcf;
  overflow: hidden;
  border-radius: 12px;
  border: 3px solid var(--ppc-primary-color);
}

/* 標題 */
.jingxuanliuqitupianqu-title {
  background: var(--ppc-primary-color);
  color: #fff;
  font-weight: 700;
  padding: 9px 0;
  font-size: clamp(19px, 22px, 25px);
}

/* 一排兩個 */
.jingxuanliuqitupianqu-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 9.6px;
  justify-content: center;
  padding: 8px;
}

/* 讓 a 佔 50% 寬 */
.jingxuanliuqitupianqu-grid a {
  flex: 1 1 calc(50% - 9.6px);
  text-decoration: none;
}

/* item 本體 */
.jingxuanliuqitupianqu-item {
  flex: 1 1 calc(50% - 9.6px);
  background-image: linear-gradient(to top, #fff, #eee, #fff);
  border: solid 1px #ddd;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
  font-size: clamp(16px, 19px, 21px);
  transition: 0.2s ease;
}

.ziliao {
    color: #111;
}

    .ziliao td{
    font-size: 23px;
}

.ziliao td{
   border: 1px solid #ccc;
}

.ziliao a{
   color: #ff002c;
}

.ziliao b{
   color: #0014ff;
}

.ziliao c{
   color: #039d1d;
}

.ziliao d{
   color: #008080;
}










.ziliao .sqb{
    font-size: 26px;
}

.ziliao td {
    border: 1px solid #ccc;
}


@media screen and (max-width: 580px){
.ziliao .sqb{
    font-size: 26px;
}

.ziliao td{
    font-size: 21px;
}
}

@media screen and (max-width: 480px){
.ziliao .sqb{
    font-size: 24px;
}
}

@media screen and (max-width: 420px) {
    .ziliao .caudai {
        font-size: 16px;
    }

    .ziliao .caungan {
        font-size: 18px;
    }
}

@media screen and (max-width: 380px){
.ziliao .sqb{
    font-size: 22px;
}

    .ziliao td {
        font-size: 18px;
    }
}
@media screen and (max-width: 350px){
.ziliao .sqb{
    font-size: 21px;
}}

@media screen and (max-width: 320px){
.ziliao .sqb{
    font-size: 19px;
}

}

.meinuliuxiaotu-img-yxym .container,
  .wxsm .wxsm_table tr td font:first-child {
    font-size: 16px !important;
  }
  .meinuliuxiaotu-img-yxym {
    font-size: 18px;
    margin: 4.8px 0;
    border: solid 1px #cfcfcf;
    overflow: hidden;
    border-radius: 12px;
  }
  .meinuliuxiaotu-img-period-box {
    background-color: var(--theme-color);
  }
  .meinuliuxiaotu-img-period-list {
    height: 48px;
    /* padding: 0 12px; */
    overflow: auto;
    width: 100%;
  }
  .meinuliuxiaotu-img-period-list .current-period {
    background-color: #fff !important;
    color: var(--theme-color);
  }

  .meinuliuxiaotu-img-period-list > div {
    flex-shrink: 0;
    width: 72px;
    margin: 0px 0.2rem;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    font-size: 20px
  }

  .meinuliuxiaotu-img-period-list .no-current {
    background-color: #000;
    color: #fff;
  }
  .meinuliuxiaotu-img-yxym img {
    max-width: 100%;
    height: auto;
  }
  .meinuliuxiaotu-img-yxym-img {
    width: 100%;
    height: auto;
  }
  @media only all and (max-width: 500px) {
    .meinuliuxiaotu-img-period-list > div {
      width: 62px !important;
      font-size: 16px !important;
    }
  }

.swiper{
    z-index: 0 !important;
}
.swiper-wrapper{
    z-index: 0 !important;
}
	.swiper-container {
		position: relative;
	}
    .boarddisplay8191914 * {
        font-size: 1.05em !important;
        white-space: normal !important;
  
    }
  
    .boarddisplay8191914Title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        justify-content: center;
    }
  
  
    .boarddisplay8191914TitleClose {
        display: none;
    }
  
    .boarddisplay8191914TitleBoard {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff600;
        line-height: 2.2;
        font-weight: 900;
        font-size: 1.6em !important;
    }
  
    .boarddisplay8191914TitleBoardImg {
        display: block;
        height: 1.3em;
    }
  
    .boarddisplay8191914,
    .boarddisplay8191914Board,
    .boarddisplay8191914BoardItemlast {
        border-radius: 0.5em;
        padding: 0.3em;
    }
  
  
  
  
    .boarddisplay8191914Board {
        padding-top: 0.4em !important;
        padding-bottom: 0.4em !important;
    }
  
    .boarddisplay8191914Board {
        background-color: #fff;
    }
  
    .boarddisplay8191914BoardItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
  
    .boarddisplay8191914BoardItemTop {
        display: flex;
        align-items: center;
        justify-content: center;
    }
  
    .boarddisplay8191914BoardItemTopText {
        color: #fff;
        line-height: 2em;
        padding: 0 0.7em;
    }
  
    .boarddisplay8191914BoardItemTopImg {
        display: block;
        height: 1.8em;
    }
  
    .boarddisplay8191914BoardItemlast {
        background-color: #8400e0;
        color: #fff;
        text-align: center;
        line-height: 1.4;
    }
  
    .boarddisplay8191914BoardItemBtnBox {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
  
    .boarddisplay8191914BoardItemBtn,
    .boarddisplay8191914BoardItemBtn:hover {
        background: linear-gradient(90deg, rgb(239, 1, 80) 0%, rgb(251, 11, 178) 100%);
        margin-bottom: 8px;
        line-height: 1.8em;
        padding: 0 1em;
        border-radius: 1em;
        font-weight: bold;
        animation: animation-text .5s step-start infinite;
  
  
  
        text-decoration: none;
  
        color: #fff !important;
        font-size: 1em !important;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
  
    }
  
    @keyframes animation-text {
        50% {
            -webkit-transform: scale(1.15);
            transform: scale(1.15)
        }
    }
  
    .boarddisplay8191914Foot {
        text-align: center;
        color: #fff;
        font-size: 0.8em !important;
        line-height: 2;
    }
  
    .boarddisplay8191914Boardinner>div,
    .boarddisplay8191914BoardItemBtnBox {
        padding: 0.15em 0;
    }
  
    .boarddisplay8191914 {
        font-weight: 800;
        box-sizing: border-box;
        width: 100%;
        background-image: linear-gradient(#f81e17 0%, #f81e17 100%);
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 auto !important;
        line-height: 1.6 !important;
        font-size: 13px;
  
  
    }
  
    .boarddisplay8191914BoardItemBottom {
        padding-top: 0.2em;
    }
  
    .boarddisplay8191914Boardinner,
    .boarddisplay8191914Boardinner:hover {
        display: block;
        text-decoration: none;
        width: 100%;
        color: #000 !important;
        font-size: 1em !important;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
  
    .boarddisplay8191914FontSize1 {
        font-size: 38px !important;
    }
  
    .boarddisplay8191914FontSize2 {
        font-size: 35px !important;
    }
  
    .boarddisplay8191914FontSize3 {
        font-size: 29px !important;
    }
  
    .boarddisplay8191914FontSize4 {
        font-size: 24px !important;
    }
  
    .boarddisplay8191914FontSize5 {
        font-size: 21px !important;
    }
  
    .boarddisplay8191914FontSize6 {
        font-size: 20px !important;
    }
  
    .boarddisplay8191914FontSize7 {
        font-size: 18px !important;
    }
  
    .boarddisplay8191914FontSize8 {
        font-size: 15px !important;
    }
  
    .boarddisplay8191914FontSize9 {
        font-size: 15px !important;
    }
  
    .boarddisplay8191914FontSize10 {
        font-size: 14px !important;
    }
  
    .boarddisplay8191914FontSize11 {
        font-size: 13px !important;
    }
  
    .boarddisplay8191914BoardItemSpec {
        display: flex;
        align-items: center;
        justify-content: center;
  
        font-weight: bold;
        flex-direction: row;
    }
  
    .boarddisplay8191914BoardItemSpecBtn {
  
  
  
  
  
        padding: 0 0.6em;
        border-radius: 0.6em;
    }

@media only screen and (max-width: 1000px) {
        .boarddisplay8191914 {
            font-size: 26px !important;
        }
    }
  
    @media only screen and (max-width: 960px) {
        .boarddisplay8191914 {
            font-size: 25px !important;
        }
    }
  
    @media only screen and (max-width: 900px) {
        .boarddisplay8191914 {
            font-size: 25px !important;
        }
    }
  
    @media only screen and (max-width: 700px) {
        .boarddisplay8191914 {
            font-size: 24px !important;
        }
    }
  
    @media only screen and (max-width: 600px) {
        .boarddisplay8191914 {
            font-size: 19px !important;
        }
    }
  
    @media only screen and (max-width: 500px) {
        .boarddisplay8191914 {
            font-size: 14px !important;
        }
    }
  
    @media only screen and (max-width: 400px) {
        .boarddisplay8191914 {
            font-size: 14px !important;
        }
    }
  
    @media only screen and (max-width: 380px) {
        .boarddisplay8191914 {
            font-size: 13px !important;
        }
    }
  
    @media only screen and (max-width: 350px) {
        .boarddisplay8191914 {
            font-size: 13px !important;
        }
    }
  
    @media only screen and (max-width: 320px) {
        .boarddisplay8191914 {
            font-size: 12px !important;
        }
    }

@media only screen and (max-width: 5000px) {
        .boarddisplay8191914 {
            font-size: 30px !important;
        }
    }
  
    @media only screen and (max-width: 2000px) {
        .boarddisplay8191914 {
            font-size: 27px !important;
        }
    }
  
    @media only screen and (max-width: 960px) {
        .boarddisplay8191914 {
            font-size: 27px !important;
        }
    }
  
    @media only screen and (max-width: 800px) {
        .boarddisplay8191914 {
            font-size: 26px !important;
        }
    }
  
    @media only screen and (max-width: 700px) {
        .boarddisplay8191914 {
            font-size: 24px !important;
        }
    }
  
    @media only screen and (max-width: 600px) {
        .boarddisplay8191914 {
            font-size: 19px !important;
        }
    }
  
    @media only screen and (max-width: 500px) {
        .boarddisplay8191914 {
            font-size: 14px !important;
        }
    }
  
    @media only screen and (max-width: 400px) {
        .boarddisplay8191914 {
            font-size: 14px !important;
        }
    }
  
    @media only screen and (max-width: 380px) {
        .boarddisplay8191914 {
            font-size: 13px !important;
        }
    }
  
    @media only screen and (max-width: 350px) {
        .boarddisplay8191914 {
            font-size: 13px !important;
        }
    }
  
    @media only screen and (max-width: 320px) {
        .boarddisplay8191914 {
            font-size: 12px !important;
        }
    }

.dingbu1995730FontSize1 {
        font-size: 38px;
    }
  
    .dingbu1995730FontSize1 .dingbu1995730ImgTop {
        height: 970px;
    }
  
    .dingbu1995730FontSize2 {
        font-size: 35px;
    }
  
    .dingbu1995730FontSize3 {
        font-size: 29px;
    }
  
    .dingbu1995730FontSize4 {
        font-size: 24px;
    }
  
    .dingbu1995730FontSize5 {
        font-size: 23px;
    }
  
    .dingbu1995730FontSize6 {
        font-size: 22px;
    }
  
    .dingbu1995730FontSize7 {
        font-size: 18px;
    }
  
    .dingbu1995730FontSize8 {
        font-size: 15px;
    }
  
    .dingbu1995730FontSize9 {
        font-size: 14px;
    }
  
    .dingbu1995730FontSize9 .dingbu1995730bigNew {
        font-size: 1em !important;
    }
  
    .dingbu1995730FontSize10 {
        font-size: 14.5px;
    }
  
    .dingbu1995730FontSize11 {
        font-size: 12px;
    }
  
    .dingbu1995730FontSize6 .dingbu1995730ImgTop,
    .dingbu1995730FontSize7 .dingbu1995730ImgTop,
    .dingbu1995730FontSize8 .dingbu1995730ImgTop,
    .dingbu1995730FontSize9 .dingbu1995730ImgTop,
    .dingbu1995730FontSize10 .dingbu1995730ImgTop,
    .dingbu1995730FontSize11 .dingbu1995730ImgTop {
        height: 370px;
    }
  
    .dingbu199573011Title {
        white-space: nowrap;
        background-color: #000;
        color: #fff;
        text-align: center;
        line-height: 1.9;
        font-size: 1.7em !important;
        font-weight: 900;
    }
  
    .dingbu1995730Main>div {
  
        display: flex;
        align-items: center;
        justify-content: center;
    }
  
    .dingbu1995730Main>div>div {
  
        line-height: 1.4;
        color: #00FF00;
    }
  
    .dingbu1995730icon {
        vertical-align: middle;
        width: 1em;
    }
  
    .dingbu1995730,
    .dingbu1995730 * {
        -webkit-text-size-adjust: 100% !important;
    }
  
    .dingbu1995730Main,
    .dingbu1995730Main:hover {
        text-decoration: none !important;
        font-size: 1em !important;
        line-height: 1.5 !important;
        font-weight: bold !important;
        background-color: #cb3de1 !important;
        display: block !important;
    }
  
    .dingbu1995730Wrap {
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
  
    .dingbu1995730FontSize1 .randomHeightimg,
    .dingbu1995730FontSize2 .randomHeightimg {
        height: 720px !important;
    }
  
    .dingbu1995730FontSize11 .randomHeightimg,
    .dingbu1995730FontSize9 .randomHeightimg,
    .dingbu1995730FontSize8 .randomHeightimg,
    .dingbu1995730FontSize10 .randomHeightimg {
        height: 280px !important;
    }
  
    .dingbu1995730,
    .dingbu1995730 * {
        box-sizing: border-box !important;
        font-weight: 900 !important;
  
    }

.docao img{
    height: 80px !important;
 }
@media only screen and (max-width: 720px) {
        .docao img {
            height: 44px !important;
        }
    }
.swiper-wrapper{
    height: 100% !important;
}
@media only screen and (max-width: 720px) {
        .swiper-wrapper {
            height: 100% !important;
        }
    }

.jingdiantuku {
    width: 100%;
    border: 3px solid #0b8f13;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.jingdiantuku-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.jingdiantuku-row div {
    height: 50px;
    background: #f2f2f2;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.jingdiantuku-row div a {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    color: #000;

    font-size: clamp(1rem, 2vw, 1.875rem);
    font-weight: 900;
}

.jingdiantuku-row div a span {
    padding: 0 3px;
}

@media (max-width: 768px) {
    .jingdiantuku-row div {
        height: 42px;
    }

    .jingdiantuku-row div a {
        font-size: clamp(.8rem, 3vw, 1.2rem);
    }
}

.sanlioujiousiao-main-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }

  .sanlioujiousiao-header-banner {
    text-align: center;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    font-weight: bold;
    padding: 5px 0;
    color: #000;
    background-color: var(--ppc-primary-color);
    border-bottom: 2px solid white;
  }

  .sanlioujiousiao-content-area {
    background: white;
    border: 2px solid white;
  }

  .sanlioujiousiao-prediction-row {
    display: flex;
    border-bottom: 2px solid white;
  }

  .sanlioujiousiao-period-label {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    font-weight: bold;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sanlioujiousiao-number-display {
    flex: 1;
    padding: 8px 0px;
    font-size: clamp(1.15rem, 2.5vw, 1.5rem);
    font-weight: bold;
    text-align: center;
    color: red;
    background: #f7f7f7;
  }

  .sanlioujiousiao-prediction-row:nth-child(even) .sanlioujiousiao-number-display {
    color: red;
  }

  .sanlioujiousiao-result-section {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    font-weight: bold;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.ad-img-banner-container {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .ad-img-banner-wrapper {
    margin: 0;
    padding: 0;
  }

  .ad-img-banner-paragraph {
    margin: 0;
    padding: 0;
  }

  .banner-link {
    display: block;
    text-decoration: none;
    width: 100%;
  }

  .banner-image {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }

  /* RWD 响应式设计 */
  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
  }

  @media (max-width: 480px) {
    .ad-img-banner-container {
      padding: 2px;
    }

    .banner-image {
      border-radius: 4px;
    }
  }

  @media (max-width: 320px) {
    .ad-img-banner-container {
      padding: 1px;
    }
  }

.sancibichusansiaojhongte-table {
    width: 100%;
    margin: 0;
    background: #fff;
    line-height: 2.5;
  }

  .sancibichusansiaojhongte-table td {
    border: 1px solid #cfcfcf;
    font-weight: bold;
  }

  .sancibichusansiaojhongte-period-cell {
    width: 25%;
    font-size: clamp(0.95rem, 2vw, 1.2rem);
    text-align: center;
  }

  .sancibichusansiaojhongte-animals-merged {
    width: 50%;
    text-align: center;
    font-size: clamp(1rem, 4vw, 1.2rem);
  }

  .sancibichusansiaojhongte-result-cell {
    width: 25%;
    text-align: center;
    font-size: clamp(1rem, 4vw, 1.2rem);
  }

  .sancibichusansiaojhongte-hit-animal {
    color: red !important;
    background: yellow !important;
    font-weight: bold;
  }

  /* 使用CSS屬性選擇器來高亮命中的生肖 */
  .sancibichusansiaojhongte-animals-merged span[data-animal='鼠'][data-check*='鼠'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='牛'][data-check*='牛'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='虎'][data-check*='虎'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='兔'][data-check*='兔'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='龙'][data-check*='龙'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='蛇'][data-check*='蛇'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='马'][data-check*='马'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='羊'][data-check*='羊'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='猴'][data-check*='猴'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='鸡'][data-check*='鸡'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='狗'][data-check*='狗'],
  .sancibichusansiaojhongte-animals-merged span[data-animal='猪'][data-check*='猪'] {
    color: red !important;
    background: yellow !important;
  }

.liangqiqixiaobikai-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: clamp(0.3rem, 0.8vw, 0.9rem);
    background: #fff;
    line-height: 2.5;
  }

  .liangqiqixiaobikai-table td {
    border: 1px solid #cfcfcf;
    font-weight: bold;
  }

  .liangqiqixiaobikai-period-cell {
    width: 25%;
    font-size: clamp(1rem, 2vw, 1.2rem);
    text-align: center;
  }

  .liangqiqixiaobikai-animals-merged {
    width: 50%;
    text-align: center;
    font-size: clamp(1rem, 4.2vw, 1.5rem);
  }

  .liangqiqixiaobikai-result-cell {
    width: 25%;
    text-align: center;
    font-size: clamp(1rem, 4.2vw, 1.5rem);
  }

  .liangqiqixiaobikai-hit-animal {
    color: red !important;
    background: yellow !important;
    font-weight: bold;
  }

  /* 使用CSS屬性選擇器來高亮命中的生肖 */
  .liangqiqixiaobikai-animals-merged span[data-animal='鼠'][data-check*='鼠'],
  .liangqiqixiaobikai-animals-merged span[data-animal='牛'][data-check*='牛'],
  .liangqiqixiaobikai-animals-merged span[data-animal='虎'][data-check*='虎'],
  .liangqiqixiaobikai-animals-merged span[data-animal='兔'][data-check*='兔'],
  .liangqiqixiaobikai-animals-merged span[data-animal='龙'][data-check*='龙'],
  .liangqiqixiaobikai-animals-merged span[data-animal='蛇'][data-check*='蛇'],
  .liangqiqixiaobikai-animals-merged span[data-animal='马'][data-check*='马'],
  .liangqiqixiaobikai-animals-merged span[data-animal='羊'][data-check*='羊'],
  .liangqiqixiaobikai-animals-merged span[data-animal='猴'][data-check*='猴'],
  .liangqiqixiaobikai-animals-merged span[data-animal='鸡'][data-check*='鸡'],
  .liangqiqixiaobikai-animals-merged span[data-animal='狗'][data-check*='狗'],
  .liangqiqixiaobikai-animals-merged span[data-animal='猪'][data-check*='猪'] {
    color: red !important;
    background: yellow !important;
  }

/* 美女轮播容器样式 */
  .meinulunbo2-container .swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .meinulunbo2-container .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 5px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 美女轮播指示标志改成圆形 */
  .meinulunbo2-container .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .meinulunbo2-paomadeng-bar {
    width: calc(100% - 10px);
    /* max-width: 700px; */
    margin: 1px 5px auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 30px;
    overflow: hidden;
    background: #eaeaea;
  }

  .meinulunbo2-paomadeng-icon {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    color: #e60000;
    flex-shrink: 0;
  }

  .meinulunbo2-paomadeng-marquee {
    flex: 1;
    overflow: hidden;
  }

  .meinulunbo2-paomadeng-text {
    white-space: nowrap;
    font-size: clamp(10px, 4vw, 15px);
    padding-left: 20%;
    animation: marquee 12s linear infinite;
    font-weight: 500;
  }

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-230%);
    }
  }

  /* 大螢幕 */
  @media (min-width: 680px) {
    .meinulunbo2-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

  @media (min-width: 1024px) {
    .meinulunbo2-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 17s linear infinite;
    }
  }

  @keyframes marquee-large {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-110%);
    }
  }

  /* 美女轮播标题 */
  .meinulunbo2-title {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #fff;
    font-size: clamp(22px, 5vw, 36px);
    font-weight: 600;
    text-align: center;
    padding: 5px 0;
    letter-spacing: 2px;
  }

  /* 美女轮播图片容器 - 支持双图布局 */
  .meinulunbo2-slide-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .meinulunbo2-image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 美女轮播图片样式 */
  .meinulunbo2-image {
    width: 100%;
    height: fit-content;
    display: block;
    object-fit: contain;
  }

  .meinubottom-link {
    width: 100%;
  }

   .meinubottom-gif {
    width: 100%;
  }

  /* @media (max-width: 480px) {
    .meinulunbo2-image {
      max-height: 550px;
    }
  }

  @media (max-width: 400px) {
    .meinulunbo2-image {
      max-height: 450px;
    }
  } */

.dityuming::before {
    content: var(--text-dityumingqq);
}

.dauyuming::before {
    content: var(--text-dauyumingqq);
}

.comeo {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-weight: bold;
  color: #000;
}

.comeo td {
  border: 1px solid #ccc;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(1rem, 3.6vw, 1.25rem);
}

.zl {
  font-size: clamp(1.1rem, 4vw, 1.5rem);
}

.month {
  color: blue;
}

.num {
  color: #000;
}

.hit {
  color: red;
}

.brand {
  font-weight: bold;
}

/* 三肖五期区块样式 */
  .sanxiaowuqibikai {
    width: 100%;
    max-width: 720px;
    margin: 0;
    border: 1px solid #ff9e00;;
  }
  /* 表格容器 */
  .sanxiaowuqibikai-table-container {
    background-color: white;
  }
  /* 表格样式 */
  .sanxiaowuqibikai-table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
  }
  /* 表格行 */
  .sanxiaowuqibikai-table tr {
    border-bottom: 1px solid #ddd;
    /* height: 36px; */
  }
  @media (max-width: 480px) {
    .sanxiaowuqibikai-table tr {
      border-bottom: 1px solid #ddd;
      /* height: 30px; */
    }
  }
  .sanxiaowuqibikai-table tr:last-child {
    border-bottom: none;
  }
  /* 表格单元格 */
  .sanxiaowuqibikai-table td {
    text-align: center;
    /* font-size: clamp(1rem, 4.5vw, 1.5rem); */
    font-weight: bold;
    vertical-align: middle;
    padding: 0 4px;
    border-right: 1px solid #ddd;
  }
  .sanxiaowuqibikai-table td:last-child {
    border-right: none;
  }
  /* 期数列 */
  .sanxiaowuqibikai-period-cell {
    color: #000;
    width: 25%;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: clamp(1rem, 3vw, 1.2rem);
  }
  /* 开奖结果列 */
  .sanxiaowuqibikai-result-cell {
    color: #000;
    width: 25%;
    text-align: right;
    border-bottom: 1px solid #ddd;
    font-size: clamp(1rem, 3vw, 1.2rem);
  }
  .sanxiaowuqibikai-pending-result {
    color: #ff0000;
  }
  /* 合并单元格 - 动物名称 */
  .sanxiaowuqibikai-animals-merged {
    color: red;
    font-size: clamp(1.5rem, 5vw, 1.8rem);
    letter-spacing: 3px;
    text-align: center;
    background-color: #000;
    border-bottom: 1px solid #ddd;
    width: 50%;
  }

  /* 動態屬性選擇器 - 更簡潔的CSS解決方案 */
  .sanxiaowuqibikai-animals-merged span[data-animal][data-check] {
    position: relative;
  }

  /* 使用CSS屬性選擇器來高亮命中的生肖 */
  .sanxiaowuqibikai-animals-merged span[data-animal='鼠'][data-check*='鼠'],
  .sanxiaowuqibikai-animals-merged span[data-animal='牛'][data-check*='牛'],
  .sanxiaowuqibikai-animals-merged span[data-animal='虎'][data-check*='虎'],
  .sanxiaowuqibikai-animals-merged span[data-animal='兔'][data-check*='兔'],
  .sanxiaowuqibikai-animals-merged span[data-animal='龙'][data-check*='龙'],
  .sanxiaowuqibikai-animals-merged span[data-animal='蛇'][data-check*='蛇'],
  .sanxiaowuqibikai-animals-merged span[data-animal='马'][data-check*='马'],
  .sanxiaowuqibikai-animals-merged span[data-animal='羊'][data-check*='羊'],
  .sanxiaowuqibikai-animals-merged span[data-animal='猴'][data-check*='猴'],
  .sanxiaowuqibikai-animals-merged span[data-animal='鸡'][data-check*='鸡'],
  .sanxiaowuqibikai-animals-merged span[data-animal='狗'][data-check*='狗'],
  .sanxiaowuqibikai-animals-merged span[data-animal='猪'][data-check*='猪'] {
    color: red !important;
    background: yellow !important;
  }

.arco-modal-container {
    z-index: 9999999999999 !important;
}

#quyetromanhgongsi{
  padding:0;
  background:#eee;
}

#quyetromanhgongsi > .list-titlegongsi{
  margin:0;
  padding:8px 4px;
  border-radius:5px 5px 0 0;
  background:#5783c6;
  color:#fff;
  text-align:center;
  font-size:clamp(18px,4.2vw,30px);
  font-weight:700;
  line-height:1.2;
}

#quyetromanhgongsi > .list-titlegongsi > span{
  font-size:inherit !important;
}

#quyetromanhgongsi .gridgongsi2{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  gap:0;
  margin:0;
  padding:0 0 6px;
  background:#eee;
}

#quyetromanhgongsi .gridgongsi-g2gongsi{
  float:none;
  flex:0 0 26%;
  width:26%;
  min-width:0;
  margin:4px 0;
  padding:5px 0;
  box-sizing:border-box;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
  color:#000;
  text-align:center;
}

#quyetromanhgongsi .photoBox{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  cursor:pointer;
}

#quyetromanhgongsi .photoBox img{
  display:block;
  width:100%;
  height:85px;
  max-height:none;
  margin:8px 0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:fill;
}

#quyetromanhgongsi .gridgongsi-g2gongsi p{
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font-size:clamp(14px,5vw,26px);
  font-weight:700;
  line-height:1.5;
  text-align:center;
}

.gonggongshihjyu-container {
        max-width: 750px;
        margin: auto;
        border: 3px solid #1fa21f;
        background: #cfe8cf;
        font-family: Arial, Helvetica, sans-serif;
    }

    .gonggongshihjyu-header {
        background: #e8d9a8;
        text-align: center;
        padding: 8px;
        font-weight: bold;
        font-size: clamp(16px, 3vw, 22px);
    }

    .gonggongshihjyu-table {
        width: 100%;
        border-collapse: collapse;
    }

    .gonggongshihjyu-table td {
        border: 1px solid #9bbf9b;
        padding: 6px;
        text-align: center;
        font-size: clamp(14px, 2.5vw, 18px);
    }

    .gonggongshihjyu-label {
        background: #c9e0c9;
        font-weight: bold;
    }

    .gonggongshihjyu-section-title {
        color: red;
        font-weight: bold;
        font-size: clamp(16px, 3vw, 22px);
        text-align: center;
    }

    .gonggongshihjyu-red {
        color: red;
        font-weight: bold;
    }

    .gonggongshihjyu-yellow {
        background: yellow;
        padding: 2px 4px;
    }

    .gonggongshihjyu-result-box {
        background: #e8d9a8;
        padding: 6px;
        font-size: clamp(15px, 2.5vw, 20px);
    }

    .gonggongshihjyu-text-block {
        padding: 8px;
        font-size: clamp(14px, 2.5vw, 18px);
        line-height: 1;
    }
    .gogongtaobr {
        padding: 8px;
        font-size: clamp(14px, 2.5vw, 18px);
        line-height: 1.2;
    }
    .boimauzhong {
        background: yellow;
    }
    .yangshi-table {
        background: #e8d9a8;
        text-align: center;
        padding: 8px;
        font-weight: bold;
        font-size: clamp(14px, 3vw, 8px);
    }

.qnzl-annual-data-container * {
    border: 0;
    padding: 0;
    margin: 0;
  }

  .qnzl-annual-data-container article,
  .qnzl-annual-data-container aside,
  .qnzl-annual-data-container details,
  .qnzl-annual-data-container figcaption,
  .qnzl-annual-data-container figure,
  .qnzl-annual-data-container footer,
  .qnzl-annual-data-container header,
  .qnzl-annual-data-container hgroup,
  .qnzl-annual-data-container menu,
  .qnzl-annual-data-container nav,
  .qnzl-annual-data-container section {
    display: block;
  }

  .qnzl-annual-data-container ol,
  .qnzl-annual-data-container ul,
  .qnzl-annual-data-container li {
    list-style: none;
  }

  .qnzl-annual-data-bg {
    background: linear-gradient(to right, #bfa46d, #bfa46d);
  }

  .qnzl-annual-data-head {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .qnzl-annual-data-title {
    font-size: 1.4rem;
    color: #ffffff;
    padding-top: 0.5rem;
    font-semibold: 600;
    margin-bottom: 0.5rem;
  }

  .qnzl-annual-data-note {
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
  }

  .qnzl-annual-data-note button {
    border-radius: 4px;
    padding: 0.15rem 0.35rem;
  }

  .qnzl-annual-data-note .button1 {
    color: #3d58ac;
    margin-right: 0.5rem;
  }

  .qnzl-annual-data-note .button2 {
    color: #eb2139;
  }

  .qnzl-annual-data-content {
    background: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
  }

  .qnzl-annual-data-content li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
  }

  .qnzl-annual-data-content li:last-child {
    border-bottom: 0;
  }

  .qnzl-annual-data-content li span1 {
    display: flex;
    float: right;
  }

  .qnzl-annual-data-content li span2 {
    color: #fe001e;
  }

  .qnzl-annual-data-content li b span {
    color: #fe001e;
  }

  .qnzl-annual-data-list-content {
    font-size: 1.3rem;
    text-align: center;
    background: #fff;
  }

  .qnzl-annual-data-list-content li {
    border-bottom: 1px solid #aaa;
    background: #fff;
    margin: 5px 0;
    border-radius: 5px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

  .qnzl-annual-data-list-content li:last-child {
    border-bottom: 1px solid #aaa;
  }

  .qnzl-annual-data-list-content li font {
    color: #f00;
    font-size: 1.2rem;
  }

  .qnzl-annual-data-main-content {
    font-size: 1.2rem;
  }

  .qnzl-annual-data-main-content li b {
    color: #30f;
  }

  .qnzl-annual-data-main-content li font {
    color: #f00;
  }

  .qnzl-annual-data-grid {
    background: #fff;
    text-align: center;
    padding: 0;
  }

  .qnzl-annual-data-grid ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
  }

  .qnzl-annual-data-grid ul li {
    width: 33.33%;
    padding: 5px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
  }

  .qnzl-annual-data-grid ul li a {
    display: block;
    padding: 7px 0;
    border: solid 1px #ddd;
    border-radius: 5px;
  }

  .qnzl-annual-data-more {
    margin-bottom: 10px;
    padding: 0 10px;
  }

  .qnzl-annual-data-more a {
    display: block;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    background: #f00;
  }

  @media screen and (max-width: 750px) {
    .qnzl-annual-data-grid ul {
      padding: 3px;
    }

    .qnzl-annual-data-grid ul li {
      width: 33.33%;
      padding: 3px;
      box-sizing: border-box;
    }

    .qnzl-annual-data-more a {
      font-size: 14px;
    }
  }

/* ===== 全局样式重置 ===== */
  * {
    margin: 0;
    padding: 0;
  }

  ul,
  li {
    list-style: none;
  }

  /* ===== 广告Banner样式 ===== */
  .ad-img-banner-container,
  .ad-img-banner-wrapper,
  .ad-img-banner-paragraph {
    margin: 0;
    padding: 0;
  }

  .ad-img-banner-container {
    width: 100%;
  }

  .banner-link {
    display: block;
    text-decoration: none;
    width: 100%;
  }

  .banner-image {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }

  /* ===== Tab导航样式 ===== */
  #tabtuzhi118 {
    padding: 0;
    background: #fff;
  }

  #tabtuzhi118 div {
    width: 100%;
  }

  #tabtuzhi118 .tuzhi118box {
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #3e73fe;
    line-height: 40px;
  }

  #tabtuzhi118 .tuzhi118box ul {
    display: flex;
    border-bottom: 3px solid #3e73fe;
  }

  #tabtuzhi118 .tuzhi118box li {
    width: 50%;
    padding: 5px 0;
    box-sizing: border-box;
    cursor: pointer;
  }

  #tabtuzhi118 .tuzhi118box li.hover {
    color: #fff;
    background: var(--ppc-primary-color);
  }

  #tabtuzhi118 .tuzhi118box li.hover font {
    color: #fff !important;
  }

  /* ===== 文本样式 ===== */
  .tabtuzhi118-txt font {
    color: #f00;
    font-weight: bold;
  }

  .tabtuzhi118-txt2 {
    font-size: 24px;
    color: #f00;
    text-align: center;
    font-weight: bold;
  }

  .tabtuzhi118-txt2 a {
    background: #ff0;
  }

  .tabtuzhi118-pic {
    padding-top: 10px;
    text-align: center;
  }

  .tabtuzhi118-pic video {
    max-width: 100%;
  }

  /* ===== 图库列表样式 ===== */
  .tutu {
    background-color: #fff;
    font-family: Arial, sans-serif;
  }

  .tutu td {
    text-align: center;
    font-size: 16px;
  }

  .tutu td.tutumore {
    font-size: 28px;
  }

  .tutu td.tutumore img {
    margin-right: 5px;
    vertical-align: middle;
  }

  .tutu td a {
    display: block;
    line-height: 50px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
  }

  .tutu td a:hover {
    background: #55dd88;
  }

  /* ===== 图库链接样式 ===== */
  .tuku_a {
    display: block;
    line-height: 50px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
  }

  .tuku_a:hover {
    background: #55dd88;
  }

  .tuku_a_item {
    width: 33.33%;
    text-align: center;
    float: left;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    font-weight: bold;
  }

  /* ===== 主题配色 ===== */
  .tuku_item_theme_2 {
    color: #f00;
    background: #ff0;
  }

  .tuku_item_theme_3 {
    color: #ff0;
    background: #f00;
  }

  .tuku_item_theme_4 {
    color: #ff0;
    background: #000;
  }

  /* ===== 响应式设计 ===== */
  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
  }

  @media (max-width: 750px) {
    #tabtuzhi118 {
      padding: 5px;
    }

    #tabtuzhi118 .tuzhi118box {
      width: 100%;
      margin-bottom: 5px;
      font-size: 16px;
    }

    #tabtuzhi118 .tuzhi118box ul {
      border-width: 2px;
    }

    #tabtuzhi118 .tuzhi118box li {
      padding: 0;
    }

    .tabtuzhi118-txt2 {
      font-size: 18px;
    }

    .tutu td {
      font-size: 14px;
    }

    .tutu td.tutumore {
      font-size: 18px;
    }

    .tutu td a {
      line-height: 40px;
    }
  }

  @media (max-width: 480px) {
    .ad-img-banner-container {
      padding: 2px;
    }

    .banner-image {
      border-radius: 4px;
    }
  }

  @media (max-width: 320px) {
    .ad-img-banner-container {
      padding: 1px;
    }
  }

.shengxiao dd {
                    display: block;
                    margin-top: 3px;
                }
                .shengxiao li {
                    border: 1px solid rgba(0, 0, 0, 0.1);
                    color: black;
                    float: left;
                    width: 33.33%;
                    padding: 5px 0;
                    vertical-align: baseline;
                }
                .shengxiao span {
                    height: 18px;
                    line-height: 18px;
                    padding: 0 2px;
                    font-size: 11px !important;
                    color: #fff;
                    display: inline-block;
                    margin: 2px !important;
                }
                .shengxiao img{
                    display: inline-block !important;
                    width: 40px !important;
                    height: 40px !important;
                }
                .shengxiao td{
                    padding: 5px 0;
                    text-align: center;
                    border: solid 1px #d8ccb4;
                    word-wrap: break-word;
                    background: #fff;
                }
                .shengxiao .a-left{
                    text-align: left;
                    padding-left: 5px;
                    padding-right: 5px;
                }
                .shengxiao th {
                    height: 30px;
                    background: #f1f1f1;
                    font-size:18px;
                    color: black;
                }
                #widgetBox151 .shengxiao table{
                    border:none;
                }
                @media screen and (max-width:376px){
                    .shengxiao td{
                        font-size:15px;
                    }
                }

.shengxiao666 dd {
                    display: block;
                    margin-top: 3px;
                }
                .shengxiao666 li {
                    float: left;
                    width: 33.33%;
                    padding: 5px 0;
                    vertical-align: baseline;
                }
                .shengxiao666 span {
                    height: 18px;
                    line-height: 18px;
                    padding: 0 2px;
                    font-size: 18px;
                    color: #fff;
                    display: inline-block;
                    margin: 0 2px;
                }
                .shengxiao666 img{
                    width: 40px;
                    height: 40px;
                }
                .shengxiao666 td{
                    padding: 5px 0;
                    text-align: center;
                    border: solid 1px #d8ccb4;
                    word-wrap: break-word;
                    background: #fff;
                }
                .shengxiao666 .a-left{
                    text-align: left;
                    padding-left: 5px;
                    padding-right: 5px;
                }
                .shengxiao666 th {
                    height: 30px;
                    background: #f1f1f1;
                }
                #widgetBox150 .shengxiao666 table{
                    border:none;
                }

#shengxiao666 span{background: none;color: #000}
                #shengxiao666 td{font-size: 18px!important}

/* =====================================
   149导航 · 红橙渐变动态版
   完整独立板块
   ===================================== */

.YYLX149-wrap,
.YYLX149-wrap * {
  box-sizing: border-box;
}

.YYLX149-wrap {
  width: 100%;
  margin: 0;
  padding: 9px;
  overflow: hidden;
  font-family: Arial, "Microsoft YaHei", sans-serif;

  background:
    radial-gradient(
      circle at 20% 15%,
      rgba(255,220,100,.25),
      transparent 35%
    ),
    linear-gradient(
      120deg,
      #f51d0b 0%,
      #ff4a0a 35%,
      #ff961c 65%,
      #f5250c 100%
    );

  background-size: 100% 100%, 250% 250%;

  animation: YYLX149-bgMove 12s ease-in-out infinite;
}

@keyframes YYLX149-bgMove {
  0%,100% {
    background-position: 0 0, 0% 50%;
  }
  50% {
    background-position: 0 0, 100% 50%;
  }
}

/* =====================================
   白色主框架
   ===================================== */

.YYLX149-box {
  width: 100%;
  position: relative;
  overflow: hidden;

  padding: 19px 3% 17px;

  background: linear-gradient(
    180deg,
    #fffefa 0%,
    #fff7e8 100%
  );

  border: 2px solid #fff3d5;
  border-radius: 38px;

  box-shadow:
    0 5px 16px rgba(135,35,0,.14);
}

/* =====================================
   顶部标题
   ===================================== */

.YYLX149-header {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 12px;
  margin-bottom: 17px;

  white-space: nowrap;
}

/* 喇叭 */

.YYLX149-speaker {
  display: flex;
  align-items: center;
  justify-content: center;

  width: clamp(32px,5vw,56px);
  height: clamp(32px,5vw,56px);

  flex-shrink: 0;
  color: #ff7410;

  transform-origin: 25% 75%;

  animation:
    YYLX149-speakerMove 4s ease-in-out infinite;
}

.YYLX149-speaker svg {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes YYLX149-speakerMove {
  0%,75%,100% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-8deg);
  }
  85% {
    transform: rotate(7deg);
  }
  90% {
    transform: rotate(-4deg);
  }
}

/* 标题整体 */

.YYLX149-title {
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: clamp(28px,5vw,64px);
  font-weight: 900;
  line-height: 1.2;

  letter-spacing: -1px;
  white-space: nowrap;
}

/* 149 橙红流光 */

.YYLX149-number {
  color: #f13a05;

  background-image: linear-gradient(
    110deg,
    #ed2700 0%,
    #ff6510 30%,
    #ffae2d 48%,
    #ff4808 65%,
    #e92300 100%
  );

  background-size: 230% 100%;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation:
    YYLX149-titleLight 6s linear infinite;
}

@keyframes YYLX149-titleLight {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: -100% 50%;
  }
}

/* 导航深蓝色 */

.YYLX149-name {
  color: #12335e;
  font-weight: 900;
}

/* =====================================
   金色内容框
   ===================================== */

.YYLX149-content {
  width: 100%;
  position: relative;
  isolation: isolate;
  overflow: hidden;

  padding: 20px 3% 18px;
  text-align: center;

  border: 2px solid transparent;
  border-radius: 30px;

  background:
    linear-gradient(
      180deg,
      #fffdf4 0%,
      #fff4cd 100%
    ) padding-box,

    linear-gradient(
      110deg,
      #ffbd35,
      #fff0a3,
      #ef9c16,
      #ffe99a,
      #ffbd35
    ) border-box;

  background-size:
    100% 100%,
    250% 100%;

  animation:
    YYLX149-borderLight 7s linear infinite;
}

@keyframes YYLX149-borderLight {
  0% {
    background-position:
      0 0,
      100% 50%;
  }
  100% {
    background-position:
      0 0,
      -100% 50%;
  }
}

/* =====================================
   广告提示文字
   ===================================== */

.YYLX149-subtitle {
  position: relative;
  z-index: 1;

  color: #c23d08;

  font-size: clamp(22px,3.8vw,41px);
  font-weight: 900;
  line-height: 1.3;

  margin-bottom: 18px;
  white-space: nowrap;
}

/* =====================================
   Telegram联系区域
   ===================================== */

.YYLX149-contact {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 14px;
  flex-wrap: nowrap;
}

/* Telegram蓝色圆形图标 */

.YYLX149-tg-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: clamp(34px,5vw,60px);
  height: clamp(34px,5vw,60px);

  flex-shrink: 0;
  border-radius: 50%;

  background: linear-gradient(
    145deg,
    #38c8ff,
    #0877bd
  );

  animation:
    YYLX149-iconGlow 3.5s ease-in-out infinite;
}

.YYLX149-tg-icon svg {
  width: 62%;
  height: 62%;
  fill: #ffffff;
}

@keyframes YYLX149-iconGlow {
  0%,100% {
    box-shadow:
      0 2px 5px rgba(0,100,170,.15);
  }
  50% {
    box-shadow:
      0 0 12px rgba(0,160,230,.35);
  }
}

/* Telegram文字 */

.YYLX149-tg {
  color: #536d8f;

  font-size: clamp(20px,3.5vw,40px);
  font-weight: 800;
  line-height: 1.2;

  white-space: nowrap;
}

/* =====================================
   黄色Telegram按钮
   ===================================== */

.YYLX149-id {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 20px;

  color: #103b80;
  font-size: clamp(23px,3.8vw,45px);
  font-weight: 900;
  line-height: 1.2;

  text-decoration: none;
  white-space: nowrap;

  background: linear-gradient(
    180deg,
    #ffff76 0%,
    #ffef00 100%
  );

  border: 2px solid #f5b52d;
  border-radius: 18px;

  animation:
    YYLX149-buttonGlow 3s ease-in-out infinite;

  transition:
    transform .2s ease,
    color .2s ease;
}

@keyframes YYLX149-buttonGlow {
  0%,100% {
    box-shadow:
      0 2px 5px rgba(209,151,0,.15);
  }
  50% {
    box-shadow:
      0 0 14px rgba(255,190,0,.45),
      0 3px 7px rgba(209,151,0,.18);
  }
}

.YYLX149-id:hover {
  color: #d93800;
  transform: translateY(-2px);
}

/* =====================================
   平板适配
   ===================================== */

@media (max-width: 768px) {

  .YYLX149-wrap {
    padding: 6px;
  }

  .YYLX149-box {
    padding: 15px 3% 14px;
    border-radius: 28px;
  }

  .YYLX149-header {
    gap: 8px;
    margin-bottom: 14px;
  }

  .YYLX149-content {
    padding: 16px 2% 15px;
    border-radius: 24px;
  }

  .YYLX149-subtitle {
    margin-bottom: 14px;
  }

  .YYLX149-contact {
    gap: 8px;
  }

  .YYLX149-id {
    padding: 7px 12px;
    border-radius: 12px;
  }
}

/* =====================================
   手机端适配
   ===================================== */

@media (max-width: 480px) {

  .YYLX149-wrap {
    padding: 4px;
  }

  .YYLX149-box {
    padding: 12px 3%;
    border-radius: 22px;
    border-width: 1px;
  }

  .YYLX149-header {
    gap: 7px;
    margin-bottom: 12px;
  }

  .YYLX149-speaker {
    width: 31px;
    height: 31px;
  }

  .YYLX149-title {
    font-size: clamp(27px,8vw,36px);
    letter-spacing: -.5px;
  }

  .YYLX149-content {
    padding: 13px 5px 14px;
    border-radius: 18px;
    border-width: 1.5px;
  }

  .YYLX149-subtitle {
    font-size: clamp(18px,5.2vw,25px);
    margin-bottom: 13px;
    letter-spacing: -.5px;
  }

  .YYLX149-contact {
    gap: 5px;
  }

  .YYLX149-tg-icon {
    width: 26px;
    height: 26px;
  }

  .YYLX149-tg {
    font-size: clamp(15px,4vw,19px);
  }

  .YYLX149-id {
    font-size: clamp(17px,4.6vw,23px);
    padding: 6px 7px;
    border-radius: 9px;
    border-width: 1px;
  }
}

/* =====================================
   极小屏幕
   ===================================== */

@media (max-width: 350px) {

  .YYLX149-subtitle {
    font-size: 17px;
  }

  .YYLX149-tg {
    font-size: 13px;
  }

  .YYLX149-tg-icon {
    width: 22px;
    height: 22px;
  }

  .YYLX149-id {
    font-size: 15px;
    padding: 5px;
  }

  .YYLX149-contact {
    gap: 4px;
  }
}

/* =====================================
   系统减少动画时停止动态
   ===================================== */

@media (prefers-reduced-motion: reduce) {

  .YYLX149-wrap,
  .YYLX149-speaker,
  .YYLX149-number,
  .YYLX149-content,
  .YYLX149-tg-icon,
  .YYLX149-id {
    animation: none !important;
  }
}

:root {

    --ppc-body-height2: calc(100dvh - 105px) !important;

}

    #bar {

    text-align: center;

    line-height: 30px;

    width: 80px;

    right: 0;

    position: absolute;

    bottom: 55px;

    background: #f00;

    color: #fff;

    font-size: 14px;

    position: fixed;

}

@media screen and (min-width:961px) {

    #bar {

        left: 640px;

        right:0;

        margin: 0 auto

    }

}

#bar1 {

    text-align: center;

    line-height: 30px;

    width: 80px;

    right: 0;

    position: absolute;

    bottom: 2px;

    background: #f00;

    color: #fff;

    font-size: 14px;

    position: fixed;

}

@media screen and (min-width:961px) {

    #bar1 {

        left: 640px;

        right:0;

        margin: 0 auto

    }

}

.nav-footer[data-v-2bc6436e] {

    font-weight: 700;

}

div#baomaqgBtn4BoxFatherBoxCopy1Father {

    font-weight: 700;



}



    .bottom-menu-bar{

        bottom:56px;

        position:fixed;

        left:0;

        width:100%;

        z-index:20;

    }

    .nav-footer[data-v-2bc6436e] {

        max-width: var(--ppc-body-width);

        display: flex;

        font-size: 25px !important;

        justify-content: space-around;

        margin: 0 auto;

    }

    .bnav-active[data-v-2bc6436e] {

        background: var(--ppc-primary-color)!important;

        color: #fff!important; /* 修改为白色字体 */

    }

    .item[data-v-2bc6436e] {

        flex-basis: 24.2%;

        display: flex;

        align-items: center;

        justify-content: center;

        cursor: pointer;

        background: #fff;

        color: #000;

        line-height: 1.6;

        border-radius: 4px;

        border: 2px solid var(--ppc-primary-color);

    }

    .icon[data-v-2bc6436e] {

        display: flex;

        flex-direction: column;

        justify-content: center;

    }

    .icon[data-v-2bc6436e] img{

        width: 1.3em;

    }

    @media screen and (max-width:720px){

        .nav-footer[data-v-2bc6436e]{

            font-size:19px!important;

        }

    }

/* =========================

   49导航 - DANH SÁCH XANH (独家内幕)

========================= */



/* #allsite {

    position: fixed !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 70px !important;

    transform: none !important;



    width: 718px !important;

    max-width: 100% !important;

    max-height: calc(100vh - 70px);



    margin-left: auto !important;

    margin-right: auto !important;

    padding: 0 !important;



    z-index: 99998;

    overflow-x: hidden;

    overflow-y: auto;



    font-size: 14px;

    text-align: center;

    line-height: 30px;

    background: linear-gradient(#13ab56, #077e35);

} */



#allsite {

    position: fixed !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 70px !important;

    transform: none !important;



    width: 718px !important;

    max-width: 100% !important;

    max-height: calc(100vh - 70px);



    margin-left: auto !important;

    margin-right: auto !important;

    padding: 0 !important;



    z-index: 99998;

    overflow-x: hidden !important;  

    overflow-y: auto !important;

    touch-action: pan-y;  



    font-size: 14px;

    text-align: center;

    line-height: 30px;

    background: linear-gradient(#13ab56, #077e35);

}



#allsite ul {

    width: 100% !important;

    margin: 0 !important;

    padding: 5px 0 !important;

    box-sizing: border-box !important;

}



#allsite ul li {

    width: 20% !important;

    float: left;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 27px;

    list-style: none;

    box-sizing: border-box !important;

}



#allsite ul li a {

    display: block;

    width: 100%;

    color: #fff;

    text-align: center;

    text-decoration: none;

    white-space: nowrap;

}



#minibar {

    width: 100% !important;

    clear: both !important;

}



#minibar div {

    width: 100%;

    height: 30px;

    line-height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 !important;

    padding: 0 !important;

    color: #fff;

}



.clearfix::after {

    content: "";

    display: block;

    clear: both;

}



/* =========================

   寻宝 - POPUP CỬA SỔ LƯỚI

========================= */

/* #xunbaosite {

    position: fixed !important;

    left: 0 !important;

    right: 0 !important;



    top: 151px !important;    

    bottom: 60px !important;   



    width: 718px !important;

    max-width: 100% !important;

    height: auto !important;   



    margin: 0 auto !important;

    padding: 10px !important;



    z-index: 2 !important;



    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch;  



    background: #f5f5f5;

    box-sizing: border-box;

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.2);

} */



#xunbaosite {

    position: fixed !important;

    left: 0 !important;

    right: 0 !important;



    top: 0px !important;

    top: env(safe-area-inset-top, 0px) !important;

    bottom: clamp(3rem, 6vh, 6rem); 



    width: 721px !important;

    max-width: 100% !important;

    /* height: 880px;  */



    margin: 0 auto !important;

    padding: 10px !important;



    z-index: 999 !important;



    /* overflow-x: hidden !important;   */

    overflow-y: auto !important;

    touch-action: pan-y;  

    -webkit-overflow-scrolling: touch;  



    background: #f5f5f5;

    box-sizing: border-box;

    border-top-left-radius: 1px;

    border-top-right-radius: 1px;

    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.2);

}







.xb-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 7px;  

}



@media screen and (max-width: 480px) {

    .xb-card {

        padding: 2px !important;  

    }

    .xb-card .xb-title {

        font-size: 15px !important;  

    }

}



.xb-card {



    background: #fff;

    border-radius: 10px;

    padding: 6px;

    text-align: center;

    text-decoration: none;

    color: #333;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    border: 1px solid #eee;



    user-select: none;

    -webkit-user-select: none;

    -webkit-user-drag: none;

}



.xb-card img {

    width: 100%;

    /* max-width: 80px; */

    height: auto;

    border-radius: 6px;

    object-fit: contain;

}



@media screen and (max-width:360px){

 .xb-card .xb-title{

        font-size: 15px !important;



 }

 #xunbaosite{

    top: 0px !important;

    top: env(safe-area-inset-top, 0px) !important;

 }

}



@media screen and (max-width: 430px) {

    #xunbaosite{

      top: 0px !important;

      top: env(safe-area-inset-top, 0px) !important;

    }

}

@media screen and (max-width: 720px) {

    #xunbaosite{

         top: 0px !important;

         top: env(safe-area-inset-top, 0px) !important;

         height: auto !important;

         bottom: clamp(3rem, 6vh, 6rem) !important;

    }

}



.xb-card .xb-title {

    font-size: 19px;

    font-weight: bold;

    margin-top: 4px;

    color: #111;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100%;

}

.arco-modal-container{z-index: 9999999 !important;}
:root{--guilv-body-height: calc(119dvh - 105px);}
#guilvsite{top: 0; z-index: 100000; position: fixed; max-width: var(--ppc-body-width); width: 100%; bottom: 50px; font-size: 16px; text-align: center; background: #eef8ff; max-height: var(--guilv-body-height); overflow-y: auto; overflow-x: hidden; box-sizing: border-box;}
#guilvsite .guilv-grid{margin: 0; padding: 6px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 8px; row-gap: 10px; box-sizing: border-box;}
#guilvsite .guilv-item{width: 100%; min-width: 0; display: flex; flex-direction: column; background: #fff; border-radius: 12px; padding: 5px 5px 3px; overflow: hidden; box-sizing: border-box;}
#guilvsite .guilv-photoBox{width: 100%; display: block; cursor: pointer;}
#guilvsite .guilv-img{height: 70px; width: 100%; display: block; background: #fff; border-radius: 8px; overflow: hidden;}
#guilvsite .guilv-img img{width: 100%; height: 100%; display: block; object-fit: cover;}
#guilvsite .guilv-name{width: 100%; height: 28px; line-height: 28px; color: #000; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.yifen {

    font-size: 1.2rem;

    font-weight: 700;

    color: var(--ppc-primary-color) !important;

}

    #app{

      padding-bottom:70px

    }



  @media (max-width: 720px) {

    #app {

      padding-bottom: 70px;

    }

  }

  .bottom-nav-bar{

    background: #fff;

    width: 100%;

  }

  .baomaqgBtn4BoxFatherFiveBottom2 {

    font-size: 16px !important;

  max-width:var(--ppc-body-width);

  }

  .baomaqgBtn4BoxFatherFiveBottom {

    z-index: 999999;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: auto;

    opacity: 0;

    display: flex;

    margin: auto;

    color: #000;

    align-items: flex-end;

    user-select: none;

  }

  .baomaqgBtn4BoxFatherFiveBottomBackground {

    position: absolute;

    top: auto;

    left: 0;

    right: 0;

    bottom: 0;

    height: 3.3em;

    background: #fff;

    z-index: -1;

  }

  .baomaqgBtn4BoxFatherFiveBottomItem {

    flex-basis: 0;

    flex-grow: 1;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .baomaqgBtn4BoxFatherFiveBottomItemBox {

    cursor: pointer;

  }

  .baomaqgBtn4BoxFatherFiveBottomItemBox1 {

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .baomaqgBtn4BoxFatherFiveBottomItemBoxImg {

    display: block;

    width: 2em;

  }

  .baomaqgBtn4BoxFatherFiveBottomItemBox2 {

    text-align: center;

    line-height: 1.2;

    font-weight: bold;

    font-size: 15px;

  }

  .baomaqgBtn4BoxFatherFiveBottomItemActive {

    color: var(--ppc-primary-color);

  }

  .baomaqgBtn4BoxFatherFiveBottomItemBoxImgCenter {

    width: 3em;

  }

.bottomny-menu-bar{
    bottom:63px;
    position:fixed;
    
    max-width:720px;
    width:100%;
    z-index:10;
    font-weight: 700;
}
.nav-footer1[data-v-2bc6436e] {
    max-width: var(--ppc-body-width);
    display: flex;
    font-size: 25px !important;
    justify-content: space-around;
    margin: 0 auto;
}
.bnav-activeny[data-v-2bc6436e] {
    background: var(--ppc-primary-color)!important;
    color: #fff!important; /* 修改为白色字体 */
}
.bnav-activenyxg {
            background: var(--ppc-primary-color) !important;
            color: rgb(255, 255, 255) !important;
        }
 .bnav-activenyam {
        background-color: #1FB61D !important;
        color: #fff !important;
}

.item2[data-v-2bc6436e] {
    flex-basis: 49.2%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
    color: #000;
    line-height: 1.6;
    border-radius: 4px;
    border: 2px solid var(--ppc-primary-color);
}

.icon2ny[data-v-2bc6436e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.icon2ny[data-v-2bc6436e] img{
    width: 1.3em;
}
@media screen and (max-width:720px){
    .nav-footer1[data-v-2bc6436e]{
        font-size:19px!important;
    }
}
#app {
    padding-bottom: 110px !important;
}

@media (max-width: 720px) {
    #app {
        padding-bottom: 100px !important;
    }
}

div .float-money-wrapper{
    bottom: 275px !important;
    
}

.float-group{
    
    bottom: 30vh !important;
    
}