@font-face {
    font-family: "W03";
    font-weight: 400;
    src: url("w03.woff2") format("woff2"),
        url("w03.woff") format("woff");
    font-display: swap;
}
*{padding: 0;margin: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;background:#eee;}
body ::selection {color:#FFFFFF;background-color:#09F;text-shadow:none;}
ul,h1,h2,h3,li,ol{margin:0px;padding:0px; list-style-type:none;}
i{ font-style:normal;}
a{text-decoration:none;outline:none;color:#666;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:none;color:#000;}
img{max-width: 100%;}
.header{position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);}
.top{
    max-width: 840px;margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  /* box-shadow:0 0 5px rgba(0,0,0,.5); */
}
.toplogo {
    color: #ff9b33;
    display: flex;
    align-items: flex-end;
}
.toplogo span.logo{font-family: "W03";font-size: 36px;display:block}
.toplogo span.small {
      font-size: 14px;
      display: block;
      padding: 0 0 5px 5px;
    }
.topmu a{background:#ff9b33;color:#fff;width:110px;height:33px;display:block;display:flex;align-items:center;justify-content:center;}

.list{padding:30px;-webkit-user-select: none;-ms-user-select: none;user-select: none;max-width: 840px;margin:90px auto auto;background: #fff;border-radius: 10px;font-size: 14px;}
.list h1{font-size: 26px;}
.list h2{font-size: 20px;color:#666;}
.list .img{margin-top: 20px;}
.list .img img{display: block;border-radius: 10px;}
.list p{line-height: 150%;}
.list ul{padding-left:20px;}
.list ul li{line-height: 150%;}
.list ul li div{display: flex;}
.list ul li div h3{font-weight: 400;font-size: 16px;}
.list ul li ul{display: none;}
.list ul li ul.active {
    display: block;
}
.iconfont{margin-right: 5px;}
.iconfont.icon-wenjianjia{color:#ff9b33;font-size: 20px;}
.icon-807geshi_wendangpdf{color:#f00}
.icon-ppt_fill{color:#ff8c00}
.icon-word{color:#09F}
.icon-xlsx{color:#008000}
.icon-Mp3-Doc{color:#9400D3}
.icon-shipinwenjian{color:#FF1493}
.icon-swf{color:#FF4500}
.icon-tupian_huaban{color:#2E8B57}
.icon-txt{color:#BC8F8F}
.icon-exe{color:#2F4F4F}
.icon-yasuobao{color:#C71585}
.top20{padding-top: 20px;}
.bottom10{padding-bottom: 10px;}
.down{background:#ff9b33;color:#fff;width:200px;height:40px;display:block;display:flex;align-items:center;justify-content:center;margin-top: 20px;border-radius: 10px;-webkit-animation-name: orangePulse; -webkit-animation-duration: 3s;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
.wenjianjia span.iconfont{cursor: pointer;}
.wenjianjia span.iconfont:hover{color:#f00}
ul#list{padding-left: 0;background: rgba(0,0,0,.03);padding:20px;border-radius: 10px;}
.red{color:#f00}
.jianjie{font-size: 20px;padding-top: 20px;color:#f00}
.footer{text-align: center;padding: 20px;font-size: 12px;}
@-webkit-keyframes orangePulse {
    from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 18px #ff5c00; }
    to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
  }
@media screen and (max-width:800px){
    .list{padding:20px;margin:60px auto auto;}
    .topmu a{display: none;}
    .top{zoom: .8;}
    .list h2{font-size: 16px;}
}