html,body,#app {
    height: 100%
}

@media(min-width: 961PX) {
    .last-img {
        border-radius:8Px
    }

    .navbox {
        height: 60Px;
        padding: 0 45Px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        box-shadow: 0 2Px 0 0 rgba(0,0,0,.05);
        background-color: #644af1;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .navbox .nav-item {
        display: inline-block;
        color: #fff;
        padding: 0 15Px;
        cursor: pointer;
        font-size: 17Px;
        font-weight: 500
    }

    .navbox .logo {
        display: flex;
        align-items: center
    }

    .navbox .logo-info {
        padding-left: 10Px;
        color: #fff;
        font-weight: 500;
        height: 60Px;
        line-height: 60Px;
        font-size: 20Px;
        display: inline-block
    }

    .navbox .logo-pic {
        height: 38Px;
        cursor: pointer
    }

    .main-content {
        background-color: #644af1
    }

    .contentContainer {
        width: 80%;
        margin: 0 auto;
        margin-top: 60Px;
        padding-bottom: 60Px;
        text-align: center;
        color: #fff
    }

    .contentContainer ol {
        padding-left: 0.26667rem;
        padding-left: 2.66667vw
    }

    .contentContainer ol li {
        text-align: left;
        list-style-type: decimal;
        list-style-position: outside
    }

    .contentContainer a {
        font-weight: bold
    }

    .contentContainer .box_list {
        display: flex;
        width: 50%;
        margin: 0 auto;
        margin-top: 30Px;
        margin-bottom: 20Px;
        align-items: center;
        justify-content: space-around
    }

    .contentContainer .box_list a {
        display: inline-block;
        margin-right: 20Px
    }

    .contentContainer h1 {
        font-weight: 900;
        font-size: 27Px;
        color: #fff;
        padding: 30Px 0 0Px
    }

    .contentContainer h2 {
        margin-bottom: 0.13333rem;
        margin-bottom: 1.33333vw
    }

    .contentContainer .contentWidthRestriction .content {
        padding: 20Px;
        margin-bottom: 30Px;
        text-align: justify;
        border-radius: 24Px;
        background-color: rgba(255,255,255,.1);
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .contentContainer .contentWidthRestriction .content ul li {
        font-size: 16Px;
        line-height: 22Px;
        color: rgba(255,255,255,.8)
    }

    .contentContainer .contentWidthRestriction .content p {
        color: rgba(255,255,255,.8);
        font-size: 17Px
    }

    .contentContainer .contentWidthRestriction .content p a {
        text-decoration: underline;
        font-weight: 700
    }

    .contentContainer .contentWidthRestriction .content h2 {
        font-size: 21Px;
        color: #fff;
        margin: 40Px 0 20Px;
        text-align: left;
        padding: 0
    }

    .contentContainer .contentWidthRestriction .content h3 {
        font-size: 21Px;
        color: #fff;
        margin: 0Px 0 20Px;
        text-align: left;
        padding: 0
    }

    .contentContainer .contentWidthRestriction .content h2 a {
        text-decoration: underline
    }

    .contentContainer .contentWidthRestriction .content h4 {
        color: #fff;
        margin: 40Px 0 20Px
    }
}

@media(max-width: 960PX) {
    .main-content {
        background-color:#644af1
    }

    .last-img {
        border-radius: 0.21333rem;
        border-radius: 2.13333vw
    }

    .linkbox {
        background: #644af1;
        padding: 0.8rem 0;
        padding: 8vw 0
    }

    .linkbox .nav-item {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 0.45333rem;
        font-size: 4.53333vw;
        font-weight: 500;
        line-height: 0.93333rem;
        line-height: 9.33333vw
    }

    .linkbox .nav-item:hover {
        text-decoration: underline
    }

    .navbox {
        height: 1.28rem;
        height: 12.8vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #644af1;
        box-shadow: 0 0.05333rem 0 0 rgba(0,0,0,.05);
        box-shadow: 0 0.53333vw 0 0 rgba(0,0,0,.05);
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .navbox .download {
        height: 0.93333rem;
        height: 9.33333vw;
        margin-left: 1.33333rem;
        margin-left: 13.33333vw
    }

    .navbox .logo {
        display: flex;
        align-items: center
    }

    .navbox .logo-info {
        padding-left: 0.26667rem;
        padding-left: 2.66667vw;
        color: #fff;
        font-weight: 500;
        font-size: 0.50667rem;
        font-size: 5.06667vw;
        line-height: 1.28rem;
        line-height: 12.8vw;
        height: 1.28rem;
        height: 12.8vw;
        display: inline-block
    }

    .navbox .logo-pic {
        height: 1.2rem;
        height: 12vw;
        cursor: pointer
    }

    .contentContainer {
        padding-top: 1.28rem;
        padding-top: 12.8vw;
        margin: 0 auto;
        text-align: center;
        background: #644af1;
        color: #fff
    }

    .contentContainer ol {
        padding-left: 0.26667rem;
        padding-left: 2.66667vw
    }

    .contentContainer ol li {
        text-align: left;
        list-style-type: decimal;
        list-style-position: outside
    }

    .contentContainer a {
        font-weight: bold
    }

    .contentContainer .box_list {
        margin: 0.53333rem 0;
        margin: 5.33333vw 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }

    .contentContainer .box_list a {
        display: block;
        padding: 0.26667rem;
        padding: 2.66667vw
    }

    .contentContainer h1 {
        font-weight: 900;
        font-size: 0.56rem;
        font-size: 5.6vw;
        color: #fff
    }

    .contentContainer h2 {
        margin-bottom: 0.13333rem;
        margin-bottom: 1.33333vw
    }

    .contentContainer .contentWidthRestriction .content {
        padding: 0.53333rem 0.26667rem 0.26667rem;
        padding: 5.33333vw 2.66667vw 2.66667vw;
        border-radius: 0.42667rem;
        border-radius: 4.26667vw;
        background-color: rgba(255,255,255,.1);
        margin: 0 0.26667rem;
        margin: 0 2.66667vw
    }

    .contentContainer .contentWidthRestriction .content ul li {
        font-size: 0.42667rem;
        font-size: 4.26667vw;
        line-height: 0.53333rem;
        line-height: 5.33333vw;
        color: rgba(255,255,255,.8);
        text-align: left
    }

    .contentContainer .contentWidthRestriction .content p {
        font-size: 0.37333rem;
        font-size: 3.73333vw;
        color: rgba(255,255,255,.8);
        text-align: left
    }

    .contentContainer .contentWidthRestriction .content h2 {
        font-size: 0.45333rem;
        font-size: 4.53333vw;
        font-weight: 500;
        color: #fff;
        text-align: left;
        margin: 0.53333rem 0 0.26667rem;
        margin: 5.33333vw 0 2.66667vw
    }

    .contentContainer .contentWidthRestriction .content h3 {
        font-size: 0.45333rem;
        font-size: 4.53333vw;
        font-weight: 500;
        color: #fff;
        text-align: left;
        margin: 0px 0 0.26667rem;
        margin: 0px 0 2.66667vw
    }

    .contentContainer .contentWidthRestriction .content h4 {
        font-weight: 500;
        color: #fff;
        text-align: left;
        margin: 0.53333rem 0 0.26667rem;
        margin: 5.33333vw 0 2.66667vw
    }
}