#app {
    padding: 0;
    font-family: PingFangHK-Regular, sans-serif;
    font-family: PingFangHK-Ultralight, sans-serif;
    font-family: PingFangHK-Light, sans-serif;
    font-family: PingFangHK-Thin, sans-serif;
    font-family: PingFangHK-Medium, sans-serif;
    font-family: PingFangHK-Semibold, sans-serif;
    user-select: none;
}
.close-icon{
    cursor: pointer;
    position: absolute;
    right: 80px;
    top: 40px;
    z-index: 2;
}
.content {
    width: 100%;
    height: 100vh;
    background: url(../assets/12.png) round no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-bottom: 5vh;
}

.article{
    

}

.logo-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.title{
    background: linear-gradient(181deg,#F5C495 0.57%,#DA9A52 91.4%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content-center {
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    bottom: 0; */

}


.footer{
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    position: absolute;
    bottom: 4%;
}
.foot-icon-box{

    background-color: rgba(35,45,78,0.7);
    border-radius: 5px;
    box-sizing: border-box;


}
.foot-btn{
    cursor: pointer;
}
.foot-icon-box img{
    height: 100%;
    display: flex;
    margin: 0 auto;
    

}
.qro-box{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20%;
    color: #FFF;
}
.list-box{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #FFF;
}
.qro-box-p{
    position: relative;
}
#qrcode0{
  
    width: 100%;
    padding: 0 8%;

}
#qrcode0 img{
    width: 100% !important;
}