area, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, param, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

img, input {
    display: inline-block;
}

a:active, a:hover, a:visited {
    background: 0 0;
}

.iconfont, em, i, th {
    font-style: normal;
}

.clearfix:after, .swiper-slide-invisible-blank {
    visibility: hidden;
}

body, html {
    height: 100%;
    -webkit-text-size-adjust: none;
}

ol, ul {
    padding-left: 0;
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
}

th {
    font-weight: 400;
}

input {
    vertical-align: middle;
}

.clearfix, html[xmlns] .clearfix {
    display: block;
}

    .clearfix:after {
        content: '\20';
        display: block;
        clear: both;
        line-height: 0;
        height: 0;
    }

.clearfix {
    zoom: 1;
}

* html .clearfix {
    height: 1%;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}

body, input, textarea {
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body img {
    vertical-align: top;
}

a {
    color: #555;
    text-decoration: none;
    transition: all .3s;
}

    a:hover {
        color: #6191e2;
    }

button, input, select, textarea {
    font-family: Arial,"Microsoft YaHei",simsun;
    color: #555;
    box-shadow: none;
    border-radius: 0;
    background: 0 0;
    border: none;
    outline: 0;
}

a:active, dd:active, img:active {
    -webkit-tap-highlight-color: transparent;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.c-cai {
    color: #6191e2;
}

.bgf {
    background-color: #fff;
}

.btn-hover:hover {
    opacity: .85;
}

body {
    background: #fff;
    color: #555;
    font-family: "Microsoft YaHei",Arial,simsun;
    line-height: 1;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #6396ed;
}

::-webkit-scrollbar-track-piece {
    width: 6px;
    background-color: #f8f8f8;
}

::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #ccc;
    cursor: pointer;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }

::-webkit-scrollbar:horizontal {
    height: 12px;
}

.swiper-slide, .swiper-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_857124_jdkoftz9128.eot?t=1538888317506);
    src: url(//at.alicdn.com/t/font_857124_jdkoftz9128.eot?t=1538888317506#iefix) format('embedded-opentype'),url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),url(//at.alicdn.com/t/font_857124_jdkoftz9128.ttf?t=1538888317506) format('truetype'),url(//at.alicdn.com/t/font_857124_jdkoftz9128.svg?t=1538888317506#iconfont) format('svg');
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-shouji:before {
    content: "\e600";
}

.icon-pengyouquan:before {
    content: "\e602";
}

.icon-sanjiao3:before {
    content: "\e601";
}

.icon-weixuanzhonggou:before {
    content: "\e627";
}

.icon-kongjian:before {
    content: "\e618";
}

.icon-down:before {
    content: "\e610";
}

.icon-chenggong:before {
    content: "\e60a";
}

.icon-weibo:before {
    content: "\e629";
}

.icon-xiaoxi:before {
    content: "\e642";
}

.icon-yinle:before {
    content: "\e644";
}

.icon-ai-app:before {
    content: "\e622";
}

.icon-wujiaoxing:before {
    content: "\e676";
}

.icon-jianjie:before {
    content: "\e626";
}

.icon-phone:before {
    content: "\e6dc";
}

.icon-mac:before {
    content: "\e61b";
}

.icon-boda:before {
    content: "\e604";
}

.icon-tongxunlu:before {
    content: "\e640";
}

.icon-video-channel:before {
    content: "\e688";
}

.icon-weixin:before {
    content: "\e607";
}

.icon-shu:before {
    content: "\e63e";
}

.icon-win:before {
    content: "\e898";
}

.icon-Group-:before {
    content: "\e697";
}

.icon-xiangji:before {
    content: "\e7a5";
}

.icon-qq:before {
    content: "\e67d";
}

.icon-caidan:before {
    content: "\e60c";
}

.help ul li .txt p:before, .home:before, .recovery .recovery-content ul li:before, .swiper-lazy-preloader:after {
    content: '';
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform;
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed {
    cursor: move;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: .2s top,.2s -webkit-transform;
            -o-transition: .2s transform,.2s top;
            transition: .2s transform,.2s top;
            transition: .2s transform,.2s top,.2s -webkit-transform;
        }

.swiper-pagination-lock, .swiper-scrollbar-lock {
    display: none;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: .2s left,.2s -webkit-transform;
        -o-transition: .2s transform,.2s left;
        transition: .2s transform,.2s left;
        transition: .2s transform,.2s left,.2s -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000;
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.banner .swiper-slide .btn a:hover, .pro-ban .btn a:hover {
    opacity: .85;
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.header {
    background-color: #fff;
}

    .header .top {
        background: #f8f8f8;
        border-bottom: 1px solid #e8e8e8;
        height: 38px;
        line-height: 38px;
    }

        .header .top .fl {
            color: #888;
        }

        .header .top .fr a, .header .top .fr span {
            float: left;
            margin-left: 30px;
        }

            .header .top .fr a i, .header .top .fr span i {
                width: 16px;
                height: 16px;
                border-radius: 50%;
                float: left;
                margin-right: 5px;
                text-align: center;
                line-height: 16px;
                font-size: 12px;
                color: #fff;
                margin-top: 11px;
            }

        .header .top .fr a, .header .top .fr span {
            color: #666;
        }

            .header .top .fr span i {
                background: #ffb900;
            }

            .header .top .fr a:hover {
                color: #6191e2;
            }

            .header .top .fr a i {
                background: #6191e2;
            }

    .header > .wrap {
        padding: 20px 0;
    }

        .header > .wrap .nav li {
            float: left;
            line-height: 40px;
            font-size: 16px;
            margin-left: 48px;
            position: relative;
        }

            .header > .wrap .nav li a {
                color: #333;
            }

                .header > .wrap .nav li a:hover {
                    color: #6191e2;
                }

                .header > .wrap .nav li a i {
                    display: inline-block;
                    margin-left: 6px;
                    color: #6191e2;
                    vertical-align: top;
                }

            .header > .wrap .nav li dl {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                background-color: #fff;
                width: 160px;
                border-radius: 6px;
                box-shadow: 0 0 5px rgba(0,0,0,.15);
                z-index: 100;
                padding: 10px;
                box-sizing: border-box;
                font-size: 15px;
                top: 40px;
                display: none;
            }

                .header > .wrap .nav li dl dd {
                    text-align: center;
                    line-height: 45px;
                }

            .header > .wrap .nav li.active > a {
                color: #6396ed;
            }

.pro-header {
    position: absolute;
    left: 0;
    top: -14px;
    width: 100%;
    z-index: 10;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

    .pro-header .wrap > a {
        float: left;
        padding: 20px 0;
    }

    .pro-header .wrap .nav {
        float: right;
    }

        .pro-header .wrap .nav li {
            float: left;
            margin-left: 40px;
            font-size: 16px;
            height: 80px;
            box-sizing: border-box;
        }

            .pro-header .wrap .nav li a {
                color: #fff;
                display: block;
            }

                .pro-header .wrap .nav li a:hover {
                    color: #6191e2;
                }

.banner .swiper-slide .btn a, .pro-ban .btn a {
    line-height: 54px;
    border-radius: 54px;
    color: #fff;
    box-shadow: 3px 4px 5px rgba(0,0,0,.1);
    float: left;
}

.pro-header .wrap .nav li.active, .pro-header .wrap .nav li:hover {
    border-bottom: 3px solid #6396ed;
}

.pro-ban {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
}

    .pro-ban .btn {
        padding: 375px 0 0 615px;
    }

        .pro-ban .btn a {
            margin-left: -622px;
            margin-top: 85px;
            width: 210px;
            height: 54px;
            font-size: 20px;
        }

            .pro-ban .btn a img {
                float: left;
                width: 20px;
                height: 20px;
                margin: 17px 12px 0 44px;
            }

            .pro-ban .btn a i {
                display: inline-block;
                font-size: 30px;
                vertical-align: top;
                margin-right: 8px;
            }

            .pro-ban .btn a.blue {
                background: #00BE06;
            }

            .pro-ban .btn a.yellow {
                background: #ffb900;
            }

            .pro-ban .btn a.red {
                background: #f97272;
            }

            .pro-ban .btn a.green {
                background: #5fc85f;
            }

.banner {
    height: 480px;
    width: 100%;
}

    .banner .swiper-slide {
        height: 480px;
        background-repeat: no-repeat;
        background-position: center;
    }

        .banner .swiper-slide .btn {
            margin-left: 583px;
            padding-top: 285px;
        }

            .banner .swiper-slide .btn a {
                margin-left: 100px;
                width: 210px;
                height: 54px;
                font-size: 20px;
            }

                .banner .swiper-slide .btn a img {
                    float: left;
                    width: 20px;
                    height: 20px;
                    margin: 17px 12px 0 44px;
                }

                .banner .swiper-slide .btn a i {
                    display: inline-block;
                    font-size: 30px;
                    vertical-align: top;
                    margin-right: 8px;
                }

                .banner .swiper-slide .btn a.blue {
                    background: #2185ff;
                }

                .banner .swiper-slide .btn a.yellow {
                    background: #ffb900;
                }

                .banner .swiper-slide .btn a.red {
                    background: #f97272;
                }

                .banner .swiper-slide .btn a.green {
                    background: #5fc85f;
                }

            .banner .swiper-slide .btn.btn-and {
                margin-left: 595px;
            }

            .banner .swiper-slide .btn.btn-ios {
                margin-left: 635px;
            }

    .banner .swiper-pagination {
        bottom: 27px;
        font-size: 0;
    }

        .banner .swiper-pagination span {
            width: 10px;
            height: 10px;
            margin: 0 10px!important;
            background: #fff;
            opacity: .5;
        }

            .banner .swiper-pagination span.swiper-pagination-bullet-active {
                opacity: 1;
            }

.footer {
    background: #363d49;
}

    .footer > .wrap {
        padding: 65px 0;
    }

        .footer > .wrap .zn {
            float: left;
            width: 360px;
            margin-right: 18px;
        }

            .footer > .wrap .zn h6 {
                font-size: 18px;
                color: #c7cfdd;
            }

            .footer > .wrap .zn ul {
                margin-top: 25px;
            }

                .footer > .wrap .zn ul li {
                    width: 48%;
                    float: left;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                }

                    .footer > .wrap .zn ul li a {
                        color: #78879e;
                    }

                        .footer > .wrap .zn ul li a:hover {
                            color: #fff;
                        }

                    .footer > .wrap .zn ul li:nth-child(2n) {
                        float: right;
                    }

        .footer > .wrap .pro {
            float: left;
            width: 400px;
            padding-top: 30px;
            height: 160px;
            border-left: 1px dashed #444c59;
            border-right: 1px dashed #444c59;
            box-sizing: border-box;
            overflow: hidden;
        }

            .footer > .wrap .pro a {
                float: left;
                width: 33.33%;
                text-align: center;
            }

                .footer > .wrap .pro a span {
                    display: block;
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                    box-sizing: border-box;
                    margin: 0 auto;
                    position: relative;
                }

                    .footer > .wrap .pro a span img {
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%,-50%);
                    }

.home:before, .page-ban img {
    transform: translateX(-50%);
    left: 50%;
}

.footer > .wrap .pro a span:hover {
    background: #303742;
    border-color: #fff;
}

.footer > .wrap .pro a em {
    color: #c7cfdd;
    margin-top: 20px;
    display: inline-block;
}

.footer > .wrap .pro a:nth-child(1) span {
    border: 1px solid #6396ed;
}

.footer > .wrap .pro a:nth-child(2) span {
    border: 1px solid #ffb900;
}

.footer > .wrap .pro a:nth-child(3) span {
    border: 1px solid #5fc85f;
}

.pro-footer .wrap dd, .pro-footer .wrap dt {
    border-right: 1px dashed #334054;
    box-sizing: border-box;
}

.footer > .wrap .ewm {
    float: left;
    margin-left: 40px;
    width: 380px;
    overflow: hidden;
    padding-top: 17px;
}

    .footer > .wrap .ewm > img {
        float: left;
    }

    .footer > .wrap .ewm .desc {
        padding-left: 25px;
        float: left;
    }

        .footer > .wrap .ewm .desc h6 {
            font-size: 24px;
            font-weight: 700;
            color: #ffb900;
            margin-bottom: 15px;
        }

        .footer > .wrap .ewm .desc p {
            line-height: 22px;
            color: #78879e;
        }

        .footer > .wrap .ewm .desc a {
            display: inline-block;
            width: 145px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: #6191e2;
            color: #fff;
            margin-top: 15px;
            border-radius: 36px;
        }

            .footer > .wrap .ewm .desc a:hover {
                opacity: .85;
            }

            .footer > .wrap .ewm .desc a i {
                vertical-align: top;
                margin-right: 5px;
                display: inline-block;
                font-size: 20px;
            }

.footer .copyright {
    background: #303742;
    text-align: center;
    line-height: 24px;
    color: #78879e;
    font-size: 0;
    padding: 40px 0;
}

    .footer .copyright p {
        font-size: 14px;
    }

    .footer .copyright a {
        color: #c7cfdd;
    }

        .footer .copyright a:hover {
            color: #fff;
        }

    .footer .copyright span {
        display: inline-block;
        margin: 0 10px;
        vertical-align: top;
    }

    .footer .copyright em a {
        color: #6191e2;
    }

.pro-footer {
    background: #19212d;
}

    .pro-footer .wrap {
        padding: 40px 0;
    }

        .pro-footer .wrap dt {
            width: 780px;
            height: 130px;
            border-left: 1px dashed #334054;
            float: left;
            padding: 0 70px;
        }

            .pro-footer .wrap dt ul {
                overflow: hidden;
                padding: 5px 0;
            }

                .pro-footer .wrap dt ul li {
                    float: left;
                    width: 48%;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                }

                    .pro-footer .wrap dt ul li a {
                        color: #556680;
                    }

                        .pro-footer .wrap dt ul li a:hover {
                            color: #94a5bf;
                        }

                    .pro-footer .wrap dt ul li:nth-child(2n) {
                        float: right;
                    }

        .pro-footer .wrap dd {
            float: left;
            height: 130px;
            width: 420px;
            padding: 25px 0 0 95px;
            overflow: hidden;
        }

            .pro-footer .wrap dd > a {
                float: left;
                margin-right: 20px;
            }

            .pro-footer .wrap dd .txt {
                float: left;
                width: 180px;
            }

                .pro-footer .wrap dd .txt h6 {
                    font-size: 18px;
                    color: #fff;
                    margin: 5px 0 17px;
                }

                .pro-footer .wrap dd .txt a {
                    display: inline-block;
                    width: 118px;
                    height: 33px;
                    border-radius: 33px;
                    border: 1px solid #5fc85f;
                    line-height: 33px;
                    text-align: center;
                    font-size: 15px;
                }

                    .pro-footer .wrap dd .txt a.green {
                        border-color: #5fc85f;
                        color: #5fc85f;
                    }

                        .pro-footer .wrap dd .txt a.green:hover {
                            background: #5fc85f;
                            color: #fff;
                        }

                    .pro-footer .wrap dd .txt a.yellow {
                        border-color: #ffb900;
                        color: #ffb900;
                    }

                        .pro-footer .wrap dd .txt a.yellow:hover {
                            background: #ffb900;
                            color: #fff;
                        }

                    .pro-footer .wrap dd .txt a.blue {
                        border-color: #6396ed;
                        color: #6396ed;
                    }

                        .pro-footer .wrap dd .txt a.blue:hover {
                            background: #6396ed;
                            color: #fff;
                        }

    .pro-footer .copyright {
        background: #1f2733;
        text-align: center;
        height: 55px;
        line-height: 55px;
        color: #556680;
    }

.my-pro {
    background-color: #fff;
    text-align: center;
    padding: 0 0 55px;
}

    .my-pro .title {
        padding: 40px 0;
        text-align: center;
    }

        .my-pro .title h3 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 15px;
        }

            .my-pro .title h3 span {
                color: #6396ed;
            }

        .my-pro .title .desc {
            font-size: 16px;
        }

    .my-pro .nr ul {
        padding-left: 1px;
        width: 1201px;
    }

        .my-pro .nr ul li {
            float: left;
            width: 399px;
            height: 288px;
            border: 1px solid #e8e8e8;
            margin-left: -1px;
            margin-top: -1px;
            box-sizing: border-box;
            padding: 32px 40px;
            transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -o-transition: all ease-out .3s;
        }

.home .pinjia ul li, .home .zhishiku ul li {
    box-sizing: border-box;
    box-shadow: 2px 4px 5px rgba(0,0,0,.05);
    transition: all ease-out .3s;
}

.my-pro .nr ul li h6 {
    margin-top: 24px;
    font-size: 18px;
}

.my-pro .nr ul li p {
    color: #999;
    line-height: 24px;
    margin-top: 10px;
}

.my-pro .nr ul li .clearfix {
    margin-top: 25px;
    font-size: 0;
}

    .my-pro .nr ul li .clearfix a {
        display: inline-block;
        width: 98px;
        height: 38px;
        line-height: 38px;
        border-radius: 38px;
        border: 1px solid #6396ed;
        margin: 0 10px;
        font-size: 16px;
    }

        .my-pro .nr ul li .clearfix a:hover {
            background: #6396ed;
            color: #fff;
        }

        .my-pro .nr ul li .clearfix a:last-child {
            border-color: #ffb900;
        }

            .my-pro .nr ul li .clearfix a:last-child:hover {
                background: #ffb900;
            }

.my-pro .nr ul li:hover {
    background: #fafafa;
}

.home {
    border-top: 2px solid #6396ed;
    position: relative;
    padding-bottom: 50px;
    background: #f8f8f8;
}

    .home:before {
        position: absolute;
        top: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #6396ed;
    }

    .home .title {
        padding: 40px 0;
        text-align: center;
    }

        .home .title h3 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 15px;
        }

            .home .title h3 span {
                color: #6396ed;
            }

        .home .title .desc {
            font-size: 16px;
        }

    .home .pinjia ul {
        margin-bottom: -10px;
    }

        .home .pinjia ul li {
            width: 585px;
            height: 132px;
            border: 1px solid #e8e8e8;
            background-color: #fff;
            float: left;
            border-radius: 8px;
            margin-bottom: 20px;
            padding: 25px;
            overflow: hidden;
            -moz-transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -o-transition: all ease-out .3s;
        }

            .home .pinjia ul li:nth-child(2n) {
                float: right;
            }

            .home .pinjia ul li > img {
                width: 80px;
                height: 80px;
                float: left;
                border-radius: 50%;
            }

            .home .pinjia ul li .txt {
                width: 430px;
                float: right;
            }

                .home .pinjia ul li .txt h6 {
                    font-size: 16px;
                    line-height: 20px;
                    margin-bottom: 10px;
                }

                    .home .pinjia ul li .txt h6 span {
                        font-size: 18px;
                        font-weight: 700;
                        margin-right: 15px;
                    }

                .home .pinjia ul li .txt p {
                    line-height: 24px;
                    color: #999;
                    max-height: 48px;
                    overflow: hidden;
                }

            .home .pinjia ul li:hover {
                background: #f8f8f8;
            }

    .home .zhishiku ul {
        width: 105%;
        margin-bottom: -20px;
        text-align: center;
    }

        .home .zhishiku ul li {
            width: 285px;
            height: 230px;
            border: 1px solid #e8e8e8;
            float: left;
            border-radius: 8px;
            background-color: #fff;
            margin-right: 20px;
            margin-bottom: 20px;
            -moz-transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -o-transition: all ease-out .3s;
            padding: 30px;
        }

.and-floor1 .type ul li span, .safe ul li {
    transition: all ease-out .3s;
    box-sizing: border-box;
}

.home .zhishiku ul li h6 {
    padding: 20px 0 10px;
    font-size: 16px;
}

.home .zhishiku ul li p {
    line-height: 24px;
    color: #999;
}

.home .zhishiku ul li:hover {
    background: #f8f8f8;
}

.safe {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
}

    .safe ul {
        border-right: 1px solid #e8e8e8;
        text-align: center;
    }

        .safe ul li {
            width: 25%;
            border-left: 1px solid #e8e8e8;
            float: left;
            height: 259px;
            padding: 60px 50px;
            -moz-transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -o-transition: all ease-out .3s;
        }

            .safe ul li h6 {
                font-size: 18px;
                font-weight: 700;
                padding: 30px 0 14px;
            }

            .safe ul li p {
                color: #999;
            }

            .safe ul li:hover {
                background: #f8f8f8;
            }

.link {
    padding: 35px 0;
    line-height: 24px;
    background: #fdfdfd;
}

    .link a {
        display: inline-block;
        margin-right: 15px;
        color: #999;
    }

        .link a:hover {
            color: #6191e2;
        }

.pro-title {
    font-size: 30px;
    text-align: center;
    color: #333;
    padding: 40px 0;
}

    .pro-title span {
        font-size: 20px;
        line-height: 35px;
        display: inline-block;
        width: 710px;
    }

        .pro-title span i {
            color: #6396ed;
        }

.and-floor1 {
    background: #fafafa;
}

    .and-floor1 .type {
        padding: 20px 0;
    }

        .and-floor1 .type ul {
            margin-top: 38px;
            width: 110%;
        }

            .and-floor1 .type ul li {
                float: left;
                width: 80px;
                text-align: center;
                margin-right: 80px;
                color: #333;
                font-size: 16px;
            }

                .and-floor1 .type ul li span {
                    display: block;
                    margin: 0 auto 20px;
                    width: 80px;
                    height: 80px;
                    background-color: #fff;
                    border: 1px solid #5fc85f;
                    border-radius: 50%;
                    background-position: center;
                    background-repeat: no-repeat;
                    -moz-transition: all ease-out .3s;
                    -webkit-transition: all ease-out .3s;
                    -o-transition: all ease-out .3s;
                }

    .and-floor1 .brand ul li, .and-floor2, .and-floor3 {
        border-top: 1px solid #e8e8e8;
    }

    .and-floor1 .type ul li:nth-child(1) span {
        background-image: url(../images/lx1.png);
    }

    .and-floor1 .type ul li:nth-child(2) span {
        background-image: url(../images/lx2.png);
    }

    .and-floor1 .type ul li:nth-child(3) span {
        background-image: url(../images/lx3.png);
    }

    .and-floor1 .type ul li:nth-child(4) span {
        background-image: url(../images/lx4.png);
    }

    .and-floor1 .type ul li:nth-child(5) span {
        background-image: url(../images/lx5.png);
    }

    .and-floor1 .type ul li:nth-child(6) span {
        background-image: url(../images/lx6.png);
    }

    .and-floor1 .type ul li:nth-child(7) span {
        background-image: url(../images/lx7.png);
    }

    .and-floor1 .type ul li:nth-child(8) span {
        background-image: url(../images/lx8.png);
    }

    .and-floor1 .type ul li:hover span {
        background-color: #5fc85f;
    }

    .and-floor1 .type ul li:hover:nth-child(1) span {
        background-image: url(../images/lx1-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(2) span {
        background-image: url(../images/lx2-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(3) span {
        background-image: url(../images/lx3-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(4) span {
        background-image: url(../images/lx4-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(5) span {
        background-image: url(../images/lx5-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(6) span {
        background-image: url(../images/lx6-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(7) span {
        background-image: url(../images/lx7-b.png);
    }

    .and-floor1 .type ul li:hover:nth-child(8) span {
        background-image: url(../images/lx8-b.png);
    }

    .and-floor1 .brand {
        padding-top: 45px;
        padding-bottom: 70px;
    }

        .and-floor1 .brand ul {
            overflow: hidden;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
        }

            .and-floor1 .brand ul li {
                width: 20%;
                float: left;
                box-sizing: border-box;
                border-right: 1px solid #e8e8e8;
                overflow: hidden;
                margin-top: -1px;
                transition: all ease-out .3s;
                -moz-transition: all ease-out .3s;
                -webkit-transition: all ease-out .3s;
                -o-transition: all ease-out .3s;
            }

                .and-floor1 .brand ul li img {
                    -webkit-filter: grayscale(100%);
                    -moz-filter: grayscale(100%);
                    -ms-filter: grayscale(100%);
                    -o-filter: grayscale(100%);
                    filter: grayscale(100%);
                    filter: gray;
                }

                .and-floor1 .brand ul li:nth-child(5n) {
                    border-right: none;
                }

                .and-floor1 .brand ul li:hover {
                    background-color: #fff;
                }

                    .and-floor1 .brand ul li:hover img {
                        -webkit-filter: grayscale(0);
                        -moz-filter: grayscale(0);
                        -ms-filter: grayscale(0);
                        -o-filter: grayscale(0);
                        filter: grayscale(0);
                        filter: none;
                    }

.and-floor2 {
    padding: 23px 0 45px;
}

    .and-floor2 .step-ban {
        margin: 25px 98px 0;
        height: 623px;
    }

        .and-floor2 .step-ban .swiper-slide {
            width: 805px;
            height: 335px;
            margin-top: 117px;
            opacity: .5;
            transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -o-transition: all ease-out .3s;
        }

            .and-floor2 .step-ban .swiper-slide img {
                height: 100%;
            }

            .and-floor2 .step-ban .swiper-slide.swiper-slide-active {
                margin-top: 0;
                height: 567px;
                opacity: 1;
            }

            .and-floor2 .step-ban .swiper-slide.swiper-slide-prev {
                text-align: right;
            }

        .and-floor2 .step-ban .swiper-pagination {
            bottom: 0;
            font-size: 0;
        }

            .and-floor2 .step-ban .swiper-pagination span {
                width: 10px;
                height: 10px;
                margin: 0 10px;
                background: #5fc85f;
                opacity: 1;
            }

                .and-floor2 .step-ban .swiper-pagination span.swiper-pagination-bullet-active {
                    background: #ffb900!important;
                }

            .and-floor2 .step-ban .swiper-pagination.blue span {
                background: #6396ed;
            }

.and-floor3, .ios-floor1 {
    background: #fafafa;
}

.and-floor3 {
    padding: 15px 0 0;
    margin-top: 55px;
}

    .and-floor3 .tedian {
        margin-top: 85px;
    }

.ios-floor1 .desc {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 53px 45px;
    border-radius: 14px;
    position: relative;
    top: -30px;
    margin-bottom: -5px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

    .ios-floor1 .desc .pro-title {
        padding-top: 0!important;
    }

    .ios-floor1 .desc .nr p {
        font-size: 16px;
        line-height: 30px;
    }

    .ios-floor1 .desc .nr .clearfix {
        margin-top: 42px;
        font-size: 0;
    }

        .ios-floor1 .desc .nr .clearfix a {
            display: inline-block;
            width: 68px;
            height: 68px;
            border: 1px solid #999;
            border-radius: 7px;
            line-height: 68px;
            margin: 0 15px;
            font-size: 38px;
            color: #666;
        }

            .ios-floor1 .desc .nr .clearfix a:hover {
                border-color: #ffb900;
                color: #ffb900;
            }

.help ul li .txt, .pc-floor1 .zhichi ul li, .pc-floor3 {
    border-top: 1px solid #e8e8e8;
}

.ios-floor1 .zhichi {
    padding-bottom: 54px;
}

    .ios-floor1 .zhichi .nr {
        margin-top: 10px;
    }

        .ios-floor1 .zhichi .nr ul li {
            width: 580px;
            height: 440px;
            border: 1px solid #e8e8e8;
            box-sizing: border-box;
            background-color: #fff;
            border-radius: 8px;
            float: left;
        }

            .ios-floor1 .zhichi .nr ul li:nth-child(2) {
                float: right;
            }

            .ios-floor1 .zhichi .nr ul li h6 {
                height: 68px;
                line-height: 68px;
                text-align: center;
                border-bottom: 1px solid #e8e8e8;
            }

                .ios-floor1 .zhichi .nr ul li h6 span {
                    display: inline-block;
                    padding: 0 40px;
                    border-bottom: 3px solid #ffb900;
                    box-sizing: border-box;
                    height: 69px;
                    font-size: 22px;
                    color: #333;
                }

            .ios-floor1 .zhichi .nr ul li .clearfix {
                padding: 35px;
            }

                .ios-floor1 .zhichi .nr ul li .clearfix span {
                    font-size: 18px;
                    font-weight: 700;
                    display: block;
                }

                .ios-floor1 .zhichi .nr ul li .clearfix > p {
                    font-size: 16px;
                    line-height: 28px;
                    margin-top: 8px;
                    margin-bottom: 35px;
                }

            .ios-floor1 .zhichi .nr ul li dl {
                padding: 35px 0!important;
            }

                .ios-floor1 .zhichi .nr ul li dl dd {
                    float: left;
                    width: 190px;
                    border-right: 1px solid #e8e8e8;
                    height: 256px;
                    box-sizing: border-box;
                    padding-left: 55px;
                }

                    .ios-floor1 .zhichi .nr ul li dl dd span {
                        margin-bottom: 50px;
                    }

                    .ios-floor1 .zhichi .nr ul li dl dd p {
                        margin-bottom: 30px;
                        font-size: 16px;
                        line-height: 20px;
                    }

                        .ios-floor1 .zhichi .nr ul li dl dd p img {
                            vertical-align: middle;
                            margin-right: 12px;
                            display: inline-block;
                        }

                    .ios-floor1 .zhichi .nr ul li dl dd:last-child {
                        border-right: none;
                    }

.pc-floor1 {
    background: #fafafa;
}

    .pc-floor1 .type {
        padding: 10px 0;
    }

        .pc-floor1 .type .nr {
            margin-top: 40px;
        }

            .pc-floor1 .type .nr ul {
                width: 105%;
                margin-bottom: -18px;
            }

                .pc-floor1 .type .nr ul li {
                    float: left;
                    background-color: #fff;
                    width: 302px;
                    height: 178px;
                    border: 1px solid #e8e8e8;
                    border-radius: 8px;
                    margin-right: 24px;
                    margin-bottom: 58px;
                    text-align: center;
                    padding: 0 40px;
                    transition: all ease-out .3s;
                    -moz-transition: all ease-out .3s;
                    -webkit-transition: all ease-out .3s;
                    -o-transition: all ease-out .3s;
                }

                    .pc-floor1 .type .nr ul li:hover {
                        background: #f8f8f8;
                    }

                    .pc-floor1 .type .nr ul li > img {
                        display: inline-block;
                        position: relative;
                        top: -40px;
                        margin-bottom: -40px;
                    }

                    .pc-floor1 .type .nr ul li h6 {
                        font-size: 20px;
                        font-weight: 700;
                        color: #333;
                        padding: 15px 0 12px;
                    }

                    .pc-floor1 .type .nr ul li p {
                        line-height: 24px;
                        color: #666;
                    }

    .pc-floor1 .zhichi {
        padding-bottom: 80px;
    }

        .pc-floor1 .zhichi ul {
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            overflow: hidden;
            width: 1200px;
        }

            .pc-floor1 .zhichi ul li {
                float: left;
                width: 200px;
                box-sizing: border-box;
                border-right: 1px solid #e8e8e8;
                height: 150px;
                margin-top: -1px;
                text-align: center;
                font-size: 16px;
                padding: 35px 0;
                transition: all ease-out .3s;
                -moz-transition: all ease-out .3s;
                -webkit-transition: all ease-out .3s;
                -o-transition: all ease-out .3s;
                background-color: #fff;
            }

                .pc-floor1 .zhichi ul li p {
                    margin-top: 20px;
                }

                .pc-floor1 .zhichi ul li:nth-child(6n) {
                    border-right: none;
                }

                .pc-floor1 .zhichi ul li:hover {
                    background: #f8f8f8;
                }

.pc-floor3 {
    background: #fafafa;
}

    .pc-floor3 .nr {
        padding: 80px 0;
        margin-top: -40px;
    }

        .pc-floor3 .nr ul {
            margin-bottom: -50px;
        }

            .pc-floor3 .nr ul li {
                float: left;
                background-color: #fff;
                width: 580px;
                height: 120px;
                box-sizing: border-box;
                border-radius: 8px;
                border: 1px solid #e8e8e8;
                margin-bottom: 50px;
            }

                .pc-floor3 .nr ul li:nth-child(2n) {
                    float: right;
                }

                .pc-floor3 .nr ul li h6 {
                    width: 158px;
                    height: 50px;
                    line-height: 50px;
                    color: #fff;
                    background: url(./css_files/btbg.png) center no-repeat;
                    margin: 0 auto -10px;
                    position: relative;
                    top: -25px;
                }

                    .pc-floor3 .nr ul li h6 span {
                        display: inline-block;
                        width: 140px;
                        font-size: 18px;
                        text-align: center;
                        vertical-align: top;
                    }

                .pc-floor3 .nr ul li p {
                    font-size: 16px;
                    line-height: 30px;
                    text-align: center;
                    padding: 33px 40px;
                }

.page-ban {
    height: 200px;
    position: relative;
    overflow: hidden;
    background: #6396ed;
}

    .page-ban img {
        height: 200px;
        position: absolute;
    }

.about {
    padding: 47px 0 77px;
}

    .about ul li {
        width: 585px;
        height: 358px;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        float: left;
        background: #fdfdfd;
        overflow: hidden;
    }

        .about ul li .title {
            height: 59px;
            line-height: 59px;
            border-bottom: 1px solid #e8e8e8;
            background: #fafafa;
            padding: 0 20px 0 30px;
            overflow: hidden;
        }

            .about ul li .title h6 {
                float: left;
                font-size: 22px;
            }

                .about ul li .title h6 i {
                    color: #6396ed;
                    font-size: 32px;
                    vertical-align: top;
                    margin-right: 6px;
                    float: left;
                }

            .about ul li .title a {
                float: right;
                width: 145px;
                height: 36px;
                line-height: 36px;
                border-radius: 36px;
                background: #6396ed;
                color: #fff;
                text-align: center;
                margin-top: 12px;
            }

                .about ul li .title a:hover {
                    opacity: .85;
                }

                .about ul li .title a i {
                    vertical-align: top;
                    margin-right: 5px;
                    font-size: 20px;
                    display: inline-block;
                }

        .about ul li .nr {
            padding: 33px;
            font-size: 15px;
            line-height: 33px;
            color: #666;
        }

        .about ul li:nth-child(2n) {
            float: right;
        }

.help {
    padding: 50px 0 90px;
}

    .help ul {
        width: 105%;
    }

        .help ul li {
            width: 285px;
            height: 490px;
            border: 1px solid #e8e8e8;
            box-sizing: border-box;
            float: left;
            border-radius: 8px;
            overflow: hidden;
            margin-right: 20px;
            transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -o-transition: all ease-out .3s;
        }

            .help ul li .img {
                padding: 30px 30px 22px;
                box-sizing: border-box;
                height: 150px;
                background: #fafafa;
                text-align: center;
            }

                .help ul li .img h6 {
                    font-size: 18px;
                    margin-top: 20px;
                }

.recharge .recharge-right .product-choice .pay-list, .recharge .recharge-right .product-choice .setmeal-list, .recharge .recharge-right .product-choice .username-list {
    margin-top: 5px;
}

.help ul li .txt {
    height: 279px;
    border-bottom: 1px solid #e8e8e8;
    background: #fdfdfd;
    padding: 20px 28px;
    box-sizing: border-box;
}

    .help ul li .txt p {
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }

        .help ul li .txt p a {
            color: #888;
        }

            .help ul li .txt p a:hover {
                color: #6191e2;
            }

        .help ul li .txt p:before {
            display: inline-block;
            width: 5px;
            height: 5px;
            background: #6396ed;
            vertical-align: middle;
            margin-right: 8px;
            border-radius: 3px;
            position: relative;
            top: -1px;
        }

.help ul li > a, .recharge .recharge-right .product-choice .recharge-list .list.active .select {
    display: block;
}

.help ul li > a {
    height: 59px;
    line-height: 59px;
    text-align: center;
    background: #fafafa;
    font-size: 16px;
}

.help ul li:hover {
    border-color: #6396ed;
}

    .help ul li:hover > a {
        background: #6396ed;
        color: #fff;
    }

.recharge {
    padding: 66px 0 161px;
}

    .recharge .recharge-left {
        width: 385px;
        float: left;
        padding: 0 0 0 60px;
    }

        .recharge .recharge-left .product-img {
            width: 240px;
            height: 331px;
        }

            .recharge .recharge-left .product-img img {
                width: 100%;
                height: 100%;
            }

        .recharge .recharge-left .product-text {
            padding-top: 43px;
        }

            .recharge .recharge-left .product-text p {
                color: #666;
                font-size: 16px;
                line-height: 30px;
            }

                .recharge .recharge-left .product-text p .iconfont {
                    font-size: 20px;
                    color: #6396ed;
                    margin-right: 8px;
                }

    .recharge .recharge-right {
        width: 755px;
        float: right;
    }

        .recharge .recharge-right .product-choice .product-name {
            width: 82px;
            float: left;
            font-size: 16px;
            text-align: right;
            line-height: 50px;
        }

        .recharge .recharge-right .product-choice .recharge-list .list.active {
            border-color: #6396ED;
            background: #F6F9FF;
        }

        .recharge .recharge-right .product-choice .recharge-list .list .select {
            margin-left: 0;
            line-height: 0;
            position: absolute;
            top: -1px;
            right: -1px;
            display: none;
        }

            .recharge .recharge-right .product-choice .recharge-list .list .select img {
                width: 33px;
                height: 33px;
                margin-left: 0;
            }

        .recharge .recharge-right .product-choice .product-list {
            width: 664px;
            float: left;
            font-size: 0;
        }

            .recharge .recharge-right .product-choice .product-list .list {
                position: relative;
                width: 280px;
                height: 48px;
                font-size: 14px;
                cursor: pointer;
                line-height: 50px;
                border-radius: 8px;
                margin-bottom: 15px;
                display: inline-block;
                background: #fafafa;
                border: 1px solid #e8e8e8;
            }

        .recharge .recharge-right .product-choice .pay-list .list.active, .recharge .recharge-right .product-choice .setmeal-list .list.active {
            border-color: #F97272;
            background: #FFF3F3;
        }

        .recharge .recharge-right .product-choice .product-list .list img {
            width: 24px;
            height: 24px;
            margin-left: 26px;
            vertical-align: middle;
        }

        .recharge .recharge-right .product-choice .product-list .list span {
            margin-left: 11px;
        }

        .recharge .recharge-right .product-choice .product-list .list:nth-of-type(odd) {
            margin-right: 15px;
        }

        .recharge .recharge-right .product-choice .product-list .user-name input {
            width: 261px;
            padding: 16px 10px;
            vertical-align: text-bottom;
        }

        .recharge .recharge-right .product-choice .setmeal-list .list.active .select {
            display: block;
        }

        .recharge .recharge-right .product-choice .setmeal-list .list .select {
            margin-left: 0;
            line-height: 0;
            position: absolute;
            top: -1px;
            right: -1px;
            display: none;
        }

            .recharge .recharge-right .product-choice .setmeal-list .list .select img {
                width: 38px;
                height: 38px;
                margin-left: 0;
            }

        .recharge .recharge-right .product-choice .setmeal-list .product-name {
            line-height: 60px;
        }

        .recharge .recharge-right .product-choice .setmeal-list .list {
            width: 150px;
            height: 58px;
            line-height: 60px;
        }

            .recharge .recharge-right .product-choice .setmeal-list .list p {
                text-align: center;
            }

                .recharge .recharge-right .product-choice .setmeal-list .list p span {
                    font-size: 16px;
                    margin-left: 0;
                }

                    .recharge .recharge-right .product-choice .setmeal-list .list p span:nth-of-type(1) {
                        font-weight: 700;
                        color: #F97272;
                        font-size: 18px;
                    }

        .recharge .recharge-right .product-choice .pay-list .product-name {
            line-height: 60px;
        }

        .recharge .recharge-right .product-choice .pay-list .list {
            width: 150px;
            height: 58px;
            line-height: 60px;
            margin-right: 15px;
        }

            .recharge .recharge-right .product-choice .pay-list .list.active .select {
                display: block;
            }

            .recharge .recharge-right .product-choice .pay-list .list .select {
                margin-left: 0;
                line-height: 0;
                position: absolute;
                top: -1px;
                right: -1px;
                display: none;
            }

                .recharge .recharge-right .product-choice .pay-list .list .select img {
                    width: 38px;
                    height: 38px;
                    margin-left: 0;
                }

            .recharge .recharge-right .product-choice .pay-list .list:nth-of-type(1) div {
                width: 75px;
                height: 24px;
            }

            .recharge .recharge-right .product-choice .pay-list .list:nth-of-type(2) div {
                width: 97px;
                height: 27px;
            }

            .recharge .recharge-right .product-choice .pay-list .list:nth-of-type(3) div, .recharge .recharge-right .product-choice .pay-list .list:nth-of-type(4) div {
                width: 112px;
                height: 26px;
            }

            .recharge .recharge-right .product-choice .pay-list .list:nth-of-type(4) {
                margin-right: 0;
            }

            .recharge .recharge-right .product-choice .pay-list .list div {
                margin: 0 auto;
            }

            .recharge .recharge-right .product-choice .pay-list .list img {
                width: 100%;
                height: 100%;
                margin: 0;
            }

        .recharge .recharge-right .product-choice .service {
            margin-top: 37px;
            margin-left: 82px;
        }

            .recharge .recharge-right .product-choice .service p {
                line-height: 18px;
                font-size: 14px;
            }

                .recharge .recharge-right .product-choice .service p .iconfont {
                    font-size: 18px;
                    color: #6396ed;
                    margin-right: 13px;
                    vertical-align: text-bottom;
                }

            .recharge .recharge-right .product-choice .service .pay {
                margin-top: 33px;
            }

                .recharge .recharge-right .product-choice .service .pay a {
                    width: 340px;
                    height: 55px;
                    color: #fff;
                    font-size: 20px;
                    line-height: 55px;
                    text-align: center;
                    border-radius: 8px;
                    background: #f97272;
                    display: inline-block;
                }

                    .recharge .recharge-right .product-choice .service .pay a:hover {
                        background: #ff5151;
                    }

.service {
    position: relative;
    height: 210px;
}

    .service .online {
        padding: 0 136px;
        width: 928px;
        height: 210px;
        position: absolute;
        top: -30px;
        border-radius: 8px;
        background: #f6f9ff;
        border: 1px solid #e8e8e8;
    }

        .service .online .line {
            width: 1px;
            height: 130px;
            float: left;
            margin-top: 40px;
            background: #c9daf7;
        }

        .service .online .people {
            margin-right: 133px;
        }

        .service .online .online-QQ {
            margin-left: 134px;
        }

        .service .online .online-service {
            float: left;
            padding-top: 55px;
        }

            .service .online .online-service > span {
                width: 100px;
                height: 100px;
                float: left;
                position: relative;
                border-radius: 50%;
                display: inline-block;
                border: 1px solid #6396ed;
            }

                .service .online .online-service > span img {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%);
                }

            .service .online .online-service .service-text {
                color: #666;
                float: left;
                margin-top: 3px;
                margin-left: 16px;
            }

                .service .online .online-service .service-text h1 {
                    font-size: 22px;
                    font-weight: 700;
                }

                .service .online .online-service .service-text p {
                    font-size: 15px;
                    margin: 12px 0;
                }

                    .service .online .online-service .service-text p:nth-of-type(2) {
                        font-size: 18px;
                    }

                        .service .online .online-service .service-text p:nth-of-type(2) span {
                            color: #5FC85F;
                        }

                .service .online .online-service .service-text a {
                    width: 110px;
                    height: 35px;
                    text-align: center;
                    line-height: 35px;
                    color: #FFF;
                    background: #5fc85f;
                    border-radius: 100px;
                    display: inline-block;
                }

.recovery .data-list {
    width: 520px;
    margin: 0 auto;
    text-align: center;
}

    .recovery .data-list p {
        float: left;
        color: #555;
        margin-left: 35px;
    }

        .recovery .data-list p:nth-of-type(1) {
            margin-left: 0;
        }

        .recovery .data-list p a {
            width: 150px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            display: inline-block;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .recovery .data-list p.active a {
            background: #6396ED;
            color: #FFF;
        }

        .recovery .data-list p:hover a {
            color: #fff;
            background: #6396ED;
        }

.recovery .recovery-content {
    width: 1126px;
    padding-left: 74px;
    margin-bottom: 30px;
    border: 1px solid #E8E8E8;
    border-top: 2px solid #6396ED;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .recovery .recovery-content ul {
        overflow: hidden;
        padding-top: 26px;
        display: none;
    }

        .recovery .recovery-content ul li {
            width: 25%;
            float: left;
            overflow: hidden;
            margin-bottom: 26px;
        }

            .recovery .recovery-content ul li:before {
                display: inline-block;
                width: 5px;
                height: 5px;
                background: #d6d6d6;
                vertical-align: middle;
                margin-right: 8px;
                border-radius: 3px;
                position: relative;
                top: -1px;
            }

            .recovery .recovery-content ul li a {
                color: #666;
                font-size: 14px;
                display: inline-block;
                width: 90%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .recovery .recovery-content ul li a:hover {
                    color: #6396ed;
                }

.course {
    margin-bottom: 74px;
}

    .course .about-course {
        margin-right: 26px;
    }

    .course .course-float {
        width: 585px;
        float: left;
        border: 1px solid #E8E8E8;
        border-radius: 8px;
    }

        .course .course-float .title {
            height: 59px;
            font-size: 22px;
            line-height: 59px;
            padding: 0 32px;
            overflow: hidden;
            background: #fafafa;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom: 1px solid #e8e8e8;
        }

            .course .course-float .title i {
                font-size: 22px;
                color: #6396ed;
            }

                .course .course-float .title i.icon-video-channel {
                    font-size: 24px;
                }

            .course .course-float .title p {
                float: left;
            }

            .course .course-float .title a {
                float: right;
                font-size: 15px;
            }

        .course .course-float .nr {
            padding: 22px 30px;
            overflow: hidden;
        }

            .course .course-float .nr ul {
                overflow: hidden;
            }

                .course .course-float .nr ul li {
                    float: left;
                    width: 50%;
                    height: 38px;
                    line-height: 38px;
                    overflow: hidden;
                }

                    .course .course-float .nr ul li i {
                        width: 7px;
                        height: 7px;
                        margin-right: 5px;
                        border-radius: 3px;
                        position: relative;
                        top: -1px;
                        background: #d6d6d6;
                        vertical-align: middle;
                        display: inline-block;
                        transition: all .3s;
                    }

                    .course .course-float .nr ul li p {
                        color: #666;
                        font-size: 14px;
                    }

                        .course .course-float .nr ul li p:hover i {
                            background: #6396ed;
                        }

.help-list {
    padding-top: 33px;
    padding-bottom: 74px;
}

    .help-list .title {
        padding-bottom: 23px;
        font-size: 16px;
    }

        .help-list .title span:last-child {
            color: #888;
        }

    .help-list .introduce {
        height: 190px;
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .help-list .introduce .line2 {
            width: 1px;
            height: 190px;
            float: left;
            background: #e8e8e8;
        }

        .help-list .introduce .data {
            float: left;
        }

        .help-list .introduce .deta-introduce {
            margin: 31px;
        }

            .help-list .introduce .deta-introduce .left {
                width: 830px;
                overflow: hidden;
            }

                .help-list .introduce .deta-introduce .left img {
                    width: 115px;
                    height: 115px;
                    float: left;
                }

                .help-list .introduce .deta-introduce .left .text {
                    width: 693px;
                    float: left;
                    margin-top: 10px;
                    margin-left: 21px;
                }

                    .help-list .introduce .deta-introduce .left .text h1 {
                        font-size: 20px;
                        font-weight: 700;
                    }

                    .help-list .introduce .deta-introduce .left .text span {
                        margin-top: 12px;
                        color: #888;
                        font-size: 14px;
                        line-height: 26px;
                        display: inline-block;
                    }

        .help-list .introduce .data-download {
            margin: 28px 0 0 58px;
        }

            .help-list .introduce .data-download p {
                font-size: 16px;
                font-weight: 700;
            }

                .help-list .introduce .data-download p .iconfont {
                    font-size: 30px;
                    margin-right: 7px;
                    font-weight: 400;
                    vertical-align: middle;
                }

            .help-list .introduce .data-download .win {
                margin-bottom: 12px;
            }

                .help-list .introduce .data-download .win a {
                    background: #ff676d;
                    box-shadow: 0 0 4px rgba(249,114,114,.3);
                }

                    .help-list .introduce .data-download .win a:hover {
                        background: #f97272;
                    }

            .help-list .introduce .data-download .mac a {
                background: #ffb100;
                box-shadow: 0 0 4px rgba(255,185,0,.3);
            }

                .help-list .introduce .data-download .mac a:hover {
                    background: #ffb900;
                }

            .help-list .introduce .data-download .download {
                margin-top: 18px;
            }

                .help-list .introduce .data-download .download a {
                    width: 200px;
                    height: 40px;
                    color: #FFF;
                    font-size: 15px;
                    line-height: 40px;
                    text-align: center;
                    border-radius: 100px;
                    display: inline-block;
                }

                .help-list .introduce .data-download .download img {
                    margin-right: 9px;
                    vertical-align: middle;
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                }

    .help-list .helpInfo-cont {
        overflow: hidden;
    }

        .help-list .helpInfo-cont h1 {
            height: 55px;
            line-height: 55px;
            font-size: 18px;
            font-weight: 700;
            background: #fafafa;
            padding-left: 21px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom: 1px solid #e8e8e8;
        }

        .help-list .helpInfo-cont .course-list .classify p:hover, .help-list .helpInfo-cont .course-list .relevant p:hover {
            background: #FAFAFA;
        }

        .help-list .helpInfo-cont .course-list {
            float: left;
        }

            .help-list .helpInfo-cont .course-list .list {
                width: 298px;
                border-radius: 8px;
                margin-bottom: 20px;
                border: 1px solid #e8e8e8;
            }

            .help-list .helpInfo-cont .course-list .classify p {
                height: 59px;
                font-size: 15px;
                line-height: 59px;
                transition: all .3s;
                border-bottom: 1px solid #e8e8e8;
            }

                .help-list .helpInfo-cont .course-list .classify p:last-child {
                    border-bottom: none;
                    border-bottom-left-radius: 8px;
                    border-bottom-right-radius: 8px;
                }

                .help-list .helpInfo-cont .course-list .classify p img {
                    width: 20px;
                    height: 19px;
                    margin-right: 18px;
                    margin-top: 20px;
                }

                .help-list .helpInfo-cont .course-list .classify p a {
                    width: 245px;
                    height: 59px;
                    position: relative;
                    padding-left: 52px;
                    color: #555;
                    display: inline-block;
                }

                    .help-list .helpInfo-cont .course-list .classify p a:hover .icon-sanjiao3 {
                        display: block;
                    }

                    .help-list .helpInfo-cont .course-list .classify p a i {
                        font-size: 20px;
                        margin-right: 18px;
                        color: #6396ED;
                    }

                    .help-list .helpInfo-cont .course-list .classify p a .icon-sanjiao3 {
                        font-size: 8px;
                        color: #6396ED;
                        margin-right: 30px;
                        display: none;
                        position: absolute;
                        top: 0;
                        right: 0;
                        transition: all .3s;
                    }

            .help-list .helpInfo-cont .course-list .relevant p {
                padding-top: 25px;
                padding-left: 22px;
                padding-bottom: 27px;
                transition: all .3s;
                border-bottom: 1px solid #e8e8e8;
            }

                .help-list .helpInfo-cont .course-list .relevant p:last-child {
                    border-bottom: none;
                    border-bottom-left-radius: 8px;
                    border-bottom-right-radius: 8px;
                }

                .help-list .helpInfo-cont .course-list .relevant p span {
                    display: block;
                    font-size: 16px;
                    padding-bottom: 19px;
                }

                    .help-list .helpInfo-cont .course-list .relevant p span:before, .help-list .helpInfo-cont .course-list .used p:before {
                        content: '';
                        display: inline-block;
                        width: 5px;
                        background: #6396ED;
                        vertical-align: middle;
                        margin-right: 8px;
                        border-radius: 3px;
                        top: -1px;
                        position: relative;
                    }

                    .help-list .helpInfo-cont .course-list .relevant p span:before {
                        height: 5px;
                    }

                .help-list .helpInfo-cont .course-list .relevant p a {
                    line-height: 26px;
                    color: #999;
                }

            .help-list .helpInfo-cont .course-list .used div {
                padding: 9px 21px 26px;
            }

            .help-list .helpInfo-cont .course-list .used p {
                height: 39px;
                line-height: 39px;
                border-bottom: 1px dashed #e8e8e8;
            }

                .help-list .helpInfo-cont .course-list .used p:before {
                    height: 5px;
                }

        .help-list .helpInfo-cont .question {
            width: 880px;
            float: right;
        }

            .help-list .helpInfo-cont .question .question-list {
                border-radius: 8px;
                border: 1px solid #E8E8E8;
            }

                .help-list .helpInfo-cont .question .question-list .list {
                    padding: 21px 31px 61px;
                }

                    .help-list .helpInfo-cont .question .question-list .list .strip {
                        overflow: hidden;
                        padding-bottom: 18px;
                        margin-bottom: 25px;
                        border-bottom: 1px dashed #e8e8e8;
                    }

                        .help-list .helpInfo-cont .question .question-list .list .strip .text {
                            width: 675px;
                            float: left;
                        }

                            .help-list .helpInfo-cont .question .question-list .list .strip .text p {
                                font-size: 16px;
                                margin-bottom: 18px;
                            }

                            .help-list .helpInfo-cont .question .question-list .list .strip .text span {
                                color: #888;
                                line-height: 26px;
                            }

                        .help-list .helpInfo-cont .question .question-list .list .strip .time-but {
                            width: 102px;
                            float: right;
                            margin-top: 13px;
                            text-align: center;
                        }

                            .help-list .helpInfo-cont .question .question-list .list .strip .time-but span {
                                color: #666;
                                font-size: 12px;
                                display: block;
                                margin-bottom: 15px;
                            }

                            .help-list .helpInfo-cont .question .question-list .list .strip .time-but a {
                                width: 100px;
                                height: 34px;
                                color: #6396ED;
                                line-height: 34px;
                                text-align: center;
                                border-radius: 100px;
                                display: inline-block;
                                border: 1px solid #6396ED;
                            }

                                .help-list .helpInfo-cont .question .question-list .list .strip .time-but a:hover {
                                    color: #FFF;
                                    background: #6396ed;
                                    border-color: #6396ed;
                                }

                .help-list .helpInfo-cont .question .question-list .page {
                    padding-bottom: 82px;
                    font-size: 0;
                    margin: 0 auto;
                    display: flex;
                    justify-content: center;
                }

                    .help-list .helpInfo-cont .question .question-list .page a {
                        height: 35px;
                        padding: 0 15px;
                        font-size: 14px;
                        line-height: 35px;
                        margin-left: 10px;
                        border-radius: 4px;
                        background: #FAFAFA;
                        display: inline-block;
                        border: 1px solid #E8E8E8;
                    }

                        .help-list .helpInfo-cont .question .question-list .page a.active, .help-list .helpInfo-cont .question .question-list .page a:hover {
                            color: #FFF;
                            background: #6396ed;
                            border-color: #6396ed;
                        }

            .help-list .helpInfo-cont .question .detail .nr {
                padding: 0 21px;
            }

            .help-list .helpInfo-cont .question .detail h1 {
                height: 64px;
                font-size: 24px;
                margin-top: 19px;
                line-height: 64px;
                text-align: center;
                margin-bottom: 12px;
                background-color: transparent;
            }

            .help-list .helpInfo-cont .question .detail .from {
                color: #999;
                text-align: center;
                margin-bottom: 10px;
            }

                .help-list .helpInfo-cont .question .detail .from span {
                    margin-right: 29px;
                }

                    .help-list .helpInfo-cont .question .detail .from span:last-child {
                        color: #666;
                    }

                        .help-list .helpInfo-cont .question .detail .from span:last-child a {
                            width: 33px;
                            height: 33px;
                            color: #BBB;
                            line-height: 33px;
                            text-align: center;
                            border-radius: 50%;
                            display: inline-block;
                            background: #F8F8F8;
                            border: 1px solid #efefef;
                        }

                            .help-list .helpInfo-cont .question .detail .from span:last-child a i {
                                font-size: 20px;
                            }

                            .help-list .helpInfo-cont .question .detail .from span:last-child a:hover {
                                color: #FFF;
                                background: #5FC85F;
                                border-color: #5FC85F;
                            }

            .help-list .helpInfo-cont .question .detail .detail-cont {
                position: relative;
                font-size: 14px;
                color: #666;
                line-height: 30px;
            }

                .help-list .helpInfo-cont .question .detail .detail-cont > p {
                    margin-bottom: 36px;
                    text-align: left;
                }

                .help-list .helpInfo-cont .question .detail .detail-cont .last {
                    margin-top: 25px;
                }

                .help-list .helpInfo-cont .question .detail .detail-cont h6 {
                    margin-top: 20px;
                    margin-bottom: 21px;
                    text-align: left;
                }

                .help-list .helpInfo-cont .question .detail .detail-cont img {
                    text-align: center;
                    max-width: 90%;
                    display: block;
                    margin: 0 auto;
                }

                .help-list .helpInfo-cont .question .detail .detail-cont > span {
                    display: block;
                    text-align: center;
                    margin-top: 19px;
                }

                .help-list .helpInfo-cont .question .detail .detail-cont .paper {
                    text-align: left;
                    margin-bottom: 33px;
                }

                    .help-list .helpInfo-cont .question .detail .detail-cont .paper span {
                        color: #6d90cd;
                    }

            .help-list .helpInfo-cont .question .detail .line {
                width: 100%;
                height: 1px;
                background: #e8e8e8;
            }

            .help-list .helpInfo-cont .question .detail .introduce {
                margin-bottom: 0;
                padding-bottom: 56px;
            }

            .help-list .helpInfo-cont .question .detail .piece {
                border: none;
            }

                .help-list .helpInfo-cont .question .detail .piece .line2 {
                    height: 246px;
                }

                .help-list .helpInfo-cont .question .detail .piece .deta-introduce {
                    margin: 25px 34px 0 26px;
                }

                .help-list .helpInfo-cont .question .detail .piece .data .next-piece {
                    width: 539px;
                    margin-bottom: 39px;
                }

                    .help-list .helpInfo-cont .question .detail .piece .data .next-piece p {
                        margin-bottom: 10px;
                        font-size: 16px;
                    }

                    .help-list .helpInfo-cont .question .detail .piece .data .next-piece span {
                        color: #999;
                        line-height: 24px;
                    }

                .help-list .helpInfo-cont .question .detail .piece .data-download {
                    padding-bottom: 35px;
                    margin: 43px 39px 69px 35px;
                }