* {
    box-sizing: border-box;
}

img {
    vertical-align: middle;
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: url(../img/pc/bg.png?v=5) no-repeat;
    background-size: cover;
    min-width: 1300px;
}

header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 4vh 5vw 0;
    height: 10vh;
    flex-shrink: 0;
    z-index: 10;
}

header>img:first-of-type {
    height: 8vh;
}

header>img:nth-of-type(2) {
    height: 5vh;
    margin-left: auto;
    margin-right: 20px;
    margin-bottom: 1vh;
    cursor: pointer;
}

header>img:last-of-type {
    height: 5vh;
    margin-bottom: 1vh;
    cursor: pointer;
}

.spr-box {
    width: 100vw;
    height: 100%;
    margin-top: 12vh;
    position: relative;
}

.spr-bg-1 {
    width: 100vw;
    height: 86vh;
    overflow: hidden;
    position: relative;
    top: 4vh;
    background: url(../img/pc/spr1.png?v=5) no-repeat;
    background-size: 100% 100%;
}

.spr-bg-2 {
    width: 100vw;
    height: 86vh;
    overflow: hidden;
    position: relative;
    top: 4vh;
    background: url(../img/pc/spr2.png?v=5) no-repeat;
    background-size: 100% 100%;
}

.pb-bg {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    background: url(../img/pc/pb.png?v=5) no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}

.qr-box {
    display: flex;
    flex-direction: column;
    width: 46vw;
    height: 56vh;
    margin-left: 11vw;
    position: absolute;
    top: 0;
    background: url(../img/pc/qr-ground.png?v=5) no-repeat;
    background-size: 100% 100%;
    -o-transform: rotate(-3deg);
    /* Opera浏览器 */
    -webkit-transform: rotate(-3deg);
    /* Webkit内核浏览器 */
    -moz-transform: rotate(-3deg);
    /* Firefox浏览器 */

    .r-1 {
        width: 27vw;
        height: 8vh;
        margin-left: 8vw;
        margin-top: 14vh;
    }

    .r-2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 8vw;
        margin-top: 3vh;

        .w-bg {
            width: 9vw;
            height: 16vh;
            background: url(../img/pc/qr-bg.png?v=5) no-repeat;
            background-size: 100% 100%;
        }

        .dw-txt {
            width: 18vw;
            height: 11vh;
            margin-left: 1vw;
        }

        .qrcode {
            width: 100%;
            height: 100%;
            padding: 15px;

            img {
                width: 100% !important;
                height: 100% !important;
                display: block !important;
            }
        }
    }
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
}