@charset "utf-8";
@import url("main.css");
@import url("sxsx.css");
/* CSS Document */
html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; ΢ÈíÑźÚ;
    color: #000;
    font-size: 14px;
}
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; 
}
u,i{font-style:normal;text-decoration: none;}
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: 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%;
}
.lxlm{background:#ffffff;}
.br-12{border-radius:12px;overflow:hidden}
.lxlm-head{width:100%;}
.lxlm-tit{font-size:1.4rem;color:#fff;padding-top:1px;font-semibold:600;}
.bg{background: linear-gradient(to right, #184558, #4584a5);}
.lxlm-qs{display:flex;align-items:center;overflow-x:auto;margin:0 auto;padding-bottom:.5rem;background:linear-gradient(to bottom,#e5eab0 , #ffffff);border-bottom:solid 1px #B59763}
.lxlm-qs ul{}
.lxlm-qs li{display:flex;margin-left:.5rem;margin-right:.5rem;margin-top:.3rem;}
.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:#F51212;color:#fff;}
.hover-no{background:#fff;color:#000}
.dis {
    display: normal;
}
.undis {
    display: none;
}

.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:#f00;word-break:break-word}
.mtbl u{background:#FFFF00;}
.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-bottom:solid 1px #B59763}
.mtbl td:first-child{width:65px;text-align:center}
@media (min-width: 375px){.mtbl td:first-child{width:82px}}
@media (min-width: 425px){.mtbl td:first-child{width:90px}}
.mtbl td:first-child{border-left:solid 1px #cece71}
.mtbl td:last-child{width:55px;text-align:center}
@media (min-width: 375px){.mtbl td:last-child{width:55px}}
@media (min-width: 425px){.mtbl td:last-child{width:80px}}
.mtbl td:nth-child(2){--tw-bg-opacity: 1;background-color:#fff;font-size:.75rem;line-height:1rem;font-weight:500}
@media (min-width: 375px){.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){.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:#fff;font-size:10px;--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{font-size:.875rem;line-height:1.25rem}}
@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}
@media (min-width: 375px){.mtbl td:last-child{font-size:.75rem;line-height:1rem}}
.mtbl td.td1{font-size:1.1rem;background:#F4E3B7;border-right:solid 1px #B59763;font-weight:bold;}
.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.td3{font-size:1.1rem;background:#F4E3B7;border-left:solid 1px #B59763;font-weight:bold;}

.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: 250px;
	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:40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: auto;
	height: auto;
	max-width: 70%;
	max-height: 70%;
}

.qnzl{
	table-layout: auto;
	color: #000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #f5f5f5;
}
.qnzl tr{
	height: 32px;
}
.qnzl td{
	font-weight: bold;
	border:1px solid #d8ccb4;
	width: 33.3%;
	font-size: 12pt;
	font-family: ΢ÈíÑźÚ;
}
.qnzl a{
	color: #000;
	text-decoration: none;
}

/********ͼ¿âÑùʽ*********/

.img10js2045TipRightText {
							        display: inline-block;
							        padding-left: 100%;
							        animation: marquee 10s linear infinite;
							    }
							
							    @keyframes marquee {
							        0% {
							            transform: translateX(0);
							        }
							
							        100% {
							            transform: translateX(-100%);
							        }
							    }
							
							    .img10js2045 {
							        background-color: #fff;
							        color: #000;
							        line-height: 2;
							        font-weight: bold;
							        white-space: nowrap;
							    }
							
							    .img10js2045FontSize3 {
							        font-size: 21px;
							    }
							
							    .img10js2045TipRightText,
							    .img10js2045TipLeft {
							        font-size: 20px;
							    }
							
							    .img10js2045Title {
							        display: flex;
							        align-items: center;
							        /* padding: 0.4em 0; */
							    }
							
							    .img10js2045Title>div {
							        flex-grow: 1;
							        flex-basis: 0;
							        display: flex;
							        align-items: center;
							        justify-content: center;
							    }
							
							    .img10js2045Title>div>div.img10js2045active {
							        font-weight: 600;
							        color: #000;
							        background: #fff !important;
							    }
							
							    .img10js2045Title>div>div {
							        /* color: red; */
							        flex-basis: 100%;
							        text-align: center;
							    }
							
							    /* .img10js2045Title>div:nth-child(2)>div {
							        color: green;
							    } */
							
							    .img10js2045Tip {
							        border-top: 2px solid #0d6efd;
							        display: flex;
							        align-items: center;
							        justify-content: flex-start;
							    }
							
							    .img10js2045TipLeft {
							        color: red;
							        flex-grow: 0;
							        flex-shrink: 0;
							    }
							
							    .img10js2045TipRight {
							        overflow: hidden;
							        padding-left: 1em;
							        display: flex;
							        align-items: center;
							        justify-content: flex-start;
							    }
							
							    .img10js2045MainItem {
							        display: flex;
							        align-items: center;
							        justify-content: space-around;
							        flex-wrap: wrap;
							    }
							
							    .img10js2045ImgItem {
							        flex-basis: 33%;
							        display: flex;
							        align-items: center;
							        justify-content: center;
							        padding: 0.4em 0;
							    }
							
							    .img10js2045ImgItem>div {
							        font-family: "΢ÈíÑźÚ";
							        flex-basis: 90%;
							        box-shadow: 0 1px 5px #000;
							        border-radius: 1em;
							        text-align: center;
							        font-weight: normal;
							    }
							
							
							    @media only screen and (max-width: 500px) {
							        .img10js2045FontSize3 {
							            font-size: 21px !important;
							        }
							
							        .img10js2045TipRightText,
							        .img10js2045TipLeft {
							            font-size: 15px !important;
							        }
#wan{
   font-size:14pt;
   font-family: ΢ÈíÑźÚ;
}
#to{
   font-size:18pt;
   font-weight: bold;
   font-family: ΢ÈíÑźÚ;
}
@media screen and (max-width: 700px){
#wan{
   font-size:10pt;
}
#to{
   font-size:12pt;
}
}