/* CSS Document */
* {
    padding: 0;
	margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 14px;
}

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

ol, ul {list-style: none;}

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

a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
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%;}

/***********************/

.wr{color:#f00 !important}
.wg{color:#080 !important}
.wb{color:#00f !important}
.wp{color:#f0f !important}
.wo{color:#f80 !important}
.wc{color:#31a7b1 !important}
.wy{color:#ff0 !important}
.wh{color:#c0c0c0 !important}
.wpu{color:#909 !important}
.wbl{color:#000 !important}
.wcb{color:#0094b2 !important}

.wlg{color:#0f0 !important}
.wlb{color:#0ff !important}

.by{background:#ff0 !important}

.ta{text-align:center}
.fw{font-weight:bold}
.fwn{font-weight:normal !important}

.header.index-header {
    height: 90px;
    /*border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;*/
}
.header {
    position: fixed;
    z-index: 99;
    top:0;
    width: 100%;
    max-width: 720px;
    background-image: linear-gradient(to right, #ffffff, #ffffff, #2196f3, #2196f3, #2196f3);
}

.header .logo-box {
    height: 46px;
}
.header .logo {
    float: left;
    height: 46px;
    margin-left: 0px;
	padding:5px;
}
.header .logo .logo-img {
    height: 36px;
}
.header .bank {
    float: right;
    position: relative;
    width: 100px;
    height: 30px;
	line-height:30px;
	padding:8px .5rem;
}
.header .bank img {
    display: block;
    width: 75px;
    height: 46px;
    margin: 0 auto;
}
.header .bank a {
    display: block;
    color: #000;
    font-size: 12pt;
	font-weight:bold;
    text-align: center;
    padding: 0 5px;
	background:#f6ffcc;
	border-radius:25px;
}

.date{
	margin-top:95px !important;
}
.riqi{
	font-size: 19pt;
    text-align: center;
    font-weight: bold;
    margin: 5px 0;
}

.banner img{border-radius:5px;display:block}

.note{margin-top:95px !important;background:#e6b6fe !important;font-weight:bold;line-height:25px;padding:5px 0;text-align:center}


.box {
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #2196f3, #2196f3, #2196f3, #2196f3, #2196f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffb3ba, endcolorstr=#ffb3ba);
}  

.nullbox {
    height: 100px;
}

/*********************/

.br-12{border-radius:4px;overflow:hidden}
.bg{background: linear-gradient(to right, #2abf8b, #2abf8b, #55b1a9, #2abf8b, #2abf8b)}
.dis {display: normal;}
.undis {display: none;}

.lxlm-head{padding-left:.5rem;padding-right:.5rem}
.lxlm-tit{font-size:1.4rem;color:#fff;padding-top:.5rem;font-semibold:600;}
.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:#02675c;border:1px solid #02675c}
.hover-no{background: #55b1a9;color:#02675c;border:1px solid #02675c}

.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:6px}
.mtbl tr:last-child td:last-child{border-bottom-right-radius:6px}
.mtbl td{padding:.375rem .25rem;line-height:22px;border-right:solid 1px #cece71;border-bottom:solid 1px #b8a0d3}
.mtbl td:first-child{width:85px;text-align:center}
.mtbl td:first-child{border-left:solid 1px #cece71}
.mtbl td:last-child{width:65px;text-align:center}
.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 (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));font-size:10px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width: 375px){.mtbl td:nth-child(2){font-size:1rem;line-height:1.5rem} .mtbl td:last-child,.mtbl td:first-child{font-size:.875rem;line-height:1.25rem} .mtbl td:last-child{font-size:.75rem;line-height:1rem}}
@media (min-width: 425px){.mtbl td:last-child,.mtbl td:first-child{font-size:1rem;line-height:1.5rem}}

.mtbl td:last-child{font-weight:500}

.mtbl td.td1{font-size:1.1rem}
.mtbl td.td2{font-size:1.4rem;font-weight:bold}
.mtbl td.td2 span{color:#0ff}
.mtbl td.td2 b{color:#f00;background:#ff0}
.mtbl td.td2 ww{color:#FFFFFF}
.mtbl td.td3{font-size:1.1rem;}

/****************************/
.ggimg img{display:block;width:100%}

.xxbt{
	height: 38px;
	line-height: 38px;
	font-size: 15pt;
    text-align: center;
    border-bottom: 0 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;
	background: linear-gradient(transparent,transparent);
	text-shadow: 0px 0px 10px #e5e5e5;
	border-radius: 0 0 -10px -10px;
    /* background: linear-gradient(#d0dee6,#d6dee6, #FFFFFF); */
    box-shadow: 0 5px 4px 0 transparent, 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.xxzl{background:#fff;padding:.5rem .5rem;font-size:1.3rem}
.xxzl .qi{padding:1rem 0;border-bottom:1px dashed #ddd;}
.xxzl .qi:last-child{border-bottom:0}
.xxzl b{color:#00f}
.xxzl em{font-style:normal;color:#f0f}
.xxzl font{color:#f00}
.xxzl i{font-style:normal;background:#ff0;color:#f00}
.xxzl p{font-weight:bold}
.xxzl img{width:100% !important}
.xxzl .bq{font-weight:normal;color:#000;background:#ff0}

.xxby{font-size:1.2rem;font-weight:bold;background:#fff;padding:.8rem .5rem;border-top:1px solid #888}

.xxzltb{width:100%;border-spacing:0;border-padding:0}
.xxzltb td{border:1px solid #7db8e8;border-bottom:0;width:25%;text-align:center;color:#000;padding:8px 0}
.xxzltb tr:last-child td{border-bottom:1px solid #7db8e8;}

#tbtk{font-size: 10pt; color: #000000; margin: 0px; padding: 0px; border-collapse:collapse;background:#fff}
#tbtk td{margin: 0px; padding: 3px 2px; border: 1px solid rgb(229, 229, 229); word-break: break-all; text-align: center; font-size: 1.2rem; line-height: 30px; color: rgb(51, 51, 51);}
#tbtk td a{color:#000}

@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}}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}

.pad{padding:4px 4px;}

.list-title{
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-bottom: 0 solid #738e9f;
	background: #fff;
	color: #ffffff;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* background: linear-gradient(transparent,transparent); */
	font-size: 26px;
	text-shadow: 0px 0px 3px #000;
	border-radius: 0 0 -10px -10px;
	background: linear-gradient(to bottom, #2196f3, #a8e4d3);
	box-shadow: 0 5px 4px 0 transparent, 0 6px 20px 0 rgba(0, 0, 0, .19);
}

/***************/

.tzul{margin:1px;text-align:center;}
.tzul li{padding:2px 4px;border-radius:0px;background-color:#fff;}
.tzul li:first-child{padding-top:4px}
.tzul li:last-child{padding-bottom:4px}
.tzul a{
	text-align: center;
	border: solid 1px #c1bdbd;
	border-radius: 3px;
	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;
	padding: 2px 0;
}
.tzul a b{font-size: 26px;}

/***************/

.qnzl{
	table-layout: auto;
	color: #000;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	text-align: center;
	background: #f5f5f5;
}
.qnzl tr{
	height: 32px;
}
.qnzl td{
	border:1px solid #c5e6fb;
	width: 33.3%;
	font-size: 12pt;
	font-family: 微软雅黑;
}
.qnzl a{
	color: #000;
}

.copyright{
	width: 100%;
	margin:0 auto;
	padding:.5rem;
	color: #333;
}

@media screen and (max-width: 610px){
	.riqi{font-size: 15pt;}
	.pad {padding: 2px 2px;}
	.padt{padding:2px 2px 0.1px 2px;}
	.list-title{font-size: 26px;}
	.listtable td{font-size: 13pt;}
	.tzul a{font-size:23px}
	.tzul a b{font-size: 25px;}
	.gg td{font-size: 16pt}
}
@media screen and (max-width: 505px){
	.pad {padding: 2px 2px;}
	.list-title{font-size: 24px;}
	.riqi{font-size: 12pt;}
	.banner img{border-radius:3px}
	.box,.subnav,.xjbox{margin:3px 0px ;}
	.subnav a{font-size: 11pt;}
	.subnav a img{width: 60.8px;height: 60.8px;}
	.qnzl td{font-size: 13pt;}
	.tzul a{font-size:21px}
	.tzul a b{font-size: 23px;}
}
@media screen and (max-width: 429px){
	.tzul a {font-size: 22px;}
	.tzul a b{font-size: 23px;}
}
@media screen and (max-width: 409px){
	.riqi{font-size: 11pt;}
	.list-title{font-size: 20px;}
	.qnzl td {font-size: 12pt;}
	.tzul a{font-size:18px}
	.tzul a b{font-size: 20px;}
}
@media screen and (max-width: 374px){
	.riqi{font-size: 10pt;}
	.list-title{font-size: 15px;}
	.qnzl td{font-size: 11pt;}
	.tzul a{font-size:17px}
	.tzul a b{font-size: 19px;}
}

/***********************/

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

.tztb 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;
	font-size:1.35rem
}

@media screen and (max-width: 580px){
	.tztb{border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
	.tztb td{font-size: 15pt;}
}
@media screen and (max-width: 480px){
	.tztb td{font-size: 13pt;}
}
@media screen and (max-width: 408px){
	.tztb td {font-size: 12pt;}
	.tztb a {line-height: 30px;}
}
@media screen and (max-width: 358px){
	.tztb td {font-size: 11pt;}
}


/***********************/

.sx{background:#fff}
.sx table {border-collapse: collapse;border-spacing: 0;}
.sx table tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.sx table td {border: 1px solid #e5e5e5;padding: 3px 2px;word-break: break-all;}
.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0;display:inline-block}
.sx ul {display: block;list-style-type: disc;}
.sx ul li img {vertical-align: middle;border: 0;width:40px;height:40px;}
.sx1 li{float: left;width: 33.333333%;padding: 5px 0;text-align: center;}
.sx span{height: 18px;line-height: 18px;margin: 0 2px;padding: 0 3px;font-size: 12px;color: #fff;display: inline-block;background-color: #f00;}
.sx span.blue{background-color: #3366ff;}
.sx span.green{background-color: #009933;}
@media (min-width: 320px) and (max-width:359px){.sx1 li{width: 50%}}
@media (min-width: 360px) and (max-width: 374px){.sx1 li{width: 50%}}
@media (min-width: 375px) and (max-width: 392px){.sx ul li .tm01 span{margin:0 1px;padding:0 2px}}
@media (min-width: 393px) and (max-width: 413px){.sx ul li .tm01 span{margin:0 1px;padding:0 2px}}
@media (min-width: 414px) and (max-width: 767px){}
@media (min-width:768px){.sx1 li{width: 25%}}