.left-box[data-v-17873963] {
    width: 46%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.left-box img[data-v-17873963] {
    max-width: 100%;
    max-height: 100%
}

.right-box[data-v-903d79bd] {
    width: 54%;
    height: 30vw
}

.right-box .header[data-v-903d79bd] {
    display: flex;
    justify-content: center;
    margin-top: 3%
}

.right-box .header img[data-v-903d79bd] {
    height: 3.5vw
}

.right-box .title[data-v-903d79bd] {
    display: flex;
    justify-content: center;
    margin-top: 3%
}

.right-box .title img[data-v-903d79bd] {
    width: auto;
    height: 7.3vw
}

.right-box .block-box[data-v-903d79bd] {
    display: flex;
    justify-content: center;
    height: 15vw
}

.right-box .block-box .block[data-v-903d79bd] {
    border: 1px #fff solid;
    width: 11vw;
    margin-right: 3%;
    height: 14.5vw;
    border-radius: 15px;
    box-shadow: 0 14px 17px #3578f61a;
    background: rgba(255,255,255,.4)
}

.right-box .block-box .block .top[data-v-903d79bd] {
    width: 100%;
    height: 8.6vw;
    margin-top: 1.2vw
}

.right-box .block-box .block .top .rqcode[data-v-903d79bd] {
    width: 80%;
    height: 100%;
    margin: auto
}

.right-box .block-box .block .top .rqcode .QRCodeVueCss[data-v-903d79bd] {
    width: 100%;
    height: 100%
}

.right-box .block-box .block .top .rqcode canvas[data-v-903d79bd] {
    width: 100%!important;
    height: 100%!important
}

.right-box .block-box .block .top .logo[data-v-903d79bd] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.right-box .block-box .block .top .logo img[data-v-903d79bd] {
    width: 4vw
}

.right-box .block-box .block .top .logo .name[data-v-903d79bd] {
    text-align: center;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .93vw;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    color: #1d2a43;
    margin-top: 1.3vw
}

.right-box .block-box .block .top .logo .version[data-v-903d79bd] {
    text-align: center;
    color: #a0a4b5;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .62vw;
    font-weight: 400;
    line-height: .62vw;
    letter-spacing: 0px;
    margin-top: .8vw;
    min-width: 118px;
    transform-origin: center center
}

.right-box .block-box .block .btn[data-v-903d79bd] {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.right-box .block-box .block .btn .btn-font[data-v-903d79bd] {
    font-weight: 400;
    z-index: 2;
    color: #fff;
    font-size: .72vw;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    line-height: 1.97vw
}

.right-box .block-box .block .btn .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 8.3vw;
    height: 2.7012vw
}

.right-box .block-box .block .deepBlue-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-018ee8db.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .block .lightBlue-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-5fb4c63c.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .block .grep-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-3053446c.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .block .green-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-4c1e94fb.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .block .orange-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-0b2888f0.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .block .purple-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-0288d147.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .block .bluePurple-btn:hover .btn-img[data-v-903d79bd] {
    -webkit-backface-visibility: hidden;
    content: url(/static/images/BUT-hover-27dbb7b6.png);
    position: relative;
    width: 8.3vw
}

.right-box .block-box .lightBlue-shadow[data-v-903d79bd],.right-box .block-box .deepBlue-shadow[data-v-903d79bd],.right-box .block-box .grep-shadow[data-v-903d79bd],.right-box .block-box .bluePurple-shadow[data-v-903d79bd] {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(53,120,246,.05);
    box-shadow: 0 14px 17px #3578f60a,0 30px 30px #3578f60d,0 68px 41px #3578f60d,0 121px 48px #3578f603,0 189px 53px #3578f600;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .green-shadow[data-v-903d79bd] {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(94,192,72,.05);
    box-shadow: 0 14px 17px #5ec0480a,0 30px 30px #5ec0480d,0 68px 41px #5ec0480d,0 121px 48px #5ec04803,0 189px 53px #5ec04800;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .orange-shadow[data-v-903d79bd] {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(255,189,76,.05);
    box-shadow: 0 14px 17px #ffbd4c0a,0 30px 30px #ffbd4c0d,0 68px 41px #ffbd4c0d,0 121px 48px #ffbd4c03,0 189px 53px #ffbd4c00;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .purple-shadow[data-v-903d79bd] {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(119,41,232,.05);
    box-shadow: 0 14px 17px #7729e80a,0 30px 30px #7729e80d,0 68px 41px #7729e80d,0 121px 48px #7729e803,0 189px 53px #7729e800;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .lightBlue-shadow[data-v-903d79bd]:hover,.right-box .block-box .deepBlue-shadow[data-v-903d79bd]:hover,.right-box .block-box .grep-shadow[data-v-903d79bd]:hover,.right-box .block-box .bluePurple-shadow[data-v-903d79bd]:hover {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(61,123,236,.06);
    box-shadow: 0 14px 17px #3d7bec1a,0 30px 30px #3d7bec0d,0 68px 41px #3d7bec0d,0 121px 48px #3d7bec03,0 189px 53px #3d7bec00;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .green-shadow[data-v-903d79bd]:hover {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(94,192,72,.06);
    box-shadow: 0 14px 17px #5ec0481a,0 30px 30px #5ec0480d,0 68px 41px #5ec0480d,0 121px 48px #5ec04803,0 189px 53px #5ec04800;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .orange-shadow[data-v-903d79bd]:hover {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(255,189,76,.06);
    box-shadow: 0 14px 17px #ffbd4c1a,0 30px 30px #ffbd4c0d,0 68px 41px #ffbd4c0d,0 121px 48px #ffbd4c03,0 189px 53px #ffbd4c00;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .block-box .purple-shadow[data-v-903d79bd]:hover {
    border-radius: var(--size-size-10, 10px);
    border: 1px solid var(--style-backdrop, #FFF);
    background: rgba(119,41,232,.06);
    box-shadow: 0 14px 17px #7729e81a,0 30px 30px #7729e80d,0 68px 41px #7729e80d,0 121px 48px #7729e803,0 189px 53px #7729e800;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.right-box .fadeRqc-enter-active[data-v-903d79bd],.right-box .fadeRqc-leave-active[data-v-903d79bd] {
    transition: opacity .2s ease
}

.right-box .fadeRqc-enter-from[data-v-903d79bd],.right-box .fadeRqc-leave-to[data-v-903d79bd] {
    opacity: 0
}

.right-box .fadeRqc-enter-to[data-v-903d79bd],.right-box .fadeRqc-leave-from[data-v-903d79bd] {
    opacity: 1
}

.footer[data-v-20ccd537] {
    text-align: center;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .62vw;
    font-weight: 400;
    line-height: .62vw;
    letter-spacing: 0px;
    color: #a0a4b5
}

.page-box[data-v-cc61d673] {
    height: 100vh
}

.page-box .main[data-v-cc61d673] {
    height: 94%;
    padding: 0% 6% 0% 0%;
    display: flex;
    align-items: center
}

.main-box[data-v-e81a8752] {
    padding: 10px 0
}

.main-box .logo[data-v-e81a8752] {
    text-align: center
}

.main-box .logo img[data-v-e81a8752] {
    height: 10vw
}

.main-box .title[data-v-e81a8752] {
    text-align: center;
    margin-top: 20px
}

.main-box .title img[data-v-e81a8752] {
    height: 8vw;
    width: 87.5vw
}

.main-box .msg[data-v-e81a8752] {
    margin: 25px 0;
    text-align: center
}

.main-box .msg img[data-v-e81a8752] {
    width: 100%
}

.main-box .btn[data-v-e81a8752] {
    display: flex;
    justify-content: center;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.main-box .btn .btn-font[data-v-e81a8752] {
    font-weight: 400;
    z-index: 2;
    color: #fff;
    font-size: 3.45vw;
    letter-spacing: 0px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    line-height: 13vw
}

.main-box .btn .btn-img[data-v-e81a8752] {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 53vw;
    height: 17.4vw
}

.main-box .version[data-v-e81a8752] {
    color: #a0a4b5;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 2.4vw;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: center;
    height: 20px;
    line-height: 5px;
    margin-top: 10px
}

.install-box[data-v-38e87632] {
    margin-top: 5px
}

.install-box img[data-v-38e87632] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.des[data-v-38e87632] {
    text-align: center;
    margin-top: 5px
}

.des img[data-v-38e87632] {
    height: 16px
}

.web[data-v-c03427e1] {
    height: 100vh;
    width: 100vw;
    background: url(/static/images/web_bg-4ec5f78d.jpg) no-repeat center center fixed;
    background-size: cover
}

.h5[data-v-c03427e1] {
    width: 100vw;
    min-height: 100vh;
    background: url(/static/images/h5_bg-f6ee58ca.jpg) no-repeat center top;
    background-size: cover
}