.body-pagination {
    margin: .4rem auto .7rem;
    list-style: none;
    padding: 0;
    display: block;
    text-align: center
}

.body-pagination a {
    display: inline-block;
    color: #333;
    width: .42rem;
    height: .42rem;
    text-align: center;
    line-height: .42rem;
    border: 1px solid #333;
    background: #fff
}

.body-pagination li {
    margin: 0 .1rem;
    display: inline-block;
    vertical-align: top;
    font-size: .24rem
}

.body-pagination li.is-active a {
    color: #fff;
    background: #00aad2;
    border-color: #00aad2
}

@media (min-width:1025px) {
    .page-body {
        width: 100%
    }

    .page-header {
        height: 2.9rem;
        width: 100%;
        color: #666;
        overflow: hidden;
        background: url(/assets/imgs/page-common/page-top-bg.jpg) 50% 50% no-repeat
    }

    .page-header .page-header__breadcrumb {
        width: 11.2rem;
        height: .6rem;
        line-height: .6rem;
        margin: auto
    }

    .page-header .page-header__breadcrumb a {
        color: #666
    }

    .page-header .page-header__breadcrumb a.is-active {
        color: #00aad2
    }

    .page-header .page-header__title {
        height: 2.3rem;
        width: 93.75%;
        margin: auto;
        background: hsla(0, 0%, 100%, .7);
        text-align: center;
        display: table
    }

    .page-header .page-header__title span {
        display: table-cell;
        vertical-align: middle
    }

    .page-header .page-header__title h1 {
        margin: 0;
        font-size: .4rem;
        font-weight: 400;
        line-height: 1.4
    }

    .page-header .page-header__title p {
        font-size: .24rem;
        line-height: 1.4;
        font-family: HyundaiSansTextCN
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .page-body {
        width: 100%
    }

    .page-header {
        height: 3.6rem;
        width: 100%;
        color: #666;
        overflow: hidden;
        background: url(/assets/imgs/page-common/page-top-bg.jpg) 50% 50% no-repeat
    }

    .page-header .page-header__breadcrumb {
        width: 14.36rem;
        height: 1rem;
        line-height: 1rem;
        margin: auto
    }

    .page-header .page-header__breadcrumb a {
        color: #666
    }

    .page-header .page-header__breadcrumb a.is-active {
        color: #00aad2
    }

    .page-header .page-header__title {
        height: 2.6rem;
        width: 14.36rem;
        margin: auto;
        background: hsla(0, 0%, 100%, .7);
        text-align: center;
        display: table
    }

    .page-header .page-header__title span {
        display: table-cell;
        vertical-align: middle
    }

    .page-header .page-header__title h1 {
        margin: 0;
        font-size: .48rem;
        font-weight: 400;
        line-height: 1.4
    }

    .page-header .page-header__title p {
        font-size: .3rem;
        line-height: 1.4;
        font-family: HyundaiSansTextCN
    }
}

@media (max-width:767px) {
    .page-body {
        width: 100%
    }

    .page-header {
        height: 2.2rem;
        width: 100%;
        padding-top: .3rem;
        color: #666;
        overflow: hidden;
        background: url(/assets/imgs/page-common/page-top-mob-bg.jpg) 50% 50% no-repeat
    }

    .page-header .page-header__breadcrumb {
        display: none !important
    }

    .page-header .page-header__title {
        height: 1.9rem;
        width: 6.9rem;
        margin: auto;
        background: hsla(0, 0%, 100%, .7);
        text-align: center;
        display: table
    }

    .page-header .page-header__title span {
        display: table-cell;
        vertical-align: middle
    }

    .page-header .page-header__title h1 {
        margin: 0;
        font-size: .4rem;
        font-weight: 400;
        line-height: 1.4
    }

    .page-header .page-header__title p {
        font-size: .28rem;
        line-height: 1.4;
        font-family: HyundaiSansTextCN
    }
}

@media (min-width:1025px) {
    .type-title {
        line-height: .6rem;
        text-align: center;
        color: #fff;
        font-size: .2rem;
        font-family: HyundaiSansTextCN;
        border-bottom: 1px solid #fff
    }

    .type-change,
    .type-title {
        width: 11.2rem;
        margin: auto;
        height: .6rem;
        background: #002c5f
    }

    .type-change .change-nav {
        display: flex;
        width: 11.2rem;
        margin: auto;
        font-size: 0;
        font-family: HyundaiSansTextCN
    }

    .type-change .change-nav li {
        flex: 1;
        display: inline-block;
        line-height: .6rem;
        height: .6rem;
        min-width: 1rem
    }

    .type-change .change-nav li.is-active,
    .type-change .change-nav li:hover {
        background: #00aad2
    }

    .type-change .change-nav a {
        display: inline-block;
        color: #fff;
        font-size: .2rem;
        width: 100%;
        height: 100%;
        text-align: center
    }

    .type-list {
        width: 11.2rem;
        margin: .4rem auto 1rem;
        font-size: 0
    }

    .type-list .type-item__wrapper {
        width: 2.8rem;
        /* height: 2.8rem; */
        height: auto;
        padding: .2rem 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .type-list .type-item {
        position: relative;
        display: inline-block;
        width: 2.2rem;
        /* height: 2.4rem; */
        padding-bottom: 0.1rem;
        height: auto;
    }

    .type-list .type-item:hover {
        box-shadow: 0 0 13px 0 #ddd
    }

    .type-list .type-item .type-item__bg {
        position: absolute;
        width: 1.4rem;
        left: 0;
        top: 0
    }

    .type-list .type-item img {
        position: absolute;
        width: 2rem;
        right: 0;
        top: .3rem;
        z-index: 1
    }

    .type-list .type-item .type-item__desc {
        position: relative;
        z-index: 10;
        display: inline-block;
        font-size: .2rem;
        font-family: HyundaiSansTextCN;
        width: 100%;
        height: 100%;
        color: #333;
        padding-top: 1.2rem;
        line-height: .4rem;
        text-align: left
    }

    .type-list .type-item .type-item__desc a {
        font-size: .16rem;
        color: #333;
        /* line-height: .3rem; */
        line-height: 22px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        margin-top: 10px;
    }

    .type-list .type-item .type-item__desc a span {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

    .type-list .type-item .type-item__desc a span:before {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        left: 0;
        bottom: 0;
        background-color: #333;
        transition: all .4s
    }

    .type-list .type-item .type-item__desc a span:hover:before {
        width: 100%;
        transition: all .4s
    }

    .type-list .type-item .type-item__desc a .icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAANNJREFUGJVt0DErRgEUxvGfy6JkkeTKxiT5AlYrSjZK0RmsNgMZfATpns1gk3wAYXlTSimDL2KwXct9697bPXWGp/N/Os85qqrarqrqoq5rQ13gBFeZeW6gChzjA9eZedYHJuq6lplzeMU6TiPitgNAZs7jE8s4ioi7DtCCvrGA/Yh46AANNIsflNgtBoKXmMEffqd67g18NXIzIkZFa7iG90ZuRcRo/AeZuYoXTGMnIp7HxsmyLFfwhkXsRcRTe22BGyzhICIe+4kLXOIwIu4HLvIPBGdVvx+kjf0AAAAASUVORK5CYII=) 50% 50% no-repeat;
        background-size: contain;
        width: .1rem;
        height: .2rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: .2rem
    }

    /* 视频说明书改版 */
    .type-list .type-item .type-item__desc a.color8a8a8a {
        color: #8a8a8a;
        font-size: 0.14rem;
        line-height: 20px;
        margin-top: 5px;
    }
    .type-list .type-item .type-item__desc a.color8a8a8a + .color8a8a8a {
        margin-left: 15px;
    }
    .type-list .type-item .type-item__desc a .icon.icon-manual {
        background: url(/assets/imgs/after-sale/forum/icon-download.svg) no-repeat center;
        background-size: contain;
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
    .type-list .type-item .type-item__desc a .icon.icon-video {
        background: url(/assets/imgs/after-sale/forum/icon-arrow-right.svg) no-repeat center;
        background-size: contain;
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .type-title {
        line-height: 1rem;
        text-align: center;
        color: #fff;
        font-size: .32rem;
        font-family: HyundaiSansTextCN;
        border-bottom: 1px solid #fff
    }

    .type-change,
    .type-title {
        width: 14.36rem;
        margin: auto;
        height: 1rem;
        background: #002c5f
    }

    .type-change .change-nav {
        width: 14.36rem;
        margin: auto;
        font-size: 0;
        font-family: HyundaiSansTextCN
    }

    .type-change .change-nav li {
        display: inline-block;
        line-height: 1rem;
        height: 1rem;
        width: 3.59rem
    }

    .type-change .change-nav li.is-active,
    .type-change .change-nav li:hover {
        background: #00aad2
    }

    .type-change .change-nav a {
        display: inline-block;
        color: #fff;
        font-size: .32rem;
        width: 100%;
        height: 100%;
        text-align: center
    }

    .type-list {
        width: 14.36rem;
        margin: .4rem auto 1rem;
        font-size: 0
    }

    .type-list .type-item__wrapper {
        width: 4.7866666667rem;
        /* height: 4rem; */
        padding: .2rem 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .type-list .type-item {
        position: relative;
        display: inline-block;
        width: 3.2rem;
        /* height: 3.6rem; */
        font-family: HyundaiSansTextCN
    }

    .type-list .type-item .type-item__bg {
        position: absolute;
        width: 2rem;
        left: 0;
        top: 0
    }

    .type-list .type-item img {
        position: absolute;
        width: 2.9rem;
        right: 0;
        top: .4rem
    }

    .type-list .type-item .type-item__desc {
        position: relative;
        z-index: 5;
        display: inline-block;
        font-size: .32rem;
        width: 100%;
        height: 100%;
        color: #333;
        padding-top: 1.8rem;
        line-height: .6rem;
        text-align: left
    }

    .type-list .type-item .type-item__desc a {
        font-size: .28rem;
        color: #333;
        line-height: 22px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        margin-top: 10px;
    }

    .type-list .type-item .type-item__desc a span {
        display: inline-block;
        vertical-align: middle
    }

    .type-list .type-item .type-item__desc a .icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAANNJREFUGJVt0DErRgEUxvGfy6JkkeTKxiT5AlYrSjZK0RmsNgMZfATpns1gk3wAYXlTSimDL2KwXct9697bPXWGp/N/Os85qqrarqrqoq5rQ13gBFeZeW6gChzjA9eZedYHJuq6lplzeMU6TiPitgNAZs7jE8s4ioi7DtCCvrGA/Yh46AANNIsflNgtBoKXmMEffqd67g18NXIzIkZFa7iG90ZuRcRo/AeZuYoXTGMnIp7HxsmyLFfwhkXsRcRTe22BGyzhICIe+4kLXOIwIu4HLvIPBGdVvx+kjf0AAAAASUVORK5CYII=) 50% 50% no-repeat;
        background-size: contain;
        width: .15rem;
        height: .24rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: .2rem
    }
    
    /* 视频说明书改版 */
    .type-list .type-item .type-item__desc a.color8a8a8a {
        color: #8a8a8a;
        font-size: 0.24rem;
        line-height: 20px;
        margin-top: 5px;
    }
    .type-list .type-item .type-item__desc a.color8a8a8a + .color8a8a8a {
        margin-left: 15px;
    }
    .type-list .type-item .type-item__desc a .icon.icon-manual {
        background: url(/assets/imgs/after-sale/forum/icon-download.svg) no-repeat center;
        background-size: contain;
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
    .type-list .type-item .type-item__desc a .icon.icon-video {
        background: url(/assets/imgs/after-sale/forum/icon-arrow-right.svg) no-repeat center;
        background-size: contain;
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
}

@media (max-width:767px) {
    .type-title {
        margin: auto;
        line-height: .8rem;
        text-align: center;
        color: #fff;
        font-size: .28rem;
        font-family: HyundaiSansTextCN;
        border-bottom: 1px solid #fff
    }

    .type-change,
    .type-title {
        width: 100%;
        height: .8rem;
        background: #002c5f
    }

    .type-change {
        position: relative;
        z-index: 6
    }

    .type-change .change-nav__wrapper {
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        margin: auto;
        position: relative;
        z-index: 10
    }

    .type-change .change-nav__show {
        font-size: .28rem;
        padding: 0 .3rem;
        color: #fff
    }

    .type-change .change-nav__show:after {
        content: "";
        clear: both
    }

    .type-change .change-nav__show .icon-down {
        float: right;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAPCAYAAAAceBSiAAAAgklEQVQ4jb3O2xFAQBAF0SsLIiAOeRMGGUijfVHlsXZmsJ3A6QroJI2SGpVrltQLENABC2WagBrQhpca2OEz/vfAAb7D/xq4wCn864Fb+An/aiAJ5/C3A4+wBY8OZGEr7h0wwR5cQGsYMMNePDfggiN4asANR/HzQAh+g28DQxQGtAKIiNlnKVdosQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
        background-size: contain;
        width: .3rem;
        height: .8rem;
        line-height: .8rem
    }

    .type-change .change-nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        margin: auto;
        font-size: 0;
        background: #002c5f;
        box-shadow: 0 0 13px 0 #002c5f;
        border-top: 1px solid #fff;
        display: none
    }

    .type-change .change-nav li {
        display: block;
        line-height: .8rem;
        height: .8rem
    }

    .type-change .change-nav li.is-active {
        background: #00aad2
    }

    .type-change .change-nav a {
        display: inline-block;
        color: #fff;
        font-size: .24rem;
        width: 100%;
        height: 100%;
        text-align: center
    }

    .type-list {
        width: 6.9rem;
        margin: .2rem auto .5rem;
        font-size: 0
    }

    .type-list .type-item__wrapper {
        width: 50%;
        /* height: 3.4rem; */
        padding: .2rem 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .type-list .type-item {
        position: relative;
        display: inline-block;
        width: 2.8rem;
        /* height: 3rem; */
        font-family: HyundaiSansTextCN
    }

    .type-list .type-item .type-item__bg {
        position: absolute;
        width: 1.7rem;
        left: 0;
        top: 0
    }

    .type-list .type-item img {
        position: absolute;
        width: 2.4rem;
        right: 0;
        top: .3rem
    }

    .type-list .type-item .type-item__desc {
        position: relative;
        z-index: 5;
        display: inline-block;
        font-size: .28rem;
        width: 100%;
        height: 100%;
        color: #333;
        padding-top: 1.4rem;
        line-height: .5rem;
        text-align: left
    }

    .type-list .type-item .type-item__desc a {
        font-size: .24rem;
        color: #333;
        line-height: 22px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        margin-top: 10px;
    }

    .type-list .type-item .type-item__desc a span {
        display: inline-block;
        vertical-align: middle
    }

    .type-list .type-item .type-item__desc a .icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAANNJREFUGJVt0DErRgEUxvGfy6JkkeTKxiT5AlYrSjZK0RmsNgMZfATpns1gk3wAYXlTSimDL2KwXct9697bPXWGp/N/Os85qqrarqrqoq5rQ13gBFeZeW6gChzjA9eZedYHJuq6lplzeMU6TiPitgNAZs7jE8s4ioi7DtCCvrGA/Yh46AANNIsflNgtBoKXmMEffqd67g18NXIzIkZFa7iG90ZuRcRo/AeZuYoXTGMnIp7HxsmyLFfwhkXsRcRTe22BGyzhICIe+4kLXOIwIu4HLvIPBGdVvx+kjf0AAAAASUVORK5CYII=) 50% 50% no-repeat;
        background-size: contain;
        width: .15rem;
        height: .24rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: .2rem
    }

    /* 视频说明书改版 */
    .type-list .type-item .type-item__desc a.color8a8a8a {
        color: #8a8a8a;
        font-size: 0.22rem;
        line-height: 20px;
        margin-top: 5px;
    }
    .type-list .type-item .type-item__desc a.color8a8a8a + .color8a8a8a {
        margin-left: 15px;
    }
    .type-list .type-item .type-item__desc a .icon.icon-manual {
        background: url(/assets/imgs/after-sale/forum/icon-download.svg) no-repeat center;
        background-size: contain;
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
    .type-list .type-item .type-item__desc a .icon.icon-video {
        background: url(/assets/imgs/after-sale/forum/icon-arrow-right.svg) no-repeat center;
        background-size: contain;
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
}<!--耗时1768505839.7809秒-->