@charset "utf-8";
/*header*/
body {
    max-width: 720px;
    margin: 0 auto;

    /* overflow-x: hidden; */
}

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

.subnav{
	border-radius:5px;
	padding:5px 0;
	background: #d5dbf5;
	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:80px;
	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;
}
.riqi{
    font-size: 19pt;
    text-align: center;
    font-weight: bold;
    margin: 5px 0;
    color: #FFFFFF;
}
.post-list{text-align:center;}
.post-list-tit-pic{margin-bottom:6px}
.post-list li{padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;}
.kj{
    height: 38px;
    text-align: center;
    color: #000;
}
.kj .td1{
    font-size: 16px;
}
.kj .td2{
    font-weight: bold;
    color: #ff0000;
    font-size: 20px;
    background-color:#000000;

}
.post-list a{
	height: 38px;
	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: 18px;
	font-weight: bold;
	color: #000;
}
.post-list a font{
	font-size: 24px;
}
.post-list li .zg{
	font-size: 20px;
}
.box .post-list  li img{
	width: 25px;
	position: relative;
	right: 3px;
    bottom: -5px;
}
.post-list a:hover{
	color: red;
}
.post-list i{
	color: blue;
}
.post-list a .ci{
	font-size: 26px;
	}

.post-list1{text-align:center;}
.post-list1-tit-pic{margin-bottom:6px}
.post-list1 li{padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    float: left;
    width: 49.9%;
}

.post-list1 a{

	line-height: 1.5em;
	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;
}
.post-list1 a:hover{
	color: red;
}

#yxym .list-title{
	background: linear-gradient(transparent,#f7f3f3);
	font-size: 26px;
	color: #000;
	text-shadow: 0px 0px 10px #e5e5e5;
	border-radius: 0 0 50px 50px;
    /* background: linear-gradient(#d0dee6,#d6dee6, #FFFFFF); */
    box-shadow: 0 5px 4px 0 rgb(214, 183, 0), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.list-title {
    height: 30px;
    line-height: 25px;
    font-size: 16pt;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 4px 1px #b99b5f;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

ul {margin: 1px;}

.box{
	margin:5px 0;
	border-radius: 5px;
	overflow: hidden;
	background-image: linear-gradient(to right, #0ec90c, #0ec90c, #0ec90c, #0ec90c, #0ec90c, #0ec90c, #0ec90c);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.nullbox {
    height: 78px;
}
.pad{
	padding:3px 2px;
}
.padt{
	padding:4px 4px 1px 4px;
}
.header.index-header {

    border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.header {
    position: fixed;
    z-index: 99;
    width: 100%;
    max-width: 720px;
    background-image: linear-gradient(to right, #0ec90c, #0ec90c, #0ec90c, #0ec90c, #0ec90c, #0ec90c, #0ec90c);
}

.header .logo-box {
    height: 54px;
}
.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: 55px;
    height: 50px;
    margin: 0 auto;
}
.header .bank a {
    display: block;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    padding-top: 0px;
}
.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{

}



.subnullbox{
	height: 61px;
}



.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: 18px;
}
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: 18px;
  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: 18px;
  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;
        }

@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;
  }
}
@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; } /* ??*/
  #yxym .list-title{ font-size: 20px; } /* �� */
  .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: 28px; } /* �� */
  .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: 580px){
  .blgg td{ font-size: 15pt; } /* ??*/
}
@media screen and (max-width: 505px){
  .pad { padding: 2px 2px; } /* ??*/
  #yxym .list-title{ font-size: 18px; } /* ??*/
  .riqi{ font-size: 12pt; } /* ??*/
  .haoju{ font-size: 15pt; } /* ??*/
  .box,.subnav,.xjbox{ margin:3px 0px ; } /* �� */
  .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: 18px; } /* ??*/
  .guanggao img{ 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: 28px; } /*  */
  .qxtable .xz1 { font-size: 18px; } /* ??*/
  .qxtable .xz2 { font-size: 20px; } /* ??*/
  .qxtable .xz3 { font-size: 30px; } /*  */
  .post-list a{ font-size:20px; } /* ��??*/
  .post-list a .ci{ font-size: 24px; } /* �ҧ� */
  .gg td{ font-size: 15pt; } /* ??*/
  .gg td a{ text-align: left; } /* ??*/
}
@media screen and (max-width: 480px){
  .blgg td{ font-size: 13pt; } /* ??*/
}
@media screen and (max-width: 429px){
  .haoju{ font-size: 14pt; } /* ??*/
  .qxtable td { font-size: 17px; } /* ??*/
  .qxtable .xz1 { font-size: 15px; } /* ??*/
  .qxtable .xz2 { font-size: 20px; } /* ??*/
  .qxtable .xz3 { font-size: 28px; } /* ??*/
  .qxtable .xz { font-size: 26px; } /* ??*/
  .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: 21px; } /* ��??*/
  .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: 19px; } /* �� */
  .qxtable .xz { font-size: 24px; } /* �� */
  .qxtable .xz1 { font-size: 14px; } /* �� */
  .qxtable .xz2 { font-size: 18px; } /* �� */
  .qxtable .xz3 { font-size: 26px; } /* �� */
  .qxtable.yxym td { font-size: 18px; } /* �� */
  .qxtable.yxym tr td:nth-child(2){ font-size: 21px; } /* ??�� */
  .qxtable .jx { font-size: 18px; } /* �� */
  #yxym .list-title{ 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:19px; } /* �ҧ� */
  .post-list a .ci{ font-size: 22px; } /* �ҧ� */
  .gg td{ font-size: 14pt; } /* �� */
}
@media screen and (max-width: 374px){
  .riqi { font-size: 10pt; } /* �m��??*/
  .haoju { font-size: 12pt; } /* �m�� */
  .qxtable td { font-size: 15px; } /* �m�� */
  .qxtable .xz1 { font-size: 12px; } /* ��??*/
  .qxtable .xz2 { font-size: 18px; } /* ��??*/
  .qxtable .xz3 { font-size: 22px; } /* ��??*/
  .qxtable .xz { font-size: 20px; } /* ��??*/
  .duilianpt td { font-size: 11pt; } /* �m�� */
  .duilianpt .zl{ font-size: 13pt; } /* ��??*/
  .duilianpt th { font-size: 10pt; } /* �m��??*/
  .duilianpt1 td{ font-size: 11pt; } /* �m�� */
  .duilianpt1 .zl{ font-size: 15pt; } /* ��??*/
  .duilianpt1 th{ font-size: 10pt; } /* �m��??*/
  .post-list a{ font-size:15px; } /* �ҍm��??*/
  .post-list a .ci{ font-size: 20px; } /* �ҧ�??*/
  #yxym .list-title { font-size: 15px; } /* �m��??*/
  .qxtable.yxym tr td:nth-child(2){ font-size: 20px; } /* ??�m�� */
  .qxtable .jx { font-size: 14px; } /* �� */
  .pnzl td { font-size: 11pt; } /* �m�� */
  .gg td{ font-size: 13pt; } /* �m�� */
}
@media screen and (max-width: 358px){
  .blgg td { font-size: 11pt; } /* �m�� */
  .blgg a { line-height: 30px; } /* �ڧ� */
}


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

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

.blgg a {
    line-height: 35px;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 8px;
    background: #eee;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: block;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding-left: 0px;
}


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