*{border:0;padding:0;margin:0}
html, body{height:100%;font:14px/1.4 Microsoft YaHei,Helvetica,sans-serif;color:#222;max-width: 720px;margin: 0px auto;padding: 0;}
body{min-height: 100%; height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
ol, ul, li{list-style: none}
img{max-width: 100%; height: auto; border: 0; vertical-align:middle;}
table{empty-cells: show; border-collapse: collapse;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
a{color: inherit; text-decoration: none;}
a:hover{text-decoration: none;}

.header{
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 720px;
    background: var(--color-herder);
}

.header .logo-box{
    height: 50px;
}

.header .logo{
    float: left;
    height: 55px;
    margin-left: 0px;
}

.header .bank{
    float: right;
    position: relative;
    width: 60px;
    height: 50px;
    right: 8px;
}

.header .bank img{
    display: block;
    width: 75px;
    height: 20px;
    margin: 0px auto;

}

.nav{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
    border-top: 0px solid #000;
}

.header .bank a{
    display: block;
    font-size: 15pt;
    text-align: center;
    padding-top: 0px;
    text-decoration: none;
    margin-left: 28px;
    margin-top: 0px;
}
.bank a{
    color: #fff;
    line-height: 1.2; /* 调整行高 */
    margin: 0; /* 去掉上下外边距 */
    display: inline-block; /* 确保 `<a>` 标签能正确应用 CSS 属性 */
  
}
.head-title-img img{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 0px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 0px 20px #000;
    border-radius: 50%;
}

img{
    max-width: 100%;
    vertical-align: middle;
}

.p-all{
    padding: 0 .0rem .0rem .5rem;
}

.logo-r{
    padding-left: 190px;
    position: fixed;
    top: 4px;
    z-index: 99;
}
.logo-t{
    padding-left: 8px;
    position: fixed;
    top: 0px;
    z-index: 99;
}

#logo{width:100%;max-width:720px;margin: 0 auto;position: fixed;top: 0px;z-index: 99;}
#logo{display: inline-block;}
#logo  img{width:230px;height: 55px;}
.slsl img{width:50px;height: 50px;}

 /*手机样式 */
@media screen and (max-width: 480px){
    .header .logo .logo-img{
        width: 250px;
        height: 50px;
    
}
}

@media screen and (max-width: 408px){
    .header .logo .logo-img{
        width: 250px;
        height: 50px;
    
}
}
.white-box{
  background: #fff;        
  padding: 0 15px;       
  text-align: center;      
}

.white-box .mz-img{
  width: 90%;
  max-width: 600px;
  display: block;
  margin: 0 auto;
}

.duilianpt1{
    table-layout: auto;
    color: #FF0000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.gghjd{
    height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.gghjd .td1,.gghjd .td3{
   width: 5%;
   background: #73ffb6;
   
}
.gghjd .td2{
   background: #000000;
   color: #ff0000; 
}

.gghjd p{
  	line-height: 1.8
}
.gghjd a{
  	color: rgb(84, 255, 0);
}
.gghjd b{
  	color: #FFFF00;
}
.gghjd c{
  	color: #FF00FF;
}

.gghjd .btyy{
   background: #ffff00;
   color: #ff0000;
   
}

.gghjd .btyy{font-size:22px;}
.gghjd .td1,.gghjd .td3{font-size:20px;}
.gghjd .td2{font-size:21px;}

@media screen and (max-width: 480px){
.gghjd .btyy{font-size:20px;}
.gghjd .td1,.gghjd .td3{font-size:19px;}
.gghjd .td2{font-size:20px;}
}

@media screen and (max-width: 440px){
.gghjd .btyy{font-size:19px;}
}

@media screen and (max-width: 420px){
.gghjd .btyy{font-size:18px;}
.gghjd .td1,.gghjd .td3{font-size:18px;}
.gghjd .td2{font-size:19px;}
}

@media screen and (max-width: 380px){
.gghjd .btyy{font-size:17px;}
.gghjd .td1,.gghjd .td3{font-size:17px;}
.gghjd .td2{font-size:18px;}
}

.title-box{
  background: linear-gradient(to bottom, #3b94fa 0%, #CCFFFF 45%, #CCFFFF 55%, #3b94fa 100%);
  font-weight: bold;
  color: #FFCC99;       
  text-align: center;
   width: 100%;
    margin: 0px 0;
    border-radius: 5px;
    overflow: hidden;

}

.lgebt{
   width: 100%;
   text-align: center;
   display: flex;
   flex-wrap: wrap;
   border-radius: 5px 5px 0 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;   
}

.bt1{
   width: 50%;
   padding: 2px 0px 4px 0px;
}
    
.bt2{
   width: 50%;
   border-left: 1px solid #ccc;
   padding: 2px 0px 4px 0px;
}

.liangtu{
    border: 1px solid #ccc;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    font-family: Arial, 微软雅黑;
    font-weight: 900;
    color: rgb(0, 0, 0);
    background-color: #fff;
    font-size: 30px;
}

.liangtu .tu1 img,.liangtu .tu3 img{
    padding: 3% 1.5% 3% 3%;
}

.liangtu .tu2 img,.liangtu .tu4 img{
    padding: 3% 3% 3% 1.5%;
    
}

.box .tu1,.box .tu3{
    flex-basis: 50%;
}
.box .tu2,.box .tu4{
    flex-basis: 50%;
    border-left: 1px solid #ccc;

}

.box .tu1 img,.box .tu2 img{
    height: 440px;
}

@media screen and (max-width: 600px){
.box .tu1 img,.box .tu2 img{
    height: 377px;
}
}

@media screen and (max-width: 550px){
.box .tu1 img,.box .tu2 img{
    height: 353px;
}
}

@media screen and (max-width: 500px){
.box .tu1 img,.box .tu2 img{
    height: 298px;
}
}

@media screen and (max-width: 480px){
.box .tu1 img,.box .tu2 img{
    height: 250px;
}
}

@media screen and (max-width: 450px){
.box .tu1 img,.box .tu2 img{
    height: 234px;
}
}

@media screen and (max-width: 380px){
.box .tu1 img,.box .tu2 img{
    height: 234px;
}
}

.box .tu3 img,.box .tu4 img{
    height: 329px;
}

@media screen and (max-width: 600px){
.box .tu3 img,.box .tu4 img{
    height: 278px;
}
}

@media screen and (max-width: 550px){
.box .tu3 img,.box .tu4 img{
    height: 265px;
}
}

@media screen and (max-width: 500px){
.box .tu3 img,.box .tu4 img{
    height: 250px;
}
}

@media screen and (max-width: 480px){
.box .tu3 img,.box .tu4 img{
    height: 240px;
}
}

@media screen and (max-width: 450px){
.box .tu3 img,.box .tu4 img{
    height: 193px;
}
}

@media screen and (max-width: 380px){
.box .tu3 img,.box .tu4 img{
    height: 187px;
}
}
            
             
             
             
.tzlb-s li{
    background: #fff;
    padding: .3rem 0;
    line-height: 1.4;
}

    .ziliao .dudu{
        font-size: 18px;
    
}

@media screen and (max-width: 480px){
    .ziliao .dudu{
        font-size: 16px;
    
}
}

@media screen and (max-width: 420px){
    .ziliao .dudu{
        font-size: 15px;
    
}
}

@media screen and (max-width: 380px){
    .ziliao .dudu{
        font-size: 14px;
    
}
}

             

.caitu img{
padding: 0% 4% 0% 4%;
}

.daubuoi img{
    padding: 0% 10% 2% 10%;
}

.caitu p{
width: 90%;
background: #ffffff;
}

.bbbggggdd{
    display: flex;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.bbbggggdd li{
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
    width: calc(50%);
}

.bbbggggdd a{
    height: 35px;
    line-height: 31px;
    border: 1px solid #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: #ff0000;
}

.bulian a,.ggwz a{
    height: 45px;
    line-height:45px;
    background: #1fb61d;
    background-image: linear-gradient(to top, #10f90d, #10f90d, #10f90d);
    display: block;
    font-weight: bold;
    color: #000;
    border-top: 0.2px solid #ffffff;
}

.bulian,.ggwz{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.bulian li{
    border-radius: 0px;
    background-color: #fff;
    font-size: 23px;
}

@media screen and (max-width: 480px){
.bulian li{
    font-size: 23px;
}
}

@media screen and (max-width: 440px){
.bulian li{
    font-size: 22px;
}
}

@media screen and (max-width: 410px){
.bulian li{
    font-size: 21px;
}
}

@media screen and (max-width: 380px){
.bulian li{
    font-size: 20px;
}
}

@media screen and (max-width: 350px){
.bulian li{
    font-size: 19px;
}
}

@media screen and (max-width: 320px){
.bulian li{
    font-size: 18px;
}
}

.abcdgc li{
    background: #fff;
    padding: 0.1rem 0;
    line-height: 1.2;
}

.abgc a{
    height: 38px;
    line-height: 37px;
    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;
    color: #000;
    font-weight: normal !important;
    font-family: Arial, sans-serif;
    text-decoration: none;
}

.abgc,.gaooshouu,.gghh,.gaoshou{
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
} 

.abgc li img,.gghh li img{
    height: 22px;
    width: 22px;
    margin-top: -4px;
}

.abgc li b,.gghh li b,.kj .td3 a{
    color: #ff0000;
}

.abgc li{
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 27px;
}

/* Responsive font size */
@media screen and (max-width: 580px){
    .abgc li{
        font-size: 27px;
    
}
}

@media screen and (max-width: 480px){
    .abgc li{
        font-size: 24px;
    
}
}

@media screen and (max-width: 380px){
    .abgc li{
        font-size: 23px;
    
}
}

@media screen and (max-width: 350px){
    .abgc li{
        font-size: 22px;
    
}
}

@media screen and (max-width: 320px){
    .abgc li{
        font-size: 21px;
    
}
}

.abgc anh{
    height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 25px;
}
@media screen and (max-width: 580px){
    .abgc anh{
        font-size: 21px;
    
}
}

@media screen and (max-width: 480px){
    .abgc anh{
        font-size: 19px;
    
}
}

@media screen and (max-width: 380px){
    .abgc anh{
        font-size: 17px;
    
}
}

@media screen and (max-width: 350px){
    .abgc anh{
        font-size: 16px;
    
}
}

@media screen and (max-width: 320px){
    .abgc anh{
        font-size: 14px;
    
}
}

.gaooshouu li img{
    height: 25px;
    width: 25px;
    margin-top: -4px;

}

.gaooshouu li{
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}
.gaooshouu a{
    height: 38px;
    line-height: 38px;
    border: 1px solid #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;
}

.gaooshouu li font{
    font-size: 22px;

}

@media screen and (max-width: 580px){
.gaooshouu li{
    font-size: 20px;
}
.gaooshouu li font{
    font-size: 22px;
}
}

@media screen and (max-width: 480px){
.gaooshouu li{
    font-size: 17px;
}
.gaooshouu li font{
    font-size: 20px;
}
}

@media screen and (max-width: 380px){
.gaooshouu li{
    font-size: 16px;
}
.gaooshouu li font{
    font-size: 18px;
    position: relative;
    top: 1.5px;
}
}
@media screen and (max-width: 350px){
.gaooshouu li{
    font-size: 15px;
}
.gaooshouu li font{
    font-size: 17px;
}
}

@media screen and (max-width: 320px){
.gaooshouu li{
    font-size: 14px;
}
.gaooshouu li font{
    font-size: 16px;
}

}

.blgg{
    table-layout: auto;
    color: #000;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

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

.blgg td{
    font-weight: bold;
    border: 1px solid #fefefe;
    font-size: 18pt;
    padding: 2px 2px;
    white-space: nowrap;
}

.amauff li a{background: linear-gradient(to top, #a9d7f2, #ffffff, #a9d7f2);}

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

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

@media screen and (max-width: 408px){
.blgg td{
    font-size: 13pt;
}
}
.lianghangbbs{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    unicode-bidi: isolate;
    background-color: #fff;
}

.lianghangbbs li{
   width: 50%;
}

.ctzq2{table-layout: fixed; font-size: 16px; text-align: center; background: #fff; font-family: '宋体';}
.ctzq2 td{line-height: 1.9; padding: 5px 2px; border: dashed 1px #c0c0c0;}
@media screen and (max-width:720px){
.ctzq2{font-size: 13px;}
}

.ctzq2 td{
  color: #000; /* 设置链接的默认颜色，可以根据需要更政*/
  font-weight: bold;
  text-decoration: none; /* 去除下划线*/
}

.djckkjjl{
    border-radius: 5px;
    font-size: 22pt;
    text-align: center;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
} 

@media screen and (max-width: 480px){
.djckkjjl{
    font-size: 19pt;
} 
}

@media screen and (max-width: 420px){
.djckkjjl{
    font-size: 18pt;
} 
}

@media screen and (max-width: 380px){
.djckkjjl{
    font-size: 17pt;
} 
}

.box8{
    border: 2px solid #64bef1;
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
}

.gghh a{
    height: 35px;
    line-height: 31px;
    border: 1px solid #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;
} 
 

.gghh li{
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}

@media screen and (max-width: 580px){
.gghh li{
    font-size: 22px;
}

}

@media screen and (max-width: 480px){
.gghh li{
    font-size: 19px;
}

}

@media screen and (max-width: 380px){
.gghh li{
    font-size: 18px;
}

}
@media screen and (max-width: 350px){
.gghh li{
    font-size: 17px;
}

}

@media screen and (max-width: 320px){
.gghh li{
    font-size: 16px;
}

}

.ggwz li{
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}

                

.xuxian{
  border: 1px dashed #ccc; /* màu đen, nét đứt */
}
.tttt{
  padding-top: 6px;
}

 
   
   
   
   
   
   

.hover-no{
    background: rgb(70, 200, 144);
    color: #fff;
}

.shipin-qs .hover-yes{
    background: #ffffff;
    color: #006087;
}
.dis,.shipin-qs .dis{display: normal}
.undis,.shipin-qs .undis{display: none}
.shipin{}

.shipin-qs{
    width: 100%;
    display: flex;
    justify-content: space-around; /* hoặc space-between / center nếu muốn căn chỉnh khác */
    padding: 4px;
    margin: 0;

}

.shipin-qs li{
    width: 49%;
    display: flex;
    justify-content: center;
}

.shipin-qs li button{
    width: 100%; /* hoặc cỿthỿ 100px, 50% nếu muốn chia đều */
    max-width: 720px; /* Giới hạn không bỿquá to nếu màn hình rộng */
    border-radius: 8px;
    padding: 3px 5px 3px 5px;
    padding-right: 3px;
}

.shipin-mtbl{width:100%;border-collapse:separate;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);text-align:center;--tw-text-opacity: 1;color:rgb(229 35 5 / var(--tw-text-opacity));word-break:break-word}
.shipin-mtbl tr:last-child td:first-child{border-bottom-left-radius:6px}
.shipin-mtbl tr:last-child td:last-child{border-bottom-right-radius:6px}
.shipin-mtbl td{padding:0;line-height:22px/*;position: relative;*/}
.shipin-mtbl td img{width:100%}
/*.shipin-mtbl td a{position: absolute;right: 10px;bottom: 10px;background-color: #F14555;font-size: 12px;padding: 3px 8px;border-radius: 6px;color: #fff;font-weight: bold;left: unset;top: unset;text-decoration: none;}*/
.shipin-mtbl td:first-child{width:65px;text-align:center}
@media (min-width: 375px){.shipin-mtbl td:first-child{width:82px}}
@media (min-width: 425px){.shipin-mtbl td:first-child{width:90px}}
.shipin-mtbl td:last-child{width:55px;text-align:center}
@media (min-width: 375px){.shipin-mtbl td:last-child{width:55px}}
@media (min-width: 425px){.shipin-mtbl td:last-child{width:80px}}
.shipin-mtbl td:nth-child(2){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;font-weight:500}
@media (min-width: 375px){.shipin-mtbl td:nth-child(2){font-size:1rem;line-height:1.5rem}}
b23-tbl.m td:nth-child(2){word-spacing:4px}
@media (max-width: 360px){.shipin-mtbl td:nth-child(2) p[style],.shipin-mtbl td:nth-child(2) div[style],.shipin-mtbl td:nth-child(2) span[style]{font-size:12px!important}}
.shipin-mtbl td:last-child,.shipin-mtbl td:first-child{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity));font-size:10px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width: 375px){.shipin-mtbl td:last-child,.shipin-mtbl td:first-child{font-size:.875rem;line-height:1.25rem}}
@media (min-width: 425px){.shipin-mtbl td:last-child,.shipin-mtbl td:first-child{font-size:1rem;line-height:1.5rem}}
.shipin-mtbl td:last-child{font-weight:500}
@media (min-width: 375px){.shipin-mtbl td:last-child{font-size:.75rem;line-height:1rem}}
.shipin-mtbl td.td1,.shipin-mtbl td.td3{font-size:1.1rem}
.shipin-mtbl td.td2{font-size:1.4rem;font-weight:bold}
.shipin-mtbl td.td2 span{color:#0ff}
.shipin-mtbl td.td2 b{color:#f00;background:#ff0}

#thumbnails{
    display: flex
;
    overflow-x: auto;
    gap: 10px;
    padding: 10px 10px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    cursor: grab;
}

.shipin-qs li button{font-size: 22px;}

.cg{height: 564px;}
@media (max-width: 681px){
.cg{height: 534px;}

.shipin-qs li button{font-size: 23px;}

}
@media (max-width: 641px){
.cg{height: 480px;}

}

@media (max-width: 601px){
.cg{height: 465px;}

}

@media (max-width: 571px){
.cg{height: 441px;}

}
@media (max-width: 541px){
.cg{height: 414px;}

}

@media (max-width: 501px){
.cg{height: 414px;}

}

@media (max-width: 481px){
.cg{height: 408px;}
.shipin-qs li button{font-size: 21px;}

}
@media (max-width: 451px){
.cg{height: 390px;}
.shipin-qs li button{font-size: 20px;}

}

@media (max-width: 421px){
.cg{height: 374px;}
.shipin-qs li button{font-size: 19px;}

}

@media (max-width: 381px){
.cg{height: 366px;}
.shipin-qs li button{font-size: 18px;}

}

@media (max-width: 351px){
.cg{height: 333px;}
.shipin-qs li button{font-size: 17px;}

}

.grid2{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 5px;
	margin: 0 auto; /* 猫庐漏莽陆鈥樏β犅济ヂ扁€γぢ嘎?*/
	text-align: center;
	background-color:#f7f2f2;
	padding: 10px 0px;
}

.grid-g2{
	height: 250px;
	overflow: hidden;
	position: relative;
	padding: 0px 10px 30px 10px;
	visibility:visible;
}

.grid-g2 p{
	color: #000;
	font-size: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(247, 241, 241, 0.7);
	margin: 0;
	padding: 1px;
	box-sizing: border-box;
}

.grid2 img{
	width: 100%;
	height: 100%;
	object-fit: fill;
	box-shadow: 1px 1px 5px rgb(65, 63, 63);
}

.grid2 img.active2{
	position: fixed;
    top:45%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
}
.overlay2{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	display: none; 
  
}
  
@media screen and (max-width: 600px){
.grid-g2{
    height: 200px;
}
}  
  

@media screen and (max-width: 500px){
.grid-g2{
    height: 154px;
}
}

.nav{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav li{
  list-style: none;
}

.nav1{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav1 li{
  list-style: none;
}

.nav3{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav3 li{
  list-style: none;
}

.nav5{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav5 li{
  list-style: none;
}

.nav6{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav6 li{
  list-style: none;
}

.nav7{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav7 li{
  list-style: none;
}

.nav8{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav8 li{
  list-style: none;
}

.nav9{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav9 li{
  list-style: none;
}

    .haoju{
        font-size: 18px;
    
}

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

@media screen and (max-width: 420px){
    .haoju{
        font-size: 16px;
    
}
}

@media screen and (max-width: 400px){
    .haoju{
        font-size: 15px;
    
}
}

@media screen and (max-width: 380px){
    .haoju{
        font-size: 14px;
    
}
}

*{
    margin: 0;
    padding: 0;
    word-break: break-all;
    word-wrap: break-word;
    box-sizing: border-box;
    scroll-margin-top: 120px;
}

.conmemay{
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.3;
}

.box2{
    border: 2px solid #ff9700;
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
}    
 

#tabwangzw{color: #000;}
#tabwangzw .tuzhiwangzwbox{display: block; text-align: center; font-weight: bold; font-size: 18px;}
#tabwangzw .tuzhiwangzwbox ul{padding: 2px; height: 50px; background: #64bef1}
#tabwangzw .tuzhiwangzwbox li{float: left; width: 50%; height: 40px; line-height: 36px; border: solid 2px #fff; box-sizing: border-box; cursor: pointer; background: #eee; border-radius: 30px;}
#tabwangzw .tuzhiwangzwbox li.hover{color: #fff; background: #0a5cda;}
#tabwangzw .tuzhiwangzwbox li.hover font{color: #fff!important;}
#tabwangzw .Contentbox{}
#tabwangzw .Contentbox img{width: 100%; height: auto;}

        #fixedElement{
            max-width: 720px;
            width: 100%;
            color: white;
            text-align: center;
            z-index: 0; /* Đảm bảo phần tỿnằm trên cùng */
            transition: top 0.3s ease; /* Hiệu ứng mượt mà khi cỿđịnh */
        
}
        #fixedElement.fixed{
            position: fixed;
            top: 87px;
        
}

dj{background: #ff0;color: red;}

.foot{
    background: #ff9700;
    font-size: 19px;
    color: #ffffff;
    text-align: center;
}

@media screen and (max-width: 420px){
.foot{font-size: 18px;}
}
@media screen and (max-width: 380px){
.foot{font-size: 17px;}
}
@media screen and (max-width: 350px){
.foot{font-size: 16px;}
}
@media screen and (max-width: 320px){
.foot{font-size: 15px;}
}

.baomaqgBox4{
    background: #fff;
    padding: 0;
    margin: 0;
    display: block;
    height: 56px;
    width: 100%;
    border: none;
}

@media screen and (max-width: 374px){
.home-nav.fixed{
    position: fixed;
    top: 99px;
}}
@media screen and (max-width: 408px){
.home-nav.fixed{
    position: fixed;
    top: 101px;
}}
@media screen and (max-width: 580px){
.home-nav.fixed{
    position: fixed;
    top: 101px;
}}
.home-nav.fixed{
    position: fixed;
    top: 101px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 720px;
    width: 100%;
    border: none;
    
    
}

.home-nav{
    position: relative;
    z-index: 10;
}
.home-nav table{
    background: #fff;
    width: 100%;
    text-align: center;
    table-layout: fixed;
}

.home-nav td.tam,
.home-nav td.thk,
.home-nav td.tk8{
    width: 33.33%;
    vertical-align: middle;
}

.home-nav .tam{
    padding-right: 3px;
}

.home-nav .thk{
    padding-left: 3px;
}

.konhge{
    margin-top: 141px;
}

.djxgam.fixed{
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 720px;
    width: 100%;
    border: none;
    padding: 0 .0rem .1rem .0rem;
    z-index: 1000;
}

.home-nav a{
    display: inline-block;
    width: 100%;
    padding: 3px 0;
    font-weight: bold;
    text-decoration: none;
    color: #dc0000;
    background: #eee;
    font-size: 26px;
    border-radius: 40px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.home-nav a span,
.home-nav a b{
    white-space: nowrap;
}

.home-nav a.active{
    font-weight: bold;
    color: var(--color-connectit, #ffffff);
    background: var(--color-box);
}

.tam img,.thk img,.tk8 img{
    width: 25px;
    margin-right: 8px;
    vertical-align: middle;
}

.home-nav a img{
    width: 20px;
    height: auto;
    margin-right: 4px;
    vertical-align: middle;
    flex-shrink: 0;
}

@media screen and (max-width: 580px){
.home-nav a{
    display: inline-block;
    width: 100%;
    padding: 3px 0;
    font-weight: bold;
    text-decoration: none;
    color: #023b95;
    background: #eee;
    border-radius: 40px;
    font-size: 22px;
    white-space: nowrap;
}

}

@media screen and (max-width: 480px){
.home-nav a{
    display: inline-block;
    width: 100%;
    padding: 3px 0;
    font-weight: bold;
    text-decoration: none;
    color: #dc0000;
    background: #eee;
    border-radius: 40px;
    font-size: 20px;
    white-space: nowrap;
}

}

@media screen and (max-width: 408px){
.home-nav a{
    display: inline-block;
    width: 100%;
    padding: 4px 0;
    font-weight: bold;
    text-decoration: none;
    color: #dc0000;
    background: #eee;
    border-radius: 40px;
    font-size: 18px;
    white-space: nowrap;
}
.home-nav a img{
    width: 16px;
    margin-right: 2px;
}

}

@media screen and (max-width: 374px){
.home-nav a{
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    font-weight: bold;
    text-decoration: none;
    color: #dc0000;
    background: #eee;
    border-radius: 40px;
    font-size: 16px;
    white-space: nowrap;
}
.home-nav a img{
    width: 15px;
    margin-right: 2px;
}
}

.nav2{
    font-size: 16px;
}

.nav2 ul{
    display: flex;
    justify-content: space-between;
}

.nav2 ul li{
    width: 100%;
    box-sizing: border-box;
    padding: 0 1px;
    font-weight: bold;
}

.nav2 ul li a{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #d19314;
}

@media screen and (max-width: 720px){
.nav2 ul li a{
    height: 40px;
    line-height: 16px;
    padding-top: 4px;
    font-size: 15px;
}
.nav2 ul li a span{
    display: block;
}
}

.p-all{
    padding: 0 .5rem .5rem .5rem;
}

.list-title{
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 23px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 2px 0px 4px 0px;
    /*text-shadow: 1px 1px 1px #ffffff;*/
}

.box{
    border: 2px solid #4da6ff;
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background: linear-gradient(to right, #4da6ff, #4da6ff);
}

.box123{
    border: 2px solid #4da6ff;
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

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

@media screen and (max-width: 440px){
.list-title{
    font-size: 20px;
}
}

@media screen and (max-width: 410px){
.list-title{
    font-size: 19px;
}
}

@media screen and (max-width: 380px){
.list-title{
    font-size: 18px;
}
}

@media screen and (max-width: 350px){
.list-title{
    font-size: 17px;
}
}

@media screen and (max-width: 320px){
.list-title{
    font-size: 16px;
}
}

.boxx{
   border: 2px solid #ff9700;
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #FF0000;
}

.list-title6{
    font-size: 23px;
    text-align: center;
    color: #FFFF00;
    font-weight: bold;
    background: #FF0000; 
    padding: 2px 0px 4px 0px;
    text-shadow: 1px 1px 1px #fff;
    height: 34px;
    line-height: 30px; 
}

@media screen and (max-width: 480px){
.list-title6{
    font-size: 18.5px;
}
}

@media screen and (max-width: 440px){
.list-title6{
    font-size: 17.5px;
}
}

@media screen and (max-width: 410px){
.list-title6{
    font-size: 16.5px;
}
}

@media screen and (max-width: 380px){
.list-title6{
    font-size: 15.5px;
}
}

@media screen and (max-width: 350px){
.list-title6{
    font-size: 14.5px;
}
}

@media screen and (max-width: 320px){
.list-title6{
    font-size: 13.5px;
}
}

.list-title5{
    font-size: 23px;
    text-align: center;
    color: #FFFF00;
    font-weight: bold;
    background: #FF0000; 
    padding: 2px 0px 4px 0px;
    text-shadow: 1px 1px 1px #000;
    height: 32px;
    line-height: 28px; 
}

@media screen and (max-width: 480px){
.list-title5{
    font-size: 16.5px;
}
}

@media screen and (max-width: 440px){
.list-title5{
    font-size: 15.5px;
}
}

@media screen and (max-width: 410px){
.list-title5{
    font-size: 14.5px;
}
}

@media screen and (max-width: 380px){
.list-title5{
    font-size: 13.5px;
}
}

@media screen and (max-width: 350px){
.list-title5{
    font-size: 12.5px;

}
}

@media screen and (max-width: 320px){
.list-title5{
    font-size: 12px;

}
}

.list-title4{
    font-size: 23px;
    text-align: center;
    color: #FFFF00;
    font-weight: bold;
    background: #FF0000; 
    padding: 2px 0px 4px 0px;
    text-shadow: 1px 1px 1px #000;
    height: auto;
    line-height: 28px; 
}

@media screen and (max-width: 480px){
.list-title4{
    font-size: 19px;
}
}

@media screen and (max-width: 440px){
.list-title4{
    font-size: 18px;
}
}

@media screen and (max-width: 410px){
.list-title4{
    font-size: 17px;
}
}

@media screen and (max-width: 380px){
.list-title4{
    font-size: 16px;
}
}

@media screen and (max-width: 350px){
.list-title4{
    font-size: 15px;

}
}

@media screen and (max-width: 320px){
.list-title4{
    font-size: 14px;

}
}

.list-title1{
    font-size: 23px;
    text-align: center;
    color: #FFFF00;
    font-weight: bold;
    background: #FF0000; 
    padding: 2px 0px 4px 0px;
    text-shadow: 1px 1px 1px #000;
    height: 32px;
    line-height: 28px; 
}

@media screen and (max-width: 480px){
.list-title1{
    font-size: 19px;
}
}

@media screen and (max-width: 440px){
.list-title1{
    font-size: 18px;
}
}

@media screen and (max-width: 410px){
.list-title1{
    font-size: 17px;
}
}

@media screen and (max-width: 380px){
.list-title1{
    font-size: 16px;
}
}

@media screen and (max-width: 350px){
.list-title1{
    font-size: 15px;
}
}

@media screen and (max-width: 320px){
.list-title1{
    font-size: 14px;
}
}

.list-title3{
    font-size: 23px;
    text-align: center;
    color: #FFFF00;
    font-weight: bold;
    background: #FF0000;
    height: 32px;
    line-height: 32px; 
}

@media screen and (max-width: 480px){
.list-title3{
    font-size: 15.5px;
}
}

@media screen and (max-width: 440px){
.list-title3{
    font-size: 14.5px;
}
}

@media screen and (max-width: 410px){
.list-title3{
    font-size: 13.5px;
}
}

@media screen and (max-width: 380px){
.list-title3{
    font-size: 12.5px;
}
}

@media screen and (max-width: 350px){
.list-title3{
    font-size: 12px;
}
}

@media screen and (max-width: 320px){
.list-title3{
    font-size: 11px;
}
}

.list-title2{
    font-size: 23px;
    text-align: center;
    color: #FFFF00;
    font-weight: bold;
    background: #FF0000; 
    height: 32px;
    line-height: 32px; 
}

@media screen and (max-width: 480px){
.list-title2{
    font-size: 19px;
}
}

@media screen and (max-width: 440px){
.list-title2{
    font-size: 18px;
}
}

@media screen and (max-width: 410px){
.list-title2{
    font-size: 17px;
}
}

@media screen and (max-width: 380px){
.list-title2{
    font-size: 16px;
}
}

@media screen and (max-width: 350px){
.list-title2{
    font-size: 15px;
}
}

@media screen and (max-width: 320px){
.list-title2{
    font-size: 14px;
}
}

.zlbt{
font-size: 25px;
font-weight: bold;
color: #0037ff;
}

.wxwm td{
   border: 1px solid #ccc;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.9;
}

table.kj tr{
   line-height: 1.7;
}

.tuijian{
    text-align: center;
    color: #000;
    font-weight: bold;
}

.tuijian li{
    font-size: 20px;
}

.tzlb-s i{
    display: inline-block;
    padding: 1px 3px;
    border-radius: 3px;
    background: #ffff00;
    color: #f30;
    font-size: 16px;
    font-style: normal;
}

.tzlb-s em{
    display: inline-block;
    padding: 1px 3px;
    border-radius: 3px;
    background: #00cc66;
    color: #fff;
    font-size: 16px;
    font-style: normal;
}

.tuijian b{
   
    color: #ff002c;

}

.ziliao{
    height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.colorful{
font-size: 35px;
}

.ziliao td{
    font-size: 20px;
}

.ziliao{
    color: #111;
}

.ziliao td{
   border: 1px solid #ccc;
}
.ziliao a{
   color: #ff002c;
}

.ziliao b{
   color: #0014ff;
}

.ziliao c{
   color: #039d1d;
}

.ziliao d{
   color: #008080;
}

.kjci{
    font-size: 20px;
    background-color:#a8d4ff;
    background: linear-gradient(to bottom, #64BEF1 0%, #00FFFF 45%, #00FFFF 55%, #64BEF1 100%);
    text-align: center;
    width: 100%;
    overflow: hidden;
    line-height: 1.3;
    
}

.kj td.td2 e{
  font-size: 1.1rem;
  color: #FF00FF;
  position: relative;
  vertical-align: baseline;
  top: -7px; 
}

.kj td a{
  font-size: 1rem;
  color: #ff0000;
  position: relative;
  vertical-align: baseline;

}

.kj{
    height: 38px;
    text-align: center;
    color: #000;
}

.kj td{
   border: 1px solid #ccc;
}
.kj .td1{
    font-size: 20px;
}
.kj .td2{
    font-weight: bold;
    color: #ff0000;
    font-size: 24px;
    background-color:#000000;

}

.kj tr td:nth-child(1){
    width: 23%;
}
.kj tr td:nth-child(2){
    width: 60%;
}

.kj .td2 c{
    font-weight: bold;
    font-size: 30px;
}

.kj .td3{
    font-size: 20px;
}

.xkj .r{
    color: #ff0000;
    background: rgb(204, 255, 204);
    text-align: center;
    font-size: 22px;
    font-weight: bold;

}

.xkj tr td:nth-child(1){
    width: 41%;
}
.xkj tr td:nth-child(2){
    width: 59%;
}

.xkj td{
   border: 1px solid #ccc;
   color: #00FF00;
   font-weight: bold;
}
.xkj td a{
    font-weight: bold;
    color: #ff0000;
}

.xkj{
    font-size: 15px;
}

.xkj .wx{
    font-size: 20px;
}
.xkj .bm{
    font-size: 26px;
}
.xkj .sx{
    font-size: 23px;
}
.xkj .lm{
    font-size: 30px;
}
.xkj .sxx{
    font-size: 26px;
}
.xkj .sm{
    font-size: 30px;
}
.xkj .ex{
    font-size: 27px;
}

.xkj .em{
    font-size: 27px;
}
.xkj .yxym{
    font-size: 28px;
}
.xkj .yxzt{
    font-size: 21px;
}

@media screen and (max-width: 500px){
.xkj{
    font-size: 17px;
}

.xkj .wx{
    font-size: 21px;
}
.xkj .bm{
    font-size: 24px;
}
.xkj .sx{
    font-size: 24px;
}
.xkj .lm{
    font-size: 26px;
}
.xkj .sxx{
    font-size: 27px;
}
.xkj .sm{
    font-size: 26px;
}
.xkj .ex{
    font-size: 28px;
}

.xkj .em{
    font-size: 26px;
}
.xkj .yxym{
    font-size: 27px;
}
.xkj .yxzt{
    font-size: 20px;
}

}

@media screen and (max-width: 480px){
.tuijian li{font-size: 18px;}
.tuijian b{font-size: 25px;}
.tzlb-s em,.tzlb-s i{font-size: 16px;}

.xkj{
    font-size: 16px;
}

.xkj .wx{
    font-size: 20px;
}
.xkj .bm{
    font-size: 21px;
}
.xkj .sx{
    font-size: 24px;
}
.xkj .lm{
    font-size: 25px;
}
.xkj .sxx{
    font-size: 27px;
}
.xkj .sm{
    font-size: 25px;
}
.xkj .ex{
    font-size: 28px;
}

.xkj .em{
    font-size: 25px;
}
.xkj .yxym{
    font-size: 26px;
}
.xkj .yxzt{
    font-size: 19px;
}

}

@media screen and (max-width: 450px){
.tuijian li{font-size: 18px;}
.tuijian b{font-size: 24px;}
.tzlb-s em,.tzlb-s i{font-size: 16px;}

.xkj{
    font-size: 14px;
}

.xkj .wx{
    font-size: 19px;
}
.xkj .bm{
    font-size: 18px;
}
.xkj .sx{
    font-size: 21px;
}
.xkj .lm{
    font-size: 22px;
}
.xkj .sxx{
    font-size: 24px;
}
.xkj .sm{
    font-size: 22px;
}
.xkj .ex{
    font-size: 26px;
}

.xkj .em{
    font-size: 24px;
}
.xkj .yxym{
    font-size: 24px;
}
.xkj .yxzt{
    font-size: 18px;
}

}

@media screen and (max-width: 420px){
.tuijian li{font-size: 17px;}
.tuijian b{font-size: 21px;}
.tzlb-s em,.tzlb-s i{font-size: 15px;}

.xkj{
    font-size: 13px;
}

.xkj .wx{
    font-size: 18px;
}
.xkj .bm{
    font-size: 18px;
}
.xkj .sx{
    font-size: 21px;
}
.xkj .lm{
    font-size: 22px;
}
.xkj .sxx{
    font-size: 24px;
}
.xkj .sm{
    font-size: 22px;
}
.xkj .ex{
    font-size: 24px;
}

.xkj .em{
    font-size: 23px;
}
.xkj .yxym{
    font-size: 24px;
}
.xkj .yxzt{
    font-size: 16px;
}

}

@media screen and (max-width: 380px){
.tuijian li{font-size: 16px;}
.tuijian b{font-size: 19px;}
.tzlb-s em,.tzlb-s i{font-size: 14px;}

.xkj{
    font-size: 13px;
}

.xkj .wx{
    font-size: 17px;
}
.xkj .bm{
    font-size: 17px;
}
.xkj .sx{
    font-size: 20px;
}
.xkj .lm{
    font-size: 21px;
}
.xkj .sxx{
    font-size: 23px;
}
.xkj .sm{
    font-size: 21px;
}
.xkj .ex{
    font-size: 25px;
}

.xkj .em{
    font-size: 21px;
}
.xkj .yxym{
    font-size: 23px;
}
.xkj .yxzt{
    font-size: 16px;
}

}

@media screen and (max-width: 350px){
.tuijian li{font-size: 14px;}
.tuijian b{font-size: 18px;}
.tzlb-s em,.tzlb-s i{font-size: 13px;}

.xkj{
    font-size: 12px;
}

.xkj .wx{
    font-size: 14px;
}
.xkj .bm{
    font-size: 16px;
}
.xkj .sx{
    font-size: 18px;
}
.xkj .lm{
    font-size: 19px;
}
.xkj .sxx{
    font-size: 21px;
}
.xkj .sm{
    font-size: 19px;
}
.xkj .ex{
    font-size: 23px;
}

.xkj .em{
    font-size: 20px;
}
.xkj .yxym{
    font-size: 21px;
}
.xkj .yxzt{
    font-size: 15px;
}

}

@media screen and (max-width: 320px){
.tuijian li{font-size: 14px;}
.tuijian b{font-size: 16px;}
.tzlb-s em,.tzlb-s i{font-size: 13px;}

.xkj{
    font-size: 11px;
}

.xkj .wx{
    font-size: 15px;
}
.xkj .bm{
    font-size: 9px;
}
.xkj .sx{
    font-size: 17px;
}
.xkj .lm{
    font-size: 16px;
}
.xkj .sxx{
    font-size: 18px;
}
.xkj .sm{
    font-size: 16px;
}
.xkj .ex{
    font-size: 21px;
}

.xkj .em{
    font-size: 18px;
}
.xkj .yxym{
    font-size: 18px;
}
.xkj .yxzt{
    font-size: 14px;
}
}

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

.kjci{
    font-size: 17px;
}

.kj .td1{
    font-size: 16px;
}
.kj .td2{
    font-size: 23px;
}
.kj .td3{
    font-size: 19px;
}

.kj .td2 c{
    font-size: 30px;
}

}

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

.kjci{
    font-size: 16px;
}

.kj .td1{
    font-size: 15px;

}
.kj .td2{
    font-size: 21px;

}
.kj .td3{
    font-size: 17px;

}

.kj .td2 c{
    font-size: 27px;

}

}

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

.kjci{
    font-size: 15px;
}

.kj .td1{
    font-size: 14px;

}
.kj .td2{
    font-size: 19px;

}
.kj .td3{
    font-size: 15px;

}

.kj .td2 c{
    font-size: 25px;

}

}

.gaoshouu{
    border: 0px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.gaoshouu li img{
    height: 25px;
    width: 25px;
    margin-top: -4px;

}

.gaoshouu li{
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}
.gaoshouu a,.gaoshou a{
    height: 38px;
    line-height: 35px;
    border: 1px solid #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;
}

.gaoshouu li font{
    font-size: 24px;

}

@media screen and (max-width: 580px){
.gaoshouu li{
    font-size: 22px;
}
.gaoshouu li font{
    font-size: 24px;
}
}

@media screen and (max-width: 480px){
.gaoshouu li{
    font-size: 19px;
}
.gaoshouu li font{
    font-size: 22px;
}
}

@media screen and (max-width: 380px){
.gaoshouu li{
    font-size: 18px;
}
.gaoshouu li font{
    font-size: 20px;
    position: relative;
    top: 1.5px;
}
}
@media screen and (max-width: 350px){
.gaoshouu li{
    font-size: 17px;
}
.gaoshouu li font{
    font-size: 19px;
}
}

@media screen and (max-width: 320px){
.gaoshouu li{
    font-size: 16px;
}
.gaoshouu li font{
    font-size: 18px;
}

}

.gaoshou li img{
    height: 25px;
    width: 25px;
    margin-top: -4px;

}

.gaoshou li{
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}

.gaoshou li font{
    font-size: 24px;

}

@media screen and (max-width: 580px){
.gaoshou li{
    font-size: 22px;
}
.gaoshou li font{
    font-size: 24px;
}
}

@media screen and (max-width: 480px){
.gaoshou li{
    font-size: 19px;
}
.gaoshou li font{
    font-size: 22px;
}
}

@media screen and (max-width: 380px){
.gaoshou li{
    font-size: 18px;
}
.gaoshou li font{
    font-size: 20px;
    position: relative;
    top: 1.5px;
}
}
@media screen and (max-width: 350px){
.gaoshou li{
    font-size: 17px;
}
.gaoshou li font{
    font-size: 19px;
}
}

@media screen and (max-width: 320px){
.gaoshou li{
    font-size: 16px;
}
.gaoshou li font{
    font-size: 18px;
}

}

.ziliao .sqb{
    font-size: 26px;
}

@media screen and (max-width: 580px){
.ziliao .sqb{
    font-size: 26px;
}
}

@media screen and (max-width: 480px){
.ziliao .sqb{
    font-size: 24px;
}
}

@media screen and (max-width: 380px){
.ziliao .sqb{
    font-size: 22px;
}
}
@media screen and (max-width: 350px){
.ziliao .sqb{
    font-size: 21px;
}}

@media screen and (max-width: 320px){
.ziliao .sqb{
    font-size: 19px;
}

}

.ziliao .sqbk{
    font-size: 27px;
}

@media screen and (max-width: 580px){
.ziliao .sqbk{
    font-size: 25px;
}
}

@media screen and (max-width: 480px){
.ziliao .sqbk{
    font-size: 23px;
}
}

@media screen and (max-width: 380px){
.ziliao .sqbk{
    font-size: 21px;
}
}
@media screen and (max-width: 350px){
.ziliao .sqbk{
    font-size: 20px;
}}

@media screen and (max-width: 320px){
.ziliao .sqbk{
    font-size: 18px;
}

}

.ziliao .sqbkk{
    font-size: 26px;
}

@media screen and (max-width: 580px){
.ziliao .sqbkk{
    font-size: 24px;
}
}

@media screen and (max-width: 480px){
.ziliao .sqbkk{
    font-size: 22px;
}
}

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

@media screen and (max-width: 320px){
.ziliao .sqbkk{
    font-size: 17px;
}

}

.ziliao .sqbkkk{
    font-size: 23px;
}

@media screen and (max-width: 580px){
.ziliao .sqbkkk{
    font-size: 22px;
}
}

@media screen and (max-width: 480px){
.ziliao .sqbkkk{
    font-size: 20px;
}
}

@media screen and (max-width: 380px){
.ziliao .sqbkkk{
    font-size: 18px;
}
}
@media screen and (max-width: 350px){
.ziliao .sqbkkk{
    font-size: 17px;
}}

@media screen and (max-width: 320px){
.ziliao .sqbkkk{
    font-size: 16.5px;
}

}

.wxwm{
    font-size: 18px;
    font-weight: bold;
}
.wxwm a{
    font-size: 20px;
    font-weight: bold;
    color: #d50000;

}

    .ziliao td .zl{
        font-size: 23px;
        color: #ff002c;
    
}
@media screen and (max-width: 580px){
    .ziliao td .zl{
        font-size: 23px;
    
}
}

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

@media screen and (max-width: 450px){
    .ziliao td .zl{
        font-size: 20.5px;
    
}
}

@media screen and (max-width: 420px){
    .ziliao td .zl{
        font-size: 20px;
    
}
}

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

.ziliao td .zl{
    font-size: 19px;
    
}

}

.ziliao .ybbm{
    font-size: 25px;
}

.ziliao .szpt{
    font-size: 25px;
}

.ziliao .essm{
    font-size: 23px;
    color: #d50000;
}

.ziliao .sqwsqm{
    font-size: 23px;
    color: #328011;
}

.ziliao td.sqbk{
    font-size: 32px;
    color: #2100d5;
}

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

.ziliao td{
    font-size: 21px;
}

.tuijian li{
    font-size: 21px;
}

.tzlb-s i{
    font-size: 18px;
}

.tzlb-s em{
    font-size: 18px;
}

.wxwm{
    font-size: 17px;
}
.wxwm a{
    font-size: 19px;
}
.ziliao .ybbm{
    font-size: 23px;
}

.ziliao .szpt c{
    font-size: 24px;
}

.ziliao .szpt{
    font-size: 22px;
}
.ziliao .essm{
    font-size: 22px;
}
.ziliao td.sqbk{
    font-size: 30px;
}

.ziliao .sqwsqm{
    font-size: 22px;
}

}

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

.ziliao td{
    font-size: 20px;
}

.tuijian li{
    font-size: 19px;
}

.tzlb-s i{
    font-size: 17px;
}

.tzlb-s em{
    font-size: 17px;
}

.wxwm{
    font-size: 16px;
}
.wxwm a{
    font-size: 18px;
}

.ziliao .ybbm{
    font-size: 22px;
}
.ziliao .szpt c{
    font-size: 22px;
}
.ziliao .szpt{
    font-size: 20px;
}
.ziliao .essm{
    font-size: 20px;
}
.ziliao td.sqbk{
    font-size: 28px;
}

.ziliao .sqwsqm{
    font-size: 20px;
}
.gaoshou li img{
    height: 22px;
    width: 22px;
}
}

@media screen and (max-width: 450px){
.ziliao td{
    font-size: 19.5px;
}
.tuijian li{
    font-size: 18px;
}

.tzlb-s i{
    font-size: 16px;
}

.tzlb-s em{
    font-size: 16px;
}

.wxwm{
    font-size: 15.5px;
}
.wxwm a{
    font-size: 17.5px;
}

.ziliao .ybbm{
    font-size: 21.5px;
}
.ziliao .szpt c{
    font-size: 21.5px;
}
.ziliao .szpt{
    font-size: 19.5px;
}
.ziliao .essm{
    font-size: 19.5px;
}
.ziliao td.sqbk{
    font-size: 24.5px;
}

.ziliao .sqwsqm{
    font-size: 19.5px;
}
.gaoshou li img{
    height: 21px;
    width: 21px;
}
}

@media screen and (max-width: 420px){
.ziliao td{
    font-size: 19px;
}

.tuijian li{
    font-size: 17px;
}

.tzlb-s i{
    font-size: 15px;
}

.tzlb-s em{
    font-size: 15px;
}

.wxwm{
    font-size: 15px;
}
.wxwm a{
    font-size: 17px;
}

.ziliao .ybbm{
    font-size: 21px;
}
.ziliao .szpt c{
    font-size: 21px;
}
.ziliao .szpt{
    font-size: 19px;
}
.ziliao .essm{
    font-size: 19px;
}
.ziliao td.sqbk{
    font-size: 24px;
}

.ziliao .sqwsqm{
    font-size: 19px;
}
.gaoshou li img{
    height: 20px;
    width: 20px;
}
}

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

.ziliao td{
    font-size: 17px;
    
}

.tuijian li{
    font-size: 16px;
}

.tzlb-s i{
    font-size: 14px;
}

.tzlb-s em{
    font-size: 14px;
}

.wxwm{
    font-size: 14px;
}
.wxwm a{
    font-size: 16px;
}

.ziliao .ybbm{
    font-size: 19px;
}
.ziliao .szpt c{
    font-size: 20px;
}
.ziliao .szpt{
    font-size: 18px;
}
.ziliao .essm{
    font-size: 18px;
}
.ziliao td.sqbk{
    font-size: 26px;
}

.ziliao .sqwsqm{
    font-size: 18px;
}
.gaoshou li img{
    height: 19px;
    width: 19px;
}
}

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

.ziliao td{
    font-size: 15px;
}

.tuijian li{
    font-size: 14px;
}

.tzlb-s i{
    font-size: 10px;
}

.tzlb-s em{
    font-size: 10px;
}

.wxwm{
    font-size: 12px;
}
.wxwm a{
    font-size: 14px;
}

.ziliao .ybbm{
    font-size: 17px;
}

.ziliao .szpt c{
    font-size: 18px;
}
.ziliao .szpt{
    font-size: 16px;
}
.ziliao .essm{
    font-size: 16px;
}
.ziliao td.sqbk{
    font-size: 23px;
}

.ziliao .sqwsqm{
    font-size: 15px;
}
.gaoshou li img{
    height: 19px;
    width: 19px;
}
}

#shengxiaobiao{
    height: 1350px;
}
@media screen and (max-width: 580px){

#shengxiaobiao{
      height: 1470px;
    
}
 }
@media screen and (max-width: 480px){ 
  #shengxiaobiao{
      height: 1439px;
    
}
}
@media screen and (max-width: 408px){

 #shengxiaobiao{
      height: 1480px;
    
}
 }
 
  @media screen and (max-width: 350px){

 #shengxiaobiao{
      height: 1600px;
    
}
 }
 
 @media screen and (max-width: 320px){

 #shengxiaobiao{
      height: 1650px;
    
}
 }
 
 
 
.ggff{
    width: 100%;
    padding: 1px;
    border: 0.5px solid #CCC;

} 
 
 .xgsht{
    border-collapse: collapse;
    text-align: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    font-weight: bold;
    border-spacing: 0;
    border-radius: 12px;
}
.xgsht td{
    background: #fff;
    margin: 5px 0;
    border-radius: 0px;
}
.ggff tr td{
    text-align: center;
    font-size: 23px;
}

.ggff tr td a{
    display: block;
    line-height: 30px;
    border: 1px solid #CCC;
    background: #FFF;
    border-radius: 5px;
    color: #333;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
}

@media screen and (max-width: 505px){
.ggff tr td{
font-size: 20px;
}
}

@media screen and (max-width: 480px){
.ggff tr td{
font-size: 19px;
}
}

@media screen and (max-width: 460px){
.ggff tr td{
font-size: 18.5px;
}
}

@media screen and (max-width: 420px){
.ggff tr td{
font-size: 18px;
}
}

@media screen and (max-width: 380px){
.ggff tr td{
font-size: 17px;
}
}

@media screen and (max-width: 320px){
.ggff tr td{
font-size: 15px;
}
}

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: 36px;
line-height: 36px;
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: 22px;
font-weight: bold;
color: #000;
white-space: nowrap;
overflow: hidden;
padding-right: 4px;
}
.post-list a .ci{
font-size: 26px;
}

.nullbox{
    margin-top: 60px;
}

.konhgeam ,.konhgexg ,.konhgek8{
    margin-top: 135px;
}

#am11 iframe{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

.xuxiann{
    height: 0;
    margin: 0;
    padding: 0;
    border-top: 1px dashed #ccc;
}

/* 顶部小开奖条 iframe：按块显示 + 白底（开奖页本身透明，表格不满 50px 时会透出 header 渐变成一条黄线） */
.index-header iframe{display:block;background:#fff;}