.slideDown-enter-active[data-v-30c855c4] {
    -webkit-animation: silde 1s;
    animation: silde 1s
}

.slideDown-leave-active[data-v-30c855c4] {
    animation: silde 1s reverse
}

.mobile-menu-container[data-v-30c855c4] {
    width: 100vw;
    height: calc(100vh - 60px);
    position: fixed;
    top: 60px;
    overflow: hidden;
    background: #fff;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 32px;
    overflow-y: auto
}

.mobile-menu-container[data-v-30c855c4]:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #f9f9f9;
    position: absolute;
    top: 0;
    left: 0
}

.mob-header-menuList[data-v-30c855c4] {
    width: 100%
}

.mob-header-menuList .title[data-v-30c855c4] {
    padding: 19px 17px;
    font-size: 14px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mob-header-menuList .title.active[data-v-30c855c4]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAADCAYAAABrutTZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRDRDg4NDM3NEUyMTFFOUE3ODlGRTA5MEY5QTk5OUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRDRDg4NDQ3NEUyMTFFOUE3ODlGRTA5MEY5QTk5OUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNENEODg0MTc0RTIxMUU5QTc4OUZFMDkwRjlBOTk5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNENEODg0Mjc0RTIxMUU5QTc4OUZFMDkwRjlBOTk5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv235BIAAAAqSURBVHjaYmRgYJgKxFwM9AeljEDiPRALDIDliixAIguI2QbA8jcAAQYAmcIDl8ZbK7kAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 16px 1.5px
}

.mob-header-menuList .title.active[data-v-30c855c4]:after,
.mob-header-menuList .title[data-v-30c855c4]:after {
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mob-header-menuList .title[data-v-30c855c4]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRDRDg4NDc3NEUyMTFFOUE3ODlGRTA5MEY5QTk5OUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRDRDg4NDg3NEUyMTFFOUE3ODlGRTA5MEY5QTk5OUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNENEODg0NTc0RTIxMUU5QTc4OUZFMDkwRjlBOTk5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNENEODg0Njc0RTIxMUU5QTc4OUZFMDkwRjlBOTk5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKDAhcAAACLSURBVHja7JW7DYAwEEM5FAnRIMQEZDSo6JiFig5GgwkAZYFgUCa48Gls6eLKfkpl8d4nGolIDytxAzoOVUcEfIHVOIuOVdORJj+KcMIJJ5zwV2QwEB08U2SL4A06NkV+Fjx7mMavZQ2eEZcrwm34/YRzirzjnhNOOOGEE/7snkdkrzWrlIt26xRgAEBYIP1F817mAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 16px 16px
}

.mob-header-menuList .mob-menu-item[data-v-30c855c4] {
    position: relative
}

.mob-header-menuList .mob-menu-item[data-v-30c855c4]:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.mob-menu-sub[data-v-30c855c4] {
    max-height: 300px;
    padding-bottom: 10px;
    overflow: hidden
}

.mob-menu-sub a[data-v-30c855c4] {
    display: block;
    width: 100%;
    padding: 14px 17px;
    font-size: 13px;
    color: #000
}

.header {
    width: 100%;
    height: 80px;
    background: #fff;
    margin: 0 auto;
    position: relative
}

.header .header-nav-container {
    width: 100%;
    padding: 7.4vw 0;
    background: #fff;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 69px;
    left: 0;
    border-top: 1px solid #f5f5f5;
    z-index: 80;
    max-height: 500px;
    -webkit-animation: toHeight .3s both;
    animation: toHeight .3s both
}

.header .header-nav-list {
    width: 100%;
    text-align: center
}

.header .header-nav-block {
    width: 16.67vw;
    display: inline-block;
    margin: 0 1vw;
    text-align: center
}

.header .header-nav-block .photo {
    display: block;
    width: 100%;
    margin-bottom: 1vw
}

.header .header-nav-block .photo img {
    vertical-align: top
}

.header .header-nav-block a {
    font-size: .833vw;
    color: #000;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.header .header-nav-block a:hover {
    opacity: .8
}

.header .container {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    width: 70%
}

.header .container,
.header .header-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px
}

.header .header-icon {
    width: 80px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.header .logo {
    width: 250px
}

.header .logo img {
    width: 100%
}

.header .nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    height: 70px
}

.header .nav ul li {
    display: inline-block;
    line-height: 70px;
    vertical-align: middle;
    margin-right: 20px
}

.header .nav ul li a {
    font-size: .875rem;
    color: #2f201b;
    font-weight: 400;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.header .nav ul li a:hover {
    opacity: .7
}

.header .nav ul li:not(:last-child):after {
    content: "/";
    color: #a1a2a2;
    font-size: 10px;
    margin-left: 1.25rem
}

.search-box {
    position: absolute;
    width: calc(100% - 250px);
    height: 80px;
    background: #fff;
    right: 0;
    top: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-box .search-result {
    width: 100%;
    position: absolute;
    top: 80px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 40px
}

.search-box .search-result .search-item {
    padding: 0 100px;
    line-height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: grey;
    cursor: pointer
}

.search-box .search-result .search-item .key {
    width: 50%;
    text-align: left;
    font-size: 13px
}

.search-box .search-result .search-item .value {
    width: 50%;
    text-align: right;
    font-size: 13px
}

.search-box .search-result .search-item:hover {
    background: #f2f2f2;
    color: #4d4d4d
}

.search-box .search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-box .search-input input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin-top: 25px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: 0;
    font-size: 16px
}

.fade-enter-active {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s
}

.fade-leave-active {
    -webkit-animation: fadeIn reserve .5s;
    animation: fadeIn reserve .5s
}

.search-icon {
    width: 21px;
    height: 20px;
    background: url(../images/icon_search.529f73c8.svg) no-repeat 50%;
    background-size: 21px 20px
}

.icon-close {
    width: 20px;
    height: 19px;
    background: url(../fonts/icon_search_close.46fe11ae.png) no-repeat 50%;
    background-size: 20px 19px
}

.icon-menu {
    width: 20px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAiCAYAAADCp/A1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjIwNjdGMTk3MkREMTFFOTgxMEJEREEwNzE2RjY1RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjIwNjdGMUE3MkREMTFFOTgxMEJEREEwNzE2RjY1RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUUxMDc4ODcyRDYxMUU5ODEwQkREQTA3MTZGNjVFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjA2N0YxODcyREQxMUU5ODEwQkREQTA3MTZGNjVFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvtOKX0AAADQSURBVHja7NgxCsJAEAXQ2SiC2GihKFYSG7HQ2nN4AVsv4xm8kQdQCIgEBcFC0YAa/zRWe4Cv/IG/S0jz2A3MkJB223MzGxtnZdv8tA5AFnioGW81EywV465QxbJERqTAHNd9CWVZGnsl9gMlpJBCCinkHyB9ClphnxJY9sgCvfoVQzI175YPFLHrvpEA38gz9sJHtRkyIEAecYrX6DepUU1IIYUUUkghv7172OtssE9IfQckTYiBXn2k7sgdMfKMPHxU8z9qDVLkHeNb8RFgAFSSLsZAfNQWAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 20px 17px
}

.header-icon.menu {
    display: none
}

@media screen and (min-width:240px) and (max-width:799px) {
    .header {
        height: 60px;
        position: fixed;
        top: 0;
        z-index: 50
    }
    .header .header-nav-container {
        display: none
    }
    .header .container {
        width: 100%;
        height: 60px
    }
    .header .logo {
        text-align: center;
        line-height: 60px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .header .logo img {
        width: auto;
        height: 40px
    }
    .header .header-icon.menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .header .header-icon {
        width: 60px;
        height: 60px
    }
    .header .nav {
        display: none
    }
    .header .logo {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .search-box {
        position: fixed;
        width: 100%;
        height: calc(100vh - 60px);
        background: #fff;
        right: 0;
        top: 60px;
        z-index: 102;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .search-box .mob-header-close {
        position: fixed;
        top: 0;
        z-index: 60;
        background: #fff
    }
    .search-box .search-result {
        width: 100%;
        position: absolute;
        top: 80px;
        background: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 40px
    }
    .search-box .search-result .search-item {
        padding: 0 37.5px 0 51px;
        line-height: 42px;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        color: grey;
        cursor: pointer
    }
    .search-box .search-result .search-item .key {
        font-size: 12px
    }
    .search-box .search-result .search-item .value {
        font-size: 12px;
        color: #ccc
    }
    .search-box .search-result .search-item:hover {
        background: #f2f2f2;
        color: #4d4d4d
    }
    .search-box .search-input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 42px
    }
    .search-box .search-input input {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        height: 35px;
        line-height: 35px;
        background: #f9f9f9;
        border-radius: 5px;
        border: 0;
        outline: 0;
        font-size: 13px;
        margin-top: 12px
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .header {
        height: 70px
    }
    .header .header-nav-container {
        top: 70px
    }
    .header .container {
        width: 90%;
        height: 70px
    }
    .header .header-icon {
        width: 70px;
        height: 70px
    }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .header {
        height: 70px
    }
    .header .header-nav-container {
        top: 69px
    }
    .header .container {
        width: 76%;
        max-width: 1200px;
        margin: 0 auto;
        height: 70px
    }
    .header .header-icon {
        width: 70px;
        height: 70px
    }
    .header .nav ul li {
        margin-right: 16px
    }
    .header .nav ul li a {
        font-size: .8125rem
    }
    .header .nav ul li a:hover {
        opacity: .7
    }
    .header .nav ul li:not(:last-child):after {
        font-size: 10px;
        margin-left: 1.15rem
    }
    .header .logo {
        width: 240px
    }
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.header-nav-list .header-nav-block:first-child {
    -webkit-animation: fadeInUp2 .6s .3s both;
    animation: fadeInUp2 .6s .3s both
}

.header-nav-list .header-nav-block:nth-child(2) {
    -webkit-animation: fadeInUp2 .6s .5s both;
    animation: fadeInUp2 .6s .5s both
}

.header-nav-list .header-nav-block:nth-child(3) {
    -webkit-animation: fadeInUp2 .6s .7s both;
    animation: fadeInUp2 .6s .7s both
}

.header-nav-list .header-nav-block:nth-child(4) {
    -webkit-animation: fadeInUp2 .6s .9s both;
    animation: fadeInUp2 .6s .9s both
}

@-webkit-keyframes toHeight {
    0% {
        height: 0;
        opacity: 0
    }
    to {
        height: 10vw;
        opacity: 1
    }
}

@keyframes toHeight {
    0% {
        height: 0;
        opacity: 0
    }
    to {
        height: 10vw;
        opacity: 1
    }
}

.masker[data-v-a715e38a] {
    width: 100vw;
    height: calc(100vh - 70px);
    background: rgba(0, 0, 0, .4);
    position: fixed;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 12
}

.masker .wx-dialog[data-v-a715e38a] {
    width: 70vw;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    text-align: center;
    padding: 35px 0 20px;
    position: relative
}

.masker .wx-dialog .title[data-v-a715e38a] {
    font-size: 17px;
    font-weight: 700;
    color: #4d4d4d;
    letter-spacing: .1em;
    margin-bottom: 18px
}

.masker .wx-dialog .b-title[data-v-a715e38a] {
    font-size: 15px;
    color: #4d4d4d;
    margin: 15px 0 10px
}

.masker .wx-dialog .b-desc[data-v-a715e38a] {
    font-size: 15px;
    color: #b3b3b3
}

.masker .close-icon[data-v-a715e38a] {
    position: absolute;
    right: -10px;
    top: -40px
}

.masker .close-icon img[data-v-a715e38a] {
    padding: 10px;
    width: 18px;
    height: 18px
}

.slideDown-enter-active[data-v-a715e38a] {
    -webkit-animation: silde 1s;
    animation: silde 1s
}

.slideDown-leave-active[data-v-a715e38a] {
    animation: silde 1s reverse
}

.footer[data-v-a715e38a] {
    width: 100%;
    padding: 50px 0 60px;
    background: #232221
}

.footer .container[data-v-a715e38a] {
    max-width: 1460px;
    width: 76%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto
}

.footer__header[data-v-a715e38a] {
    padding-bottom: 28px;
    border-bottom: 1px solid #3e3a36;
    width: 100%
}

.footer__header a[data-v-a715e38a] {
    color: #a9a9aa;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    font-size: 14px
}

.footer__header span[data-v-a715e38a] {
    color: #3e3a36;
    margin: 0 12px
}

.footer__header a[data-v-a715e38a]:hover {
    opacity: .8
}

.footer__main[data-v-a715e38a] {
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.footer__main .nav-main[data-v-a715e38a] {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #3e3a36
}

.footer__main .nav-main .nav-box[data-v-a715e38a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer__main .nav-main .nav-cell[data-v-a715e38a] {
    color: #bdbebe;
    font-size: .875rem;
    font-weight: 500;
    padding-top: 15px;
    margin-bottom: 20px
}

.footer__main .nav-main .nav-collapse-box .nav-item[data-v-a715e38a] {
    display: block;
    font-size: 12px;
    color: grey;
    margin-bottom: 12px
}

.footer__main .nav-main .nav-collapse-box .nav-item[data-v-a715e38a]:hover {
    color: #999
}

.footer__contact[data-v-a715e38a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 92px
}

.footer__contact .title[data-v-a715e38a] {
    position: relative;
    color: grey;
    padding-bottom: 16px
}

.footer__contact .title[data-v-a715e38a]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: grey
}

.footer__contact .title-cn[data-v-a715e38a] {
    font-size: 1.375rem
}

.footer__contact .title-en[data-v-a715e38a] {
    font-size: 12px;
    margin-top: 5px
}

.footer__contact .phone[data-v-a715e38a] {
    display: block;
    color: #d0d1d1;
    font-size: 2rem;
    font-weight: 400;
    margin: 20px 0
}

.footer__contact .social-box .icon[data-v-a715e38a] {
    width: 40px;
    height: 40px
}

.footer__contact .social-box .icon-wx[data-v-a715e38a] {
    background: url(../images/icon_weixin.1e347411.svg) no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.footer__contact .social-box .icon-wx .dialog[data-v-a715e38a] {
    display: none;
    width: 141px;
    height: 150px;
    background: url(../fonts/icon_weibo.a63dc203.svg) no-repeat 50%;
    background-size: cover;
    margin-left: 16px;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.footer__contact .social-box .icon-wx[data-v-a715e38a]:hover {
    opacity: 1
}

.footer__contact .social-box .icon-wx:hover>.dialog[data-v-a715e38a] {
    display: block
}

.footer__contact .social-box .icon-wb[data-v-a715e38a]:hover {
    opacity: 1
}

.footer__footer[data-v-a715e38a] {
    padding-top: 40px;
    border-top: 1px solid #3e3a36;
    width: 100%
}

.footer__footer .quick-link[data-v-a715e38a] {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.footer__footer .quick-link .quick-link-a[data-v-a715e38a] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: grey;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer__footer .quick-link .quick-link-a[data-v-a715e38a]:hover {
    color: #999
}

.footer__footer .quick-link .quick-link-a[data-v-a715e38a]:not(:last-child):after {
    content: "|";
    font-size: 8px;
    color: grey;
    margin-left: 10px
}

.footer__footer .quick-link .quick-link-a[data-v-a715e38a]:last-child {
    margin-right: 30px
}

.footer__footer .quick-link-b[data-v-a715e38a] {
    display: inline-block;
    margin: 0 30px 0 0;
    color: grey;
    font-size: 12px
}

.footer__footer .quick-icon[data-v-a715e38a] {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.footer__footer .quick-icon a[data-v-a715e38a],
.footer__footer .quick-icon span[data-v-a715e38a] {
    margin-right: 30px;
    line-height: 32px
}

.footer__footer .quick-icon img[data-v-a715e38a] {
    vertical-align: middle
}

.mob-collapse-box[data-v-a715e38a] {
    max-height: 300px;
    padding-bottom: 10px;
    overflow: hidden
}

.mob-collapse-box a[data-v-a715e38a] {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: .8125rem;
    color: #999
}

@media screen and (min-width:240px) and (max-width:799px) {
    .footer[data-v-a715e38a] {
        padding: 35px 0
    }
    .footer .container[data-v-a715e38a] {
        width: 90%
    }
    .icon-wx[data-v-a715e38a]:hover {
        opacity: 1
    }
    .icon-wx:hover>.dialog[data-v-a715e38a] {
        display: none!important
    }
    .nav-collapse-box[data-v-a715e38a] {
        display: none
    }
    .footer__header[data-v-a715e38a] {
        padding-bottom: 20px
    }
    .footer__main[data-v-a715e38a] {
        margin: 20px 0
    }
    .footer__main .nav-main[data-v-a715e38a],
    .footer__main[data-v-a715e38a] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .footer__main .nav-main[data-v-a715e38a] {
        border-right: 0
    }
    .footer__main .nav-main .nav-box[data-v-a715e38a] {
        border-bottom: 1px solid #3e3a36
    }
    .footer__main .nav-main .nav-box.active .title[data-v-a715e38a]:after {
        width: 9px;
        height: 9px;
        content: "";
        display: block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAADCAYAAACeRF9pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0U4QkM5MTA3NEZBMTFFOUE3ODlGRTA5MEY5QTk5OUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0U4QkM5MTE3NEZBMTFFOUE3ODlGRTA5MEY5QTk5OUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RThCQzkwRTc0RkExMUU5QTc4OUZFMDkwRjlBOTk5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RThCQzkwRjc0RkExMUU5QTc4OUZFMDkwRjlBOTk5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqAVFuYAAAArSURBVHjaYjxz5ow8AwNDAgNl4AULkFAA4gYKDboAMugJEE+g0KCnAAEGAPA9B57IwEyDAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: 9px 1.5px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .footer__main .nav-main .nav-cell[data-v-a715e38a] {
        padding-top: 20px
    }
    .footer__main .nav-main .title[data-v-a715e38a] {
        position: relative
    }
    .footer__main .nav-main .title[data-v-a715e38a]:after {
        width: 9px;
        height: 9px;
        content: "";
        display: block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkEwMTU3NEY3MTFFOUE3ODlGRTA5MEY5QTk5OUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkEwMTY3NEY3MTFFOUE3ODlGRTA5MEY5QTk5OUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OENGQTAxMzc0RjcxMUU5QTc4OUZFMDkwRjlBOTk5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OENGQTAxNDc0RjcxMUU5QTc4OUZFMDkwRjlBOTk5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlUiws4AAACMSURBVHjaYvz//z8DPnD27NlgICUDxJuNjY3v4VLHwkAY5ACxAxA/AGKcBjExUAmMGkRHgxjPnDljDaS34FHDA00mX4H4Nw41l1mgigSIsJQbjxwvyJCTQKyIR9FyILYA4jQg3o1DzS8WYLL/AU21uLLIDyjzFVDtg9F0NAgMIqY82gGN1Uf4FAEEGABN/h93O2c+2wAAAABJRU5ErkJggg==) no-repeat 50%;
        background-size: 9px 9px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .footer__footer[data-v-a715e38a] {
        padding-top: 0;
        border-top: 0
    }
    .footer__footer .quick-link[data-v-a715e38a] {
        width: 100%;
        padding-bottom: 10px;
        position: relative;
        border-bottom: 1px solid #3e3a36
    }
    .footer__footer .quick-icon[data-v-a715e38a] {
        margin-top: 5px
    }
    .footer__footer .quick-icon a[data-v-a715e38a],
    .footer__footer .quick-icon span[data-v-a715e38a] {
        margin-right: 18px
    }
    .footer__footer .quick-icon a img[data-v-a715e38a],
    .footer__footer .quick-icon span img[data-v-a715e38a] {
        height: 15px
    }
    .footer__footer .quick-icon a[data-v-a715e38a]:last-child {
        margin-right: 0
    }
    .footer__contact[data-v-a715e38a] {
        margin: 30px 0 5px;
        padding-left: 0;
        position: relative
    }
    .footer__contact .title[data-v-a715e38a] {
        font-size: 1.125rem;
        color: #b3b3b3
    }
    .footer__contact .title[data-v-a715e38a]:after {
        height: 2px
    }
    .footer__contact .phone[data-v-a715e38a] {
        font-size: 1.625rem;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 40px
    }
    .footer__contact .social-box[data-v-a715e38a] {
        position: absolute;
        bottom: 0;
        right: 5vw
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .footer[data-v-a715e38a] {
        padding: 30px 0
    }
    .footer .container[data-v-a715e38a] {
        width: 85%;
        margin: 0 auto
    }
    .footer__header[data-v-a715e38a] {
        padding-bottom: 20px
    }
    .footer__main[data-v-a715e38a] {
        margin: 20px 0
    }
    .footer__main .nav-main .nav-cell[data-v-a715e38a] {
        font-size: .8125rem
    }
    .footer__contact .title-cn[data-v-a715e38a] {
        font-size: 1.25rem
    }
    .footer__contact .phone[data-v-a715e38a] {
        font-size: 1.75rem
    }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .footer[data-v-a715e38a] {
        padding: 40px 0
    }
    .footer .container[data-v-a715e38a] {
        max-width: 1300px;
        margin: 0 auto
    }
    .footer__header[data-v-a715e38a] {
        padding-bottom: 24px
    }
    .footer__main[data-v-a715e38a] {
        margin: 30px 0
    }
    .footer__main .nav-main .nav-cell[data-v-a715e38a] {
        font-size: .8125rem
    }
    .footer__contact .title-cn[data-v-a715e38a] {
        font-size: 1.25rem
    }
    .footer__contact .phone[data-v-a715e38a] {
        font-size: 1.75rem
    }
}

.dialog-phone-box {
    width: 226px;
    height: 115px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAABzCAYAAACFKt4xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTU4NjJCRkVCODYwMTFFOTkwNTA4OEEzRUIxOTYwRTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTU4NjJCRkZCODYwMTFFOTkwNTA4OEEzRUIxOTYwRTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODAwMkY4OUI4NUQxMUU5OTA1MDg4QTNFQjE5NjBFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODAwMkY4QUI4NUQxMUU5OTA1MDg4QTNFQjE5NjBFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prb1+OkAAAaySURBVHja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) no-repeat 50%;
    padding-left: 45px;
    padding-top: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-phone-box .photo-title img {
    visibility: middle
}

.dialog-phone-box .photo-title span {
    visibility: middle;
    margin-left: 10px;
    font-size: 14px;
    color: #666
}

.dialog-phone-box .phone-number {
    margin-top: 8px;
    color: #000;
    font-size: 18px
}

.dialog-ecode-box {
    width: 143px;
    height: 151px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAC7CAYAAAD8F6XGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTU4NjJDMDJCODYwMTFFOTkwNTA4OEEzRUIxOTYwRTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTU4NjJDMDNCODYwMTFFOTkwNTA4OEEzRUIxOTYwRTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTg2MkMwMEI4NjAxMUU5OTA1MDg4QTNFQjE5NjBFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg2MkMwMUI4NjAxMUU5OTA1MDg4QTNFQjE5NjBFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjqIXvcAAAdDSURBVHja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) no-repeat 50%;
    text-align: center;
    padding-right: 15px
}

.dialog-ecode-box img {
    width: 70%;
    margin-top: 12px
}

.dialog-ecode-box span {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    color: #666
}

.right-icon-box {
    position: fixed;
    right: 0;
    top: 65%;
    z-index: 20;
    background: #000
}

.right-icon-box .right-icon {
    width: 54px;
    height: 54px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.right-icon-box .right-icon:hover {
    background-color: rgba(0, 0, 0, .7)
}

.right-icon-box .icon-phone {
    background: url(../images/icon_phone.85c5487b.svg) no-repeat 50% #000;
    background-size: 18px 17px;
    position: relative
}

.right-icon-box .icon-phone>.dialog {
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.right-icon-box .icon-ear:hover>.dialog,
.right-icon-box .icon-phone:hover>.dialog {
    display: block
}

.right-icon-box .icon-ear {
    background: url(../fonts/icon_ear.812ac9a1.svg) no-repeat 50% #000;
    background-size: 17px 19px
}

.right-icon-box .icon-ear>.dialog {
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.right-icon-box .icon-backtop {
    background: url(../fonts/icon_backtop.e5f57992.svg) no-repeat 50% #000;
    background-size: 18px 10px
}

@media screen and (min-width:240px) and (max-width:799px) {
    .right-icon-box {
        display: none
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .right-icon-box .right-icon {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .right-icon-box .right-icon {
        width: 45px;
        height: 45px
    }
}

.page-container {
    width: 100%;
    text-align: center
}

.page-container .page-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-container .page-prev {
    background: url(../fonts/15c8cff4d2de4e1caa09f69c4b3d93e3.woff) no-repeat 50%;
    background-size: 10px 17px;
    margin-left: 45px
}

.page-container .page-next:hover,
.page-container .page-prev:hover {
    opacity: .7
}

.page-container .page-input {
    width: 30px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    margin-right: 10px;
    outline: 0
}

.page-container .page-input,
.page-container .page-input+span,
.page-container .page-total {
    font-size: 16px;
    color: #a5a5a5
}

.page-container .page-total {
    margin-left: 10px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.page-hidden {
    visibility: hidden
}