body {
    max-width: 720px;
    margin: 0 auto;
    /* overflow-x: hidden; */
}

* {
    padding: 0;
    border: 0;
    box-sizing: border-box;word-break: keep-all;
}
.header.index-header {
    height: 55px;
    border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.header {
    position: fixed;
    z-index: 99;
    width: 100%;
    max-width: 720px;
    background-image: var(--color-herder);
}
.sqbk{text-align:center;}
.header .logo-box {
    height: 50px;
}
.header .logo {
    float: left;
    height: 50px;
    margin-left: 0px;
}
.header .logo .logo-img {
    width: 208px;
    height: 50px;
}
.header .bank {
    float: right;
    position: relative;
    width: 80px;
    height: 50px;
}
.header .bank img {
    display: block;
    width: 75px;
    height: 50px;
    margin: 0 auto;
}
.nav {border: 1px solid var(--color-title);background: var(--color-title);border-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}
.nav2 {width: 100%;max-width: 720px;margin: 0 auto;box-sizing: border-box;border-radius: 0 0 4px 4px;background: linear-gradient(to right, #4da6ff, #4da6ff);}
.nav2 ul { padding: 0px 0; display: flex; justify-content: space-between;}
.nav2 ul li {width: 100%;box-sizing: border-box;height:3rem;}
.nav2 ul li a {display: block;padding: 0px 0;text-align: center;text-decoration:none;color: red;background: #fff5f5;font-size: 1.5rem;font-weight: bold;height: 3rem;line-height: 3rem;}
.nav2 ul li .active { background:red;color:#fff;}
#nav2[data-fixed="fixed"]{ position: fixed;	top:55px;; left: 0; right: 0; margin: auto; z-index: 100; box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.nav-img { text-align: center; background: #000;}
.nav-img img { width: auto; height: 70px;}
.activereimg{height:42px;width:40px}
/* CSS Document */
html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica;
    color: #000;
    font-size: var(--font-body);
}
html{
    background: #F4F4F4;
    background-attachment: fixed;
}
body{
    max-width: 720px;
    margin:0 auto;
/*    overflow-x: hidden;*/
}
/*div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {

    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

* {
    padding: 0;
    
    border: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #FF0000;
}

a:active {
    text-decoration: none;
}

a:focus {
    outline: none;
}

a.hidefocus {
    outline: none
}



input[type=text], input[type=button], input[type=submit] {
    -webkit-appearance: none;
    outline: none;
}




button {
    border: 0;
    outline: none;
    cursor: pointer;
}
input{outline:none}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
table{
    table-layout: fixed;
    width: 100%
}
.box{
	margin: 3px 0;
	border-radius: 5px;
	overflow: hidden;
	background-image: var(--color-herder);
	--min-size: 15;
	--max-size: 24.6;
	--font-size: calc(
    (var(--min-size) * 1px) + 
    (var(--max-size) - var(--min-size)) * 
    ((100cqw - 320px) / (800 - 320))
  );
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
}
.subListTable{background: #fff;text-align: center;table-layout:fixed}
.subTextTitle{border: 1px solid #ccc;background: var(--color-herder);border-bottom: 1px solid #738e9f;color: var(--color-connectit);font-weight: bold;border-top-left-radius: 5px;border-top-right-radius: 5px;text-shadow: 0px 0px 10px var(--color-shadow);}
.subTextTitle p{height: 30px;line-height: 30px;background: #9935a7;margin: 0px;}
.subListTable td{
    font-weight:bold;
    border: 1px solid #ccc;
    height: 40px;
font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem) !important;    
}
.dbt img{
	margin-top: 98px;
	margin-bottom: -8px;
}
.news-title {
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.txtMarquee-left {
    padding: 0 1px;
    width: auto;
    position: relative;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

/*content*/
.subnav{
	border-radius:5px;
	padding:5px 0;
	background: #e7f1fd;
	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: 80px;
	height:75px;
	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;
}
.padt{
	padding:4px 4px 1px 4px;
}
.xjbox{
	margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #000;
}

.gg{
	color: #000;
	table-layout: fixed;
}
.gg tr{
	height: 25px;
}
.gg th,.gg td{
	padding:4px 6px;
}
.gg th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.gg td{
	height: 42px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #e7f1fd;
	font-size: 18pt
}
.gg td a{
	display: block;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}

.qxtable{
	color: #000;
    background: #fff;
    font-weight: bold;
    word-wrap: break-word; 
    word-break: break-all;	
    text-align: center;;
}
.qxtable tr {
     height: 30px; 
}
.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 .xz3 {   
    font-size: 38px;
}
.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: 18pt;
}
.qxtable.yxym tr td:nth-child(1){
	background: #d5e5fb;
	width: 26%;
}
.qxtable.yxym tr td:nth-child(3){
	background: #d5e5fb;
	width: 18%;
}
.qxtable.yxym tr td:nth-child(2){
	background: #f7f7f7;
	width: 56%;
	font-size: 28px;
}
.qxtable .jx {   
    font-size: 22px;
}
.list-title{
	height: 35px;
	line-height: clamp(2.2rem, 1.5vw + 0.5rem, 1.8rem);
	font-size:clamp(1.25rem, 1.5vw + 0.5rem, 1.8rem);
	text-align: center;
	border-bottom: 1px solid #738e9f;
	background: var(--color-ltitle);
	color: var(--color-fonts);
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-shadow: 0px 0px 10px var(--color-shadow);
}
.riqi{
	font-size: 19pt;
    text-align: center;
    font-weight: bold;
    margin: 5px 0;
    color: #fff;
}
.haoju{
	font-size: 20pt;
    text-align: center;
    font-weight: bold;
    padding: 3px 0px;
}
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;
}

.guanggao{
	table-layout: auto;
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #4e9af2;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);
}
.guanggao tr{
	height: 33px;
}
.guanggao img{
	width: 100%;
	height: 45px;
}
.guanggao a{
	font-size: 16pt;
	color: #000;
}
.guanggao td{
	font-weight: bold;
	border:0px; solid:#636262;
	width: 100%;
	text-align: left;
    white-space: nowrap;
}

.gongshi{
	color: #000;
	table-layout: fixed;
}
.gongshi tr{
	height: 25px;
}
.gongshi th,.gongshi td{
	padding:5px 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: 18pt;
	text-align:center;
}
.gongshi td a{
	display: block;
	color: #0000FF;
	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: 30px;
}
.duilianpt td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt .zl{
	font-size: 20pt;
}

.duilianpt1{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.duilianpt1 tr{
	height: 30px;
}
.duilianpt1 td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt1 .zl{
	font-size: 22pt;
}
.duilianpt1 th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 17pt;
}
.pnzl{
	table-layout: auto;
	color: #000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #f5f5f5;
}
.pnzl tr{
	height: 32px;
}
.pnzl td{
	font-weight: bold;
	border:1px solid #fff;
	width: 33.3%;
	font-size: 12pt;
}
.pnzl a{
	color: #000;
}

.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, rgb(158,87,233), rgb(158,87,233), rgb(158,87,233),rgb(158,87,233), rgb(158,87,233), rgb(158,87,233), rgb(158,87,233));
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99bdb657, endcolorstr=#99bdb657);
}

@media screen and (max-width: 610px){
.riqi{
	font-size: 15pt;
}
.haoju {
    font-size: 18pt;
}
.pad {
    padding: 2px 2px;
}
.padt{
	padding:2px 2px 0.1px 2px;
}
.duilianpt td{
	font-size: 15pt;
}
.duilianpt .zl{
	font-size: 17pt;
}
.duilianpt th{
	font-size: 14pt;
}
.duilianpt1 td{
	font-size: 16pt;
}
.duilianpt1 .zl{
	font-size: 19pt;
}
.duilianpt1 th{
	font-size: 14pt;
	}
.qxtable td {
    font-size: 20px;
}
.qxtable .xz {   
    font-size: 26px;
}
.qxtable .xz1 {   
    font-size: 18px;
}
.qxtable .xz2 {   
    font-size: 24px;
}
.qxtable .xz3 {   
    font-size: 30px;
}
.listtable td{
		font-size: 13pt;
}
.qxtable.yxym td {
    font-size: 12pt;
}
.post-list a{font-size:21px
}
.gg td{
	font-size: 16pt
}
}
@media screen and (max-width: 505px){
.pad {
    padding: 2px 2px;
}
.riqi{
	font-size: 12pt;
}
.haoju{
	font-size: 15pt;
}
.box,.subnav,.xjbox{
		margin: 0;
	}
.subnav a{
		font-size: 11pt;
	}
.subnav a img{
		width: 60.8px;
		height: 60.8px;
	}
.ggimg a img{
		width: 40px;
		height: 40px;
	}

.qxtable.yxym td{
		font-size: 18px;
	}
.qxtable.yxym tr td:nth-child(2){
		font-size: 24px;
	}
.qxtable .jx {   
    font-size: 19px;
}
.guanggao img{
	width: 100%;
	height: 33px;
	}
.guanggao a{
	font-size: 12pt;
	}
.gongshi td{
	font-size: 16pt;
	}
.duilianpt td{
	font-size: 14pt;
}
.duilianpt .zl{
	font-size: 16pt;
}
.duilianpt th{
	font-size: 13pt;
	}
.duilianpt1 td{
	font-size: 16pt;
}
.duilianpt1 .zl{
	font-size: 18pt;
}
.duilianpt1 th{
	font-size: 13pt;
	}
.pnzl td{
	font-size: 13pt;
}
.qxtable td {
    font-size: 18px;
}
.qxtable .xz {   
    font-size: 26px;
}
.qxtable .xz1 {   
    font-size: 16px;
}
.qxtable .xz2 {   
    font-size: 20px;
}
.qxtable .xz3 {   
    font-size: 30px;
}
.post-list a{font-size:19px
}
.post-list a .ci{font-size: 24px;
}
.gg td{
	font-size: 15pt
}
.gg td a{
	text-align: left;
}
}
@media screen and (max-width: 429px){
.haoju{
	font-size: 14pt;
}
.qxtable td {
    font-size: 17px;
}
.qxtable .xz1 {   
    font-size: 15px;
}
.qxtable .xz2 {
    font-size: 19px;
}
.qxtable .xz3 {   
    font-size: 28px;
}
.qxtable .xz {
    font-size: 24px;
}
.duilianpt td {
    font-size: 13pt;
}
.duilianpt .zl {
    font-size: 15pt;
}
.duilianpt1 td {
    font-size: 15pt;
}
.duilianpt1 .zl {
    font-size: 17pt;
}
.post-list a {
    font-size: 18px;
}
.post-list a .ci {
    font-size: 23px;
}
.qxtable.yxym tr td:nth-child(2) {
    font-size: 23px;
}
}
@media screen and (max-width: 409px){
.riqi{
	font-size: 11pt;
}
.haoju{
	font-size: 13pt;
}
.qxtable td {
    font-size: 16px;
}
.qxtable .xz {   
    font-size: 22px;
}
.qxtable .xz1 {   
    font-size: 14px;
}
.qxtable .xz2 {   
    font-size: 18px;
}
.qxtable .xz3 {   
    font-size: 26px;
}
.qxtable.yxym td {
    font-size: 16px;
}
.qxtable.yxym tr td:nth-child(2){
		font-size: 21px;
	}
.qxtable .jx {   
    font-size: 17px;
}
.duilianpt td {
    font-size: 13pt;
}
.duilianpt .zl{
	font-size: 14pt;
}
.duilianpt th{
	font-size: 11pt;
}
.duilianpt1 td{
	font-size: 14pt;
}
.duilianpt1 .zl{
	font-size: 16pt;
}
.duilianpt1 th{
	font-size: 12pt;
	}
.pnzl td {
    font-size: 12pt;
}
.gongshi td{
	font-size: 14pt;
	}
.post-list a{font-size:16px
}
.post-list a .ci{font-size: 22px;
}
.gg td{
	font-size: 14pt
}
}
@media screen and (max-width: 374px){
.riqi {
    font-size: 10pt;
}
.haoju {
    font-size: 12pt;
}
.qxtable td {
    font-size: 15px;
}
.qxtable .xz1 {   
    font-size: 12px;
}
.qxtable .xz2 {
    font-size: 16px;
}
.qxtable .xz3 {   
    font-size: 22px;
}
.qxtable .xz {
    font-size: 18px;
}
.duilianpt td {
    font-size: 11pt;
}
.duilianpt .zl{
	font-size: 13pt;
}
.duilianpt th {
    font-size: 10pt;
}
.duilianpt1 td{
	font-size: 11pt;
}
.duilianpt1 .zl{
	font-size: 15pt;
}
.duilianpt1 th{
	font-size: 10pt;
	}
.post-list a{font-size:15px
}
.post-list a .ci{font-size: 19px;
}
.qxtable.yxym tr td:nth-child(2){
		font-size: 19px;
	}
.qxtable .jx {   
    font-size: 15px;
}
.pnzl td {
    font-size: 11pt;
}
.gg td{
	font-size: 13pt
}
}

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

.cctitle{background:var(--color-title);color:var(--color-fonts)}
.cctitletd{background:var(--color-title);color:var(--color-fonts) !important}
.cccontd{background:var(--color-body);color:var(--color-link)}
[class^=main]{font-weight:700;color:#000;border: 1px solid #e5e5e5;text-align: center;line-height: 40px;}
[class^=special]{color:#000;}
[id^=op]{color:#000;text-shadow: 1px 2px 5px var(--color-shadow);}
.dui{color:#ff0000;background: #ff0;}
.cuo{color:#000;}
.zho{color:#ff0000;;background: #ff0;font-weight:700;}
#connectma .zho{overflow: auto;word-wrap: break-word;    /* 长单词或URL强制换行 */overflow-wrap: break-word; /* 更标准的属性（优先使用） */white-space: normal;      /* 默认值，空格换行 */}

[class^=sqbk]{border-right:1px solid #ccc}
[class^=sqbk] td{border-right:1px solid #ccc;}
[class^=sqbk] .td3{border-right:0}

.meta_info, .remarks{
   text-align: center;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;
    
}
.box {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;color:var(--color-fonts);}
.main-c{
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background:var(--color-bg);
}
.main-c .txt{color: rgb(207, 19, 34); background-color: transparent;font-weight: bold;}
.Ititle{
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.clediv{margin-top:150px}
.tit{
	height: 38px;
	line-height: 35px;
	font-size: 16pt;
    text-align: center;
    border-bottom: 1px solid #EAC117;
    background:var(--color-title);color:var(--color-fonts);
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#yxym .tit{
	background:var(--color-title);color:var(--color-fonts);
	font-size: 26px;
}
.Ititle ul li{
	height: 38px;
	line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #EAC117;
    background:var(--color-title);color:var(--color-fonts);
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.Acontent{border: 1px solid #e5e5e5;}
.cctitletdfix td{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
 .main-p {
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#FF0000;
	border-radius:5px;
	color:#FFFFFF;
}
.nullbox {height: 148px;}
.nullboxs {height: 105px;}
@media screen and (max-width: 580px){
.blgg td{
  font-size: 15pt;
  }
  .nullbox {height: 140px;}
  .nullboxs {height: 103px;}
}
@media screen and (max-width: 480px){
.blgg td{
  font-size: 14pt;
  }
  .nullbox {height: 140px;}
  .nullboxs {height: 103px;}
}
@media screen and (max-width: 408px){
.blgg td {
    font-size: 13pt;
}
.blgg a {
    line-height: 30px;
}
.nullbox {height: 140px;}
.nullboxs {height: 103px;}
}
@media screen and (max-width: 358px){
.blgg td {font-size: 12pt}
.nullbox {height: 140px;}
.nullboxs {height: 103px;}
}
.subTextTitle h1{margin:8px 0;font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
.subListTable td{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
[class^=main]{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
[class^=special]{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
[id^=op]{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
.main-c{text-align: center;margin: 0 auto;width:100vw;max-width: 700px;word-wrap: break-word;overflow-wrap: anywhere;word-break: keep-all;line-height:40px}
.dui{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
.cuo{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
.subListTable .txt{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem) !important;width:100vw;max-width:700px}
[class^=sqbk] td{font-size:clamp(1.15rem, 1.5vw + 0.5rem, 1.8rem)}
.subListTable #\36 ma{font-size:clamp(.9rem, 1.5vw + 0.5rem, 1.8rem)}
@media screen and (max-width: 500px){
.main-c{width:100cqw;}

}
.Ititle ul{
width: 100% !important;
}
.Ititle ul li{
	border-bottom: 1px solid var(--color-title);
	background: #ffffff;
	color: #000000;
	font-size: 14px;
}
.main-c{
  display: flex;
  flex-direction: column;
  gap: .3em;
  text-align: center;
  margin: 0 auto;
  font-size:1em;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  word-break: keep-all;
  line-height: 1.5em !important;
  }
.main-c>br {display:none}
@media screen and (max-width: 500px){
.main-c{width:98cqw;font-size:0.9em;line-height:1.2em !important}
}
.list-tit{background:  var(--color-title);color: #fbfbfb;}
@media screen and (max-width: 720px){
.nav2 ul li {height: 3rem;}
.nav2 ul li a {height: 3rem;line-height: 3rem;}
.activereimg{height:43px;width:40px}
}
@media screen and (max-width: 480px){
.nav2 ul li {height: 2.5rem;}
.nav2 ul li a {height: 2.5rem;line-height: 2.5rem;}
.activereimg{height:35px;width:40px}
}
@media screen and (max-width: 408px){
.nav2 ul li {height: 2.5rem;}
.nav2 ul li a {height: 2.5rem;line-height: 2.5rem;}
.activereimg{height:35px;width:40px}

}
@media screen and (max-width: 360px){
.nav2 ul li {height: 2.5rem;}
.nav2 ul li a {height: 2.5rem;line-height: 2.5rem;}
.activereimg{height:35px;width:40px}
}
.KJ-IFRAMEa{height:175px;}@media (max-width:800px){.KJ-IFRAMEa{height:175px;}}@media (max-width:720px){.KJ-IFRAMEa{height:180px;}}@media (max-width:552px){.KJ-IFRAMEa{height:160px;}}@media (max-width:500px){.KJ-IFRAMEa{height:140px;}}@media (max-width:450px){.KJ-IFRAMEa{height:135px;}}@media (max-width:400px){.KJ-IFRAMEa{height:130px;}}
#lg-b{
	width: 88px;
	height: 33px;
	float: right;
	color: #fff;
	text-align: center;
	border-radius: 36px;
	line-height: 30px;
	margin-right: 2px;
	margin-top: 8.5px;
	font-size: 0.8rem;
	border: 1px solid #ffffff;
	text-shadow: 0px 0px 10px var(--color-shadow);
	background-image: var(--color-herder);
}
#lg-b{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}

#lg-a{
	float: right;
	height: 100%;
}
#lg-a img{
	width: 46px;
	height: 46px;
	margin: 2px;
	border-radius: 36px;
	border: 2px solid #fff;
}
#lg-a{
-webkit-animation:rollIn 1s .2s ease both;
-moz-animation:rollIn 1s .2s ease both;
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
}
.br-12{border-radius:1px;overflow:hidden}
.hover-yes{background:#ffffff;color:#860707;}
.hover-no{background:#25bb89;color:#fff}
.dis{display:normal;}.undis{display:none;}.Acontentcont{text-align: left;background: #fff;height: auto;line-height: 30px;font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.8rem);border-bottom: 1px solid var(--color-title);color: #000;}.Acontentcont b{background:#ffff00;color:#f00;}
.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}
.mtbl tr:last-child td:first-child{border-bottom-left-radius:0px}
.mtbl tr:last-child td:last-child{border-bottom-right-radius:0px}
.mtbl td{padding:.375rem .25rem;line-height:22px;border-right:solid 1px #cece71;border-bottom:solid 1px #cece71}
.mtbl td:first-child{width:80px;text-align:center}
@media (min-width:375px){.mtbl td:first-child{width:88px}}
@media (min-width:425px){.mtbl td:first-child{width:100px}}
.mtbl td:first-child{border-left:solid 1px #cece71}
.mtbl td:last-child{width:58px;text-align:center}
@media (min-width:375px){.mtbl td:last-child{width:58px}}
@media (min-width:425px){.mtbl td:last-child{width:100px}}
.mtbl td:nth-child(2){--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));line-height:1rem;font-weight:500}
@media (min-width:375px){.mtbl td:nth-child(2){line-height:1.5rem}}
b23-tbl.m td:nth-child(2){word-spacing:4px}
@media (max-width:360px){.mtbl td:nth-child(2) p[style],.mtbl td:nth-child(2) div[style],.mtbl td:nth-child(2) span[style]{font-size:12px!important}}
.mtbl td:last-child,.mtbl td:first-child{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width:375px){.mtbl td:last-child,.mtbl td:first-child{line-height:1.25rem}}
@media (min-width:425px){.mtbl td:last-child,.mtbl td:first-child{line-height:1.5rem}}
.mtbl td:last-child{font-weight:500}
@media (min-width:375px){.mtbl td:last-child{line-height:2rem}}
.mtbl td.td1{font-size:clamp(1.1rem, 1.5vw + 0.5rem, 1.5rem) !important}
.mtbl td.td2{font-size:clamp(1rem, 1.5vw + 0.5rem, 1.5rem);font-weight:bold;height: auto;word-break: break-all;overflow-wrap: break-word;}
.mtbl td.td2 span{color:#0ff}
.mtbl td.td2 b{color:#f00;background:#ff0}
.mtbl td.td3{font-size:clamp(1rem, 1.5vw + 0.5rem, 1.5rem) !important;}
.mtbla td.td1{font-size:clamp(1rem, 1.5vw + 0.5rem, 1.5rem)}

.gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            gap: 5px;
            padding: 5px;
            list-style: none;
            background: #fff;
        }
@media (max-width: 580px) {
            .gallery {
                grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
            }
        }        
        .gallery li {
            background: rgb(231 231 231 / 70%);
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid rgb(255 253 244 / 30%);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        
        .gallery li:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
            border-color: #ffd700;
        }
        
        .gallery li span {
            display: block;
            padding: 10px;
            text-align: center;
            cursor: pointer;
            color: #000000;
            font-size: 1.25rem;
            overflow: hidden;
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .gallery li:hover span {
            background: rgba(255, 215, 0, 0.1);
        }
        
        .modal {
            display: none;
            position: fixed;
            z-index: 10010;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            overflow: hidden;
            backdrop-filter: blur(5px);
        }
        
        .modal-content {
            position: absolute;
            top: 15%;
            left: 5%;
            transform: translate(-50%, -50%) scale(1);
            transform-origin: center center;
            transition: transform 0.3s ease;
            max-width: 90%;
            max-height: 90%;
            cursor: grab;
        }
        
        .modal-content:active {
            cursor: grabbing;
        }
        
        .close {
            position: absolute;
            top: 20px;
            right: 30px;
            color: #ffd700;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
            cursor: pointer;
            z-index: 1001;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        }
        
        .close:hover {
            color: #fff;
            transform: scale(1.2);
        }
        
        .controls {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 15px;
            z-index: 1001;
            background: rgba(0, 0, 0, 0.6);
            padding: 10px 20px;
            border-radius: 30px;
        }
        
        .control-btn {
            background: rgba(255, 215, 0, 0.2);
            border: 2px solid #ffd700;
            color: #ffd700;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .control-btn:hover {
            background: rgba(255, 215, 0, 0.4);
            transform: scale(1.1);
        }
        
        .info-bar {
            position: absolute;
            top: 20px;
            left: 30px;
            background: rgba(0, 0, 0, 0.6);
            color: #ffd700;
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 1.1rem;
            z-index: 1001;
            max-width: 70%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .zoom-level {
            position: absolute;
            top: 70px;
            left: 30px;
            background: rgba(0, 0, 0, 0.6);
            color: #ffd700;
            padding: 10px 20px;
            border-radius: 30px;
            z-index: 1001;
        }
 .liux12{
	text-align: center;
	color: red;
	background-color: white;
	border-collapse: collapse;
	font-weight: bold;
}
.liux12 tr td{
	font-size: 20px;
	padding: 5px 0;
	border: 1px double rgb(199, 184, 103);
}
.liux12 i{font-style:normal}
.box .liux12 .liux12-f td{
	color: #2b2b2b;
	font-size: 20px;
	background-color: #d8d2e7;
}
.liux12-q td:nth-child(1){color: blue;}
.liux12-q td:nth-child(3){color: #000;}

.jinliao{
	background-color: rgb(0, 0, 0);
	text-align: center;
	color: #020202;
	font-weight: bold;
	font-size: 20px;
}


.jinliao td{
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid rgb(134, 134, 134);
}
.jinliao tr td:last-child{color: red;}

.box .jinliao thead tr td{
	background-color: rgb(78, 61, 41);
	color: rgb(255, 255, 255);
}
.box .jinliao tbody tr td:nth-child(1){color:navy;}


.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: 150px;
	overflow: hidden;
	position: relative;
	padding: 0px 10px 30px 10px;
}

.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: 5px;
	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:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
}
.overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	display: none; 
  }

  .grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 5px;
	margin: 0 auto; /* 莽鈥櫬伱⑩€⑵捗垛€懊┞徛嵜р€ε矫撀趁β垛€?*/
	text-align: center;
	background-color:#f7f2f2;
	padding: 8px 0px;
}

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

.grid-g 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: 5px;
	box-sizing: border-box;
}

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

.grid img.active {
	position: fixed;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	display: none; 
  }

.jmsht{
		background-color: white;
		color: #000;
		font-size: 18px;
		text-align: center;
		padding: 10px 0 5px ;
	}
.jmsht p{
		margin: 0;font-size: 1.2rem;
	}
	
	/* ========== 预测区单行自适应字号（不换行，按容器宽度缩小） ========== *
.subListTable td:not(:has(> table)),
.qxtable td,
.qxtable th,*/
.list-title {
    white-space: nowrap;
    overflow: hidden;
    container-type: inline-size;
    font-size: clamp(11px, 4.5cqi, 22px) !important;
}
.subListTable td:not(:has(> table)) {
    min-height: 40px;
    height: auto;
    line-height: 1.3;
    padding: 4px 2px;
}
.subListTable td:has(> table) {
    white-space: normal;
    overflow: visible;
    container-type: normal;
    font-size: clamp(11px, 4.5cqi, 22px) !important;
}
.qxtable {
    table-layout: fixed;
    word-wrap: normal !important;
    word-break: normal !important;
}
.qxtable.yxym {
    word-wrap: normal !important;
    word-break: normal !important;
}
.qxtable td .xz,
.qxtable td .xz1,
.qxtable td .xz2,
.qxtable td .xz3,
.qxtable td .jx {
    font-size: inherit !important;
}
.list-title {
    height: auto;
    min-height: 35px;
    line-height: 1.3;
    padding: 6px 4px;
    box-sizing: border-box;
}
[id^=op],.dui,.cuo{font-size: clamp(11px, 4.5cqi, 22px) !important;}