﻿@charset "utf-8";
.header.index-header {
    height: 98px;
    border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.header {
    position: fixed;
    z-index: 99;
    width: 100%;
    max-width: 720px;
           background: linear-gradient(to right, #9e579d, #8971d0);
}

.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 a {
    display: block;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    padding-top: 14px;
}
.header .bank img {
    display: block;
    width: 75px;
    height: 50px;
    margin: 0 auto;
}
.nullbox {
    height: 100px;
}
.nav{
	overflow: hidden;
	      background: linear-gradient(to right, #9e579d, #8971d0);
}
.nav span{
	display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 16.66%;
    text-align: center;
    cursor: pointer;
}
.nav span:hover{
	background:#292929;
}

.dbt img{
	margin-top: 100px;
	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: #f3f0eb;
	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;
}
.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)}}




.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 4px;
}
.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 #d9c1ad;
	font-size: 18pt;
	background: #00FF00;
    text-align: center;
}
.gg td a{
	display: block;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}
.ggam{
	color: #000;
	table-layout: fixed;
}
.ggam tr{
	height: 30px;
	background: #F4F4F4;
}
.ggam td{
	padding:4px 4px;
}
.ggam th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.ggam td{
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #fff;
	font-size: 16pt;
	text-align:center;
}
.ggam td a{
	display: block;
	color: #0000FF;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}
.dingbugg{
	color: #000;
	table-layout: fixed;
}
.dingbugg tr{
	height: 25px;
}
.dingbugg th,.dingbugg td{
	padding:2px 2px;
}
.dingbugg th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.dingbugg td{
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #383232;
	font-size: 16pt;
	text-align:center;
}
.dingbugg td a{
	display: block;
	color: #0000FF;
	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: #efe9e3;
	width: 26%;
}
.qxtable.yxym tr td:nth-child(3){
	background: #efe9e3;
	width: 18%;
}
.qxtable.yxym tr td:nth-child(2){
	background: #f7f7f7;
	width: 56%;
	font-size: 28px;
}
.qxtable .jx {   
    font-size: 20px;
}

.box{
	margin:3px 0;
	border-radius: 3px;
	overflow: hidden;
	   background: linear-gradient(to right, #9e579d, #8971d0);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.pad{
	padding:2px 2px;
}
.list-title{
	font-size: 20pt;
    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;
    padding: 2px 0px 4px 0px;
}
.riqi{
	font-size: 19pt;
    text-align: center;
    font-weight: bold;
    margin: 5px 0;
    color: #000;
}
.haoju{
	font-size: 20pt;
    text-align: center;
    font-weight: bold;
    padding: 3px 0px;
}
#yxym .list-title{
	background: linear-gradient(transparent,#f7f3f3);
	font-size: 26px;
	color: #000;
	text-shadow: 0px 0px 10px #e5e5e5;

}


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{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: 45px;

	line-height: 40px;

	text-align: center;

	border: solid 1px #ddd;

	border-radius: 8px;

	background: #eee;

	background-image: linear-gradient(to right,#fff,#fff,#fff);

	box-shadow: 0 2px 5px rgba(0,0,0,0.1);

	display: block;

	font-size: 23px;

	font-weight: bold;

	color: #000;

}

.post-list a font{

	font-size: 30px;

}

.post-list li .zg{

	font-size: 21px;

}

.box .post-list  li img{

	width: 25px;

	position: relative;

	right: 3px;

    bottom: 1px;

}

.post-list a:hover{

	color: red;

}

.post-list i{

	color: blue;

}

.post-list a .ci{

	font-size: 32px;

	}



.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, #50aff3, #f5f6f7);

	box-shadow: 0 2px 5px rgba(0,0,0,0.1);

	display: block;

	font-size: 24px;

	font-weight: bold;

	color: #000;

}

.post-list1 a:hover{

	color: red;

}





.guanggao{
	table-layout: auto;
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #8a4f16;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);
}
.guanggao tr{
	height: 33px;
}
.guanggao img{
	width: 100%;
	height: 45px;
}
.guanggao .dt {
    width: 100%;
    height: 90px;
}
.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:2px 2px;
}
.gongshi th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.gongshi td{
	height: 35px;
	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: #fff;
	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;
}

.yjjt{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	background: #bbddff;
}
.yjjt tr{
	height: 25px;
}
.yjjt td{
	font-weight: bold;
	border:1px solid #fff;
	font-size: 18pt;
}
.yjjt th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 17pt;
}
.yjjt .xz{
	font-size: 15pt;
}
.sanshima{
	table-layout: auto;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
}
.sanshima tr{
	height: 25px;
}
.sanshima td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
	text-align: center;
	color: #0000FF;
	
}
.sanshima th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 16pt;
	text-align: left;
	color: #000;
}

.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;
	font-family: ΢���ź�;
}
.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, #713800, #945920, #965a1e, #ab6520, #944f0c, #925111, #713800);
	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;
}
	#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;
}
.yjjt td{
	font-size: 18pt;
}
.yjjt th{
	font-size: 17pt;
}
.yjjt .xz{
	font-size: 14pt;
}
.sanshima td{
	font-size: 15pt;
}
.sanshima 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
}
.dingbugg 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{
	width: 100%;
	height: 33px;
}
.guanggao .dt {
    height: 66px;
}
.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;
}
.yjjt td{
	font-size: 14pt;
}
.yjjt th{
	font-size: 13pt;
}
.yjjt .xz{
	font-size: 12pt;
}
.sanshima td{
	font-size: 14pt;
}
.sanshima th{
	font-size: 13pt;
}
.pnzl td{
	font-size: 13pt;
}
.qxtable td {
    font-size: 18px;
}
.qxtable .xz {   
    font-size: 28px;
}
.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
}
.ggam td{
	font-size: 14pt;
}
.ggam td a{
	text-align: left;
}
.dingbugg td{
	font-size: 14pt;
}
.dingbugg 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: 26px;
}
.duilianpt td {
    font-size: 13pt;
}
.duilianpt .zl {
    font-size: 15pt;
}
.duilianpt1 td {
    font-size: 15pt;
}
.duilianpt1 .zl {
    font-size: 17pt;
}
.yjjt td{
	font-size: 13pt;
}
.yjjt th{
	font-size: 12pt;
}
.yjjt .xz{
	font-size: 10pt;
}
.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: 24px;
}
.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: 16px;
}
#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;
}
.sanshima td{
	font-size: 13pt;
}
.sanshima 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
}
.ggam td{
	font-size: 13pt;
}
.dingbugg td{
	font-size: 13pt;
}
}
@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: 20px;
}
.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;
}
.yjjt td{
	font-size: 12pt;
}
.yjjt th{
	font-size: 11pt;
}
.yjjt .xz{
	font-size: 9pt;
}
.sanshima td{
	font-size: 12pt;
}
.sanshima th{
	font-size: 11pt;
}
.post-list a{font-size:15px
}
.post-list a .ci{font-size: 19px;
}
#yxym .list-title {
    font-size: 15px;
}
.qxtable.yxym tr td:nth-child(2){
		font-size: 19px;
	}
.qxtable .jx {   
    font-size: 14px;
}
.pnzl td {
    font-size: 11pt;
}
}

.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: 20pt;
    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 1px 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: 18pt;
  }
}
@media screen and (max-width: 480px){
.blgg td{
  font-size: 15pt;
  }
}
@media screen and (max-width: 408px){
.blgg td {
    font-size: 15pt;
}
.blgg a {
    line-height: 30px;
}
}
@media screen and (max-width: 358px){
.blgg td {
    font-size: 13pt;
}
}
.ks td {
    font-weight: bold;
    border: 1px solid #fefefe;
    font-size: 18pt;
    padding: 2px 2px;
    white-space: nowrap;
}
.ks {
    table-layout: auto;
    color: #000;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

.ks a {
    background: linear-gradient(155deg, rgba(2, 0, 36, 1) 0%, rgba(255, 0, 0, 1) 0%, rgb(247 146 255) 12% 24%, rgb(103, 239, 254) 48%, rgb(202, 203, 251) 60%, rgb(243, 241, 121) 96%);
    animation: gradient-anim 2s linear infinite;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 1.5em;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    padding-left: 0px;
    background-size: 200% 200%;
}
@keyframes gradient-anim {
			 0% { background-position: 0% 50%; }
			 50% { background-position: 100% 50%; }
			 100% { background-position: 0% 50%; }
		 }



.ks a:before {
			 content: '';
			 position: absolute;
			 top: -3px;
			 right: -3px;
			 bottom: -3px;
			 left: -3px;
			 background: linear-gradient(155deg, rgba(2, 0, 36, 1) 0%, rgba(255, 0, 0, 1) 0%, rgb(247 146 255) 12% 24%, rgb(103, 239, 254) 48%, rgb(202, 203, 251) 60%, rgb(243, 241, 121) 96%);
			 z-index: -1;
			 background-size: 200% 200%;
			 animation: gradient-anim 1s linear infinite;
			 border-radius: inherit;
		 }

.bbsbl2 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    border: 4px solid #464bf6;
    background-color: #f9f9f9;
}
.bbsbl2 tr:nth-child(odd) {
    background-color: #ffffff;
}
.bbsbl2 td {
    padding: 8px;
    border: 2px solid #464bf6;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 17px;
}
.bbsbl2 tr:nth-child(even) {
    background-color: #d6dcf8;
}
.bbsbl2 a {
    text-decoration: none;
    color: #000;
    font-size: 15pt;
    font-weight: bold;
}


.bl3 td {
    font-weight: bold;
    border: 1px solid #fefefe;
    font-size: 18pt;
    padding: 2px 2px;
    white-space: nowrap;
}
.bl3 {
    table-layout: auto;
    color: #000;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

.bl3 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;
}

@keyframes  blank {          
  80% { color: red; }          
  70% { color: deepskyblue; }          
  90% { color: magenta; }          
  100% { color: red; }          
}          
          
.blanking-text {          
  animation: blank 1.5s infinite;          
} 


.yt img{
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    margin-right: 3px;
    vertical-align:middle;
}
.yt li{
    text-align: center;
}
.yt li:nth-child(odd){
    background:linear-gradient(to right, #f3dfff, #ffffcc, #e2e8f9);
}
.yt li:nth-child(even){
    background:linear-gradient(to right, #e2e8f9, #ffffcc, #f3dfff);
}
.ytc1{color:#ff00bf;}
.ytc2{color:#009900;}
.ytc3{color:#1b00ff;}
.ytc4{color:#ff8600;}
.ytc5{color:#9e00cd;}



#tabwangzw { color: #000;}
#tabwangzw .tuzhiwangzwbox { display: block; text-align: center; font-weight: bold; font-size: 18px;}
#tabwangzw .tuzhiwangzwbox ul { padding: 2px; height: 245px; background: #fff}
#tabwangzw .tuzhiwangzwbox li { float: left; width: 33.333%; height: 40px; line-height: 36px; border: solid 2px #fff; box-sizing: border-box; cursor: pointer; background: #eee; border-radius: 8px;}
#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;}



.ziliao li{
    text-align: center;
    padding: .5rem 0;
    border: 1px solid #C0C0C0;
    font-weight: bold !important;
    background-color: #ffffff;
    font-size: 22px;
    background: #fff;
    }


.ziliao li a{
    color: #ff0000;
}



@media (min-width: 521px) and (max-width: 560px) {
.ziliao li{font-size: 22px;}
.bbs li{font-size: 22px;}


}

@media (min-width: 480px) and (max-width: 520px) {
.ziliao li{font-size: 21px;}
.bbs li{font-size: 21px;}

}

@media (min-width: 451px) and (max-width: 480px) {
.ziliao li{font-size: 20px;}
.bbs li{font-size: 20px;}

}

@media (min-width: 420px) and (max-width: 450px) {
.ziliao li{font-size: 19px;}
.bbs li{font-size: 19px;}

}

@media (min-width: 380px) and (max-width: 420px) {
.ziliao li{font-size: 18px;}
.bbs li{font-size: 18px;}

}

@media (min-width: 350px) and (max-width: 380px) {
.ziliao li{font-size: 17px;}
.bbs li{font-size: 18px;}
}

@media (min-width: 320px) and (max-width: 350px) {
.ziliao li{font-size: 14px;}
.bbs li{font-size: 14px;}

}







.float-btn-group[data-v-bb8858630000] {
    bottom: 80px;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 5px
}

.float-btn-group img[data-v-bb8858630000] {
    cursor: pointer;
    height: auto;
    width: 55px
}

@media (max-width: 375px) {
    .float-btn-group img[data-v-bb8858630000] {
        cursor:pointer;
        height: auto;
        width: 48px
    }

    .float-btn-group[data-v-bb8858630000] {
        bottom: 90px;
        right: 5px
    }
}

.btn {
  padding: 7px 15px;
  border-radius: 20px;
  font-weight: bold;
  border: 0.7px solid #000;
  background-color: white;
  color: #000;
  cursor: pointer;
  font-size: 16px;
}

.btn.active {
    background-color: #000;
    color: #fff;
    border-color: #3a5f2d;
}

.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;
}
.nav2 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav2 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;
}


.nav4 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav4 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;
}


.nav10 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav10 li {
  list-style: none;
}


.nav11 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav11 li {
  list-style: none;
}


.nav12 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav12 li {
  list-style: none;
}
.nav13 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav13 li {
  list-style: none;
}
.nav14 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav14 li {
  list-style: none;
}

.nav15 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav15 li {
  list-style: none;
}

.nav16 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav16 li {
  list-style: none;
}

.nav17 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav17 li {
  list-style: none;
}


.nav18 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav18 li {
  list-style: none;
}

.nav19 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav19 li {
  list-style: none;
}

.nav20 {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    padding-bottom: .5rem;
    gap: 10px;
}

.nav20 li {
  list-style: none;
}




.shipin-qs .hover-yes {
    background: #ffffff;
    color: #006087;
}
.dis {
    display: normal;
}
.undis {
    display: none;
}
.shipin{}

.shipin-qs {
    width: 100%;
    display: flex;
    justify-content: space-around; /* ho岷穋 space-between / center n岷縰 mu峄憂 c膬n ch峄塶h kh谩c */
    padding: 4px;
    margin: 0;

}

.shipin-qs li {
    width: 49%;
    display: flex;
    justify-content: center;
}

.shipin-qs li button {
    width: 100%; /* ho岷穋 c峄&#65533; th峄&#65533;: 100px, 50% n岷縰 mu峄憂 chia 膽峄乽 */
    max-width: 720px; /* Gi峄沬 h岷 kh么ng b峄&#65533; qu谩 to n岷縰 m脿n h矛nh r峄檔g */
    border-radius: 8px;
    padding: 3px 5px 3px 5px;
    padding-right: 3px;
}

.shipin-qs .dis {display: normal}
.shipin-qs .undis {display: none}
.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{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}
.shipin-mtbl td.td3{font-size:1.1rem;}

#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;}

}