body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.page-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ff6d9a;
}

.page-main {
    width: 100%;
    flex: 1;
    overflow: hidden;
    background: url(../image/desktop/bg.jpg?v=6352717824) top / cover no-repeat;
    display: flex;
    flex-direction: column;
}

.page-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 36px;
}

.page-top img {
    width: 100%;
}

.page-top .logo {
    width: 200px;
}

.page-top .connect {
    display: inline-flex;
}

.page-top .tg,
.page-top .sw {
    width: 120px;
    cursor: pointer;
}

.page-top .sw {
    margin-right: 12px;
}

.page-content {
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0 36px;
}

.page-content .content-left {
    width: 50vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-content .content-left .slogan img {
    max-width: 50vw;
    max-height: 30vh;
    object-fit: contain;
}

.download-box {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: 2vw;
}

.download-box .qrcode-box {
    width: 10vw;
    height: 10vw;
    padding: 0.5vw;
    background: #fff;
    border-radius: 0.5vw;
}

#qrcode {
    width: 100%;
}

#qrcode img{
    width: 100%;
}

.download-box .download {
    width: 14vw;
    margin-left: 2vw;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.download-box .download img {
    width: 100%;
}

.download-box .download img:last-child {
    width: 80%;
}

.page-content .content-right {
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-content .content-right img {
    max-width: 45vw;
    max-height: 65vh;
    object-fit: contain;
}

.page-footer img {
    width: 100%;
}