* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: PingFangSC-Medium, PingFang SC;
}
a{
  text-decoration: none; 
  color: inherit;
}
.home{
  width: 100%;
  height: 100vh;
}
.header-content{
  height: 10vh;
  background: #fff;
}
.header-wrap{
  width: 1200px;
  height: 10vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.header-content .logo-box img{
  height: 10vh;
  cursor: pointer;
}
.header-content .tips-content{
  font-size: 14px;
  font-weight:bold;
  color: red;
  display: flex;
  align-items: center;
  justify-content: start;
}
.header-content .tips-content i{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('../img/notice.png') no-repeat;
  background-size: 12px 12px;
}
.header-content .tips-content span{
  padding-left: 10px;
}
.main-content{
  height: 80vh;
  background: red;
  padding-top: 40px;
}
.main-box{
  width: 926px;
  margin: 0 auto;
  height: 100%;
  background-image: url('../img/bg.png');
  background-size: 573px 455px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
}
.qr-code-box{
  width: 256px;
  height: 384px;
  background: rgba(255,255,255,0.28);
  border-radius: 14px;
  border: 2px solid rgba(255,255,255,0.42);
  backdrop-filter: blur(4px);
  position: absolute;
  right: 0;
  top: 46px;
}
.qr-code-content{
  margin: 0 auto;
  color: #fff;
  text-align: center;
}
.qr-code-content img{
  width: 180px;
  height: 180px;
}
.qr-code-content .font-1{
  font-size: 19px;
  margin: 16px 0 28px 0;
}
.qr-code-content .font-2,.font-3{
  font-size: 23px;
}
.qr-code-content .font-2{
  margin: 28px 0 7px 0;
  font-weight: 500;
}
.footer-content{
  height: 10vh;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #888;
}
.license-item{
  display: flex;
  justify-content: center;
  padding: 4px 0;
}
.license-item a:hover{
  width: 100%;
  left: 0;
  right: 0;
  color: #FF6300;
  text-decoration: underline; 
}
.icp{
  display: flex;
  align-items: center;
}
.icp i{
  display: flex;
  width: 14px;
  height: 14px;
  background: url('../img/police.png') no-repeat;
  background-size: 14px 14px;
}
.icp a{
  padding-left: 4px;
}
.help-wrap{
  display: flex;
  justify-content: space-evenly;
}