html{width:100%;height:100%;font-size:100%;margin:0;padding:0;}
body{background-color:#f3f3f3;margin:0 auto;font-family:微软雅黑;}
div,ul,p,em,dl,dd,dt,h1,h2,h3,textarea,input{margin:0;padding:0;}
textarea,input{border:none;}
ol,ul li{list-style:none;}
img{max-width:100%;height:auto;vertical-align:middle;border:0; -ms-interpolation-mode:bicubic;-webkit-touch-callout:none;display:block;}
a{color:#444444;text-decoration:none;}
a:visited,a:hover,a:active{text-decoration:none;border:none;}
em,i{font-style:normal;}
input {border:none; outline:none;}

.mt20{margin-top:1rem;margin-bottom:1rem;clear:both}
.mt10{margin-top:0.5rem;margin-bottom:0.5rem;clear:both}

.wrap {color:#444;line-height:2rem; overflow-x:hidden;position:relative;text-decoration:none;padding:0;background-color:#FFFFFF;}
.header{height:auto;overflow:hidden;background-color:#a78152;}
.top{width:100%;height: auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;}
.logo{float:left;width:14rem;padding-top:0.55rem;padding-left:0.8rem;}
.sitemap{float:right;width:1.8rem;height:1.2rem;padding-top:1.58rem;padding-right:0.8rem;}
.topnav{overflow:hidden;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;text-align: center;}
.topnav::-webkit-scrollbar{display:none;}
.topnav>a{display:inline-block;padding:0.6rem 0.8rem;color:#ffebd5;font-size:1.6rem;line-height:2.6rem;}


.subnav{ background:#f8f8f8; background-size: cover;position: relative; }
.subnav img{ width: 100%; height: auto; }
.subnav .box{padding: .5rem 1.875rem 0; line-height: 1.4;position: absolute;top:0.6rem;left:0.3rem;text-align:left;}
.subnav .box h2{font-size: 1.86rem;color:#a78152;}
.subnav .box p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden;font-size: 1.2rem;font-weight: normal;}
.nav {width: 100%; background-color:#ededed;height:3rem;padding-left:0.6rem;}
.nav a {text-align:left; line-height:3rem;font-size: 1.5rem;}
.nav img{width:1.3rem;display: inline;padding-bottom:.41rem;}

.banner {width:96%;overflow:hidden;margin:0.55rem auto;border-radius:0.5rem;}
.banner img{width:100%;}
.news_list{width:96%;overflow:hidden;margin:0 auto;}
.title{margin: 1rem 0rem; border-left:0.35rem solid #a78152;height:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.title strong{color:#a78152;font-size:1.86rem;padding-left: 0.6rem;}
.news{width:100%;overflow:hidden;padding-top:0.97rem;padding-bottom:0.97rem;border-bottom:1px solid #eee;}
.news img{width:10rem;height:7rem;float:left;margin-right:1rem;}
.news h3{font-size:1.52rem;line-height:2.3rem;font-weight:normal;overflow:hidden;}  
.news p{font-size:1rem;float: right;color:#999999;}

.pagelist{text-align:center;padding-bottom:1.2rem;padding-top:1.2rem}
.pagelist a{display:inline-block;background:#f5f5f5;text-align:center;padding:1rem 1.5rem;font-size:1.4rem;}
.pagelist a:hover{background:#a78152;color:#FFFFFF;text-decoration:none;}

.tools_list {margin:0 auto;}
.tools_list ul{font-size:1.4rem;padding:0.5rem 0.5rem;}
.tools_list li {margin:0.325rem .325rem;background: #f8f3ea;display: inline-block; vertical-align:top;white-space:nowrap;border-radius:0.3rem;border:0.01rem solid #eedfc5;}
.tools_list a {padding:.5rem .875rem;border-radius:.2rem;display:block;}

.tools{background:#f8f8f8;padding:1.5rem 1rem;text-align:left;}
.tools h2{font-size: 1.86rem;color:#a78152;}
.tools p{font-size: 1.2rem;font-weight: normal;line-height:2.2rem;padding-top:1rem;}
.cesuan {margin:1.5rem auto;text-align:center;font-size:1.2rem;}
.info{border: 1px solid #d0ad9a;margin-bottom:1rem;margin-top:1rem;}
.select {color: #3e4144;text-align:center;font-size:1.2rem;border: 1px solid #d0ad9a;height:2.6rem;background:#eeeeee;margin-bottom:1rem;border-radius:0.15rem;}
.btn{width:90%;font-size:1.6rem;overflow: hidden;border: 0;text-align:center;margin:1rem auto 0.5rem auto;height:3rem;line-height:2.6rem;background:#d83b3c;color:#fff;border-radius:0.3rem;}

.result{width:96%;overflow:hidden;margin:1rem auto;line-height:2.6rem;font-size: 1.4rem;}
.result p{margin:0 1rem;}
.result b{color: #d83b3c;font-weight:400}
.result .mz {text-align:center;font-size:1.4rem;}
.result .mz a{margin:0.325rem .325rem;background: #f8f3ea;display: inline-block; vertical-align:top;white-space:nowrap;border-radius:0.3rem;border:0.01rem solid #eedfc5;width:20%;}
.result .xingzuo{margin-top:2.6rem;}
.result .table {text-align:center;margin:0 auto;}
.result .row {display: flex;}
.result .name {width:30%;border:0.01rem solid #eedfc5;padding:0.2rem;background:#a78152;color:#ffebd5;}
.result .cell {flex: 1;width: 70%;border:0.01rem solid #eedfc5;padding:0.2rem;background:#f8f3ea;}
.result .tips {width:94%;background:#f8f8f8;text-align:left;margin:1rem auto;border-radius:0.5rem;border: 1px solid #d0ad9a;padding:0.6rem;}
.result .defen {font-size:2rem;color:#d83b3c;font-style:oblique;font-weight:bold;}
.result .msg {color: #ffffff;text-align:center;padding:0.25rem;margin-right:1rem;line-height:3rem;}
.result .msg.r{background:#d83b3c;}
.result .msg.g{background:#FFA336;}
.result .msg.b{background:#003366;}
.result .msg.c{background:#b46d6d;}
.result .msg.f{background:#b4af87;}
.result .msg.s{background:#7e7bdf;}
.result .msg.t{background:#d0ad9a;}
.explain {width:96%;background:#f8f8f8;text-align:left;margin:1rem auto;border-radius:0.6rem;}
.explain p{font-size: 1.2rem;font-weight: normal;line-height:2.2rem;padding-top:1rem;}

.content {width:96%;overflow:hidden;margin:0 auto;}
.content.article-con{overflow:hidden;}
.content h1{font-size:1.86rem;text-align:center;line-height:2.6rem;padding-top:1.2rem;}
.content .time{font-size:1.2rem;color:#444444;text-align:center;padding: .3rem 0;}
.article{padding-top:.5rem; font-size:1.45rem;margin: 0 auto;text-align: justify;position: relative;overflow: hidden;height:500px;line-height:2.6rem;padding-bottom:.5rem;}
.article.auto{height: auto;}
.article h2,.article h3{font-size: 1.6rem;font-weight: bold; color:#a78152;border-left:0.35rem solid #a78152;display:block;width:100%;line-height:2.9rem;padding-left:0.5rem;margin-top:0.8rem;margin-bottom:0.8rem;background-color:#ededed;}
.article p b{color: #d83b3c;font-weight:400}
.article p a{color:#d83b3c;text-decoration:underline}
.article img{text-align: center;width:100%;height:auto;display: inline;margin: 1rem 0;}
.article table{font-size:1rem;width:100%;border:1px solid #ccc;border-collapse:collapse;text-align:center;margin-top:0.5rem;}
.article table td{border:1px solid #ccc;}
.article embed{width:100%;height:21rem;}
.tags{display: flex;flex-wrap:wrap;gap: 0.5rem;padding:1rem 0.6rem;}
.tags a { display: inline-block;padding: 0.3rem 0.5rem;background-color: #a78152;border-radius: 0.2rem;color: #ffebd5;text-decoration: none;margin:0.2rem;0.6rem;}
.banquan{background-color:#eee;padding:.5rem;margin-top:1rem;}
.banquan p{font-size:0.9rem; line-height:1.25rem;color: #B5B5B5}
.textmore{background: linear-gradient(180deg,rgba(255,255,255,0),#ffffff);padding: 2.2rem 0;position: absolute;width: 100%;bottom: 0;}
.textmore a{background:#a78152;height: 3.5rem;text-align: center;line-height:3.5rem;width: 43%;margin: 0 auto;display: block;color:#fff;border-radius:.3rem;}
.textmore img{ width: .9375rem;display: inline; height: auto; padding:0.65rem 0 0 .3125rem; vertical-align: top;}

.sitemap_list {width:96%;margin:0 auto;}
.sitemap_list ul{font-size:1.4rem;}
.sitemap_list li {margin:0.625rem .625rem; display: inline-block; vertical-align:top;white-space:nowrap;}
.sitemap_list a {padding:.5rem .875rem;background: #cbb08e;border-radius:.3rem; color: #fcf6ef;display:block;}

.contact {width:96%;overflow:hidden;margin:1rem auto;line-height:2.2rem;}
.contact p{font-size: 1.4rem;padding-left:1rem;}

.footer{width:96%;overflow:hidden;margin:0 auto;padding-top:1.2rem;}
.footer strong{font-size:1.66rem;line-height: 3.5rem;}
.footer p{font-size:1.2rem;}
.friendLink{text-align:left;}
.friendLink a {font-size:1.4rem;padding:0.3rem;color:#444444;}
.bazics{font-size:1.4rem;padding:0.3rem;}
.copyRight {width:100%;padding:0.6rem 0;overflow:hidden;text-align: center;font-size:1.2rem;color:#999999;}
.footer-img { position: fixed; bottom: 2px;left: 50%;transform: translateX(-50%);z-index: 999;}

 .bottom_box {
            width: 100%;
            position: fixed;
            bottom: 0;
            left: 0;
            color: white;
            background: linear-gradient(0deg,#D33730,#BD322C);
            z-index: 999;
			height: 6.5rem;
        }
        .bottom {
            display: flex;
            flex-direction: row;
            font-size: 1.15rem;
            align-items: center;
            justify-content: center;
			margin: .5rem;
        }
        .bottom1 {
            width: 5.2rem;
            overflow: hidden;
            border-radius: 0.5rem;
            height: 5.2rem;
            display: inline-block;
            background: #ffefd7;
        }
        .bottom1 img {
            width: 5.2rem;
        }
        .bottom2 {
            width: 21.3rem;
            margin: 0 1rem;
        }
        .bottom3 {
            width: 6.3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(0deg, #fad088, #fdf7bd);
            box-shadow: 1px 1px 2px 0 #bb9148;
            border-radius: 0.1rem;
			font-size: 1.15rem;
            color: #f5303a;
            padding: 0.35rem 0;
            font-weight: 600;
        }

@media only screen and (min-width: 240px){h1,h2,h3,strong{font-weight:700;}html{font-size:40%!important;}}
@media only screen and (min-width: 245px){h1,h2,h3,strong{font-weight:700;}html{font-size:50%!important;}}
@media only screen and (min-width: 300px){h1,h2,h3,strong{font-weight:700;}html{font-size:60%!important;}}
@media only screen and (min-width: 320px){h1,h2,h3,strong{font-weight:700;}html{font-size:65.5%!important;}}
@media only screen and (min-width: 360px){h1,h2,h3,strong{font-weight:700;}html{font-size:72.3125%!important;}}
@media only screen and (min-width: 480px){h1,h2,h3,strong{font-weight:700;}html{font-size:93.75%!important;}}
@media only screen and (min-width: 560px){html{font-size: 109.375%!important;}h1,h2,h3,strong{font-weight:700;}}
@media only screen and (min-width: 640px){html{font-size: 125%!important;}body{max-width:800px;font-size:1.2rem;}h1,h2,h3,strong{font-weight:700;}}
