.cgi-body{width:100%;max-width:800px;margin:0 auto;position:relative;overflow:hidden;background-color:#FFFFFF}
a{text-decoration:none;cursor:pointer;color:#333}
html,body{padding:0;margin:0;width:100%;min-width:0;min-height:100%;overflow-x:hidden;font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
ul li{list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
img {max-width: 100%;}
td, th {border: 1px solid #DDD;}

     
        .nav2 { width: 100%; max-width: 800px; margin: 0 auto; box-sizing: border-box; padding: 2px; font-size: 13px; background: #fff;}
        .nav2 {text-decoration: none}
        .nav2 ul { padding: 2px 0; display: flex; justify-content: space-between;}
        .nav2 ul li { width: 100%; box-sizing: border-box; padding: 0 2px;}
        .nav2 ul li a { display: block; padding: 3px 0; text-align: center; color: #fff; border-radius: 50px; background: #6633CC;}
        .nav2 ul li a:hover { background: #87CEEB;}
        #nav2[data-fixed="fixed"]{ position: fixed;	top:0; left: 0; right: 0; margin: auto; z-index: 1; box-shadow: 0 5px 10px rgba(0,0,0,.1);}
        @media screen and (min-width:800px) {
            .nav2 { padding: 4px; font-size: 16px;}
            .nav2 ul { padding: 4px 0;}
            .nav2 ul li { padding: 0 4px;}
            .nav2 ul li a { padding: 5px 0; cursor: pointer;}
        }
    


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



.rqhl { padding-top: 4px;}
.rqhl ul { display: flex; flex-wrap: wrap;}
.rqhl ul li { width: 33.33%; box-sizing: border-box; padding-right: 4px; padding-bottom: 4px;}
.rqhl ul li:nth-child(3n) { padding-right: 0;}
.rqhl ul li a { display: flex; justify-content: center; align-items: center; height: 36px; border-radius: 4px;  background: #f5f5f5;}
@media screen and (max-width:750px){
.rqhl { padding: 2px 2px 0 2px;}
.rqhl ul li { padding-right: 2px; padding-bottom: 2px;}
}


.refresh{width:35px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:14px;border-radius:35px;box-sizing:unset;border:solid 4px rgba(255,255,255,.8);background:rgba(255,0,0,8);position:fixed;right:10px;bottom:60px;z-index:1;cursor:pointer}
.backtop{bottom:110px}
.d-betting{border-color:#fff;background-image:-webkit-linear-gradient(right,#ffb105,#ff7200);background-image:linear-gradient(-90deg,#337dd4,#367bc9)}

.article-modal{position:fixed;left:0;top:0;right:0;bottom:0;display:none;z-index:9999}
.article-modal[data-open="1"]{display:block}
.article-modal-mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6)}
.article-modal-card{position:relative;width:min(920px,calc(100% - 24px));max-height:calc(100% - 24px);margin:12px auto;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.article-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#6633cc;color:#fff}
.article-modal-title{font-size:16px;font-weight:700}
.article-modal-close{background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
.article-modal-body{padding:12px;overflow:auto;color:#000}

.carousel{position:relative;width:100%;overflow:hidden}
.carousel-track{display:flex;transition:transform .35s ease}
.carousel-slide{flex:0 0 100%}
.carousel-slide img{display:block;width:100%;height:auto}
.carousel-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:6px}
.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.2);cursor:pointer}
.carousel-dot.is-active{background:#fff}

@media screen and (max-width:820px){
  .cgi-head-home,.white-box{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important}
  iframe{max-width:100%}
}

#carousel{width:100% !important;max-width:100% !important}

#wuxiao{width:100% !important}
#wuxiao td,#wuxiao th{width:auto !important}

.cgi-body [data-fragment-series],.cgi-body [data-fragment]{display:block;width:100%;max-width:100%}
.cgi-body [data-fragment-series]{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cgi-body [data-fragment-series] table{width:100% !important;max-width:100% !important}
.cgi-body [data-fragment-series] img{max-width:100% !important;height:auto !important}