#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{
    background: url(../assets/14.png) round no-repeat;
    background-size: 100% 100%;
    position: relative;
    right: 93px;
}

.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%;
    /*height: ;*/
    background: #26140D;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}
.qro-box{
    position: relative;

}
#qrcode0{
    position: absolute;
    z-index: 2;
    left: 8%;
    top: 5%;
    width: 100%;

}
#qrcode0 img{
    width: calc(100% - 16%) !important;
}