body,dl,dd,h1,h2,h3,h4,h5,h6,form,p{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-style: 100%;}
ul,ol,input{margin: 0;padding: 0;list-style:none;}
img{border:0;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
i,em{font-style: normal;}
body{background-color: #000;color: #000;font: 16px/1.5 Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5b8b\4f53',Verdana,Tahoma,Helvetica,sans-serif;}
a{text-decoration: none;}
.hide{display: none;}
*{box-sizing: border-box;}
html, body, .wrap{
    height: 100%;
}
.wrap{
    background: url(../images/pc_bg.jpg) no-repeat center top;
    background-size: cover;
}
.logo{
  position: absolute;
  left: 77px;
  top: 41px;
  z-index: 8;
  width: 192px;
  height: 85px;
  background: url(../images/logo.png) no-repeat center;
  text-indent: -9999px;
}
.qr-box{
  position: absolute;
  left: 21px;
  bottom: 8px;
  z-index: 8;
  width: 329px; 
  height: 332px;
  background: url(../images/pc_qr_code.png) no-repeat center;
  overflow: hidden;
}
.qrcode img{
  width: 100%;
}
.qrcode{
  width: 128px;
  height: 128px;
  margin-left: 100px;
  margin-top: 102px;
}
.slogan{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  width: 58.75%;
  padding-bottom: 25.677083333333334%;
  background: url(../images/slogan.png) no-repeat;
  background-size: 100% 100%;
}