/*header*/
body {
    max-width: 720px;
    margin: 0 auto;

    /* overflow-x: hidden; */
}

* {
    padding: 0;
    border: 0;
    box-sizing: border-box;
}


.list-title{
height: 38px;
line-height: 33px;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: linear-gradient(transparent, #a8e063);
font-size: 24px;
font-size: clamp(20px,2vw,24px);
color: #460d0d;
text-shadow: 0px 0px 10px #e5e5e5;
font-weight: bold;
}

ul {margin: 1px;}

.box{
	margin:5px 0;
	border-radius: 5px;
	overflow: hidden;
	background-image: linear-gradient(to right, #56ab2f, #a8e063);
}
.pad{
	padding:4px 4px;
}
.padt{
	padding:4px 4px 1px 4px;
}
.header{
	position: fixed;
	z-index: 99;
	height: 61px;
	width: 100%;
	max-width: 720px;
	background-image: linear-gradient(to right, #a8e063, #a8e063);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}


.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;
}
.header .bank a {
   margin-top: 12px;
    float: right;
    position: relative;
}
.bg {
    background: linear-gradient(to right, #ff0000, #ff9b82);
}
/*nav*/
.nav{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;

}

.nav span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 16.66%;
	text-align: center;
	cursor: pointer;
}
.nav span:hover{
	background:#292929;
}
.nav.pf span:hover{

}


.nullbox{
	height: 95px;
}
.subnullbox{
	height: 61px;
}


.post-gg{background:#00FF00;padding:-0.5rem 1rem; font-size:1.3rem}
.post-gg li{padding:.3rem 0;border-bottom:1px solid #fff;}
.post-gg li:last-child{border-bottom:0}
.post-gg li span{display:flex;float:right;}

.post-gg {
    background: #00FF00;
    font-size: 1.4rem;
  text-align: center;
}

.post-gg li{
padding: 8px 3px;
    border-radius: 0px;
    border-bottom: 1px solid #ada96e;
    font-size: 14pt;
    font-weight: bold; 
}
.post-gg li a{
height: 36px;
line-height: 36px;
text-align: center;
display: block;
font-size: 22px;
font-weight: bold;
color: #000;

}
.post-list{text-align:center;}
.post-list-tit-pic{margin-bottom:8px}
.post-list li{padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
font-weight: bold;
}

.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: 20px;
color: #000;
font-weight: bold;
}
.post-list a .ci{
font-size: 26px;
}
.post-list2t{
    text-align: left;
}
.post-list2t li {
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    border-bottom: 1px solid #ada96e;
    font-size: 18px;
    font-weight: bold; 
}
.post-list2t2{
    text-align: center;
}
.post-list2t2 li {
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    border-bottom: 1px solid #ada96e;
    font-size: 18px;
    font-weight: bold; 
}
.post-list2{
    text-align: center;
}
.post-list2 li {
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    border-bottom: 1px solid #ada96e;
    font-size: 20px;
}

.post-list22{
    display: flex;
    text-align: left;
    overflow: hidden;
    font-size: 22px;
}

.post-list22 li,.post-list22 li1,.post-list22 li2 {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    border-right: 1px solid #ada96e;
    display: inline; 
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #fff;
    font-weight: bold; 
}
.post-list22 li{
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 720px){
.post-list22{
    font-size: 22px;
  }
}

@media screen and (max-width: 620px){
.post-list22 li,.post-list22 li1,.post-list22 li2{
    font-size: 20px;
  }
}

@media screen and (max-width: 520px){
.post-list22 li,.post-list22 li1,.post-list22 li2{
    font-size: 18px;
  }
}

@media screen and (max-width: 450px){
.post-list22 li,.post-list22 li1,.post-list22 li2{
    font-size: 15px;
  }
}
@media screen and (max-width: 420px){
.post-list22 li,.post-list22 li1,.post-list22 li2{
    font-size: 14px;
  }
}



.post-list3{
    display: flex;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
}

.post-list3 li,.post-list3 li1,.post-list3 li2,.post-list3 li3 {
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ada96e;
    display: inline; 
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #fff;
}
.post-list3 li {
    width: 100%;
}
.post-list3 li1 {
    width: 18%;
}
.post-list3 li2 {
    width: 57%;
}
.post-list3 li3 {
    width: 25%;
}

.post-list33{
    display: flex;
    text-align: center;
    overflow: hidden;
    font-size: 18px;

}

.post-list33 li,.post-list33 li1,.post-list33 li2,.post-list33 li3 {
    width: 33.33%;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ada96e;
    display: inline; 
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #fff;
}
.post-list33 li {
    width: 100%;
    background: #2e6180;
    font-weight: bold; 
    color:#ffffff;
}

.post-list4{
    display: flex;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold; 

}.post-list4 li {
    width: 100%;
    box-sizing: border-box;
    text-align: center;


    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #f3f0Eb;
}
.post-list4 li1 {
    width: 26%;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #ada96e;

    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #f3f0Eb;
}
.post-list4 li2 {
    width: 57%;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #ada96e;

    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #fff;
    font-size: 24px;
}
.post-list4 li3 {
    width: 17%;
    box-sizing: border-box;
    text-align: center;


    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-color: #f3f0Eb;
}

.post-list5{
    display: flex;
    text-align: center;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold; 
    border: 1px solid #fefefe;
    padding: 2px 2px;
    white-space: nowrap;
    background-color: #ffffff;

}
.post-list5 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 rgb(0 0 0 / 10%);
    display: block;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding-left: 0px;
}
.post-list5 li1,.post-list5 li2,.post-list5 li3 {
    width: 33.33%;
    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 rgb(0 0 0 / 10%);
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding-left: 0px;
}
.post-list5 li1 {
color: #2DB52D;
}
.post-list5 li2 {
color: #FF0000;
}
.post-list5 li3 {
color: #0000ff;
}


.lnbg6{
    display: flex;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    background-color: #fff;
}.lnbg6 li {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}
.lnbg6 li1 {
    width: 18%;
    border-right: 1px solid #CED4DA;
}
.lnbg6 li2 {
    width: 15%;
    border-right: 1px solid #CED4DA;
}
.lnbg6 li3 {
    width: 15%;
    border-right: 1px solid #CED4DA;
}
.lnbg6 li4 {
    width: 16%;
    border-right: 1px solid #CED4DA;
}
.lnbg6 li5 {
    width: 15%;
    border-right: 1px solid #CED4DA;
}
.lnbg6 li6 {
    width: 21%;

}
s1 {
color: #ff0000;
}
s2 {
color: #00ff00;
}
s3 {
color: #0000ff;
}
s4 {
color: #000000;
}
s5 {
color: #ffffff;
}
s6 {
color: #333333;
}
s7 {
color: #F5F5F5;
}
s8 {
color: #F8F9FA;
}
s9 {
color: #E9ECEF;
}
s10 {
color: #DEE2E6; /* 中性灰白色 */
}
s11 {
color: #CED4DA; /* 银灰色 */
}
s12 {
color: #F8EDEB; /* 浅粉色 */
}
s13 {
color: #4ECDC4; /* 青绿色 */
}
s14 {
color: #FFD166; /* 亮黄色 */
}
s15 {
color: #6A0572; /* 深紫色 */
}
s16 {
color: #1A936F; /* 深绿色 */
}
s17 {
color: #ff00ff;
}
s18 {
color: #008000;
display: inline;
}
s19 {
color: #9933cc;
}
s20 {
color: #663333;
}
s21 {
color: #993333;
}
s22 {
color: #800080;
}
s23 {
color: #008080;
}
s24 {
color: #FF6600;
}
s25 {
color: #FF0066;
}
s26 {
color: #990099;
}
s27 {
color: #222222;
}
s28 {
color: #800000;
}
s29 {
color: #000080;
}
s30 {
color: #808080;
}
s31 {
color: #990099;
}
s32 {
color: #009900;
}
s33 {
color: #00CC99;
}

ds {
background-color: #FFFF00;
}
sd {
background-color: #FFFF00;
color: #ff0000;
}
z1 {
font-size: 12px;
}
z2 {
font-size: 15.9px;
}
z3 {
font-size: 16px;
}
z3 {
font-size: 18px;
}
z4 {
font-size: 20px;
}
z5 {
font-size: 22px;
}
z6 {
font-size: 24px;
}
z7 {
font-size: 26px;
}
z8 {
font-size: 28px;
}
z9 {
font-size: 30px;
}
z10 {
font-size: 32px;
}


/*footer*/

.footer{
	height: 30px;
	line-height:30px;
	text-align: center;
	border-bottom: 1px solid #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.footer a{
	color: #6198bf;
	margin:0 10px;
}
.footera 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: #000;
}

.foot-subTextTitle{
	padding:0 8px;
}
.foot-subTextTitle p{
	color: #d2b335;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffeda4;
}








@keyframes gradient-anim {
       0% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
       100% { background-position: 0% 50%; }
     }









.lxlm-head{padding-left: 1rem;padding-right: 1rem;text-align:center;}

.lxlm-qs{
  display:flex;align-items:center;width: 100%;overflow-x:auto;padding-bottom:.5rem;margin-bottom:0;margin-top:.5rem;
}
.lxlm-qs li{display:flex;margin-right:.5rem;}
.lxlm-qs li button{text-align:center;font-weight:bold;justify-content:center;align-items: center;width:5rem;padding:.35rem .5rem;border-radius:45px;font-size:.935rem;letter-spacing:1px}
.hover-yes{background:#ffffff;color:#13489a;}
.hover-no{background:rgb(18 166 168);color:#fff}


    .tab-content {
      margin-top: 10px;
    }

    .tab-pane {
 width:100%;
      display: none;
    }

    .tab-pane.dis {
      display: block;
    }

    .tab-pane ul {
    width:100%;
    display: flex;
    text-align: center;
    overflow: hidden;
    font-size: 20px;

        }

    .tab-pane ul li {
      display: flex;
      justify-content: space-between;
      padding: 5px 0;

    }


.tab-pane ul li1 {
  width: 90px;
  color: #333; 
  font-size: 16px;
  text-align: center;
  border-right: 1px solid #cece71;
 display: inline; 
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  background-color: #fff;
  margin: 0;
  padding: 5px 3px;
}

.tab-pane ul li2 {
  flex: 1; 
  text-align: center;
  border-right: 1px solid #cece71;
    display: inline; 
  flex-direction: column;
  align-items:left;
  color: #ff0000;
  margin: 0;
  background-color: #FBF6F6;
  padding: 5px 3px;
  font-weight: bold;
}

.tab-pane ul li3 {
  width: 90px;
  color: #333;
  font-size: 16px;
  text-align: center;
  display: inline; 
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #fff;
  margin-left: auto;
  padding:5px 3px;
}
.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%; box-sizing: border-box;padding: 5px 5px;border-radius: 0px;background-color: #fff;}
.qnzl ul li 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: 20px;

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


        .container {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .card {
            background-color: white;
            border-radius: 0; /* 移除圆角，使其完全贴边 */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            padding: 5px;
            margin-bottom: 10px; /* 减小底部间距 */
        }
        
        
        /* 选项卡样式 */
        .tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 5px;
        }
        
        .tab {
            padding: 5px 5px;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .tab:hover {
            background-color: #f5f5f5;
        }
        
        .tab.active {
            background-color: #3b82f6;
            color: white;
            border-color: #3b82f6;
        }
        
        /* 图片展示区域 */
        .image-container {
            position: relative;
            background-color: #f3f4f6;
            border-radius: 8px;
            overflow: hidden;
            min-height: 200px;
        }
        
        .loading {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(243, 244, 246, 0.8);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s;
        }   
        .loading.show {
            opacity: 1;
            pointer-events: auto;
        }
        
        .spinner {
            width: 24px;
            height: 24px;
            border: 3px solid #3b82f6;
            border-radius: 50%;
            border-top-color: transparent;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        #showImg {
            width: 100%;
            height: auto;
            display: block;
            opacity: 0;
            transition: opacity 0.5s;
        }
        
        #showImg.fade-in {
            opacity: 1;
        }
        
        #originLink {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: rgba(59, 130, 246, 0.8);
            color: #ff0000;
            padding: 0px 12px;
            border-radius: 4px;
            text-decoration: none;
            font-size: 14px;
            margin-top: 0px;
        }
        
        #originLink:hover {
            background-color: #3b82f6;
        }