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: #553219;color: #9c9c9c;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;}

html, body, .wrap{
    height: 100%;
}
.wrap{
    background: url(../image/pc_bg.png) no-repeat center;
    background-size: 100% 100%;
}
.qr-box{
  position: absolute;
  right: 38px;
  bottom: 26px;
  z-index: 8;
}
.qrcode img{
  width: 100%;
}
.qrcode{
  float: right;
  width: 146px;
  height: 146px;
  padding: 10px;
  background-color: #fff;
}
.qr-tip{
  float: right;
  margin-right: 26px;
  color: #fff;
  font-size: 26px;
}
.qr_txt{
  color: #fff;
  font-size: 26px;
}
.slogan{
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 5;
  width: 63.38541666666667%;
  padding-bottom: 14.322916666666666%;
  margin-left: -31.25%;
  background-size: 100% 100%;
}

.logo {
  width: 370px;
  position: absolute;
  top: 10px;
  left: 40px;
}

.bottom {
  width: 970px;
  position: absolute;
  bottom: 20px;
  left: 140px;
}