/* 49304 全量样式 */
.PathInner {
    top : 50% !important;
}
/* https://pic.new2tuzhi.app:10049/group1/20252/12/24/jqqd.png */

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

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

    .share-float-btn {
        bottom: 23.5vh !important;
        
    }

/* ========================================
   活动弹窗 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 5s 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;


    overflow: hidden;
}


/* ========================================
   海报图片

   保持原始比例
   不裁剪
   不拉伸
   最大宽度420px
======================================== */

#promoPopup2026 .promo-img {
    display: block;
border-radius: 25px;
    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;


    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: 380px;
        height: auto;

        max-width: 82vw;
        max-height: calc(100vh - 95px);

    }


    #promoPopup2026 .promo-link {

        width: auto;
        height: auto;

        max-width: 100%;
        max-height: 100%;



    }


    #promoPopup2026 .promo-img {

        width: auto !important;
        height: auto !important;

        max-width: 82vw !important;
        max-height: calc(100vh - 95px) !important;

        object-fit: contain;

        border-radius: 25px;

    }


    #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-bmheight: 83px;
}
    #widgetContainer24517.caisize {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 31px;
    line-height: 1.2;
   
}

.wzbg {
  
    background-color: #008391 !important;
}

    :root{
--ppc-primary-bmheight: 105px;
}
:root {
    --text-qixiaobaz: "慈善网";
}


:root { --text-dauyumingqq: "4901"; } :root { --text-dityumingqq: "995"; } :root { --text-tentrangqq: "慈善网"; }    


    .bnav-activeam {
        /* background: var(--ppc-primary-color)!important; */
            background: #008391 !important;
        color: #fff !important;
}


.bnav-activexg {
            background: #ff0000 !important;
            color: rgb(255, 255, 255) !important;
        }



    .baomaqgBtn4BoxFatherBoxCopy {
        max-width: 960px;
        margin: 0 auto;
        background-color: #fff;
        padding: 2px 2px;
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
    }
.kckc444 {
  height: 16px;
}
    .baomaqgBtn4BoxFatherBoxCopy>div {
        font-size: 20px;
        
        color: black;
        background: #eee;
        line-height: 1.3;
        text-align: center;
        font-weight: 800;
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center; 
        justify-content: center; /* Center items horizontally */
    }

    .baomaqgBtn4BoxFatherBoxCopy>div img {
        width: 25px; /* Set the image width */
      
        vertical-align: middle; /* Ensure image aligns vertically with text */
    }

    .bnav-active {
        background: linear-gradient(to right, #bfa46d, #bfa46d) !important;
        color: rgb(255, 255, 255) !important;
    }

    .scrollMenuaomen, .scrollMenuxianggang {
        background-color: transparent;
        padding: 10px 0;
        background: #c4d5ff;
    }

    .scrollMenuaomenBox, .scrollMenuxianggangBox {
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
    }

    .scrollMenuaomenBox>div, .scrollMenuxianggangBox>div {
        flex-basis: 25%;
        padding: 4px 2px;
        box-sizing: border-box;
    }

    .scrollMenuaomenBox>div>div, .scrollMenuxianggangBox>div>div {
        cursor: pointer;
        font-weight: 900;
        font-size: 16px;
        text-align: center;
        line-height: 2;
        background: #1E90FF;
        color: #fff;
        border-radius: 14px;
        user-select: none;
    }

    .scrollMenuaomenBox>div>div:hover, .scrollMenuxianggangBox>div>div:hover {
        background: red;
    }

    .scrollMenuaomenBoxFixed, .scrollMenuxianggangBoxFixed {
        z-index: 999999;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
    }

    @media screen and (min-width: 760px) {
        .scrollMenuaomenBox>div>div, .scrollMenuxianggangBox>div>div {
            font-size: 22px;
        }
    }

    @media screen and (max-width: 610px) {
    .header .logo .logo-img {
        width: 192px;
        height: 53px;
        margin: 2px 1px 2px 1px;
    }
}

.baomaqgBtn4BoxFatherBoxCopy1 {
            max-width: 960px;   
            background-color: #fff;
            padding: 2px 2px;
            display: flex;
            /* align-items: center; */
            justify-content: space-between;
        }

        .baomaqgBtn4BoxFatherBoxCopy1>div {
            font-size: 25px;
            border-radius: 0px ;           
            color: black;
            background: #fff;
            flex-basis: 50%;
            line-height: 1.5;
            text-align: center;
            
            cursor: pointer;
            user-select: none;
            display: flex;
            /* align-items: center;  */
            justify-content: center; /* Center items horizontally */
            border:2px solid var(--ppc-primary-color);
        }
        .baomaqgBtn4BoxFatherBoxCopy1>div:nth-child(1){
            border-radius:10px 0 0 10px !important;
        }
        .baomaqgBtn4BoxFatherBoxCopy1>div:nth-child(4){
            border-radius: 0 10px 10px 0 !important;
        }

        avtivebaomaqgBtn4BoxFatherBoxCopy1 {
            background: var(--ppc-primary-color);
            color:#fff;
        }

        .baomaqgBtn4BoxFatherBoxCopy1>div img {
            width: 25px; /* Set the image width */
            margin-right: 8px; /* Space between image and text */
            vertical-align: middle; /* Ensure image aligns vertically with text */
        }

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

        .scrollMenuaomen, .scrollMenuxianggang {
            background-color: transparent;
            padding: 10px 0;
            background: #c4d5ff;
        }

        .scrollMenuaomenBox1, .scrollMenuxianggangBox {
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-around;
        }

        .scrollMenuaomenBox1>div, .scrollMenuxianggangBox>div {
            flex-basis: 25%;
            padding: 4px 2px;
            box-sizing: border-box;
        }

        .scrollMenuaomenBox1>div>div, .scrollMenuxianggangBox>div>div {
            cursor: pointer;
            font-weight: 900;
            font-size: 16px;
            text-align: center;
            line-height: 2;
            background: #1E90FF;
            color: #fff;
            border-radius: 14px;
            user-select: none;
        }

        .scrollMenuaomenBox1>div>div:hover, .scrollMenuxianggangBox>div>div:hover {
            background: red;
        }

        .scrollMenuaomenBox1Fixed, .scrollMenuxianggangBoxFixed {
            z-index: 999999;
            /* position: fixed;
            left: 0;
            right: 0;
            top: 0; */
            margin: auto;
        }

        @media screen and (min-width: 760px) {
            .scrollMenuaomenBox1>div>div, .scrollMenuxianggangBox>div>div {
                font-size: 22px;
            }
        }
        @media screen and (max-width:480px){
            .baomaqgBtn4BoxFatherBoxCopy1>div {
                font-size:20px;
            }
        }
   div#baomaqgBtn4BoxFatherBoxCopy1Father {
     position: fixed; 
    width: -webkit-fill-available;
    width: 100%;
    max-width: 720px;
    z-index:100;
}

img{
    display: inline !important;
}
    .huantu {
        
        background-color: #fff100;
    }
        .huantu img {
        width: 35px !important;
        margin: 0 auto !important;
    }
    @media only screen and (max-width: 960px) {
        .huantu img {
            width: 32px !important; 
        }
    }
    
    
    
    @media only screen and (min-width: 961px) {
        .flex-item:nth-child(1) {
        flex: 0 0 47.5%;
        }
        .flex-item:nth-child(2) {
        flex: 0 0 5%;
        }
        .flex-item:nth-child(3) {
        flex: 0 0 47.5%;
        }
    }
    
    @media only screen and (max-width: 960px) {
        .flex-item:nth-child(1) {
        flex: 0 0 45.5%;
        }
        .flex-item:nth-child(2) {
            background-color: #fff100;
        flex: 0 0 9% ;
        }
        .flex-item:nth-child(3) {
        flex: 0 0 45.5%;
        }
    }

*{
            scroll-margin-top: 50px;
        }
         .baomaqgBtn4BoxFatherBoxCopy {
            max-width: 760px;
            margin: 0 auto;
            background-color: #fff;
            /* padding: 2px 2px; */
            display: flex;
            /* align-items: center; */
            justify-content: space-between;
        }

        .baomaqgBtn4BoxFatherBoxCopy>div {
            font-weight: 700;
            font-size: 20px;
            /* border-radius: 4px; */
            /* color: red; */
            background: #eee;
            /* flex-basis: 50%; */
            line-height: 1.4;
            text-align: center;

            cursor: pointer;
            user-select: none;
            display: flex;
            /* align-items: center;  */
            justify-content: center; /* Center items horizontally */
        }

    

        /* .bnav-active {
            background: #1FB61D !important;
            color: rgb(255, 255, 255) !important;
        } */

        .scrollMenuaomen, .scrollMenuxianggang {
            background-color: transparent;
            padding: 10px 0;
            background: #c4d5ff;
        }

        .scrollMenuaomenBox, .scrollMenuxianggangBox {
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-around;
        }

        .scrollMenuaomenBox>div, .scrollMenuxianggangBox>div {
            flex-basis: 25%;
            padding: 4px 2px;
            box-sizing: border-box;
        }

        .scrollMenuaomenBox>div>div, .scrollMenuxianggangBox>div>div {
            cursor: pointer;
            font-weight: 900;
            font-size: 16px;
            text-align: center;
            line-height: 2;
            background: #1E90FF;
            color: #fff;
            border-radius: 14px;
            user-select: none;
        }

        .scrollMenuaomenBox>div>div:hover, .scrollMenuxianggangBox>div>div:hover {
            background: red;
        }

        .scrollMenuaomenBoxFixed, .scrollMenuxianggangBoxFixed {
            z-index: 999999;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
        }

        @media screen and (min-width: 760px) {
            .scrollMenuaomenBox>div>div, .scrollMenuxianggangBox>div>div {
                font-size: 22px;
            }
        }
   body {
    max-width: 720px;
    margin: 0 auto;
    /* overflow-x: hidden; */
    padding-top: 30px;
}

* {
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
#app{
    padding: 0 0px !important;
} 
.header.index-header {
    /* margin-left: -7px !important; */
    /* height: 85px !important; */
    border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.header {
    top:0;
    position: fixed;
    z-index: 99;
    width: 100%;
    max-width: 720px;
  background-image: linear-gradient(to right, #008074, #00807a, #007d99, #007e80, #008599, #005680, #008074);
}

.header .logo-box {
    height: 61px;
}
.header .logo {
    float: left;
    height: 50px;
    margin-left: 0px;
}
.header .logo .logo-img {
    width: 208px;
    height: 50px;
}
.header .bank {
    float: right;
    position: relative;
    width: 120px!important;
    height: 50px!important;
    padding-right: 5px!important;
}
.header .bank a {
    padding-top: 0 !important;
}
.header .bank img {
    display: block;
    width: 135px!important;
    height: 50px;
    margin: 0 auto;
}
.nav {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    border-top: 1px solid #000;
}

  .nav   .baomaqgBtn4BoxFatherFake {

    height: 157px;

    -ms-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transform: scale(0.9, 0.6) translateY(-39px);

    transform: scale(0.8, 0.4) translateY(-47px);

}
 .nav   .baomaqgBtn4BoxFatherFake2 {

    height: 157px;

    -ms-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transform: scale(0.9, 0.6) translateY(-39px);

    transform: scale(0.8, 0.56) translateY(-66px);

}

* {
        padding: 0;
        margin: 0;
    }

.topBaoma {
        user-select: none;
        opacity: 0;
        font-weight: bold;
        color: #000;
        background: #fff;
        height: 50px;
        display: flex;
        font-size: 18px;

    }

    .topBaoma>div {
        flex-grow: 1;
        border-right: 1px solid #000;

    }

    .topBaomaName {
        flex-grow: 0.4 !important;
        display: flex;
        flex-direction: column;

    }

    .topBaomaHistory {
        flex-grow: 0.4 !important;
    }

    .topBaomaName>div {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .topBaomaHidden {
        display: none !important;
    }

    .topBaomaBox {
        display: flex;

    }

    .topBaomaBox>div {

        flex-grow: 1;

    }

    .topBaomaKai {
        color: #7f7f7f;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        font-weight: 900;
    }

    .topBaomaInfoBox {
        display: flex;
        flex-direction: column;

    }

    .topBaomaInfoBox>div {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .topBaomaInfoBox>div:first-child {
        color: #fff;


    }

    .topBaomaNameBox {
        color: blue;
    }
    
    .caocaocao {
  height: 21px; /* Mặc định cho màn hình trên 960px */
}

@media screen and (max-width: 960px) {
  .caocaocao {
    height: 23px; /* Áp dụng cho màn hình có độ rộng nhỏ hơn hoặc bằng 960px */
  }
}

   

.baomaqgBtn4BoxFatherBoxCopy>div {
  border-radius: 15px !important;
  height: 40px !important;
}

.baomaqgBtn4BoxFatherBoxCopy25>div {
  border-radius: 15px !important;
  height: 40px !important;
} 

   .kckc3 {
    height: 0px !important;
}

.bmkcc{
    height: 42px;
}
.live-tabs-wrapper {
    top: var(--ppc-primary-bmheight);
    max-width: var(--ppc-body-width);
    width: 100%;
    position: fixed !important;
    border-radius: 0px !important;
    z-index: 999;
}

.guanggao49010521{
        text-decoration: none !important;
        line-height: 2 !important;
    
    }


    .guanggao49010521 td{
       line-height: 1.7;
    
    }

  
    /* iPhone SE, 8 (màn hình nh hn 375px) */
    @media (max-width: 374px) {
        .guanggao49010521 td {
            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) {
        .guanggao49010521 td {
            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) {
        .guanggao49010521 td {
            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) {
        .guanggao49010521 td {
            font-size: 12.5px !important;

        }
    }

    @media (min-width: 960px) {
        .guanggao49010521 td {
            background: rgba(255, 255, 255, 0);
            font-size: 15px !important;

        }
    }

html {
  background: #f0f5f9;
}


html,
body,
div,
tr,
td,
th,
font {
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
}

span {
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
}

:root {
    /*主色调*/ 
    --ppc-primary-color: #005680;
    /*页面宽度*/
    --ppc-body-width: 720px;
}


#app{
    max-width: var(--ppc-body-width);
}

.bluevien{
/* border: 1px solid #0fb3c9; */
    border-radius: 10px;
        margin:  5px 0 5px 0;
    }
  .k4gBye7rpgerBKyCBox12 {
            /* background-image: linear-gradient(to bottom, var(--ppc-primary-color), #e4e4e4); */
            background-color:#fff;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        border-radius: 10px;
        padding: 5px 5px 5px 5px;

    }

    .k4gBye7rpgerBKyCItem123 {
        /* padding-top: 0.4em; */
        flex-basis: 22%;
        line-height: 2;
        text-align: center;
        text-decoration: none;
        font-family: Arial, 微软雅黑;
        font-weight: 900;
        color: #000;
        /* font-size: 1.2em; */

    }

    @media (min-width: 960px) {
    .k4gBye7rpgerBKyCItem123 {
        font-size: 1.3em; 
    }
}

    .k4gBye7rpgerBKyCItem123:hover {
        /* padding-top: 0.4em; */
        flex-basis: 22%;
        line-height: 2.2;
        text-align: center;
        text-decoration: none;
        font-family: Arial, 微软雅黑;
        font-weight: 900;
        color: red;
        font-size: 1.2em;

    }

    .k4gBye7rpgerBKyCItem123 img {
        display: block;
        width: 100%;


    }

    .k4gBye7rpgerBKyCBox12FontSize1 {
        font-size: 33px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize2 {
        font-size: 26px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize3 {
        font-size: 24px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize4 {
        font-size: 23px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize5 {
        font-size: 20px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize6 {
        font-size: 16px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize7 {
        font-size: 13px !important;
    }

.threezhanlinkItemBox{
padding: 0.4em 0;
        background-color: #dfdfdf;
        display: flex;
        align-items: center;
       
        flex-wrap: wrap;
        
    }
    .threezhanlinkItem{
         box-sizing: border-box;
 
    flex-basis: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
padding: 0.2em 0.1em;
  
      background-color:   #dfdfdf;
    }
.threezhanlink,.threezhanlink:hover{
   text-decoration: none;
   font-family: Arial, 微软雅黑;
     padding:0 0.6em;
        color: #000;
        font-weight: 900;
        font-size: 1em;
        line-height: 1.8;
        background-color: #fff;
    }

    @media (min-width: 960px) {
    .threezhanlink, .threezhanlink:hover {
        font-size: 1.6em; 
    }
}


    .k4gBye7rpgerBKyCBox12FontSize7 .threezhanlink,  .k4gBye7rpgerBKyCBox12FontSize7 .threezhanlink:hover ,.k4gBye7rpgerBKyCBox12FontSize6 .threezhanlink,  .k4gBye7rpgerBKyCBox12FontSize6 .threezhanlink:hover {
      padding: 0 0.2em  !important;
      font-size: 1.2em   !important;
}

/* .p-allasas {
    padding: 0 .5rem .5rem .5rem;
} */
.br-12hihi {
    border-radius: 5px;
    overflow: hidden;
}
.riqi {

    color: black !important;
}
.bghihi {
    /* background: var(--ppc-primary-color); */
}
.rq-contentbaz {
    text-align: center;
    /* padding: .3rem .1rem; */
    font-size: 1.3rem;
    color: #fff;
    font-weight: 700;
}
@media screen and (max-width: 505px){.riqi{ font-weight: 700; font-size: 12.5pt;}}.rq-contentbaz{text-align:center;font-size:1.3rem;color: #fff;}
.riqi a{
    text-decoration: none;
}
.wenzihouba {
        font-size: 30px !important;
}
@media only screen and (max-width: 960px) {
    .wenzihouba {
        font-size: 25px !important;
    }
}

.yuminghihi {
        font-size: 40px !important;
}
@media only screen and (max-width: 960px) {
    .yuminghihi {
        font-size: 35px !important;
    }
}

/* 当前模块外层 */
.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;
  }
}

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

:root {
    --text-dauyuming49: "4901";
}

:root {
    --text-dityuming49: "";
}

.maudodo {
    color: #FF0000;
}
#yxym .box-ttkj{
border: none !important;
}
.list-title888{height:38px;line-height:33px;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:linear-gradient(transparent,#f7f3f3);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;}
}
@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;
}

.guangcaoguangcao555{
    color: #ffffff;
      background: #000;
      font-weight: bold;
      word-wrap: break-word; 
      word-break: break-all;  
      text-align: center;
    line-height: 1.8;
    font-weight: 700;
    }
    .guangcaoguangcao555 tr {
       height: 35px; 
    }
    .guangcaoguangcao555 td {
    text-align: center;
      text-overflow: ellipsis;    
      font-size: 30px;
    padding: 5px;
    color: #ffffff;
    }

@media screen and (max-width: 610px){
      .guangcaoguangcao555 td {
          font-size: 23px !important;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 505px){
      .guangcaoguangcao555 td{
              font-size: 23px !important;
              font-weight: 700;
          }
      }
      @media screen and (max-width: 429px){
    
      .guangcaoguangcao555 td {
          font-size: 21px !important;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 409px){
      
      .guangcaoguangcao555 td {
          font-size: 21px !important;
          
      }
      }
      @media screen and (max-width: 374px){
      .guangcaoguangcao555 td {
          font-size: 19px !important;
          
      }
    }
    
    table.bdbd1 tr, table.bdbd1 td {
    border: 1px solid #ffffff;
    }

.danshen-box{
    width:100%;
    margin:0;
    padding:0;
}


.danshen-box .danshen-btn{
    box-sizing:border-box;

    width:100%;
    min-height:96px;

    position:relative;
    overflow:hidden;

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

    gap:24px;
    padding:17px 28px;

    text-decoration:none;

    border-radius:15px;
    border:1px solid rgba(116,202,255,.92);

    background:
        radial-gradient(
            circle at 18% 0,
            rgba(70,181,255,.48),
            transparent 34%
        ),
        linear-gradient(
            110deg,
            #092f68 0%,
            #0d579d 52%,
            #08366f 100%
        );

    box-shadow:
        0 12px 28px rgba(2,33,76,.28),
        inset 0 0 0 1px rgba(255,255,255,.12);
}


/* =========================
   蓝色玻璃高光
========================= */
.danshen-box .danshen-btn:before{
    content:"";

    position:absolute;
    z-index:1;

    width:48%;
    height:190%;

    left:-10%;
    top:-110%;

    transform:rotate(-13deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.16),
        transparent
    );

    pointer-events:none;
}


/* =========================
   内层玻璃边框
========================= */
.danshen-box .danshen-btn:after{
    content:"";

    position:absolute;
    z-index:2;

    inset:6px;

    border-radius:10px;
    border:1px solid rgba(118,202,255,.25);

    pointer-events:none;
}


/* =========================
   主文字
========================= */
.danshen-box .danshen-main-text{
    position:relative;
    z-index:5;

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

    gap:14px;

    color:#fff;

    font-size:30px;
    line-height:1;
    font-weight:900;

    letter-spacing:1px;

    text-shadow:
        0 2px 4px rgba(0,25,75,.72);

    white-space:nowrap;
}


/* 主文字全部继承同样大小 */
.danshen-box .danshen-main-text span{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
}


/* =========================
   中间蓝色发光圆点
========================= */
.danshen-box .danshen-divider{
    display:block;

    width:5px;
    height:5px;

    flex:none;

    border-radius:50%;

    background:#72d2ff;

    box-shadow:
        0 0 8px rgba(91,202,255,.8);
}


/* =========================
   黄色重点文字
========================= */
.danshen-box .danshen-highlight{
    color:#ffdd45;
}


/* =========================
   点击查看
========================= */
.danshen-box .danshen-view-btn{
    position:relative;
    z-index:5;

    flex:none;
    overflow:hidden;

    padding:8px 24px;

    border-radius:999px;

    color:#17375d;

    font-size:18px;
    line-height:1;
    font-weight:900;

    white-space:nowrap;

    border:1px solid #ffe784;

    background:linear-gradient(
        110deg,
        #ffc21c 0%,
        #fff27a 22%,
        #ffc72c 42%,
        #fff8ad 55%,
        #ffc72c 70%,
        #ffb900 100%
    );

    background-size:250% 100%;

    box-shadow:
        0 5px 15px rgba(0,24,66,.35),
        inset 0 1px 1px #fff,
        0 0 12px rgba(255,202,42,.35);

    animation:
        danshenGoldMove 2.2s linear infinite;
}


/* =========================
   点击查看白色流光
========================= */
.danshen-box .danshen-view-btn:before{
    content:"";

    position:absolute;
    z-index:1;

    top:-40%;
    left:-45%;

    width:28%;
    height:180%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.85),
        transparent
    );

    transform:skewX(-22deg);

    animation:
        danshenLightSweep 2.2s ease-in-out infinite;

    pointer-events:none;
}


/* =========================
   金色背景动画
========================= */
@keyframes danshenGoldMove{

    0%{
        background-position:100% 0;
    }

    100%{
        background-position:-100% 0;
    }

}


/* =========================
   白色流光动画
========================= */
@keyframes danshenLightSweep{

    0%{
        left:-45%;
        opacity:0;
    }

    15%{
        opacity:1;
    }

    55%{
        left:120%;
        opacity:1;
    }

    56%{
        left:120%;
        opacity:0;
    }

    100%{
        left:120%;
        opacity:0;
    }

}


/* =========================================================
   电脑端
========================================================= */
@media only screen and (min-width:720px){



    /* 电脑端主文字大小 */
    .danshen-box .danshen-main-text{
        font-size:30px;
    }

    /* 电脑端点击查看大小 */
    .danshen-box .danshen-view-btn{
        font-size:18px;
    }

}


/* =========================================================
   手机端
========================================================= */
@media only screen and (max-width:719px){

    .danshen-box .danshen-btn{

        right:auto !important;

        min-height:56px;

        gap:5px;

        padding:11px 10px;
    }


    /* 手机端主文字大小 */
    .danshen-box .danshen-main-text{

        gap:6px;

        font-size:20px;

        letter-spacing:0;
    }


    /* 手机端中间圆点 */
    .danshen-box .danshen-divider{

        width:4px;
        height:4px;
    }


    /* 手机端点击查看 */
    .danshen-box .danshen-view-btn{

        padding:6px 10px;

        font-size:18px;
    }

}

.vienmautrangmo{border:1px solid #f5f5f5;}
.site-logo-box{padding:4px 0;}
.site-logo-box img{width:100%;display:block;}

.noticvvve-h57 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #fff;
     padding: 10px 5px;
     gap: 8px;
  box-sizing: border-box;
}

.noticvvve-h57 img {
  width: 55px;
  height: auto;
  flex-shrink: 0;
      /* margin-top: -13px; */
}

.noticvvve-h57 span {
  color: #f00;
  font-size: clamp(45px, 8vw, 55px);
  font-weight: 900;
  white-space: nowrap;
  line-height: 1.2;
}

.noticvvve-h57 img {
    width: clamp(35px, 12vw, 100px);
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}
@media only all and (max-width: 500px) {
    .noticvvve-h57 img {
        width: clamp(35px, 17vw, 100px);
    }
}

.tlist-title7 {
    font-size: 27px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background: linear-gradient(transparent, rgb(247, 243, 243));
    padding: 2px 0px 4px;
    line-height: 1.6;
}
@media screen and (max-width: 380px) {
    .tlist-title7 {
        font-size: 24px;
    }
}
    .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-color:#00ac56;
		padding:9px;
        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: 0px;

        box-shadow: none;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /*  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:#fff;
        /* 慢动作 */
    }
	    .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;
    }
}
	.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;
}

a, a:hover {
            text-decoration: none !important;
        }

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(transparent, rgb(247, 243, 243));
    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-color:#00ac56;
		padding:9px;
        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: 0px;

        box-shadow: none;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /*  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:#fff;
        /* 慢动作 */
    }
	    .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;
    }
}
	.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;
}

.bar .title {
    background-color: var(--ppc-primary-color, #07c160) !important;
    color: #FFFFFF;
}
#guilvsite .bar {
   height: 40px;
}
#guilvsite .bar .left {
   display: none;
}

:root{--ppc-body-height3: calc(119dvh - 105px);}
#allsite{top: 0; z-index: 100000; position: fixed; max-width: var(--ppc-body-width); width: 100%; bottom: 50px; font-size: 16px; text-align: center; /* nền giống khu vực trong hình */ background: #eef8ff; max-height: var(--ppc-body-height3); /* max-height: 700px; */ overflow-y: auto; overflow-x: hidden; /* -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y; */ box-sizing: border-box;}
/* =========================
   4 Ô TRÊN 1 HÀNG
   ========================= */ #allsite ul{margin: 0; padding:6px; display: grid; /* Quan trọng: mỗi hàng 4 ô */ grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 8px; row-gap: 10px; box-sizing: border-box;}
/* =========================
   TIÊU ĐỀ
   ========================= */ #allsite #minibar{grid-column: 1 / -1; width: 100% !important; float: none !important; list-style: none; margin: 0; padding: 0; font-size: 16px;}
#minibar div{height: 30px; line-height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 10px; color: #fff; background: #0a8f45; box-sizing: border-box;}
#minibar div:before, #minibar div:after{content: ""; height: 1px; background: #fff; flex: 1;}
#minibar div:before{margin-right: 8px;}
#minibar div:after{margin-left: 8px;}
/* =========================
   MỖI Ô WEBSITE
   ========================= */ #allsite .tribotmi2{width: 100%; min-width: 0; display: flex; flex-direction: column; text-decoration: none; background: #fff; border-radius: 12px; padding: 5px 5px 3px; overflow: hidden; box-sizing: border-box;}
/* vùng ảnh */ #allsite .site-img2{width: 100%; background: #fff; border-radius: 8px; overflow: hidden; /* aspect-ratio: 1 / 1; */}
/* ảnh */ #allsite .site-img2 img{width: 100%; height: 100%; display: block; object-fit: cover;}
/* chữ phía dưới */ #allsite .site-name{width: 100%; height: 28px; line-height: 28px; color: #000; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* bỏ float cũ nếu CSS trang của bạn đang áp vào a */ #allsite .tribotmi2{float: none !important;}

.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;}

.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;}
}
.view-modal img{max-height: 500px;}

.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{z-index: 999999; background: #fff; width: 100%;}
.baomaqgBtn4BoxFatherFiveBottom2{font-size: 16px !important; max-width:var(--ppc-body-width)}
.baomaqgBtn4BoxFatherFiveBottom{z-index: 99999999999; 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;}

.box {
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #008074, #00807a, #007d99, #007e80, #008599, #005680, #008074);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
* {
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nocare .swiper {
    height: fit-content !important;
}
   .nocare .swiper-wrapper{
        overflow-x: unset !important;
    }




.nocare .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 5px auto;
    width: calc(100% - 10px) !important;
    box-sizing: border-box;
  }


  .nocare .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
 .nocare .paomadeng-bar{
  width: calc(100% - 10px);
  margin: 1px 5px auto;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 30px;
  overflow: hidden;
  background: #eaeaea;
}

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

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

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

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


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

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

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

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

.list-titlebamuoithangchin{background: linear-gradient(to right, #f092c3 0%, #e47db8 28%, #d66db2 48%, #cf3ca9 82%, #e6008d 100%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 3px 8px rgba(166, 42, 126, .15);font-size:27px;line-height: 1.6;text-align:center;color:#fff;text-shadow: 0 1px 2px rgba(49, 27, 93, .28);font-weight:bold;padding:2px 0px 4px 0px;}

@media screen and (max-width: 480px){
.list-titlebamuoithangchin{font-size:21px;}
}
@media screen and (max-width: 440px){
.list-titlebamuoithangchin{font-size:20px;}
}
@media screen and (max-width: 410px){
.list-titlebamuoithangchin{font-size:20px;}
}
@media screen and (max-width: 380px){
.list-titlebamuoithangchin{font-size:19px;}
}
@media screen and (max-width: 350px){
.list-titlebamuoithangchin{font-size:18px;}
}
@media screen and (max-width: 320px){
.list-titlebamuoithangchin{font-size:17px;}
}
table{border-collapse:collapse;border-spacing:0;line-height:1.9;}
.ziliaobamuoithangchin{height:38px;text-align:center;color:#000;font-weight:bold;}
.ziliaobamuoithangchin td{font-size:23px;}
.ziliaobamuoithangchin{color:#111;}
.ziliaobamuoithangchin td{border:1px solid #ccc;}
.ziliaobamuoithangchin b{color:#0014ff;}
@media screen and (max-width: 580px){
.ziliaobamuoithangchin td{font-size:24px;}
}
@media screen and (max-width: 480px){
.ziliaobamuoithangchin td{font-size:22px;}
}
@media screen and (max-width: 450px){
.ziliaobamuoithangchin td{font-size:21.5px;}
}
@media screen and (max-width: 420px){
.ziliaobamuoithangchin td{font-size:21px;}
}
@media screen and (max-width: 380px){
.ziliaobamuoithangchin td{font-size:20px;}
}
@media screen and (max-width: 320px){
.ziliaobamuoithangchin td{font-size:17px;}
}
.ovuong1368bamuoithangchin{border-collapse:separate;border-spacing:0px;}
.ovuong1368bamuoithangchin{table-layout:fixed;width:100%;}
.ovuong1368bamuoithangchin td{text-align:center;}
.ovuong1368bamuoithangchin td:nth-child(1){width:30%;}
.ovuong1368bamuoithangchin td:nth-child(2){width:48%;}
.ovuong1368bamuoithangchin td:nth-child(3){width:22%;}

.module-box77 {
    font-size: clamp(1.2rem, 5vw, 1.5rem);
    border: 2px solid rgb(255, 206, 27);
    border-radius: 0px;
    overflow: hidden;
    background: rgb(255, 206, 27);
    margin-bottom: 2px;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
}







.module-box77 .module-title77 {
  font-size: clamp(1.1rem, 4.6vw, 1.2rem);
    font-weight: 700;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 0px 0px 50px 50px;
    box-shadow: rgb(255, 206, 27) 0px 1px 1px 0px, rgba(0, 0, 0, 0.19) 0px 0px 0px 0px;
    border-bottom: 1px solid rgb(255, 206, 27);
    padding: clamp(4px, 1vw, 6px) 0px;
    box-sizing: border-box;
    line-height: 1.6;
    background: linear-gradient(rgb(255, 206, 27), rgb(246, 241, 240));
}

.module-box77 .highspanght77-color771{
    color: #000;
    font-weight: bold;
    margin-left: 5px;
}


.module-box77 .site77 {
    color: red;
    font-weight: bold;
    margin-left: 5px;
}

.module-box77 .site77 .alolo22 {
    color: red;
}

.module-box77 .site77-domain-string77 {
    color: red;
}


.module-box77 .modul77_ul {
    margin: 0;
    padding: 7px 3px;
    list-style: none;
    background: #fff !important;
   border: 1px solid #ffd000; 
    border-top: 0;
    text-align: center;
    /* white-space: nowrap; */
    overflow: hidden;
}


.module-box77 .siziping77t-li {
    font-size: 21px !important;
    line-height: 32px;
    font-weight: bold;
    color: #000;
}





.module-box77 > div:nth-last-child(2) {
    color: green !important;
    text-align: center;
    font-size: 14px !important;
    line-height: 26px !important;
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
}


.module-box77 > div:last-child {
    color: #fff !important;
    background: navy !important;
    text-align: center;
    font-size: 14px !important;
    line-height: 27px !important;
    border: 1px solid #cfcfcf !important;
}

.tieudeeee {
    font-size: 27px;
    line-height:2;
    text-align: center;
    color: #fff;
    /* text-shadow: #ffffff -2px -2px 0px, #ffffff -2px -1px 0px, #ffffff -2px 0px 0px, #ffffff -2px 1px 0px, #ffffff -2px 2px 0px, #ffffff -1px -2px 0px, #ffffff -1px 2px 0px, #ffffff 0px -2px 0px, #ffffff 0px 2px 0px, #ffffff 1px -2px 0px, #ffffff 1px 2px 0px, #ffffff 2px -2px 0px, #ffffff 2px -1px 0px, #ffffff 2px 0px 0px, #ffffff 2px 1px 0px, #ffffff 2px 2px 0px; */
    background-color: var(--ppc-primary-color);
    font-weight: bold;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
    .tieudeeee {
        font-size: 21px;
    }
}

@media screen and (max-width: 410px) {
    .tieudeeee {
        font-size: 20px;
    }
}
@media screen and (max-width: 380px) {
    .tieudeeee {
        font-size: 19px;
    }
}

.vip150{
    max-width:100%;
    margin:5px auto;
    text-align:center;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    background:linear-gradient(to bottom,#fffef8,#ffe8a3);
    border:4px solid #c40000;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 8px rgba(0,0,0,.12);
    box-sizing:border-box;
}

/* 标题 */
.vip150-top{
    background:linear-gradient(to bottom,#e60000,#b80000);
    color:#ffffff;
    font-size:34px;
    font-weight:900;
    line-height:1.2;
    padding:10px 6px;
    text-shadow:1px 1px 2px rgba(0,0,0,.25);
}

/* 牛30 */
.vip150-main{
    padding:10px 6px 4px;
    font-size:100px;
    font-weight:900;
    color:#d40000;
    line-height:1;
    letter-spacing:2px;
    text-shadow:
        2px 2px 0 #ffffff,
        4px 4px 0 rgba(0,0,0,.08);
}

/* 提示语 */
.vip150-text{
    font-size:32px;
    font-weight:800;
    color:#333333;
    line-height:1.4;
    margin-bottom:3px;
}

/* 底部 */
.vip150-bottom{
    background:linear-gradient(90deg,#ff0000,#d40000,#ff0000);
    color:#ffff00;
    font-size:40px;
    font-weight:900;
    line-height:1.2;
    padding:10px 6px;
    text-shadow:1px 1px 2px rgba(0,0,0,.3);
}

/* 平板 */
@media(max-width:768px){

    .vip150-top{
        font-size:30px;
        padding:8px 5px;
    }

    .vip150-main{
        font-size:82px;
        padding:8px 5px 2px;
    }

    .vip150-text{
        font-size:26px;
        margin-bottom:6px;
    }

    .vip150-bottom{
        font-size:32px;
        padding:8px 5px;
    }

}

/* 手机 */
@media(max-width:480px){

    .vip150-top{
        font-size:25px;
        padding:8px 4px;
    }

    .vip150-main{
        font-size:72px;
        padding:6px 4px 2px;
    }

    .vip150-text{
        font-size:24px;
        margin-bottom:5px;
    }

    .vip150-bottom{
        font-size:28px;
        padding:8px 4px;
    }

}

.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;
  
  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-weight: bold;
    line-height: 2.5;
    color: #333;
    display: flex;
    flex-direction: column;
}

.list-titlelist-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;
}
#yxym .list-titlelist-title {
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 32px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}
@media screen and (max-width: 505px) {
    #yxym .list-titlelist-title {
        font-size: 22px;
    }
}
@media screen and (max-width: 409px) {
    #yxym .list-titlelist-title {
        font-size: 20px;
    }
}
.boxbox {
    margin: 4px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.padpad1 {
    padpad1ding: 1px 2px;
}
@media screen and (max-width: 610px) {
    .padpad1 {
        padpad1ding: 2px 2px;
    }
}
@media screen and (max-width: 505px) {
    .padpad1 {
        padpad1ding: 2px 2px;
    }
}
@media screen and (max-width: 505px) {
    .boxbox, .subnav, .xjboxbox {
        margin: 2px 0px;
    }
}
.duilianpt7749 {
    table-layout: auto;
    color: #0000FF;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;

}

.duilianpt7749 tr {
    height: 30px;
}
.duilianpt7749 td {
    font-weight: bold;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
}
@media screen and (max-width: 610px) {
    .duilianpt7749 td {
        font-size: 16pt;
    }
}
@media screen and (max-width: 505px) {
    .duilianpt7749 td {
        font-size: 15pt;
    }
}
@media screen and (max-width: 429px) {
    .duilianpt7749 td {
        font-size: 15pt;
    }
}
@media screen and (max-width: 409px) {
    .duilianpt7749 td {
        font-size: 13pt;
    }
}
.llllllred001 {
    color: #FF0000;
}
.lllblue001 {
    color: #0000FF;
}

.guangcao{
    color: #ffffff;
      background: #000;
      font-weight: bold;
      word-wrap: break-word; 
      word-break: break-all;  
      text-align: center;
    line-height: 2;
    font-weight: 700;
    }
   
    .guangcao td {
    text-align: center;
      text-overflow: ellipsis;    
      font-size: 30px;
    color: #ffffff;
    line-height:2;
    }

@media screen and (max-width: 610px){
      .guangcao td {
          font-size: 21px;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 505px){
      .guangcao td{
              font-size: 20px;
              font-weight: 700;
          }
      }
      @media screen and (max-width: 429px){
    
      .guangcao td {
          font-size: 19px;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 409px){
      
      .guangcao td {
          font-size: 18px;
          
      }
      }
      @media screen and (max-width: 374px){
      .guangcao td {
          font-size: 17px;
          
      }
    }
    
    table.bd1 tr, table.bd1 td {
    border: 1px solid #e7f1fd;
    }

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


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


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

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

/* 顶部三行：整体居中，优惠两行左对齐 */
.haivaihaivai22-wrap {
    background: red;
    text-align: center;
    padding: 5px 0 8px;
}

.haivaihaivai22-group {
    display: inline-block;
    text-align: left;
}

/* 默认文字 */
.haivaihaivai22 {
    font-size: 42px;
    line-height: 1.55;
    background: transparent;
    color: #fff;
    font-weight: 600;
    /* text-align: left; */
        text-align: center;
}

/* 第一行标题：单独居中 */
.haivaihaivai22.huodong-title {
    text-align: center;
    font-size: 55px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 4px;
}

/* 两条首存活动 */
.haivaihaivai22.huodongjine {
    font-size: 34px;
    line-height: 1.45;
    white-space: nowrap;
}

/* 第二、第三行之间增加间距 */
.haivaihaivai22.huodongjine + .haivaihaivai22.huodongjine {
    margin-top: 7px;
}

/* “首存 / 豪送”单独放大 */
.haivaihaivai22.huodongjine .huodong-label {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    vertical-align: baseline;
}

/* 中间圆点间距 */
.haivaihaivai22.huodongjine .huodong-dot {
    display: inline-block;
    margin: 0 5px;
}

/* 金额：绿色底、黑色字 */
.haivaihaivai22.huodongjine .jine-green {
    display: inline-block;
    background: #00FC12;
    color: #000;
    font-size: 43px;
    line-height: 1.12;
    font-weight: 800;
    padding: 1px 8px;
    margin: 0 2px;
    border-radius: 5px;
    vertical-align: baseline;
}

/* =========================
   手机端
   ========================= */
@media only all and (max-width: 500px) {

    .haivaihaivai22-wrap {
        padding: 6px 0 9px;
    }

    /* 第一行单独放大并居中 */
    .haivaihaivai22.huodong-title {
        font-size: 36px !important;
        line-height: 1.25;
        text-align: center;
        margin-bottom: 7px;
        font-weight: 700;
    }

    /* 两条优惠行 */
    .haivaihaivai22.huodongjine {
        font-size: 21px !important;
        line-height: 1.28;
    }

    /* 首存、豪送放大 */
    .haivaihaivai22.huodongjine .huodong-label {
        font-size: 32px;
        font-weight: 700;
    }

    /* 手机端第二、第三行增加明显间距 */
    .haivaihaivai22.huodongjine + .haivaihaivai22.huodongjine {
        margin-top: 8px;
    }

    /* 手机端金额数字 */
    .haivaihaivai22.huodongjine .jine-green {
        font-size: 39px;
        padding: 2px 7px;
    }

    .haivaihaivai22.huodongjine .huodong-dot {
        margin: 0 4px;
    }
}

/* 超小屏再适当收一点，避免换行 */
@media only all and (max-width: 375px) {
    .haivaihaivai22.huodong-title {
        font-size: 33px !important;
    }

    .haivaihaivai22.huodongjine {
        font-size: 19px !important;
    }

    .haivaihaivai22.huodongjine .huodong-label {
        font-size: 30px;
    }

    .haivaihaivai22.huodongjine .jine-green {
        font-size: 37px;
        padding: 2px 6px;
    }
}

.xz211 {
    font-size: 25px;
}
@media screen and (max-width: 720px) {
 .xz211 {
    font-size: 17.6px;
 }
}

/* 美女轮播容器样式 */
  .meinulunbo1-container .swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .meinulunbo1-container .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 美女轮播指示标志改成圆形 */
  .meinulunbo1-container .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .meinulunbo1-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;
  }

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

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

  .meinulunbo1-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) {
    .meinulunbo1-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

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

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

  /* 美女轮播标题 */
  .meinulunbo1-title {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #fff;
    font-size: clamp(1.6rem, 5vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    letter-spacing: 2px;
  }

  /* 美女轮播图片容器 - 支持双图布局 */
  .meinulunbo1-slide-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .meinulunbo1-image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 美女轮播图片样式 */
  .meinulunbo1-image {
    width: 100%;
    height: fit-content;
    display: block;
    object-fit: contain;
  }

.bmfw-www {
    font-size: clamp(20px, 4vw, 30px);
}
.bmfw-box {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.bmfw-box *,
.bmfw-box *::before,
.bmfw-box *::after {
    box-sizing: border-box;
}

.bmfw-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.bmfw-list .bmfw-item {
    width: 100%;
    min-height: 84px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 2px solid #7595ff;
    border-radius: 16px;
    cursor: pointer;
}

.bmfw-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.bmfw-icon {
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border: 4px solid #6083ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6083ff;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 2px 5px rgba(70,110,255,0.2);
}

.bmfw-headset {
    background: linear-gradient(180deg,#77a6ff,#3051f5);
    border: 3px solid #9db9ff;
    color: #ffffff;
    font-size: 32px;
}

.bmfw-name {
    color: #222222;
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
}

.bmfw-button {
    width: 160px;
    height: 54px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    white-space: nowrap;
    border-radius: 35px;
    border: 2px solid #a9c4ff;
    background: linear-gradient(180deg,#8ebcff 0%,#5788ff 45%,#3444f5 100%);
    box-shadow: inset 0 2px 2px rgba(255,255,255,0.7),0 2px 3px rgba(65,85,255,0.2);
    transition: transform 0.2s,filter 0.2s;
}

.bmfw-item:active .bmfw-button {
    transform: scale(0.96);
    filter: brightness(1.08);
}

@media (max-width: 480px) {
    .bmfw-box {
        padding: 0 10px;
    }

    .bmfw-list {
        gap: 10px;
    }

    .bmfw-list .bmfw-item {
        min-height: 66px;
        padding: 8px 10px;
        border-radius: 12px;
    }

    .bmfw-left {
        gap: 8px;
    }

    .bmfw-icon {
        width: 42px;
        height: 42px;
        border-width: 3px;
        font-size: 12px;
    }

    .bmfw-headset {
        font-size: 24px;
    }

    .bmfw-button {
        width: 105px;
        height: 42px;
        font-size: 17px;
        border-radius: 25px;
    }
}

/* ===== BỐ CỤC CHUNG ===== */
.boxbaz{
    background-color: #f3f8fe;
}
.boxbaz img {
    max-width: 100%;
    height: auto;
}

.boxbaz ul {
    titbazbazbaz-style: none;
    margin: 0;
    padding: 0;
}

/* ===== LOGO VÀ HIỆU ỨNG ÁNH SÁNG ===== */

.logo-boxbaz {
    width: 90%;
    margin: 0 auto 12px;
    position: relative;
    overflow: hidden;
}

.logo-img {
    display: block;
    width: 100%;
}

.logo-boxbaz::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
    animation: shine-sweep 2.5s infinite ease-in-out;
}

@keyframes shine-sweep {
    0% { left: -100%; }
    100% { left: 200%; }
}

/* ===== BANNER TRÊN ===== */

.cen-cardbaz {
    width: 100%;
    text-align: center;
}

.cen-cardbaz .zcljs {
    display: block;
    width: 100%;
    height: auto;
}

.cen-cardbaz .gf {
    display: block;
    width: calc(100% - 32px);
    margin: 10px auto 0;
    height: auto;
}

/* ===== KHU VỰC NÚT ===== */

.interboxbaz {
    position: relative;
    width: 100%;
}

/* ===== 2 NÚT TẢI XUỐNG / TRUY CẬP ===== */

.down {
    width: 100%;
}

.down ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.down ul li {
    width: calc((100% - 12px) / 2);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.down ul li img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.down ul li:active {
    opacity: 0.85;
}

/* ===== DÒNG THÔNG BÁO VÀ DANH SÁCH ===== */

.titbazbazbaz {
    width: 100%;
}

.titbazbazbaz .titbaz {
    padding-top: 8px;
    display: block;
    /* width: calc(100% - 20px); */
    height: auto;
    object-fit: contain;
}

.titbazbazbaz ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.titbazbazbaz ul li {
    width: 100%;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.titbazbazbaz ul li > img:first-child {
    display: block;
    width: 100%;
    height: auto;
}

.titbazbazbaz ul li .btn {
    position: absolute;
    width: 27%;
    max-width: 160px;
    height: auto;
    right: 3%;
    top: 50%;
    border-radius: 50px;
    transform: translateY(-50%);
    z-index: 1;
}

/* ===== HIỆU ỨNG NÚT XANH ===== */

@keyframes pulse-glow {
    0%, 100% {
        boxbaz-shadow: 0 0 0 0 rgba(106,158,243,0.7);
        transform: translateY(-50%) scale(1);
    }

    50% {
        boxbaz-shadow: 0 0 0 8px rgba(59,130,246,0);
        transform: translateY(-50%) scale(1.04);
    }
}

.btn-pulse {
    animation: pulse-glow 2s infinite ease-in-out;
}

/* ===== PHẦN GAME ===== */

.game .titbaz {
    padding: 15px 0 5px;
}

.game .titbaz img {
    width: 85%;
    display: block;
    margin: 10px auto 0;
}

.game .yxtj {
    width: 100%;
}

/* ===== FOOT ===== */

.foot {
    padding: 15px 0;
}

.foot .banquan {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #878ea6;
    margin-top: 10px;
}

.foot img {
    width: 85%;
    display: block;
    margin: auto;
    height: auto;
}


.gdfgtrh {
    display: contents;
}

.hjrgbgbgf img {
    width: 28px;
    height: 28px;
    float: left;
    margin: 8px;
}

.c_fff000 {
    color: #fff000;
}


/* ===== POPUP ===== */

.pop {
    width: calc(100% - 40px);
    max-width: 500px;
    border-radius: 12px;
    padding: 20px;
    boxbaz-shadow: 0 3px 24px #b0c0f5;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    display: none;
    z-index: 9999;
    font-size: 14px;
}

.pop#id1 {
    bottom: 120px;
}

.pop#id2,
.pop#id3 {
    padding: 10px 20px;
    bottom: 270px;
}

.line-titbaz {
    text-align: center;
    color: #666;
    font-weight: normal;
}

.line-down {
    padding: 10px 0 14px;
    color: #fff;
}

.line-down a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 8px 0;
    font-weight: normal;
    border-radius: 50px;
    background: linear-gradient(#e61b0b,#d21614);
}

.line-down a:hover {
    filter: brightness(1.1);
}

.line-down img {
    width: 26px;
    height: 26px;
    margin-right: 8px;
}

/* ===== DANH SÁCH ĐƯỜNG TRUYỀN ===== */

.lineboxbaz ul {
    titbazbazbaz-style: none;
}

.lineboxbaz ul li:last-child {
    padding-bottom: 0;
}

.lineboxbaz ul li a {
    display: flex;
    cursor: default;
    padding: 8px 0;
    border-bottom: 1px solid #ebe0d4;
    align-items: center;
}

.lineboxbaz ul li a .lineimg {
    margin-right: 8px;
    flex-shrink: 0;
}

.lineboxbaz ul li a .lineimg img {
    width: 20px;
    vertical-align: middle;
}

.lineboxbaz ul li a .linename {
    width: 90px;
    font-weight: bold;
    white-space: nowrap;
    flex-shrink: 0;
    color: #597ef8;
}

.lineboxbaz ul li a .linetxt {
    flex: 1;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
}

.lineboxbaz ul li a .linetime {
    width: 46px;
    flex-shrink: 0;
    color: red;
}

.lineboxbaz ul li a .linetime em {
    color: #597ef8;
    font-style: normal;
}

.lineboxbaz ul li a .linetime b {
    color: #597ef8;
    font-weight: normal;
}

.lineboxbaz ul li a .linebtn {
    cursor: pointer;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background: #597ef8;
}

.lineboxbaz ul li a:hover .linebtn {
    filter: brightness(1.1);
}

/* ===== THÔNG BÁO ===== */

.wxts {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    text-align: center;
    font-size: 12px;
    color: #e61b0b;
}

.wxts img {
    height: 14px;
    width: auto;
    margin-right: 8px;
}

/* ===== DANH SÁCH TẢI XUỐNG ===== */

.downtitbazbazbaz {
    text-align: center;
}

.downtitbazbazbaz li:last-child {
    border-top: 1px solid #ebe0d4;
}

.downtitbazbazbaz li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    background: #fff;
}

.downtitbazbazbaz li div {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: #424a66;
}

.downtitbazbazbaz li div img {
    width: 26px;
    height: 26px;
    margin-right: 8px;
}

.downtitbazbazbaz li span {
    display: block;
    width: 160px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    border-radius: 50px;
    background: #866638;
}

.downtitbazbazbaz li:hover span {
    filter: brightness(1.1);
}

/* ===== HIỆU ỨNG NÚT TẢI XUỐNG ===== */

.dh {
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
}

@-webkit-keyframes myfirst {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(0.92); }
}

@keyframes myfirst {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(0.92); }
}

/* ===== MÀN HÌNH ĐIỆN THOẠI NHỎ ===== */

@media (max-width: 720px) {
    .down {
        padding: 8px 12px 6px;
    }

    .down ul {
        gap: 8px;
    }

    .down ul li {
        width: calc((100% - 10px) / 2);
    }

    .titbazbazbaz {
        padding: 0 10px 5px;
    }

    .titbazbazbaz .titbaz {
        width: 100%;
    }

    .titbazbazbaz ul {
        gap: 5px;
    }

    .titbazbazbaz ul li .btn {
        width: 27%;
        right: 3%;
    }

    .pop {
        width: calc(100% - 20px);
        padding: 12px;
    }
}

.arco-btn-size-medium {
    font-size: 20px !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;
}

#bf3d-163-wrap {
    max-width: var(--ppc-body-width);
    margin: 3px auto;
    padding: 3px;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    word-break: break-word;
    overflow-wrap: break-word;
    position: relative;
    isolation: isolate;
}
    
    #bf3d-163-wrap,
    #bf3d-163-wrap * {
        box-sizing: border-box;
    }
    
    #bf3d-163-wrap a {
        text-decoration: none;
    }
    /* 立体外壳 */
    
    #bf3d-163-wrap .bf3d-shell {
        position: relative;
        padding: 5px;
        border-radius: 24px;
        background: linear-gradient(145deg, #fff2a0 0%, #d00000 25%, #520000 55%, #ffcc33 100%);
        box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
        overflow: hidden;
    }
    
    #bf3d-163-wrap .bf3d-card {
        position: relative;
        z-index: 2;
        border-radius: 20px;
        padding: 12px;
        background: linear-gradient(180deg, #fff8d8 0%, #ffeaa0 46%, #ffd45a 100%);
        border: 2px solid #7d0000;
        box-shadow: inset 0 0 0 3px #fff0a6;
    }
    /* 顶部标题 */
    
    #bf3d-163-wrap .bf3d-title {
        position: relative;
        text-align: center;
        margin: 2px 0 12px;
        padding: 12px 8px;
        border-radius: 16px;
        background: linear-gradient(180deg, #fffde8 0%, #fff176 45%, #ffd21f 100%);
        border: 2px solid #d69b00;
        box-shadow: 0 4px 0 #b57700, 0 8px 14px rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .95);
        overflow: hidden;
    }
    
    #bf3d-163-wrap .bf3d-title:before,
    #bf3d-163-wrap .bf3d-title:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #b40000;
        font-size: 20px;
    }
    
    #bf3d-163-wrap .bf3d-title:before {
        left: 16px;
    }
    
    #bf3d-163-wrap .bf3d-title:after {
        right: 16px;
    }
    
    #bf3d-163-wrap .bf3d-title span {
        display: inline-block;
        font-size: 22px;
        font-weight: 900;
        color: #a00000;
        letter-spacing: 1px;
        text-shadow: 0 1px 0 #ffffff, 0 2px 0 #ffcc33;
    }
    /* 记录行 */
    
    #bf3d-163-wrap .bf3d-row {
        position: relative;
        display: grid;
        grid-template-columns: 105px 1fr;
        gap: 10px;
        align-items: center;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(180deg, #ff2a2a 0%, #a50000 50%, #630000 100%);
        border: 2px solid #ffd36a;
        box-shadow: 0 5px 0 #4f0000, 0 8px 14px rgba(0, 0, 0, .22), inset 0 2px 0 rgba(255, 255, 255, .35);
        overflow: hidden;
    }
    
    #bf3d-163-wrap .bf3d-issue {
        position: relative;
        z-index: 2;
        text-align: center;
        padding: 9px 5px;
        border-radius: 12px;
        color: #7a0000;
        font-size: 17px;
        font-weight: 900;
        background: linear-gradient(180deg, #fff8b8 0%, #ffd634 52%, #e8a800 100%);
        border: 1px solid #fff5a8;
        box-shadow: 0 3px 0 #8b4b00;
        text-shadow: 0 1px 0 #fff;
        white-space: nowrap;
    }
    
    #bf3d-163-wrap .bf3d-main {
        position: relative;
        z-index: 2;
        text-align: center;
        min-width: 0;
    }
    /* 数字区域：四个号码一行，手机不超出 */
    
    #bf3d-163-wrap .bf3d-code {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-wrap: nowrap;
        font-size: 23px;
        line-height: 1.25;
        font-weight: 900;
        color: #fff;
        letter-spacing: 0;
        white-space: nowrap;
        text-shadow: 0 2px 0 #000, 0 3px 0 #510000;
    }
    
    #bf3d-163-wrap .bf3d-num {
        display: inline-block;
        min-width: 42px;
        padding: 2px 7px;
        border-radius: 11px;
        color: #ffffff;
        background: linear-gradient(180deg, #ff6262, #b80000);
        border: 1px solid rgba(255, 255, 255, .45);
        box-shadow: inset 0 1px 3px rgba(255, 255, 255, .28), 0 3px 5px rgba(0, 0, 0, .22);
    }
    /* 中奖号码升级版 */
    
    #bf3d-163-wrap .bf3d-hit {
        display: inline-block;
        min-width: 46px;
        padding: 2px 8px;
        border-radius: 12px;
        color: #ffff00;
        font-weight: 900;
        letter-spacing: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 34%), linear-gradient(135deg, #ff3b3b 0%, #d00000 42%, #7a0000 72%, #2b0000 100%);
        border: 2px solid #ffe27a;
        box-shadow: 0 0 10px rgba(255, 0, 0, .65), 0 0 14px rgba(255, 226, 122, .55), inset 0 2px 4px rgba(255, 255, 255, .28), inset 0 -4px 6px rgba(0, 0, 0, .35);
        text-shadow: 0 1px 0 #7a0000, 0 2px 3px rgba(0, 0, 0, .75), 0 0 8px rgba(255, 255, 0, .85);
        transform: scale(1.04);
    }
    
    #bf3d-163-wrap .bf3d-dot {
        display: inline-block;
        color: #fff7c2;
        font-size: 20px;
        font-weight: 900;
        margin: 0 -2px;
    }
    
    #bf3d-163-wrap .bf3d-text {
        margin-top: 5px;
        font-size: 13px;
        color: #fff7c2;
        font-weight: 700;
        line-height: 1.45;
        text-shadow: 0 1px 0 #000;
    }
    /* APP区域 */
    
    #bf3d-163-wrap .bf3d-app {
        position: relative;
        margin-top: 16px;
        padding: 44px 10px 17px;
        border-radius: 20px;
        text-align: center;
        background: radial-gradient(circle at top, #ff3b3b 0%, #9b0000 45%, #2b0000 100%);
        border: 2px dashed #ffd36a;
        box-shadow: 0 6px 0 #560000;
        overflow: hidden;
    }
    /* 火爆公开：改成小标签，不遮挡164期 */
    
    #bf3d-163-wrap .bf3d-app:before {
        content: "火爆公开";
        position: absolute;
        left: 12px;
        top: 10px;
        width: auto;
        padding: 5px 14px;
        border-radius: 999px;
        background: linear-gradient(180deg, #fff27a, #ffba00);
        color: #8b0000;
        font-size: 13px;
        font-weight: 900;
        transform: none;
        border: 1px solid #fff6b2;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .85);
        z-index: 3;
        pointer-events: none;
    }
    
    #bf3d-163-wrap .bf3d-public {
        position: relative;
        z-index: 2;
        font-size: 20px;
        line-height: 1.55;
        font-weight: 900;
        color: #ffe27a;
        margin-bottom: 10px;
        text-shadow: 0 2px 0 #650000;
    }
    
    #bf3d-163-wrap .bf3d-public a {
        color: #ffd36a;
    }
    /* 按钮 */
    
    #bf3d-163-wrap .bf3d-btn {
        position: relative;
        display: block;
        max-width: 400px;
        margin: 10px auto;
        padding: 12px 10px;
        border-radius: 999px;
        color: #850000;
        font-size: 17px;
        line-height: 1.35;
        font-weight: 900;
        background: linear-gradient(180deg, #ffffff 0%, #fff4a6 25%, #ffd027 58%, #e69700 100%);
        border: 2px solid #fff6b2;
        box-shadow: 0 4px 0 #7b0000;
        text-shadow: 0 1px 0 #fff;
    }
    /* 底部 */
    
    #bf3d-163-wrap .bf3d-bottom {
        margin-top: 16px;
        text-align: center;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 900;
        color: #ffd36a;
        background: linear-gradient(180deg, #2a2a2a, #080808);
        padding: 12px 8px;
        border-radius: 16px;
        border: 2px solid #ffd36a;
        box-shadow: 0 4px 0 #650000;
    }
    
    #bf3d-163-wrap .bf3d-bottom img {
        width: 20px;
        height: 19px;
        vertical-align: -3px;
        margin-right: 4px;
        display: inline;
    }
    
    #bf3d-163-wrap .bf3d-bottom a {
        color: #ffd36a;
    }
    /* 手机端 */
    
    @media(max-width:520px) {
            #bf3d-163-wrap {
        margin: 2px auto;
        padding: 2px;
    }
        #bf3d-163-wrap .bf3d-shell {
            border-radius: 18px;
            padding: 4px;
        }
        #bf3d-163-wrap .bf3d-card {
            padding: 9px;
            border-radius: 15px;
        }
        #bf3d-163-wrap .bf3d-title {
            padding: 10px 6px;
            margin-bottom: 10px;
        }
        #bf3d-163-wrap .bf3d-title span {
            font-size: 20px;
            letter-spacing: 0;
        }
        #bf3d-163-wrap .bf3d-title:before,
        #bf3d-163-wrap .bf3d-title:after {
            display: none;
        }
        #bf3d-163-wrap .bf3d-row {
            grid-template-columns: 78px 1fr;
            gap: 5px;
            padding: 8px 5px;
            margin: 8px 0;
            border-radius: 13px;
        }
        #bf3d-163-wrap .bf3d-issue {
            font-size: 13px;
            padding: 8px 2px;
            border-radius: 10px;
        }
        #bf3d-163-wrap .bf3d-code {
            font-size: 17px;
            gap: 3px;
        }
        #bf3d-163-wrap .bf3d-num {
            min-width: 31px;
            padding: 2px 3px;
            border-radius: 8px;
        }
        #bf3d-163-wrap .bf3d-hit {
            min-width: 33px;
            padding: 2px 3px;
            border-radius: 8px;
            transform: scale(1.01);
        }
        #bf3d-163-wrap .bf3d-dot {
            font-size: 16px;
            margin: 0 -3px;
        }
        #bf3d-163-wrap .bf3d-text {
            font-size: 12px;
            line-height: 1.35;
        }
        #bf3d-163-wrap .bf3d-app {
            padding-top: 40px;
        }
        #bf3d-163-wrap .bf3d-app:before {
            left: 10px;
            top: 9px;
            font-size: 12px;
            padding: 4px 12px;
        }
        #bf3d-163-wrap .bf3d-public {
            font-size: 17px;
        }
        #bf3d-163-wrap .bf3d-btn {
            font-size: 15px;
            padding: 10px 8px;
        }
        #bf3d-163-wrap .bf3d-bottom {
            font-size: 15px;
            padding: 10px 6px;
        }
    }

/* 三期四肖区块样式 */
.sanqisixiao {
  width: 100%;
  max-width: 720px;
  margin: 0;
}
/* 顶部标题 */
.sanqisixiao-header-title {
            border: none;
            text-align: center;
            background: var(--ppc-primary-color);
            font-weight: bold;
}
.sanqisixiao-yellow-text {
  color: #ffff00;
}
/* 表格容器 */
.sanqisixiao-table-container {
  background-color: white;
}
/* 表格样式 */
.sanqisixiao-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
/* 表格行 */
.sanqisixiao-table tr {
  border-bottom: 1px solid #ddd;
  height: 36px;
}
.sanqisixiao-table tr:last-child {
  border-bottom: none;
}
/* 表格单元格 */
.sanqisixiao-table td {
  text-align: center;
  font-size: clamp(18px, 4.5vw, 24px);
  font-weight: bold;
  vertical-align: middle;
  padding: 0 8px;
  border-right: 1px solid #ddd;
}
.sanqisixiao-table td:last-child {
  border-right: none;
}
/* 期数列 */
.sanqisixiao-period-cell {
  color: #000;
  width: 25%;
  text-align: left;
  padding-left: 15px;
  border-bottom: 1px solid #ddd;
}
/* 开奖结果列 */
.sanqisixiao-result-cell {
  color: #000;
  width: 25%;
  text-align: right;
  padding-right: 15px;
  border-bottom: 1px solid #ddd;
}
.sanqisixiao-pending-result {
  color: #ff0000;
}
/* 合并单元格 - 动物名称 */
.sanqisixiao-animals-merged {
  color: #ff0000;
  font-size: clamp(28px, 6vw, 32px);
  letter-spacing: 3px;
  text-align: center;
  background-color: white;
  border-bottom: 1px solid #ddd;
}

/* 使用CSS屬性選擇器來高亮命中的生肖 */
.sanqisixiao-animals-merged span[data-animal="鼠"][data-check*="鼠"],
.sanqisixiao-animals-merged span[data-animal="牛"][data-check*="牛"],
.sanqisixiao-animals-merged span[data-animal="虎"][data-check*="虎"],
.sanqisixiao-animals-merged span[data-animal="兔"][data-check*="兔"],
.sanqisixiao-animals-merged span[data-animal="龙"][data-check*="龙"],
.sanqisixiao-animals-merged span[data-animal="蛇"][data-check*="蛇"],
.sanqisixiao-animals-merged span[data-animal="马"][data-check*="马"],
.sanqisixiao-animals-merged span[data-animal="羊"][data-check*="羊"],
.sanqisixiao-animals-merged span[data-animal="猴"][data-check*="猴"],
.sanqisixiao-animals-merged span[data-animal="鸡"][data-check*="鸡"],
.sanqisixiao-animals-merged span[data-animal="狗"][data-check*="狗"],
.sanqisixiao-animals-merged span[data-animal="猪"][data-check*="猪"] {
  color: red !important;
  background: yellow !important;
}
/* 响应式调整 */
@media (max-width: 480px) {
  .sanqisixiao-sub-header {
    font-size: clamp(14px, 3.8vw, 18px);
  }
  .sanqisixiao-table td {
    font-size: clamp(16px, 4vw, 20px);
  }
  .sanqisixiao-animals-merged {
    font-size: clamp(26px, 5.5vw, 28px);
  }
  .sanqisixiao-table tr {
    height: 30px;
  }
  .sanqisixiao-period-cell {
    padding-left: 12px;
  }
  .sanqisixiao-result-cell {
    padding-right: 12px;
  }
}
@media (max-width: 375px) {
  .sanqisixiao {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
  }
  .sanqisixiao-sub-header {
    font-size: clamp(13px, 3.5vw, 16px);
  }

  .sanqisixiao-animals-merged {
    font-size: clamp(24px, 5vw, 27px);
    letter-spacing: 1px;
  }
  .sanqisixiao-period-cell {
    padding-left: 10px;
  }
  .sanqisixiao-result-cell {
    padding-right: 10px;
  }
  .sanqisixiao-table tr {
    height: 30px;
  }
}

.muoilam1-img-link {
  display: block;
  width: 100%;
  text-align: center;
}

.muoilam1-img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

  .gray-bg-box {
    background: #f2f2f2;
    /* padding: 0 5px 5px 5px; */
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
  }

  .list-title59 {
  background: linear-gradient(#f00, #f00);
  color: #ff0;
  line-height: 1.2;
  font-size: 23pt;
  text-align: center;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px 0;
}

.list-title59 span {
  display: block;
  line-height: 1.4;
}

  .muoilam1 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
  }

  .muoilam1 a {
    display: block;
    line-height: 35px;
        border-bottom: 1px solid #eee;
    background: #fff;
    /* border-radius: 5px; */
    color: #333;
    cursor: pointer;
    text-decoration: none;
    /* margin: 0 2px 2px 0; */
  }

  .muoilam1 img {
    vertical-align: middle;
    display: inline-block;
  }

  #con_ily520_1 img {
    width: 30px;
  }

  .muoilam1 a:hover {
    background: #fff;
  }

  @media screen and (max-width:750px) {
    .muoilam1 {
      font-size: 15px;
      font-weight: bold;
    }

    .muoilam1 a {
      display: block;
      line-height: 40px;
    }
  }

  .tdbg_fontbothangs111 {
    font-size: 15.1px !important;
  }

  @media only screen and (max-width: 720px) {
    .tdbg_fontbothangs111 {
      font-size: 17.1px !important;
    }
  }
  .update-icon {
    height: 16px;
}

.man19sui {
    font-family: Arial, sans-serif;

    margin: 0;
    overflow-x: hidden;

    flex-direction: column;
  }
.man19sui {
    background: red;
    color: #000;
    font-weight: 600;

    text-align: center;
    font-size: 24px;
    border-bottom: 2px solid #c0c0c0;
  }
  .man19sui a {
    text-decoration: none;
  }
.dibupika9 {
    background: red;
    color: #fff;
    font-weight: 600;
    padding: 2px 10px;

    text-align: center;
    font-size: 22px;
  }

  .dibupika9 img {
    display: inline !important; 
    width:60px;
  }

  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
    .dibupika9 {
      font-size: 16px;
    }

    .dibupika9 img {
        width:40px;
    }
  }

#yxym .list-title {
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 26px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}
.list-title {
    height: 28px;
    line-height: 23px;
    font-size: 16pt;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 4px 1px #b99b5f;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Table styles chung */
.qxtable12312 {
    color: #000;
    background: #fff;
    font-weight: bold;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    border-collapse: collapse; /* thêm để gọn border */
}

.qxtable12312 th, .qxtable12312 td {
    border: 1px solid #fff;
    text-overflow: ellipsis;
}

/* Các dòng table cụ thể */
.qxtable12312 tr {
    height: 30px;
}

/* Các ô theo thứ tự cột */
.qxtable12312.yxym tr td:nth-child(1) {
    background: #d4eae9;
    width: 26%;
    font-size: 18pt; /* mặc định */
}
.qxtable12312.yxym tr td:nth-child(2) {
    background: #f7f7f7;
    width: 56%;
    font-size: 28px; /* mặc định */
}
.qxtable12312.yxym tr td:nth-child(3) {
    background: #d4eae9;
    width: 18%;
    font-size: 18pt; /* mặc định */
}

/* Styles chung cho tất cả các td của table */
.qxtable12312 td {
    font-size: 26px; /* mặc định */
    text-overflow: ellipsis;
}

/* Media queries điều chỉnh font-size theo chiều rộng màn hình */
@media screen and (max-width: 610px) {
    .qxtable12312 td {
        font-size: 20px;
    }
    .qxtable12312.yxym tr td:nth-child(1),
    .qxtable12312.yxym tr td:nth-child(3) {
        font-size: 12pt;
    }
    .qxtable12312.yxym tr td:nth-child(2) {
        font-size: 24px;
    }
}
@media screen and (max-width: 505px) {
    .qxtable12312 td {
        font-size: 18px;
    }
    .qxtable12312.yxym tr td:nth-child(2) {
        font-size: 18px;
    }
}
@media screen and (max-width: 429px) {
    .qxtable12312 td {
        font-size: 17px;
    }
    .qxtable12312.yxym tr td:nth-child(2) {
        font-size: 23px;
    }
}
@media screen and (max-width: 409px) {
    .qxtable12312 td {
        font-size: 16px;
    }
    .qxtable12312.yxym tr td:nth-child(2) {
        font-size: 21px;
    }
}
@media screen and (max-width: 374px) {
    .qxtable12312 td {
        font-size: 15px;
    }
    .qxtable12312.yxym tr td:nth-child(2) {
        font-size: 19px;
    }
}

/* 美女轮播容器样式 */
  .meinulunbo3-container .swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .meinulunbo3-container .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 美女轮播指示标志改成圆形 */
  .meinulunbo3-container .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .meinulunbo3-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;
  }

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

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

  .meinulunbo3-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) {
    .meinulunbo3-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

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

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

  /* 美女轮播标题 */
  .meinulunbo3-title {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #fff;
    font-size: clamp(1.6rem, 5vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    letter-spacing: 2px;
  }

  /* 美女轮播图片容器 - 支持双图布局 */
  .meinulunbo3-slide-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .meinulunbo3-image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 美女轮播图片样式 */
  .meinulunbo3-image {
    width: 100%;
    height: fit-content;
    display: block;
    object-fit: contain;
  }

.container1 * {
    max-width: 100%;
    box-sizing: border-box;
}

.wp1 {
    color: #f0f!important;
}



.br-121212 {
    border-radius: 3px;
    overflow: hidden;
}

.bg1213 {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F0E68C, #C9B037, #f0ecc5, #C9B037);
    background-size: 400% 400%;
    animation: shimmer 12s ease infinite;
}

/* .pb-head12112 {
    padding-left: 1rem;
    padding-right: 1rem;
} */

.pb-tit23123 {
    font-size: clamp(19px, 3vw, 26px);
    color: #000;
    line-height:1.6;
    font-weight: bold;
    text-align: center;
    /* text-shadow: -1px -1px 0 #614a00,       1px -1px 0 #614a00,        -1px 1px 0 #614a00,        2px 2px 0 #614a00; */
}

.pb-content213213123 {
    
    padding: .3rem .3rem;
    
    font-weight: bold;
}

.nbb13213 {
    line-height:1.6;
    padding: 3px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to top, #fff3bc, #fafafa, #fff3bc);
    /* background:white; */
    color: #333;
}

.tzlb213131662242-content2132 {
    font-size: clamp(19px, 3vw, 26px);
    text-align: center;
    background: #fff;
    font-weight: 700;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
    
}

/*! CSS Used keyframes */
@keyframes shimmer {
    0% {
        background-position: 0% 0%;
    }

    25% {
        background-position: 100% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

/* .muoilam1-img-link {
  display: block;
  width: 100%;
  text-align: center;
}

.muoilam1-img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

  .gray-bg-box {
    background: #f2f2f2;
        padding: 0 5px 5px 5px;
    border-radius: 5px;
    box-sizing: border-box;
  }

  .list-title59 {
  background: linear-gradient(#f00, #f00);
  color: #ff0;
  line-height: 1.2;
  font-size: 23pt;
  text-align: center;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px 0;
}

.list-title59 span {
  display: block;
  line-height: 1.4;
}

  .muoilam1 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
  }

  .muoilam1 a {
    display: block;
    line-height: 35px;
    border: 1px solid #CCC;
    background: #fff;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    margin: 0 2px 2px 0;
  }

  .muoilam1 img {
    vertical-align: middle;
    display: inline-block;
  }

  #con_ily520_1 img {
    width: 30px;
  }

  .muoilam1 a:hover {
    background: #fff;
  }

  @media screen and (max-width:750px) {
    .muoilam1 {
      font-size: 18px;
      font-weight: bold;
    }

    .muoilam1 a {
      display: block;
      line-height: 40px;
    }
  }

  .tdbg_fontbothangs111 {
    font-size: 15.1px !important;
  }

  @media only screen and (max-width: 720px) {
    .tdbg_fontbothangs111 {
      font-size: 17.1px !important;
    }
  } */

.pic-list span em {
   
    font-size: 40px;
}


@media (max-width: 600px) {
.pic-list span em {
    line-height: 40px;
    font-size: 25px;
}
}
    .view-modal img{
        width:100%;
    }
    #jiuxiao td {
        border-bottom: 3px solid blue;
        font-size: 14px;
    }

    body,
    td,
    th {
        font-family: tahoma, //5FAE//8F6F//96C5//9ED1, //5B8B//4F53, arial, georgia, verdana, helvetica, sans-serif;
    }

    .pic-list {
       
        text-align: center;
    }

    .pic-list span {
        float: left;
        width: 33.3333333333333%;
    }

    .pic-list span img {
        width: 100%;
        height: 250px;
        margin: 0 auto;
    }

    .pic-list span em {
        height: 40px;
        line-height: 40px;
    }

    @media screen and (max-width:500px) {
        .pic-list span img {
            height: 200px;
        }
    }

    @media screen and (max-width:450px) {
        .pic-list span img {
            height: 150px;
        }
    }

    @media screen and (max-width:400px) {
        .pic-list span img {
            height: 130px;
        }
    }

    /*图片放大*/
    .photoBox {
        display: inline-block;
        position: relative;
    }

    .photoBox img {
        display: block;
    }

    .zoom {}

    .photoArea {
        zoom: 1;
    }

    .minifier {}

    .photoArea {}

    .photoArea img {
        width: 99%;
        height: auto;
    }

    .clearfix:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden
    }

    .clearfix {
        *zoom: 1
    }

    .kj-link-tit {
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #0063ca;
        border-bottom: solid 3px #0063ca;
        background: #eee;
        background-image: linear-gradient(to top, #f7f7f7, #fff);
    }

    .kj-link-box {
        padding: 5px 10px;
        text-align: center;
    }

    .kj-link-box ul {}

    .kj-link-box ul li {
        float: left;
        width: 33.33%;
        padding-right: 3%;
    }

    .kj-link-box ul li:nth-child(3n) {
        padding-right: 0;
    }

    .kj-link-box ul li a {
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: 5px 0;
        border: solid 1px #ddd;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        display: inline-block;
        background-image: linear-gradient(to top, #f7f7f7, #fff);
    }

    .md-links {
        padding-top: 10px;
        text-align: center;
    }

    .md-links ul {
        *zoom: 1
    }

    .md-links ul:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden
    }

    .md-links ul li {
        float: left;
        width: 25%;
        padding-bottom: 10px;
    }

    .md-links ul li img {
        width: 45px;
        height: 45px;
        margin-bottom: 5px;
    }

    .md-links ul li p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #F00;
        font-size: 13px;
    }

    .clearfix:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden;
    }

    .clearfix {
        *zoom: 1
    }

    .cgi-tuijian {}

    .cgi-tj-l {
        float: left;
        width: 18%;
        margin-right: 2%;
        padding-top: 10px;
    }

    .cgi-tj-l img {
        width: 100%;
        height: 100px;
    }

    .cgi-tj-r {
        float: right;
        width: 80%;
    }

    .cgi-tj-r ul {}

    .cgi-tj-r ul li {
        height: 40px;
        line-height: 40px;
        border-bottom: solid 1px #ddd;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .cgi-tj-r ul li:last-child {
        border-bottom: 0;
    }

    .cgi-tj-r ul li a {}

    @media screen and (max-width:640px) {
        .cgi-tj-l {
            width: 32%;
            margin-right: 3%;
        }

        .cgi-tj-r {
            width: 65%;
        }
    }

    @media screen and (max-width:550px) {
        .cgi-tj-l {
            width: 32%;
            margin-right: 3%;
        }

        .cgi-tj-r {
            width: 65%;
        }
    }

    @media screen and (max-width:450px) {
        .cgi-tj-l {
            width: 32%;
            margin-right: 3%;
        }

        .cgi-tj-r {
            width: 65%;
        }
    }

.mySwiperxianggangBoxImg {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
    }

    .mySwiperxianggangBoxImg .swiper-slide {
        width: auto;
    }

    .mySwiperxianggangBoxImg .swiper-slide>div {
        padding: 2px 4px;
    }

    .mySwiperxianggangBoxImg .swiper-slide>div>div {
        user-select: none;
        font-size: 19px;
        padding: 4px 10px;
        line-height: 1;
        color: rgb(64, 158, 255);
        border-radius: 20px;
        border: 1px solid rgb(64, 158, 255);
    }

    .mySwiperxianggangBoxImg .swiper-slide>div>div.activebtn9X1MA {
        font-weight: 900;
        color: #fff;
        background-color: rgb(64, 158, 255);
    }

    .mySwiperxianggangBoxImg .hidden9X1M {
        display: none !important;
    }

.myasdasdvaomenBoxImg1 .asdasdv-slide>div {
    padding: 2px 4px;
}
.activebtn9X1MA {
    font-weight: 900;
    color: #fff !important;
    background-color: rgb(64, 158, 255);
}
.myasdasdvaomenBoxImg1 {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}
.asdasdv {
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.myasdasdvaomenBoxImg1 .asdasdv-slide {
    width: auto;
}
.asdasdv-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.asdasdv-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.myasdasdvaomenBoxImg1 .asdasdv-slide>div {
    padding: 2px 4px;
}
.myasdasdvaomenBoxImg1 .asdasdv-slide>div>div {
    user-select: none;
    font-size: 19px;
    padding: 4px 10px;
    line-height: 1;
    color: rgb(64, 158, 255);
    border-radius: 20px;
    border: 1px solid rgb(64, 158, 255);
}
.asdasdv-wrapper {
    position: relative;
    width: 100%;
    height: 116%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow-x: auto;
    padding-bottom: 6px;
}

.myasdsadsadaomenBoxImg1 .asdsadsad-slide>div {
    padding: 2px 4px;
}
.activebtn9X1MA {
    font-weight: 900;
    color: #fff !important;
    background-color: rgb(64, 158, 255);
}
.myasdsadsadaomenBoxImg1 {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}
.asdsadsad {
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.myasdsadsadaomenBoxImg1 .asdsadsad-slide {
    width: auto;
}
.asdsadsad-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.asdsadsad-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.myasdsadsadaomenBoxImg1 .asdsadsad-slide>div {
    padding: 2px 4px;
}
.myasdsadsadaomenBoxImg1 .asdsadsad-slide>div>div {
    user-select: none;
    font-size: 19px;
    padding: 4px 10px;
    line-height: 1;
    color: rgb(64, 158, 255);
    border-radius: 20px;
    border: 1px solid rgb(64, 158, 255);
}
.asdsadsad-wrapper {
    position: relative;
    width: 100%;
    height: 116%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow-x: auto;
    padding-bottom: 6px;
}

.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;
    }
}

/* 只修改当前统计模块的线条颜色，不影响其他地方 */
#show_tongji.tongji-gray-line table,
#show_tongji.tongji-gray-line td,
#show_tongji.tongji-gray-line th {
    border-color: #bfbfbf !important;
}

.box22 {
    margin: 2px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
}

.list-title123444 {
    line-height: 1.7;
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    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-title123444 {
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 32px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}

@media screen and (max-width: 610px) {
    #yxym .list-title123444 {
        font-size: 20px;
    }
}
@media screen and (max-width: 505px) {
    #yxym .list-title123444 {
        font-size: 22px;
    }
}
@media screen and (max-width: 409px) {
    #yxym .list-title123444 {
        font-size: 20px;
    }
}
@media screen and (max-width: 374px) {
    #yxym .list-title123444 {
        font-size: 20px;
    }
}


.duilianpt1234 {
    table-layout: auto;
    color: #0000FF;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

.duilianpt1234 td {
    font-weight: bold;
    line-height:1.7;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
}
@media screen and (max-width: 610px) {
    .duilianpt1234 td {
        font-size: 16pt;
    }
}

@media screen and (max-width: 505px) {
    .duilianpt1234 td {
        font-size: 15pt;
    }
}

@media screen and (max-width: 429px) {
    .duilianpt1234 td {
        font-size: 15pt;
    }
}

@media screen and (max-width: 409px) {
    .duilianpt1234 td {
        font-size: 13pt;
    }
}

@media screen and (max-width: 374px) {
    .duilianpt1234 td {
        font-size: 13pt;
    }
}

.duilianpt1234 .zl {

    color: red;
}

.duilianpt1234 .zl {
    font-size: 22pt;
}

@media screen and (max-width: 610px) {
    .duilianpt1234 .zl {
        font-size: 17pt;
    }
}

@media screen and (max-width: 505px) {
    .duilianpt1234 .zl {
        font-size: 16pt;
    }
}

@media screen and (max-width: 429px) {
    .duilianpt1234 .zl {
        font-size: 15pt;
    }
}

@media screen and (max-width: 409px) {
    .duilianpt1234 .zl {
        font-size: 14pt;
    }
}

@media screen and (max-width: 374px) {
    .duilianpt1234 .zl {
        font-size: 13pt;
    }
}

.benzhan55345{
    display:none;
}

.gsbgsb img {
    border: 0;
    display: inline!important;
}



    .dungdetail{
    display: none;
}
.p-all12 {
    padding: 2px;
    background: #006800;
}

.bg1 {
    background: linear-gradient(to right, #006800, #00c81f);
}
.br-123 {
    border-radius: 12px;
    overflow: hidden;
}
.pb-head {
    padding-left: 0.5rem;
    padding-right: 1rem;
}
.pb-tit1 {
    font-size: 1.4rem;
    color: #fff;
    padding-top: .5rem;
    font-semibold: 600;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: bold;
}
.gsbgsb {
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background: #e6e6e6;
    font: 14px / 1.5 tahoma, '//5FAE//8F6F//96C5//9ED1', '//5B8B//4F53', arial, georgia, verdana, helvetica, sans-serif;
    color: #444;
}
.gsbgsb {
    margin: 0;
    padding: 0;
}
.gsbgsb table {
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    empty-cells: show;
    border-collapse: collapse;
}
.gsbgsb table td {
    border: 1px solid #e5e5e5;
    padding: 3px 2px;
    word-break: break-all;
}
.gsbgsb table {
    border-collapse: collapse;
    border-spacing: 0;
}
.gsbgsb img {
    border: 0;
}
.home-banner img {
    text-align: center;
    border-radius: 12px;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
        display: inline;
        
}

.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;
}
}
.module-titleuu {
    font-size: 21px;
    text-align: center;
    color: #fff;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    background-color: var(--ppc-primary-color);
}

.caisize {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 31px; 
    line-height: 1.2;
    background-color: var(--ppc-primary-color);
    color: #fff;
}
@media only screen and (max-width: 720px) {
    .caisize {
        font-size: 20px ;
    }
}
            .dityuming::before {
    content: var(--text-dityumingqq);
}
.dauyuming::before {
    content: var(--text-dauyumingqq);
}
.yuming7x::before {
    content: var(--text-qixiaobaz);
}
            .wzzl {
    background: #f1f8f1;
    border-radius: 15px;
    font-weight: bold;
    font-size: 18pt;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.mt8 {
    margin-top: 4px;
}

.wzbg {
    /* background: linear-gradient(to right, #114433, #089d5e); */
    background-color: var(--ppc-primary-color) !important;
}
.br12 {
    border-radius: 12px;
}
.wzzl .wzzl-tit {
    padding: 10px 0 10px .95rem;
    color: #fff;
}
/* a */

.qnzl {
    background:#fff;
    text-align: center;
    padding:0;
    }
.qnzl ul { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    padding: 5px;
    }
.qnzl ul li { 
    display:inline-block;
    width: 33.33%; 
    padding: 5px; 
    box-sizing: border-box;
    }
.qnzl ul li a { 
    display: block; 
    text-decoration:none; 
    color:#ff0000;
    font-weight:bold; 
    padding: 12px 0; 
    border: solid 1px #a8a8a8; 
    border-radius: 25px;
    font-size:20pt
    }
.qnzl-more { 
    margin-bottom: 10px; 
    padding: 0 10px;
    }
.qnzl-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:720px){  
    .qnzl ul li a { 
    display: block; 
    text-decoration:none; 
    font-weight:bold; 
    padding: 7px 0; 
    font-size:12pt
    }
.qnzl ul { 
    padding: 3px;
    }
.qnzl ul li { 
    width: 33.33%; 
    padding: 3px; 
    box-sizing: border-box;
    }
.qnzl-more a { 
    font-size: 14px;
    }
}
.dungdetail{
    display: none;
}

.qnzl {background:#fff;text-align: center;padding:0;} 
.qnzl ul { display: flex; flex-direction: row; flex-wrap: wrap; padding: 5px;}
.qnzl ul li { width: 33.33%; padding: 5px; box-sizing: border-box;}
.qnzl ul li a { display: block; padding: 7px 0; border: solid 1px #ddd; border-radius: 5px;}
.qnzl-more { margin-bottom: 10px; padding: 0 10px;}
.qnzl-more a { display: block; padding: 5px 0; color: #fff; text-align: center; font-size: 18px; border-radius: 5px; }
@media screen and (max-width:750px){  
.qnzl ul { padding: 3px;}
.qnzl ul li { width: 33.33%; padding: 3px; box-sizing: border-box;}
.qnzl-more a { font-size: 14px;}
}

#app {
    max-width: var(--ppc-body-width);
    margin: 0 auto !important;
    border-left: solid 1px #f5b047;
    border-right: solid 1px #f5b047;
    box-sizing: content-box;
    background: #fff;
}

.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-color: var(--ppc-primary-color) !important;

  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,42px);
  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;
  }
}

.box {

    border-radius: 5px;
    overflow: hidden;
}
.gongshi tr {
    height: 25px;
}

.gongshi td {
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #efe8e8;
    font-size: 18pt;
    text-align: center;
}

@media screen and (max-width: 505px) {
    .gongshi td {
        font-size: 16pt;
    }
}

@media screen and (max-width: 409px) {
    .gongshi td {
        font-size: 14pt;
    }
}

.gongshi td a {
    display: block;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    background: var(--ppc-primary-color) !important;
    overflow: hidden;
}

a:link {
    text-decoration: none;
}
.list-title111 {
    font-size: 16pt;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 4px 1px #b99b5f;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 0px 4px 0px;
}

#yxym .list-title111 {
    background: linear-gradient(#f2030300, #f7f3f3);
    font-size: 26px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}
@media screen and (max-width: 610px) {
    #yxym .list-title111 {
        font-size: 20px;
    }
}

@media screen and (max-width: 505px) {
    #yxym .list-title111 {
        font-size: 18px;
    }
}

@media screen and (max-width: 409px) {
    #yxym .list-title111 {
        font-size: 17px;
    }
}

@media screen and (max-width: 374px) {
    #yxym .list-title111 {
        font-size: 15px;
    }
}

.pagebox {
    background: linear-gradient(to right, #f1f1f1, #f1f1f1) !important; 
}
        body {
            max-width: 720px;
            margin: 0 auto;
            background: #f0f5f9;
            /* overflow-x: hidden; */
        }
    
        * {
            padding: 0;
            border: 0;
            box-sizing: border-box;
        }
    
        .header.index-header {
            /* height: 98px; */
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
        }
    
        .header {
            position: fixed;
            z-index: 99;
            width: 100%;
            max-width: 720px;
            background-image: linear-gradient(to right, #9fe8e8, #b1e8e8, #b5e8e8, #bcf1f1, #ccf3f3, #a7dada, #9fe8e8);
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }
    



    
        .header .bank {
            float: right;
            position: relative;
            width: 80px;
            height: 50px;
        }
    
        .header .bank img {
            display: block;
            width: 75px;
            height: 50px;
            margin: 0 auto;
        }
    
        .nav {
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            overflow: hidden;
            border-top: 1px solid #000;
        }
    
        .nullbox {
            height: 100px;
        }

.waibox {
            text-align: center;
            background: linear-gradient(to top, #9C27B0, #2196F3);
            line-height: 55px;
            border-radius: 5px;
        }
    
        .location_to {
            padding: 10px;
            background: beige;
            border-radius: 15px;
            font-size: 20px;
            color: #F44336;
            font-weight: bold;
            letter-spacing: 1px;
            box-shadow: 2px 2px 1px #F44336;
        }

@charset "utf-8";

/*header*/

.header{

	position: fixed;

	z-index: 99;

	height: 61px;

	width: 100%;

	max-width: 720px;

	background-image: linear-gradient(to right, #008074, #00807a, #007d99, #007e80, #008599, #005680, #008074);

	border-bottom-left-radius: 0px;

	border-bottom-right-radius: 0px;

}

.header.index-header{
  overflow: hidden;
	/* height: 98px; */

}
.header.index-header  .baomaqgBtn4BoxFAKEFather {

    height: 157px;

    -ms-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transform: scale(0.9, 0.6) translateY(-39px);

    transform: scale(0.8, 0.4) translateY(-47px);

}
.header.index-header   .baomaqgBtn4BoxFather2 {

    height: 157px;

    -ms-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transform: scale(0.9, 0.6) translateY(-39px);

    transform: scale(0.8, 0.56) translateY(-66px);

}
.header .head-title-img{

	position: relative;

/*	background: rgba(0,0,0,0.6);*/

}

.head-title-img .natural{

	display: block;

	position: absolute;

	top: 2px;

	width: 60px;

	height: 60px;

	left: 50%;

	margin-left: -30px;

	-webkit-animation: z 5s linear 0s infinite;

    -moz-animation: z 5s linear 0s infinite;

    -ms-animation: z 5s linear 0s infinite;

    animation: z 5s linear 0s infinite;

    box-shadow: 0px 0px 20px #000;

    border-radius: 50%;

}

@-webkit-keyframes z {

	from {

		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

	}

	to {

		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

	}

}

.header .logo-box{

	/* height: 55px; */

}



.header .logo{

	float: left;

	height: 50px;

	margin-left: 0px;

}

.header .logo .logo-img {
    width: 208px;
    height: 58px;
    margin: 1px 1px 2px -2px;

}


@media screen and (max-width: 610px) {
    .header .logo .logo-img {
        width: 192px;
        height: 57px;
        margin: -1px 1px 2px 1px;
    }
}


.header .bank{

    float: right;

    position: relative;

    width: 80px;

    height: 50px;

}

.header .bank a{

	display: block;

    color: #fff;

    font-size: 12pt;

    text-align: center;

    padding-top: 14px;

}

.header .bank img{

	display: block;

	width: 75px;

	height: 57px;

	margin:0 auto;

}









.nullbox{

	height: 100px;

}

.subnullbox{

	height: 61px;

}

/*nav*/

.nav{

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	overflow: hidden;

	border-top: 1px solid #000;

}

.nav span:not(.lotteryBox span){

	display: block;

	float: left;

	height: 30px;

	line-height: 30px;

	width: 16.66%;

	text-align: center;

	cursor: pointer;

}

.nav span:not(.lotteryBox span):hover{

	background:#292929;

}

.nav.pf span:hover{



}

.box{

	margin:5px 0;

	border-radius: 5px;

	overflow: hidden;

	background-image: linear-gradient(to right, #008074, #00807a, #007d99, #007e80, #008599, #005680, #008074); 

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);

}

.dbt img{

	margin-top: 98px;

	margin-bottom: -8px;

}

/*news*/

.news-title{

	float: left;

    padding-left: 5px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;



}

.news-title img{

	display: block;

	float: left;

	width: 35px;

	height: 35px;

	margin-right:5px;

}

.txtMarquee-left{ padding:0 1px;width:auto;position:relative;overflow: hidden;}

.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important;color: #000;  }/* �?width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问�?*/

.txtMarquee-left .bd ul li a{color: #fff;}

.txtMarquee-left .bd ul li a:hover{text-decoration: underline;}





/*content*/

.subnav{

	border-radius:5px;

	padding:5px 0;

	    background: #d4f2f9;

	overflow: hidden;

}

.subnav a{

	display: block;

	float: left;

	width: 20%;

	text-align: center;

	font-size: 12pt;

	color: #000;

	font-weight: bold;

	text-shadow: 0px 2px 1px #ff9c00;

}

.subnav a img{

	display: block;

	width: 84px;

	height:76px;

	margin:0 auto 2px;

	animation-duration:1s;

	animation-fill-mode:both;

}

.subnav a:nth-child(1) img,.subnav a:nth-child(2) img{

	animation-name:fadeInLeft;

}

.subnav a:nth-child(3) img{

	animation-name:bounceInDown;

}

.subnav a:nth-child(4) img,.subnav a:nth-child(5) img{

	animation-name:fadeInRight;

}

.ggimg{

	margin:5px 0;

}

.ggimg a img{

	width: 60px;

	height: 60px;

}

@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}

@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}

@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}

.subnav a:hover{

	animation-name:pulse;

	animation-duration:1s;

	animation-fill-mode:both;

}

@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
<!--
.pad{

	padding:4px 4px;

}

.xjbox{

	margin: 5px 0;

    border-radius: 5px;

    overflow: hidden;

    background: #000;

}

.sup-title{

	font-size: 14pt;

	height: 50px;

	line-height: 50px;

	margin:5px 0;

	text-align: center;

	color: #fff;

	background: #b99b5f;

	border-radius: 5px;

	text-shadow: 0px 1px 10px #000;

	overflow: hidden;

	border:1px solid #000;



}

.jiesitable{

	width: 100%;

	text-align: center;

	word-wrap: break-word;

	font-size:13pt;

	table-layout: fixed;

	border-radius: 8px;

	color: #fff;

	font-weight: bold;

	font-family: 'simsun';

}

.jiesitable tr{

	height: 30px;

}

.jiesitable th,.jiesitable td{

/*	white-space: nowrap;

	overflow: hidden;*/

	text-overflow: ellipsis;

	border:1px solid #b69157;	

}

.listtable{

	color: #000;

	table-layout: fixed;

}

.listtable tr{

	height: 25px;

}

.listtable th,.listtable td{

	padding:4px 4px;

}

.listtable th{

	font-size: 20pt;

	text-align: center; 

	border-bottom:1px solid #000;

	text-shadow: 1px 4px 1px #b99b5f;

}

.listtable td{

	height: 22px;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border-bottom: 1px solid #b99b5f;

	font-size: 14pt

}

.listtable td a{

	display: block;

	height: 22px;

	line-height: 22px;

	color: #000;

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

}

.gg{

	color: #000;

	table-layout: fixed;

}

.gg tr{

	height: 25px;

}

.gg th,.gg td{

	padding:4px 4px;

}

.gg th{

	font-size: 20pt;

	text-align: center; 

	border-bottom:1px solid #000;

	text-shadow: 1px 4px 1px #b99b5f;

}

.gg td{

	height: 22px;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border-bottom: 1px solid #a9cccb;

	font-size: 18pt

}

.gg td a{

	display: block;

	color: #000;

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

}

.gjpxj{

	color: #000;

	table-layout: fixed;

}

.gjpxj tr{

	height: 25px;

}

.gjpxj th,.gjpxj td{

	padding:1px 1px;

}

.gjpxj th{

	font-size: 20pt;

	text-align: center; 

	border-bottom:1px solid #000;

	text-shadow: 1px 4px 1px #b99b5f;

}

.gjpxj td{

	height: 22px;

	text-overflow: ellipsis;

	border-bottom: 1px solid #b99b5f;

	font-size: 14pt;

	font-weight: bold;

}

.spm{

	color: #000;

	table-layout: fixed;

}

.spm tr{

	height: 25px;

}

.spm th,.spm td{

	padding:4px 4px;

}

.spm td{

	height: 22px;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border-bottom: 1px solid #b99b5f;

	font-size: 14pt;

	text-align: center;

}

.spm td a{

	display: block;

	height: 22px;

	line-height: 22px;

	color: #000;

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

}



.img-title{

	width: 65%;

	float: right;

	text-align: center;

	margin-bottom: 35px;

}

.img-title h1{

	margin-top: 30px;

	font-size: 52px;

	letter-spacing: 6px;

	text-shadow: 0px 2px 1px #000;

	color: red;

}

.img-title h2{

	margin-top: 32px;

	font-size: 24px;

	color: #0060ff;

	letter-spacing: 13px;

	text-shadow: 0px 2px 1px #000;

}

.text-box{

	height: 197px;

	background: url('zgl.png') no-repeat left top;

}

.listtable.icon6{

	background: #fff url('img1.png') no-repeat bottom right;

}

.listtable.icon6 td a{

	color: #000;

}

.xjimg-list{

	background: rgba(255,255,255,0.6)

}

.img-list-box{

	background: url('img2.png') no-repeat top right;

}

.img-list-title{

	margin:5px 0;

	text-align: center;

	font-size: 32px;

	color: #ffff00;

	font-weight: bold;

	text-shadow: 0px 1px 1px #000;

}

.sideMenu{ height: 248px;border:1px solid #000; border-radius: 5px;overflow: hidden;}

.sideMenu h3{ height:42px; line-height:42px; padding-left:10px;  cursor:pointer;font-size:20px;color: #fff;text-align:center;background: #000;border-bottom:1px solid #fff;}

.sideMenu h3 em{ float:right; display:block; width:40px; height:42px;   background:url('icoAdd.png') no-repeat 16px 12px; cursor:pointer }

.sideMenu h3.on em{ background-position:16px -57px; }

.sideMenu ul{ padding:20px 25px; color:#999; display:none;}

.sideMenu ul li{

	float: left;

	width: 25%;

	height: 80px;

}

.sideMenu ul li a{

	display: block;

	width: 90%;

	margin:0 auto;

	height: 80px;

	line-height: 80px;

	text-align: center;

	background: rgba(97,152,191,0.7);

	border-radius: 10px;

	border:1px solid #fff;

	color: #000e42;

	font-size: 18px;

	transition: all 0.5s;

}

.sideMenu ul li a:hover{

	background: rgba(0,0,0,0.7);

	color: #fff;

	border:1px solid #000;

}

.qxtable{

	color: #000;

    background: #fff;

    font-weight: bold;

    word-wrap: break-word; 

    word-break: break-all;	

    text-align: center;;

}

.qxtable tr {

     height: 27px; 

}

.qxtable th, .qxtable td {

    border:1px solid #fff;

}

.qxtable th{

	font-size: 18px;

	background: #fff89c;

	text-align: center;

	color: red;

}

.qxtable td {

    text-overflow: ellipsis;    

    font-size: 24px;

}

.qxtable .xz {   

    font-size: 36px;

}

.qxtable .xz1 {   

    font-size: 20px;

}

.qxtable .xz2 {   

    font-size: 30px;

}

.qxtable.left{

	text-align: left;

}

.qxtable.left th{

	text-align: left;

}

.qxtable.yxym{

	table-layout:auto;

	word-wrap: break-word;

    word-break: break-all;

/*    background:#fff url(../images/tjl.png) center center no-repeat;

*/}

.qxtable.yxym td{

	font-size: 14pt;

}

.qxtable.yxym tr td:nth-child(1){

	background: #d4eae9;

	width: 21%;

}

.qxtable.yxym tr td:nth-child(3){

	background: #d4eae9;

	width: 14%;

}

.qxtable.yxym tr td:nth-child(2){

	background: #f7f7f7;

	width: 65%;

}

.list-title{

	height: 40px;

	line-height: 40px;

	font-size: 16pt;

    text-align: center;

    border-bottom: 1px solid #738e9f;

    text-shadow: 1px 4px 1px #b99b5f;

    background: #fff

    color: #000;

    font-weight: bold;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.riqi{

	font-size: 19pt;

    text-align: center;

    font-weight: bold;

    color: #08f9f9;

}

.haoju{

	font-size: 20pt;

    text-align: center;

    font-weight: bold;

}

#yxym .list-title{

	background: linear-gradient(transparent,#f7f3f3);

	font-size: 28px;

	color: #000;

	text-shadow: 0px 0px 10px #e5e5e5;



}



ul {margin: 1px;}

.post-list{text-align:center;}

.post-list-tit-pic{margin-bottom:6px}

.post-list li{padding: 3px 3px;

    border-radius: 0px;

    background-color: #fff;}



.post-list a{

height: 35px;

line-height: 35px;

text-align: center;

border: solid 1px #ddd;

border-radius: 8px;

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-size: 26px;

font-weight: bold;

color: #000;

}





.jueshatable{

	table-layout: auto;

	color: #fff;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #000;

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);

}

.jueshatable tr{

	height: 25px;

}

.jueshatable th{

	background: #000;

	color: #fff;

	border:1px solid #636262;

}

.jueshatable td{

	font-weight: bold;

	border:1px solid #636262;

	width: 50%;

}



.guanggao{

	table-layout: auto;

	color: #fff;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #000;

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);

}

.guanggao tr{

	height: 25px;

}

.guanggao img{

	width: 710px;

	height: 45px;

}

.guanggao a{

	font-size: 16pt;

	color: #FF0000;

}

.guanggao td{

	font-weight: bold;

	border:0px solid #636262;

	width: 100%;

}

.liuxiao{

	table-layout: auto;

	color: #fff;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #ffdfff;

}

.liuxiao tr{

	height: 25px;

}

.liuxiao td{

	font-weight: bold;

	border:1px solid #fff;

	width: 100%;

}

.shierma{

	table-layout: auto;

	color: #000;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #fff;

}

.shierma tr{

	height: 25px;

}

.shierma td{

	font-weight: bold;

	border:1px solid #C0C0C0;

	width: 100%;

}

.yjxj{

	table-layout: auto;

	color: #000;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #BBDDFF;

}

.yjxj tr{

	height: 25px;

}

.yjxj td{

	font-weight: bold;

	border:1px solid #fff;

	width: 100%;

}

.gongshi{

	color: #000;

	table-layout: fixed;

}

.gongshi tr{

	height: 25px;

}

.gongshi th,.gongshi td{

	padding:2px 2px;

}

.gongshi th{

	font-size: 20pt;

	text-align: center; 

	border-bottom:1px solid #000;

	text-shadow: 1px 4px 1px #b99b5f;

}

.gongshi td{

	height: 22px;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border: 1px solid #efe8e8;

	font-size: 16pt;

	text-align:center;

}

.gongshi td a{

	display: block;

	color: #fecaca

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

}

.duilianpt{

	table-layout: auto;

	color: #FF0000;

	/* border-radius: 5px; */

	overflow: hidden;

	text-align: center;

	background: #fff;

}

.duilianpt tr{

	height: 25px;

}

.duilianpt td{

	font-weight: bold;

	border:1px solid #C0C0C0;

	font-size: 18pt;

}

.duilianpt th{

	font-weight: bold;

	border:1px solid #C0C0C0;

	font-size: 18pt;

}

.pnzl{

	table-layout: auto;

	color: #000;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #f5f5f5;

}

.pnzl tr{

	height: 25px;

}

.pnzl td{

	font-weight: bold;

	border:1px solid #fff;

	width: 33.3%;

	font-size: 12pt;

	font-family: ΢���ź�;

}

.pnzl a{

	color: #000;

}



/*footer*/

.foot-img{

	padding-bottom: 0px;

	background: url('foot-img.png') no-repeat center bottom;

}

.footer-link{

	height: 30px;

	line-height:30px;

	text-align: center;

	border-bottom: 1px solid #000;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}

.footer-link a{

	color: #6198bf;

	margin:0 10px;

}

.footer-link a:hover{

	text-decoration: underline;

}

.copyright{

	width: 80%;

	margin:0 auto;

	text-align: center;

	padding-bottom: 5px;

	margin-bottom:5px;

	border-bottom:1px solid #000;

	color: #fff;

}

.xjct{

	background-image: linear-gradient(to right, #008074, #00807a, #007d99, #007e80, #008599, #005680, #008074);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99bdb657, endcolorstr=#99bdb657);

}













/*sub*/

.tablebox{

	text-align: center; 

	border-collapse: collapse;

	table-layout: fixed;

	width: 100%;

}

.tablebox tr{

	line-height: 32px;

}

.tablebox td{

	border: 1px solid #e5e5e5;

    word-break: break-all;

    padding: 3px 2px;

}

.tablebox a{

	color: rgb(255, 0, 0);

	text-decoration: underline;

	font-weight: bold;

	font-size: 16px;

}

.subList-bg{

	background:#fff url('subList-bg.png') no-repeat top right;

}

.subTextTitle{

	color: #000;

    padding: 8px 8px 0px 8px;

    border-top-left-radius:8px;

    border-top-right-radius:8px;

}

.subTextTitle h1{

	height: 40px;

	line-height: 40px;

	overflow: hidden;

    font-size: 18px;

    font-weight: bold;

}

.subTextTitle h2{

	color: #9e6101;

	text-indent: 6px;

}

.subTextTitle p{

	color: #d2b335;

	border-top: 1px solid #ffeda4;

	border-bottom: 1px solid #ffeda4;

	padding:10px 0;

	margin-top:10px;

	text-indent: 6px;

}

.tablebox.imgbox a {

    display: block;

    height: 44px;

}

.tablebox.imgbox img {

    width: 100%;

    height: 44px;

}

.subListTable{

	padding:4px 8px 8px 8px;

	color: #000;

}

.subListTable td{

	line-height: 32px;

	border-bottom: 1px solid #ffeda4;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-weight: bold;

}

.foot-subTextTitle{

	padding:0 8px;

}

.foot-subTextTitle p{

	color: #d2b335;

	padding-bottom: 10px;

	border-bottom: 1px solid #ffeda4;

}



@media screen and (max-width: 570px){

.riqi{

	font-size: 15pt;

}

.pad {

    padding: 2px 2px;

}

	#yxym .list-title{

	font-size: 21px;

}

.duilianpt td{

	font-size: 15pt;

	}

.duilianpt th{

	font-size: 14pt;

	}

.qxtable td {

    font-size: 20px;

}

.qxtable .xz {   

    font-size: 28px;

}

.qxtable .xz1 {   

    font-size: 13px;

}

.qxtable .xz2 {   

    font-size: 24px;

}

.listtable td{

		font-size: 13pt;

}

.qxtable.yxym td {

    font-size: 12pt;

}

.post-list a{font-size:21px

}

.gg td{

	font-size: 13pt

}

.gg td a{

	height: 22px;

    line-height: 26px;

}

}

@media screen and (max-width: 455px){

.pad {

    padding: 2px 2px;

}

	#yxym .list-title{

	font-size: 20px;

}

.riqi{

	font-size: 12pt;

}

.haoju{

	font-size: 14pt;

}

.box,.subnav,.xjbox{

		margin:3px 0px ;

	}

.subnav a{

		font-size: 11pt;

	}

.subnav a img{

		width: 67.2px;

		height: 60.8px;

	}

.ggimg a img{

		width: 40px;

		height: 40px;

	}

.xjbox table,.listtable td{

		font-size: 10pt;

	}

.sideMenu ul li a{

		font-size: 12px;

	}

.img-title{

		width: 90%;

	}

.img-title h2{

		letter-spacing: 7px;

	}

.head-title-img .natural{

		left: 73%;

	}

.header .logo{

		margin-left: 3px;
        margin-top: 3px;

	}

.nav span:not(.lotteryBox span){

		font-size: 10px;

	}

.qxtable.yxym td{

		font-size: 12px;

	}

.qxtable.yxym tr td:nth-child(2){

		font-size: 18px;

	}

.guanggao img{

	width: 100%;

	height: 33px;

	}

.guanggao a{

	font-size: 10pt;

	}

.gongshi td{

	font-size: 12pt;

	}

.duilianpt td{

	font-size: 14pt;

	}

.duilianpt th{

	font-size: 13pt;

	}

.pnzl td{

	font-size: 11pt;

}

.qxtable td {

    font-size: 14px;

}

.qxtable .xz {   

    font-size: 26px;

}

.qxtable .xz1 {   

    font-size: 12px;

}

.qxtable .xz2 {   

    font-size: 16px;

}

.gjpxj td{

	font-size: 12pt;

}

.post-list a{font-size:18px

}

.gg td{

	font-size: 12pt

}

}

@media screen and (max-width: 385px){

.riqi{

	font-size: 11pt;

}

.haoju{

	font-size: 13pt;

}

.qxtable td {

    font-size: 12px;

}

.qxtable .xz {   

    font-size: 20px;

}

.qxtable .xz1 {   

    font-size: 11px;

}

.qxtable .xz2 {   

    font-size: 14px;

}

#yxym .list-title{

	font-size: 19px;

}

.duilianpt td {

    font-size: 13pt;

}

.duilianpt th{

	font-size: 11pt;

}

.xjbox table,.listtable td{

	font-size: 9pt;

}

.pnzl td {

    font-size: 10pt;

}

.gongshi td{

	font-size: 11pt;

	}

.post-list a{font-size:17px

}

.gg td{

	font-size: 11pt

}

}
.blgg a{text-decoration: none;}
.blgg a:hover{text-decoration:underline;}

.blgg {
    table-layout: auto;
    color: #000;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    
}
.blgg td {
    font-weight: bold;
    border: 1px solid #fefefe;
    font-size: 18pt;
    padding: 2px 2px;
    white-space: nowrap;
}

.blgg a {
    line-height: 35px;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 8px;
    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;
}


@media screen and (max-width: 580px){
.blgg td{
  font-size: 15pt;
  }
}
@media screen and (max-width: 480px){
.blgg td{
  font-size: 13pt;
  }
}
@media screen and (max-width: 408px){
.blgg td {
    font-size: 12pt;
}
.blgg a {
    line-height: 30px;
}
}
@media screen and (max-width: 358px){
.blgg td {
    font-size: 11pt;
}
}
b, th > font{
    font-weight: bold !important;
}