.pcmask{ width: 100%;height: 100%;position: fixed;background-color: #000;z-index: 999;display: none;justify-content: center;align-items: center;font-size: 24px;color: #fff;line-height: 28px;left: 0;top: 0;}
  /* reset */
  body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
  body{-webkit-text-size-adjust:none;font-size:0.24rem;}
  header,nav,section,article,footer,figure,figcaption{display:block;}
  ol,ul{margin:0;padding:0;}
  fieldset{border:none;margin:0;padding:0;}
  a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
  table{border-collapse:collapse;border-spacing:0;}
  em,strong{font-weight:normal;font-style:normal;}
  a {text-decoration:none;}
  b{font-weight: bold;}
  body,html{width: 100%;background-color: #000;min-width: auto;}
  body{transition: .5s all;opacity: 0;}
  .hide {display:none;}
  .c:before,.c:after {content:"";display:table;}
  .c:after {clear:both;}
  .fl {float:left;}
  .fr {float:right;}
  .pr {position:relative;}
  .pa {position:absolute;}
  .db {display:block;text-indent:-999em;}
  :focus{outline: none;}