body,html {
    height: 100%;
    font-size: 3.733vw;
    width: 100%
}

*,body,html {
    padding: 0;
    margin: 0
}

* {
    outline: 0 none;
    line-height: normal;
    box-sizing: border-box;
    word-break: break-all;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: BootstrapIcons,sans-serif
}
a,button {
    cursor: pointer
}
.downloadWrap {
    background: #f8f8f8;
    min-height: 100vh
}

.downloadWrap .downloadErea {
    box-sizing: border-box;
    background: #fff;
    height: 57.667vw;
    padding: 5.333vw;
    border-bottom: 2.133vw solid #f8f8f8;
    position: relative
}

.downloadWrap .downloadErea .imageWrap {
    width: 25.467vw;
    height: 25.467vw;
    min-width: 25.467vw;
    margin-right: 4.533vw;
    position: relative;
    overflow: hidden;
    border-radius: 6.4vw;
    box-shadow: 0 1.067vw 5.333vw 0 rgba(0, 0, 0, .1)
}

.downloadWrap .downloadErea .logoImg {
    width: 100%;
    height: 100%
}

.downloadWrap .downloadErea .buttonWrap {
    height: 31.467vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.downloadWrap .downloadErea .buttonWrap .downloadName {
    color: #414655;
    font-size: 5.867vw;
    line-height: 8vw
}

.downloadWrap .downloadErea .buttonWrap .slogen {
    font-size: 4.267vw;
    line-height: 4.8vw;
    color: #9aa4c2;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.downloadWrap .downloadErea .buttonWrap .downloadBtn {
    width: 28.267vw;
    height: 8vw;
    background: linear-gradient(90deg, #62b3ff, #3d72fa);
    border: none;
    border-radius: 13.333vw;
    text-align: center;
    color: #fff;
    font-size: 4.267vw;
    line-height: 8vw;
    cursor: pointer;
    margin-bottom: 5vw;
}

.downloadWrap .downloadErea .starWrap {
    height: 6.933vw;
    line-height: 6.933vw;
    margin-top: 2.733vw
}

.downloadWrap .downloadErea .starWrap .iconWrap {
    height: 4.267vw;
    position: relative;
    width: 27.2vw;
    margin-left: 1.333vw
}

.downloadWrap .downloadErea .starWrap .starImg {
    height: 4.267vw;
    margin-left: 1.333vw
}

.downloadWrap .downloadErea .starWrap span {
    font-size: 5.867vw;
    font-weight: 500;
    color: #8e8e93
}

.downloadWrap .downloadErea .scoreWrap {
    height: 5.333vw;
    line-height: 5.333vw;
    font-size: 3.2vw;
    color: #9aa4c2
}

.downloadWrap .downloadErea .scoreWrap .ageTitle {
    width: 10.667vw;
    height: 5.333vw
}

.downloadWrap .techDesWrap {
    margin-top: 2.133vw
}

.downloadWrap .techDesWrap .techDes {
    padding: 5.333vw 0 0 5.333vw;
    height: 26.667vw;
    background: #fff
}

.downloadWrap .techDesWrap .techDes .techTitle {
    color: #000;
    font-size: 5.867vw;
    font-weight: 700
}

.downloadWrap .techDesWrap .techDes .techDetail {
    font-size: 4vw;
    color: #000;
    margin-top: 2.667vw
}

.downloadWrap .techDesWrap .techImages {
    padding: 5.333vw;
    height: 97.333vw;
    overflow-x: auto;
    overflow-y: hidden
}

.downloadWrap .techDesWrap .techImages .containerImg {
    white-space: nowrap
}

.downloadWrap .techDesWrap .techImages .containerImg .containerImgItem {
    width: 40vw;
    height: 86.667vw;
    margin-right: 10.667vw;
    display: inline-block
}

.downloadWrap .introduce {
    padding-top: 5.333vw;
    background: #fff
}

.downloadWrap .introduce .introTitle {
    font-size: 5.867vw;
    color: #414655;
    font-weight: 700;
    margin: 0 5.333vw;
    height: 8vw;
    line-height: 8vw
}

.downloadWrap .introduce .introContent {
    margin-top: 2.667vw;
    font-size: 4vw;
    color: #414655;
    letter-spacing: 1px;
    line-height: 5.333vw;
    padding: 0 5.333vw 10.667vw;
    border-bottom: 2.133vw solid #f8f8f8
}

.downloadWrap .introduce .scoreText {
    font-size: 5.867vw;
    color: #414655;
    font-weight: 700;
    margin-top: 5.333vw;
    padding: 0 5.333vw
}

.downloadWrap .introduce .introduceImgWrap1 {
    margin-top: 2.4vw;
    padding: 0 5.333vw
}

.downloadWrap .introduce .introduceImgWrap1 .scoreImg {
    width: 58.133vw;
    height: 11.467vw;
    position: relative;
    text-align: right
}

.downloadWrap .introduce .introduceImgWrap1 .introduceScoreNum {
    line-height: 12vw;
    font-size: 16vw;
    font-weight: 700;
    color: #414655
}

.downloadWrap .introduce .introduceImgWrap2 {
    line-height: 6.933vw;
    font-size: 4vw;
    color: #9aa4c2;
    padding: 0 5.333vw 5.333vw;
    height: 12.267vw;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.downloadWrap .introduce .introduceImgWrap2 .scoreNum {
    width: 22.4vw;
    text-align: center;
    font-weight: 500
}

.downloadWrap .newFeatureWrap {
    margin-top: 2.133vw;
    height: 40vw;
    background: #fff;
    padding: 5.333vw
}

.downloadWrap .newFeatureWrap .newFeatureTitle {
    font-size: 5.867vw;
    color: #414655;
    font-weight: 700;
    height: 8vw;
    line-height: 8vw
}

.downloadWrap .newFeatureWrap .version {
    margin-top: 2.667vw;
    line-height: 5.333vw;
    font-size: 4vw;
    color: #9aa4c2
}

.downloadWrap .newFeatureWrap .featureDes {
    margin-top: 2.667vw;
    line-height: 5.333vw;
    font-size: 4vw;
    color: #414655
}

.downloadWrap .informationWrap {
    padding: 5.333vw 5.333vw 0;
    margin-top: 2.133vw;
    background: #fff
}

.downloadWrap .informationWrap .title {
    font-size: 5.867vw;
    color: #414655;
    font-weight: 700;
    height: 8vw
}

.downloadWrap .informationWrap .informationItem {
    padding: 4vw 0;
    border-bottom: 1px solid #f2f2f2;
    line-height: 5.333vw;
    font-size: 4vw
}

.downloadWrap .informationWrap .informationItem .itemLeft {
    color: #9aa4c2
}

.downloadWrap .informationWrap .informationItem .itemRight {
    color: #414655
}

.downloadWrap .informationWrap .informationItem .colorBlue {
    color: #4176fa
}

.downloadWrap .informationWrap .informationItem1 {
    padding-top: 6.133vw
}

.downloadWrap .informationWrap .informationItemlast {
    border-bottom: none
}

.downloadWrap .anouncement {
    height: 24.267vw;
    padding: 2.667vw 5.333vw 5.333vw
}

.downloadWrap .anouncement .title {
    line-height: 5.333vw;
    font-size: 3.467vw;
    color: #414655
}

.downloadWrap .anouncement .content {
    color: #9aa4c2;
    line-height: 4.8vw;
    font-size: 3.467vw;
    margin-top: 1.6vw
}

.flexitem {
    display: flex
}

.flexitemCloun {
    display: flex;
    flex-direction: column
}

.alignItem {
    display: flex;
    align-items: center
}

.ageLimit {
    color: #9aa4c2 !important
}

.spaceBetween {
    display: flex;
    justify-content: space-between
}

.container {
    width: 100vw
}