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: #101a2d;color: #fff;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/bg_pc.jpg) no-repeat center center;
    background-size: cover;
}
.logo{
  position: absolute;
  right: 55px;
  top: 45px;
  z-index: 8;
  width: 198px;
  height: 89px;
  background: url(../images/logo.png) no-repeat center;
  text-indent: -9999px;
}
.qr-box{
  position: absolute;
  right: 46px;
  bottom: 41px;
  z-index: 8;
  width: 219px;
  height: 290px;
  background: url(../images/qr_code.png) no-repeat center;
  overflow: hidden;
}
.qrcode img{
  width: 100%;
}
.qrcode{
  width: 170px;
  height: 170px;
  margin-left: 26px;
  margin-top: 26px;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #000;
}
.slogan{
  position: absolute;
  left: 50%;
  bottom: 40px;
  z-index: 5;
  width: 46.458333333333335%;
  padding-bottom: 20.364583333333333%;
  margin-left: -23.229166666666668%;
  background: url(../images/pc_slogan.png) no-repeat;
  background-size: 100% 100%;
}