/*
 * ][\/][ ]E ]E `][` ``// [[]] ][_][
 * build: 2017/3/6 17:33:9
 */
@charset "utf-8";

*, hr {
    border: 0;
    margin: 0;
    padding: 0;
}

* {
    font-weight: 400;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, hr, main, menu, nav, section {
    display: block;
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font: 400 12px/1.5 "Microsoft YaHei","Hiragino Sans GB","HansHandItalic","WenQuanYi Micro Hei",sans-serif;
    -webkit-touch-callout: none;
    background-color: #eee;
    color: #323232;
    -webkit-font-smoothing: antialiased;
}

blockquote, q {
    quotes: none;
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: none;
    }

a:active, a:hover {
    outline: none;
}

a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

li, ol, ul {
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
}

hr {
    height: 1px;
    border-top: 1px solid #ccc;
    clear: both;
}

input, select {
    vertical-align: middle;
}

    input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
        appearance: none !important;
        margin: 0;
    }

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button {
    overflow: visible;
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.clear, .clearfix:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.header, .nav-list ul {
    background-color: #fff;
    width: 100%;
}

    .header .header-nav {
        position: relative;
        height: 90px;
        width: 1200px;
        min-width: 686px;
        margin: 0 auto;
        z-index: 999 !important;
    }

        .header .header-nav .logo {
            display: block;
            height: 90px;
            line-height: 90px;
            width: 135px;
            text-align: center;
            font-size: 0;
            float: left;
        }

            .header .header-nav .logo img {
                display: inline-block;
                margin: 7.5px auto 0;
            }

        .header .header-nav .nav-list {
            float: right;
            width: 660px;
        }

.nav-list .nav-item {
    position: relative;
    float: right;
    width: 130px;
    padding: 27px 0 0;
    text-align: center;
    z-index: 999;
}

.nav-list .nav-link {
    display: block;
    height: 34px;
    line-height: 34px;
    width: 117px;
    margin-left: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #323232;
    vertical-align: middle;
}

.bread-crumbs li.active, .meneame a:active, .meneame a:hover, .nav-list .nav-item a:hover, .nav-list a.active {
    color: #ff738f;
}

.body-benefits .link-benefits, .body-company .link-company, .body-contact .link-contact, .body-download .link-meiyou, .body-events .link-events, .body-founder .link-founder, .body-jobs .link-jobs, .body-partners .link-partners, .body-team .link-team {
    color: #ff738f;
    transition: color .2s;
}

.body-benefits .link-survey, .body-community .link-community, .body-company .link-survey, .body-contact .link-joinus, .body-download .link-products, .body-events .link-survey, .body-founder .link-survey, .body-health .link-index, .body-index .link-index, .body-information .link-information, .body-jobs .link-joinus, .body-partners .link-cooperation, .body-products .link-products, .body-team .link-survey {
    border: 1px solid #ff738f;
    color: #fff;
    background-color: #ff738f;
    border-radius: 20px;
}

.body-benefits a.link-survey:hover, .body-community a.link-community:hover, .body-company a.link-survey:hover, .body-contact a.link-joinus:hover, .body-download a.link-products:hover, .body-events a.link-survey:hover, .body-founder a.link-survey:hover, .body-health a.link-index:hover, .body-index a.link-index:hover, .body-information a.link-information:hover, .body-jobs a.link-joinus:hover, .body-partners a.link-cooperation:hover, .body-products a.link-products:hover, .body-team a.link-survey:hover {
    color: #fff;
}

.nav-list ul {
    position: absolute;
    top: 90px;
    width: 130px;
    list-style: none;
    display: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: display 1s ease;
}

    .nav-list ul a {
        white-space: nowrap;
    }

    .nav-list ul li {
        position: relative;
        float: none;
        border-bottom: 1px solid #eee;
    }

        .nav-list ul li:last-child {
            border-bottom: none;
        }

.nav-list li a {
    line-height: 45px;
    display: block;
    font-size: 16px;
    color: #555;
    vertical-align: middle;
    text-align: center;
}

.content .bg-gaussian-img, .content .bg-img {
    position: absolute;
    display: block;
    top: 90px;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: -10;
}

.content .bg-img {
    min-width: 686px;
    background-color: #ff708c;
}

.content .bg-gaussian-img {
    height: 418px;
    overflow: hidden;
}

    .content .bg-gaussian-img img.gaussian-blur {
        height: 418px;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        filter: blur(8px);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false);
        opacity: .8;
    }

.content .page {
    /*position: relative;*/
    /*width: 1200px;*/
    /*min-width: 686px;
    min-height: 1000px;*/
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #323232;
    /*margin: 60px -150px 50px;*/
    /*padding: 10px 0;*/
}

.bread-crumbs {
    font-size: 16px;
    color: #888;
    padding: 8px 0;
    margin: 30px 50px;
    list-style: none;
}

    .address img.ghs, .bread-crumbs > li, .waiting img {
        display: inline-block;
    }

        .bread-crumbs > li a, .help dl dd a, .meneame {
            color: #888;
        }

            .bread-crumbs > li a:hover {
                text-decoration: underline;
            }

        .bread-crumbs > li + li:before {
            color: #888;
            content: "> ";
        }

.meneame {
    padding: 3px;
    font-size: 16px;
    text-align: right;
}

    .meneame a {
        padding: 5px;
        color: #888;
        text-decoration: none;
    }

    .meneame span.current {
        padding: 5px 7px;
        color: #ff738f;
        font-weight: 700;
    }

    .help dl dd a:hover, .meneame a.current:active, .meneame a.current:hover {
        color: #ff738f;
    }

    .meneame span.disabled {
        padding: 5px 7px;
        color: #ccc;
    }

    .meneame a.disabled:active, .meneame a.disabled:hover {
        color: #fff;
    }

    .meneame span.break {
        padding: 5px 0;
        text-align: center;
    }

.help {
    max-width: 1110px;
    height: 180px;
    margin: 30px auto 0;
}

    .help dl {
        width: 20%;
        float: left;
        text-align: center;
    }

        .help dl dt {
            font-weight: 400;
            font-size: 20px;
            line-height: 28px;
            color: #0099fd;
            margin-bottom: 20px;
        }

        .help dl dd {
            font-size: 16px;
            line-height: 38px;
        }

.address {
    margin: 30px auto;
}

    .address p {
        font-size: 14px;
        color: #888;
        text-align: center;
        line-height: 28px;
    }

        .address p span {
            margin-right: 2px;
            text-align: center;
        }

            .address p span.detail {
                margin-right: 10px;
            }

            .address p span.separator {
                display: inline-block;
                font-size: 13px;
                margin-left: 2px;
            }

    .address a {
        color: #888;
    }

        .address a:active, .address a:hover {
            color: #666;
            text-decoration: underline;
        }

    .address img.ghs {
        margin-right: 3px;
        font-size: 0;
        vertical-align: middle;
    }

.totop {
    position: fixed;
    bottom: 5%;
    right: 10%;
    cursor: pointer;
    z-index: 999;
    display: block;
    opacity: .8;
    filter: alpha(opacity=80);
}

    .totop:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .totop a {
        display: block;
        width: 100px;
        height: 100px;
        overflow: hidden;
        text-indent: -999em;
        background: url(data:image/png;base64,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) no-repeat center;
        border-radius: 5px;
    }

.content .error-page {
    min-height: 700px;
}

.error-page .error-article {
    position: relative;
    padding: 0 70px;
    text-align: center;
    margin-top: 100px;
}

    .error-page .error-article p {
        font-size: 28px;
        margin-top: 20px;
    }

.waiting {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    top: 50%;
}

    .waiting img {
        vertical-align: text-top;
    }

@media (max-width:1400px) {
    .header .header-nav {
        width: 1000px;
        height: 75px;
    }

        .header .header-nav .logo {
            height: 75px;
            line-height: 75px;
        }

            .header .header-nav .logo img {
                margin: 0 auto;
            }

    .nav-list .nav-item {
        width: 120px;
        padding: 22px 0 0;
    }

    .nav-list .nav-link {
        height: 28px;
        line-height: 28px;
        width: 100px;
        font-size: 16px;
        margin-left: 12px;
    }

    .nav-list ul {
        top: 75px;
        width: 120px;
    }

    .nav-list li a {
        line-height: 48px;
    }

    .content .bg-img {
        top: 75px;
    }

    .content .page, .help {
        width: 1000px;
    }
}

@media (max-width:1024px) {
    .bread-crumbs {
        margin: 30px;
    }

    .content .page, .header .header-nav, .help {
        width: 100%;
    }

        .header .header-nav .logo {
            margin-left: 30px;
        }
}

@media (max-width:850px) {
    .header .header-nav .nav-list {
        width: 500px;
    }

    .nav-list .nav-item, .nav-list ul {
        width: 100px;
    }

    .nav-list .nav-link {
        width: 80px;
        margin-left: 11px;
    }

    .nav-list li a {
        line-height: 44px;
    }
}

@media (max-width:686px) {
    .header .header-nav .logo {
        margin-left: 20px;
    }

    .header .header-nav .nav-list {
        margin-right: 12px;
    }
}

.ie9 a {
    bblr: expression(this.onFocus=this.close()) !important;
    outline: none !important;
}

    .ie9 a:focus {
        -moz-outline-style: none !important;
    }

.page .article {
    position: relative;
    margin: 0;
    font-size: 16px;
    color: #323232;
}

.article h1 {
    font-size: 32px;
    line-height: 64px;
    margin: 30px auto 50px;
    text-align: center;
}

.article .main {
    background: url("/img/dev2.png") repeat-y 240px 0;
    margin-left: 14%;
    z-index: 99;
}

    .article .main .circle, .article .year h2 {
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }

    .article .main .circle {
        position: absolute;
        padding-left: 67px;
        left: 230px;
        top: 0;
        color: #0099fd;
        background: url("/img/dev1.png") no-repeat left top;
        width: 40px;
        z-index: 100;
    }

.article .year {
    position: relative;
    z-index: 100;
}

    .article .year h2 {
        width: 170px;
        padding-right: 30px;
        text-align: right;
    }

        .article .year .list ul li.highlight .date, .article .year h2 a {
            color: #0099fd;
        }

        .article .year h2 i {
            display: block;
            position: relative;
            background-image: url("/img/dev3.jpg");
            /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAgUlEQVQYlY3QsQ3CQBBE0cfJAU1QBT0Q0wYpDsAdODKJpcuhCyqgD9cAEhEkd9JhWcYT7Wj+SrO7+uzrDQ7YmdcdsUpw8weGLQTEBXBWDBhwXADXGEIyF7QzcIsuV8pq0E/AveLGMApPuBb+hnMJjBdefp8Q8SyBaqLCA+s0v8fhF6jSFEBWiSGKAAAAAElFTkSuQmCC);*/
            background-repeat: no-repeat;
            background-size: 25px 25px;
            width: 46px;
            height: 42px;
            left: 175px;
            top: -32px;
            transition: .5s;
            transform-origin: 6px 3px;
        }

    .article .year .list {
        margin: 10px 0;
        position: relative;
        overflow: hidden;
        transition: height 1s cubic-bezier(.025,.025,0,1.115),opacity 1s;
    }

        .article .year .list ul {
            bottom: 0;
        }

            .article .year .list ul li {
                background-repeat: no-repeat;
                background-position: 237px 36px;
                padding: 30px 0;
                color: #888;
            }

                .article .year .list ul li, .article .year .list ul li.highlight {
                    background-image: url("/img/dev5.jpg");
                }

.cls {
    zoom: 1;
}

    .cls:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.article .year .list ul li .date, .article .year .list ul li .version {
    float: left;
    display: block;
    clear: left;
    width: 200px;
    text-align: right;
}

.article .year .list ul li .version {
    line-height: 24px;
}

.article .year .list ul li .date {
    font-size: 18px;
    line-height: 32px;
    color: #0099fd;
}

.article .year .list ul li .intro, .article .year .list ul li .more {
    float: left;
    display: block;
    width: 400px;
    margin-left: 100px;
}

.article .year .list ul li .more {
    line-height: 24px;
}

.article .year .list ul li .intro {
    font-size: 18px;
    line-height: 28px;
    color: #0099fd;
    margin-bottom: 10px;
}

    .article .year .list ul li .intro.one-line {
        line-height: 60px;
    }

    .article .year .list ul li .intro.two-line {
        line-height: 30px;
    }

    .article .year .list ul li .intro.three-line {
        line-height: 20px;
    }

    .article .year .list ul li .intro img.product-logo {
        display: inline-block;
        float: left;
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }

.article .year.close h2 i {
    transform: rotate(-90deg);
}

.ie9 .article .year.close h2 i {
    background-image: url("/img/dev4.jpg") !important;
    top: -25px !important;
}

.iclose {
    background-image: url("/img/dev4.jpg") !important;
    top: -33px !important;
}

.iopen {
   background-image: url("/img/dev3.jpg") !important;
    top: -33px !important;
}

.article .year.close .list {
    opacity: 0;
    height: 0 !important;
}

@media (max-width:1400px) {
    .page .article {
        margin: 0 50px 50px;
    }

    .article h1 {
        font-size: 28px;
    }

    .article .main {
        margin-left: 6%;
    }

    .article .year h2 {
        font-size: 22px;
    }

    .article .year .list ul li .date, .article .year .list ul li .intro {
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    .page .article {
        margin: 0 30px 30px;
    }

    .article .main {
        margin-left: 0;
    }

    .article .year .list ul li .date, .article .year .list ul li .version {
        width: 205px;
    }

    .article .year .list ul li .intro, .article .year .list ul li .more {
        width: 325px;
    }
}

@media (max-width:700px) {
    .article .main {
        margin-left: 0;
    }

    .page .article {
        margin: 0 0 30px;
    }

    .article h1 {
        margin: 30px 0;
    }

    .article .year h2 {
        width: 170px;
    }

        .article .year h2 i {
            left: 185px;
        }

    .article .main .circle {
        left: 230px;
    }

    .article .year .list ul li .date, .article .year .list ul li .version {
        width: 130px;
    }

    .article .year .list ul {
        left: 55px;
    }
}