@charset "utf-8";
html,body,div,h1,h2,h3,ul,ol,li,p,span,iframe,img,hr,input,textarea,button{margin:0;padding:0;border:0;vertical-align:middle;}
html{font-size:100px;font-family:"Microsoft YaHei", Arial, “Helvetica Neue”, Helvetica;}
body{font-size:0.14rem;background:#f8f8f8;color:#333;}
a{text-decoration:none;color:#222}
img{width:100%;max-width:100%;}
hr{height:0;border:none;border-top:solid 1px #fff;}
li{list-style:none;}
.clearfix{clear:both;zoom:1;}
.clearfix::after{content:'\200B';display:block;height:0;clear:both;}
.left{float:left;}
.right{float:right;}
/* CSS Format */
#wrap{width:100%;max-width:12rem;margin:0rem auto;overflow:hidden;}
.section,.content{border-top: solid 2px #910;border-bottom: solid 1px #e0e0e0;border-left: solid 1px #e0e0e0;border-right: solid 1px #e0e0e0;background: #fff;overflow: hidden;}
.section{padding: 30px;padding: 0.3rem}
.section h1{height: 0.24rem;line-height: 0.24rem;font-size: 0.18rem;border-left: solid 3px #910;padding: 0 0.05rem}
.section ul{margin-top: 0.15rem}
.section li{width: 50%;float: left;padding: 0.05rem 0;border-bottom: dotted 1px #ddd}
.section li a:hover{color: #910}
.content{padding: 0.15rem 0.9rem 0.6rem 0.9rem;}
.content h1{font-size:0.24rem;text-align: center}
.content h2,.content h3{font-size:0.14rem;}
.content h3{color: #666;line-height: 2em}
.content h1,.content h2,.content p{margin: 0.15rem auto;line-height: 2em}
.content p{text-indent: 2em;}
@media screen and (max-width:359px) {
  html{font-size: 50px !important;}
  #wrap{width:98%;margin:5% 1%;}
}

@media screen and (max-width:374px) and (min-width:360px) {
  html{font-size: 56.25px !important;}
  #wrap{width:98%;margin:5% 1%;}
}

@media screen and (max-width:413px) and (min-width:375px) {
  html{font-size: 58.5px !important;}
  #wrap{width:98%;margin:5% 1%;}
}

@media screen and (max-width:639px)  and (min-width:414px){
  html{font-size: 64.6px !important;}
  #wrap{width:98%;margin:5% 1%;}
}

@media screen and (max-width:1219px) and (min-width:640px) {
  html{font-size: 100px !important;}
}