html {
  line-height: 1.15; 
  -webkit-text-size-adjust: 100%; 
  font-family: 微软雅黑, "Microsoft YaHei";
  font-size: 16px;
}

*{
  box-sizing: border-box;
}
.clearboth { zoom:1; }
.clearboth:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }




body {
  margin: 0;
  min-width: 1360px;
  
  min-height: 100vh;
  position: relative;
  
  padding-top: 7.44rem;
  overflow-y: auto;
  
}













main {
  display: block;
}




@media screen and  (min-width:4099px){
  html{
    font-size: 34px !important;
  }
}
@media screen and (max-width: 4100px) and (min-width:3979px){
  html{
    font-size: 33px !important;
  }
}
@media screen and (max-width: 3980px) and (min-width:3759px){
  html{
    font-size: 32px !important;
  }
}
@media screen and (max-width: 3760px) and (min-width:3639px){
  html{
    font-size: 31px !important;
  }
}
@media screen and (max-width: 3640px) and (min-width:3519px){
  html{
    font-size: 30px !important;
  }
}
@media screen and (max-width: 3520px) and (min-width:3399px){
  html{
    font-size: 29px !important;
  }
}
@media screen and (max-width: 3400px) and (min-width:3279px){
  html{
    font-size: 28px !important;
  }
}
@media screen and (max-width: 3280px) and (min-width:3159px){
  html{
    font-size: 27px !important;
  }
}
@media screen and (max-width: 3160px) and (min-width:3039px){
  html{
    font-size: 26px !important;
  }
}
@media screen and (max-width: 3040px) and (min-width:2919px){
  html{
    font-size: 25px !important;
  }
}
@media screen and (max-width: 2920px) and (min-width:2799px){
  html{
    font-size: 24px !important;
  }
}
@media screen and (max-width: 2800px) and (min-width:2679px){
  html{
    font-size: 23px !important;
  }
}
@media screen and (max-width: 2680px) and (min-width:2519px){
  html{
    font-size: 22px !important;
  }
}
@media screen and (max-width: 2520px) and (min-width:2399px){
  html{
    font-size: 21px !important;
  }
}
@media screen and (max-width: 2400px) and (min-width:2279px){
  html{
    font-size: 20px !important;
  }
}
@media screen and (max-width: 2280px) and (min-width:2159px){
  html{
    font-size: 19px !important;
  }
}
@media screen and (max-width: 2160px) and (min-width:2039px){
  html{
    font-size: 18px !important;
  }
}
@media screen and (max-width: 2040px) and (min-width:1919px){
  html{
    font-size: 17px !important;
  }
}
@media screen and (max-width: 1920px) and (min-width:1799px){
  html{
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1800px) and (min-width:1679px){
  html{
    font-size: 15px !important;
  }
}
@media screen and (max-width: 1680px) and (min-width:1559px){
  html{
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1560px) and (min-width:1439px){
  html{
    font-size: 13px !important;
  }
}
@media screen and (max-width: 1440px){
  html{
    font-size: 12px !important;
  }
}









h1 {
  font-size: 2em;
  margin: 0.67em 0;
}





hr {
  box-sizing: content-box; 
  height: 0; 
  overflow: visible; 
}



pre {
  font-family: monospace, monospace; 
  font-size: 1em; 
}





a {
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul, li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.fl{
  float:left;
}
.fr{
  float: right;
}


abbr[title] {
  border-bottom: none; 
  text-decoration: underline; 
  text-decoration: underline dotted; 
}



b,
strong {
  font-weight: bolder;
}



code,
kbd,
samp {
  font-family: monospace, monospace; 
  font-size: 1em; 
}



small {
  font-size: 80%;
}



sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}





img {
  border-style: none;
}





button,
input,
optgroup,
select,
textarea {
  font-family: inherit; 
  font-size: 100%; 
  line-height: 1.15; 
  margin: 0; 
}



button,
input { 
  overflow: visible;
}



button,
select { 
  text-transform: none;
}



button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}



button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}



button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}



fieldset {
  padding: 0.35em 0.75em 0.625em;
}



legend {
  box-sizing: border-box; 
  color: inherit; 
  display: table; 
  max-width: 100%; 
  padding: 0; 
  white-space: normal; 
}



progress {
  vertical-align: baseline;
}



textarea {
  overflow: auto;
}



[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}



[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}



[type="search"] {
  -webkit-appearance: textfield; 
  outline-offset: -2px; 
}



[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}



::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}





details {
  display: block;
}



summary {
  display: list-item;
}





template {
  display: none;
}



[hidden] {
  display: none;
}