body{
    margin:0
}
:root {
    --color-primary: #306eff;
    --color-primary-hover: #4a80ff;
    --color-primary-active: #175cff;
    --color-primary-disabled: rgba(48, 110, 255, .5);
    --color-hover: #f2f3f4;
    --color-premium: #d1ae6a;
    --el-color-primary: #306eff;
    --el-color-success: #54cfad;
    --el-color-danger: #ed4949;
    --el-color-error: #ed4949;
    --transition-delay: .3s;
    --transition-animation: cubic-bezier(.645, .045, .355, 1);
    --no-repeat-center: no-repeat center;
    --color-primary-text: #000;
    --color-secondary-text: #666;
    --mobile-break-width: 768px;
    --mobile-max-width: calc(100vw - 20px);
    --el-text-color-regular: #666;
}
.official-page{
    color:#fff;
    background:#306eff
}

.features {
    margin-top: 36px;
    background: rgba(255,255,255,.4);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    overflow-x: hidden;
}
.features .icon {
    cursor: pointer;
    width: 60px;
    height: 60px;
}
.features .item {
    width: calc((100vw - 52px)/3);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.features .item .title {
    margin-top: 5px;
}
.tips {
    font-size: 14px;
    margin-top: 10px;
}
.tips p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px;
    text-align: center;
}
.qrcode {
    display: none;
}

@media screen and (min-width:950PX){
    .official-page{
        width:100vw;
        min-height:100vh;
        overflow:hidden
    }
    .official-page .copy-right{
        min-width:5.555556rem;
        position:fixed;
        left:50%;
        z-index:3;
        transform:translateX(-50%);
        bottom:.092593rem;
        font-size:.074074rem;
        font-weight:200;
        color:#fff;
        text-align:center
    }
    .official-page .copy-right a{
        text-decoration:none;
        color:#fff
    }
    .official-page .logo-box{
        display:flex;
        align-items:center;
        width:1200PX;
        margin:auto;
        padding-top:24PX;
        padding-left:20PX
    }
    .official-page .logo-box__icon{
        width:50PX;
        height:50PX;
        margin-right:16PX
    }
    .official-page .logo-box__text{
        font-family:PingFangSC-Semibold;
        font-size:40PX;
        letter-spacing:-1.25PX
    }
    .official-page .main-content-value{
        height:calc(100vh - 80PX);
        position:relative;
        display:flex
    }
    .official-page .main-content-value .main-content-line{
        position:absolute;
        z-index:1;
        left:0;
        top:30vh;
        width:550PX
    }
    .official-page .main-content-value .main-content-line img{
        width:100%
    }
    .official-page .banner-content-left{
        position:absolute;
        z-index:3;
        flex-shrink:1;
        margin-left:calc(50vw - 600PX);
        top:50%;
        transform:translateY(-50%);
        margin-right:700PX
    }
    .official-page .banner-content-left__title{
        min-width:500PX;
        max-width:650PX;
        font-family:PingFangSC-Semibold;
        font-size:50PX;
        letter-spacing:-3.12PX;
        line-height:1.2
    }
    .official-page .banner-content-left__describe{
        position:relative;
        font-family:Arial, Helvetica, sans-serif;
        font-size:18PX;
        margin-top:30PX;
        max-width:420PX
    }
    .official-page .banner-content-left .button-wrapper{
        margin-top:40PX;
        display:flex;
        align-items:center;
        position: relative;
    }
    .official-page .banner-content-left .button-wrapper a{
        display:flex
    }
    .button-wrapper:hover .qrcode {
        display: block;
    }
    .qrcode {
        position: absolute;
        border-radius: 10px;
        background: #fff;
        padding: 20px;
        top:-268px;
    }
    .qrcode img {
        width: 200px;
        height: 200px;
    }
    .qr-tips {
        font-size: 16px;
        color: #333;
        text-align: center;
    }
    .official-page .banner-content-left .google-play-badge{
        width:240PX;
        height:72PX;
        margin-right:24PX
    }
    .official-page .banner-content-left .download-apk__badge{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:240PX;
        height:72PX;
        font-size:20PX;
        background:red;
        background:url(data:image/webp;base64,UklGRmYJAABXRUJQVlA4WAoAAAAwAAAAIQIAoQAASUNDUBgCAAAAAAIYAAAAAAIQAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAABZAAAABRnWFlaAAABeAAAABRiWFlaAAABjAAAABRyVFJDAAABoAAAAChnVFJDAAABoAAAAChiVFJDAAABoAAAACh3dHB0AAAByAAAABRjcHJ0AAAB3AAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAFgAAAAcAHMAUgBHAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z3BhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABYWVogAAAAAAAA9tYAAQAAAADTLW1sdWMAAAAAAAAAAQAAAAxlblVTAAAAIAAAABwARwBvAG8AZwBsAGUAIABJAG4AYwAuACAAMgAwADEANlZQOEwnBwAALyFCKBB3Bbe2bdXKXB93zRiEn/5LIZbQ3V1uG44iSRKUytk9nihHHIZgHESSpEiVB0/+hf2bYRjWkSQrjfYz3J0U+CWUsZMOv9dx5qzh7/f7/v//S/URxs4/dtYIY+dRWYWo1Dp2knojjJ3m83PLpAIZ0IyQdKkx82LpvRhSIZOTyYRAhRBRY3JpBlRIACJIIAKIaCACKkT0rEQHQQSQACSAIQhCWCRmQbIgAroLKLorIgg0CEMgIBqO5uGgC3HsbtrFiYdpF4IAEYkgAKfnbd9Zw8V87N0LuJ2v3XYiEUTc+9hu9+Br+xyJBF78rNkIEuDD31ILQYIg8GPMRUF+ZTbEnzET4V8mQQDebm07Jt22ree1Hc22cTXbvpptG0ezbdu2Wzv+Y8uIePLOJ+LL/bTWe0b0HxLbRo4koRrb2El++EKHSfVsmqZpmqZpmqZZtHTFmvUbAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGDj+jUrli5qmqZpmqZpmvbaktWbAACg9lfdtHpJSW3xWgDoD75Yu3i22oLlQzX3P/vO59//qaqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqp/fv/5O8/eP3Th8gWtZeEq4MGXf1NV1dpf9beXHwRWLWwr64AXflbtDyo/vwCsWzi+dBXc/5Zqv1B5635YNbZwOdz/ofYP8eH9sHz0QMBIvYeoAiPHWQsvaD8RL8DaYQcdPNi6t55hZw/CkqZZDS9rXxEvw+pm0SbuL+h/6RH6Y+5n06Jl8Kz2F/EsLFsJ7/QZvAMr18DnfQafw5r18H2fwfcwnKg0x1Hk6h9hhuFMNu0zYnSSyrz/zPvPvP/M58O8//z1zLlHnXDXH12Lfe/iY469/t1a5uvzIiLi8o7Fvn/kUOvBD9QbHddPiRiJezsV+/upY2IfqGIejTGTHfFll2JvHxd7zO81zM0x7rJrOtT62eEtYr+oYe5oMdlBb3Sn9aoRrSOLv6thPjmoxWZnzyrp7x8+fe+9z374e3apr0WL1MvqeLNL23z2dMu/za/fe935x4/LOf786+57o3XTbFP6Yh3zwSEtPjvhl5HfZvdcfEREREREmwePvPieT0aFPtX6Wcs9dTe2Oe1Wv3nonIiIiIiSRec8/K3+cnyLjkM/qmV+PLbFaoddcWhEREGlzYvXfnBLm4qb63k86LGIiIiIiIiIKPyirdnUouC4nyqW2dtKZ0RERERExx59sqbHlF+aUDmrrmcdXD4ZXqlrbp1Iudqa5pdLJ/N5yS8VzaenTWrN0z+rZt6Y6YbpOlpGAd6sZF6dmaXWVRSNALxRpRSMD8+UScZRb1QbnS6dKROOt2uNLiepHRcxGhPc4IvK5dczI1pjUj26v9cZnXbhTkNcWbU8EjEd8XiV0dnM2FlmsE30eJ/WK+dHTEtcUGN0dwrX9MQTFUZHezx+Cmibef17nXJnxDTF3VXKt7N24k68S/e7GuW2iOmK2yuSlpP5jp82Tvy7PnkuYtri+frkgmKDHbjbTrvuX+6+/XffZa9yTRdVJ18V+2u3bQaDwZY7loraZavBYLDtHrOIarukxdf1yNhJ4aX22nPzwWAwGAx2LCyjmrbYu11z6/UKKovJDSZvN5hx37B6QNHSrcZEbV88tFxZdHD651GF5tpvMBhz364lonYf17TZAYWij/67Lnmz9NfPPi3sXCJq5xZR+5aqfrsuebJ4zc3HzVfUVNprXNPmxaKfqktuKDbXDkPzDRtKZaK2HRO1Q7Hom+qSC/8xV+mCrUebSYUt6T22GBG19X7lPTF1yUlRHjtsPths++J29N7bbzbYfIf9yjWfXJccNqdu+30PmIumA/ad24WzqpI/IiIipm9I6I+qYu5zUqaVb2uSj6eVj6uKuV/bd1r5oKqY+11pJl6KR5V/r8rNTptOTrMqeXGaaL35QGXOOnj4sKmptV1n/KHKmv3YyR0Ub7soMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM/Oi297/t/8+v/P+M+8/8/7zPxrM+8+G/iOrHhv6kMyc9CHZfVnRf2QIZ0UPkmWgpX1IppJ6kGxH9SEZ0+pBsi7Wh2RurQfJ/lwfkkG+HiQLhT1IJht7kGxY9h8Z9exTsnI6S2Zfl63sBzL7unJZe2ZfGwA=) no-repeat 50%/cover;
        cursor:pointer
    }
    .official-page .banner-content-left .download-apk__badge .tips1{
        color:#aaa;
        font-size:16PX;
        margin-left:60PX
    }
    .official-page .banner-content-left .download-apk__badge .tips2{
        color:#000;
        font-size:20PX;
        margin-left:60PX
    }
    .official-page .banner-content-right{
        position:absolute;
        bottom:0;
        right:0;
        z-index:2;
        flex-grow:2;
        flex-shrink:0;
        min-width:500PX;
        max-width:980PX;
        margin-left:calc(100vw - 700PX);
        height:calc(100vh - 84PX);
        display:flex;
        justify-content:flex-end;
        align-items:flex-end
    }
    .official-page .banner-content-right img{
        display:block;
        width:100%
    }
    .tips {float: left;}
}
@media screen and (min-width:950PX) and (max-width:1275PX){
    .official-page .banner-content-left{
        flex-shrink:0;
        width:500PX;
        margin-right:0;
        margin-left:0;
        padding-left:20PX
    }
    .official-page .banner-content-left__title{
        font-size:70PX
    }
    .official-page .banner-content-left__describe{
        width:460PX;
        box-sizing:border-box
    }
    .official-page .banner-content-right{
        flex-grow:0;
        max-width:calc(100vw - 520PX)
    }
}
@media screen and (min-width:1400PX){
    .main-content-value .main-content-line{
        left:calc(50vw - 800PX)!important
    }
    .main-content-value .banner-content-right{
        left:50vw;
        margin-left:0
    }
}
@media screen and (max-width:950PX){
    .official-page{
        width:100vw;
        overflow-x:hidden
    }
    .official-page .copy-right{
        min-width:5.555556rem;
        position:relative;
        z-index:5;
        font-size:.277778rem;
        font-weight:200;
        color:#fff;
        text-align:center
    }
    .official-page .copy-right a{
        text-decoration:none;
        color:#fff
    }
    .official-page .logo-box{
        display:flex;
        align-items:center;
        justify-content:center;
        height:3.240741rem;
        box-sizing:border-box
    }
    .official-page .logo-box__icon{
        width:.888889rem;
        height:.888889rem;
        margin-right:.444444rem
    }
    .official-page .logo-box__text{
        font-family:PingFangSC-Semibold;
        font-size:.888889rem;
        color:#fff;
        letter-spacing:-.027778rem
    }
    .official-page .main-content{
        position:relative;
        min-height:calc(100vh - 3.24074rem);
        box-sizing:border-box
    }
    .official-page .main-content .main-content-line{
        position:absolute;
        z-index:1;
        top:3.888889rem;
        width:9.074074rem;
        height:6.546296rem
    }
    .official-page .main-content .main-content-line img{
        display:block;
        width:100%
    }
    .official-page .main-content .banner-content-left{
        width:100vw;
        position:absolute;
        z-index:1;
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .official-page .main-content .banner-content-left__title{
        font-family:PingFangSC-Semibold;
        font-size:0.65rem;
        color:#fff;
        text-align:center;
        line-height:1.666667rem
    }
    .official-page .main-content .banner-content-left__describe{
        font-family:Arial, Helvetica, sans-serif;
        font-size:.333rem;
        color:#fff;
        text-align:center;
        line-height:.666667rem;
        margin-top:.444444rem;
        margin-bottom:1.2rem;
        width:90%;
    }
    .official-page .main-content .banner-content-left .button-wrapper{
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .official-page .main-content .banner-content-left .button-wrapper a{
        display:flex
    }
    .official-page .main-content .banner-content-left .google-play-badge{
        width:4.555556rem;
        height:1.361111rem
    }
    .official-page .main-content .banner-content-left .download-apk__badge{
        display:flex;
        flex-direction:column;
        justify-content:center;
        margin-top:.185185rem;
        width:4.555556rem;
        height:1.361111rem;
        font-size:.185185rem;
        background:red;
        background:url(data:image/webp;base64,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) no-repeat 50%/cover;
        cursor:pointer
    }
    .official-page .main-content .banner-content-left .download-apk__badge .tips1{
        color:#aaa;
        font-size:.148148rem;
        margin-left:1.296296rem
    }
    .official-page .main-content .banner-content-left .download-apk__badge .tips2{
        color:#000;
        font-size:.425926rem;
        margin-left:1.296296rem
    }
    .official-page .main-content .banner-content-right{
        position:absolute;
        right:0;
        top:11.111111rem;
        width:100vw
    }
    .official-page .main-content .banner-content-right img{
        display:block;
        width:100%
    }
}