ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}
body,html{
    padding:0;
    margin:0;
}
textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

@font-face {
    font-family: 'fangzheng';
    src: url(/static/font/fangzheng.ttf)
}

.banner-person-1 {
    width: 100%;
    height: 400px;
    position: relative;
    background: url(/static/img/vip/banner-person-1.png) center bottom no-repeat;
    background-size: cover
}

.banner-person-inner-1 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px
}

.banner-person-inner-1 h1 {
    text-align: center;
    font-size: 32px;
    color: #583e29;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px
}

.banner-person-inner-1 .go-btn {
    width: 245px;
    height: 60px;
    background: #372e26;
    background: linear-gradient(to Right, #514338, #372e26);
    margin: 60px auto 0;
    color: #ffe1ca;
    font-size: 22px;
    line-height: 60px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px 1px rgba(44,53,76,0.35);
    cursor: pointer
}

.banner-person-2 {
    width: 100%;
    height: 400px;
    position: relative;
    background: url(/static/img/vip/banner-person-2.png) center bottom no-repeat;
    background-size: cover
}

.banner-person-inner-2 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px
}

.banner-person-inner-2 h1 {
    text-align: center;
    font-size: 32px;
    color: #583e29;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px
}

.banner-person-inner-2 .vip-card {
    width: 800px;
    height: 226px;
    margin: auto;
    position: relative;
    background: url(/static/img/vip/card.png) center center no-repeat;
    background-size: contain
}

.banner-person-inner-2 .vip-card .card-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    width: 300px;
    height: 226px;
    margin: auto;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.banner-person-inner-2 .vip-card .vip-card-title {
    font-family: "fangzheng";
    font-size: 20px;
    color: #4f4f4f;
    letter-spacing: 1px;
    font-weight: normal;
    margin: 30px 0 10px
}

.banner-person-inner-2 .vip-card .vip-card-title i {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: auto;
    position: relative;
    background: url(/static/img/vip/vip-card-i.png) center center no-repeat;
    background-size: contain;
    margin-right: 5px
}

.banner-person-inner-2 .vip-card .uname,.banner-person-inner-2 .vip-card .date {
    font-size: 16px;
    line-height: 20px
}

.banner-person-inner-2 .vip-card .uname {
    color: #583e29
}

.banner-person-inner-2 .vip-card .date {
    color: #fff;
    text-shadow: 2px 2px 4px #d59458
}

.banner-person-inner-2 .vip-card .btn-wrap {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.banner-person-inner-2 .vip-card .btn-wrap span {
    margin-left: 20px;
    line-height: 40px;
    text-decoration: none;
    color: #a2743d;
    font-size: 14px;
    cursor: pointer
}

.banner-person-inner-2 .vip-card .go-btn {
    width: 164px;
    height: 40px;
    background: #372e26;
    text-align: center;
    background: linear-gradient(to Right, #514338, #372e26);
    color: #ffe1ca;
    font-size: 16px;
    line-height: 40px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px 1px rgba(44,53,76,0.35);
    cursor: pointer
}

@media only screen and (max-width: 576px) {
    .banner-person-1,.banner-person-2 {
        height:450px
    }

    .banner-person-inner-1,.banner-person-inner-2 {
        width: auto;
        padding-top: 100px
    }

    .banner-person-inner-1 .vip-card,.banner-person-inner-2 .vip-card {
        background: none;
        width: auto;
        height: auto;
        width: 80%;
        margin: auto
    }

    .banner-person-inner-1 .vip-card .card-inner,.banner-person-inner-2 .vip-card .card-inner {
        margin: 30px auto;
        padding: 10px;
        height: 200px;
        width: auto;
        background: url(/static/img/vip/vip-card-bg.png) center center no-repeat;
        background-size: contain
    }

    .banner-person-inner-1 .vip-card .card-inner .uname,.banner-person-inner-1 .vip-card .card-inner .date,.banner-person-inner-2 .vip-card .card-inner .uname,.banner-person-inner-2 .vip-card .card-inner .date {
        font-size: 14px;
        line-height: 16px
    }

    .banner-person-inner-1 .vip-card .card-inner .uname,.banner-person-inner-2 .vip-card .card-inner .uname {
        color: #583e29
    }

    .banner-person-inner-1 .vip-card .card-inner .date,.banner-person-inner-2 .vip-card .card-inner .date {
        color: #fff;
        text-shadow: 2px 2px 4px #d59458
    }

    .banner-person-inner-1 .vip-card .card-inner .btn-wrap,.banner-person-inner-2 .vip-card .card-inner .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .banner-person-inner-1 .vip-card .card-inner .btn-wrap span,.banner-person-inner-2 .vip-card .card-inner .btn-wrap span {
        margin-left: 20px;
        line-height: 35px;
        text-decoration: none;
        color: #a2743d;
        font-size: 12px;
        cursor: pointer;
        white-space: nowrap
    }

    .banner-person-inner-1 .vip-card .card-inner .go-btn,.banner-person-inner-2 .vip-card .card-inner .go-btn {
        width: 164px;
        height: 35px;
        background: #372e26;
        text-align: center;
        background: linear-gradient(to Right, #514338, #372e26);
        color: #ffe1ca;
        font-size: 14px;
        line-height: 35px;
        border-radius: 10px;
        letter-spacing: 0.5px;
        box-shadow: 0 1px 3px 1px rgba(44,53,76,0.35);
        cursor: pointer
    }

    .banner-person-inner-1 h1,.banner-person-inner-2 h1 {
        font-size: 20px;
        line-height: 20px;
        width: 80%;
        margin: auto
    }
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

@font-face {
    font-family: 'fangzheng';
    src: url(/static/font/fangzheng.ttf)
}

.banner-wrap {
    background: #fff;
    height: 700px
}

.banner-enterprise-1 {
    width: 100%;
    height: 400px;
    position: relative;
    background: url(/static/img/vip/banner-enterprise-1.png) center bottom no-repeat;
    background-size: cover
}

.banner-enterprise-inner-1 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px
}

.banner-enterprise-inner-1 h1 {
    text-align: center;
    font-size: 32px;
    color: #efd4b6;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px
}

.banner-enterprise-inner-1 .banner-items {
    width: 1200px;
    margin: 100px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner-enterprise-inner-1 .banner-items .banner-item {
    position: relative;
    width: 220px;
    height: 230px;
    background-image: url(/static/img/vip/banner-item-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #777777;
    border-radius: 10px;
    box-shadow: 0 1px 3px 1px rgba(44,53,76,0.35);
    transition: all .5s
}

.banner-enterprise-inner-1 .banner-items .banner-item:hover {
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    box-shadow: 4px 4px 5px 2px rgba(44,53,76,0.35)
}

.banner-enterprise-inner-1 .banner-items .banner-item.banner-item-01 {
    background-image: url(/static/img/vip/banner-item-01.png)
}

.banner-enterprise-inner-1 .banner-items .banner-item.banner-item-02 {
    background-image: url(/static/img/vip/banner-item-02.png)
}

.banner-enterprise-inner-1 .banner-items .banner-item.banner-item-03 {
    background-image: url(/static/img/vip/banner-item-03.png)
}

.banner-enterprise-inner-1 .banner-items .banner-item.banner-item-04 {
    background-image: url(/static/img/vip/banner-item-04.png)
}

.banner-enterprise-inner-1 .banner-items .banner-item.banner-item-05 {
    background-image: url(/static/img/vip/banner-item-05.png)
}

.banner-enterprise-inner-1 .banner-items .banner-item h4 {
    color: #f1d0ab;
    font-size: 16px;
    font-weight: normal;
    margin: 25px auto 0;
    line-height: 30px
}

.banner-enterprise-inner-1 .banner-items .banner-item h5 {
    color: #9a9a9a;
    font-size: 16px;
    font-weight: normal;
    margin: 0px auto;
    line-height: 30px
}

.banner-enterprise-inner-1 .banner-items .banner-item .new-icon {
    color: #efd4b6;
    position: absolute;
    right: 10px;
    top: 10px
}

.banner-enterprise-inner-1 .go-btn {
    width: 245px;
    height: 60px;
    background: #e9ceb0;
    font-weight: bolder;
    background: linear-gradient(to Right, #e9ceaf, #cfb393);
    margin: 60px auto 0;
    color: #4f4f4f;
    font-size: 22px;
    line-height: 60px;
    border-radius: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.5s;
    box-shadow: 1px 1px 2px 2px rgba(225,222,219,0.8)
}

.banner-enterprise-2 {
    width: 100%;
    height: 400px;
    position: relative;
    background: url(/static/img/vip/banner-enterprise-2.png) center bottom no-repeat;
    background-size: cover
}

.banner-enterprise-inner-2 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
    display: -ms-flexbox;
    display: flex;
    height: 390px;
    overflow: hidden;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner-enterprise-inner-2 h1 {
    text-align: center;
    font-size: 32px;
    color: #583e29;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 36px
}

.banner-enterprise-inner-2 .vip-card {
    width: 400px;
    height: 250px;
    background: url(/static/img/vip/vip-card-bg.png) center center no-repeat;
    background-size: contain
}

.banner-enterprise-inner-2 .vip-card .card-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    width: 350px;
    height: 226px;
    margin: auto;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.banner-enterprise-inner-2 .vip-card .vip-card-title {
    font-family: "fangzheng";
    font-size: 20px;
    color: #4f4f4f;
    letter-spacing: 1px;
    font-weight: lighter;
    margin: 30px 0 0px
}

.banner-enterprise-inner-2 .vip-card .vip-card-title i {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: auto;
    position: relative;
    background: url(/static/img/vip/vip-card-i2.png) center center no-repeat;
    background-size: cover
}

.banner-enterprise-inner-2 .vip-card .uname,.banner-enterprise-inner-2 .vip-card .date {
    font-size: 16px;
    line-height: 20px
}

.banner-enterprise-inner-2 .vip-card .uname {
    color: #4f4f4f
}

.banner-enterprise-inner-2 .vip-card .date {
    color: #b68c59;
    line-height: 35px
}

.banner-enterprise-inner-2 .vip-card .btn-wrap {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.banner-enterprise-inner-2 .vip-card .btn-wrap a {
    margin-left: 20px;
    line-height: 40px;
    text-decoration: none;
    color: #a2743d;
    font-size: 14px
}

.banner-enterprise-inner-2 .vip-card .go-btn {
    min-width: 164px;
    padding: 0 10px;
    height: 40px;
    background: #494848;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px 1px rgba(44,53,76,0.35);
    cursor: pointer
}

.banner-enterprise-inner-2 .vip-card .go-btn span {
    color: transparent;
    font-weight: bolder;
    background-image: linear-gradient(135deg, #e9d8c3, #a28361);
    -webkit-background-clip: text
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .banner-enterprise-inner-2 .vip-card .go-btn span {
        color: #a28361;
        background: transparent
    }
}

.banner-enterprise-inner-2 .ability-items {
    width: 800px;
    height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.banner-enterprise-inner-2 .ability-item {
    width: 235px;
    height: 110px;
    margin-left: 25px;
    background-image: url(/static/img/vip/ability-item-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #646464;
    border-radius: 10px;
    transition: all .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -ms-flex-pack: center;
    justify-content: center
}

.banner-enterprise-inner-2 .ability-item.ability-item-02 {
    background-image: url(/static/img/vip/ability-item-02.png)
}

.banner-enterprise-inner-2 .ability-item.ability-item-03 {
    background-image: url(/static/img/vip/ability-item-03.png)
}

.banner-enterprise-inner-2 .ability-item.ability-item-04 {
    background-image: url(/static/img/vip/ability-item-04.png)
}

.banner-enterprise-inner-2 .ability-item.ability-item-05 {
    background-image: url(/static/img/vip/ability-item-05.png)
}

.banner-enterprise-inner-2 .ability-item.ability-item-06 {
    background-image: url(/static/img/vip/ability-item-06.png)
}

.banner-enterprise-inner-2 .ability-item:hover {
    border-color: #cfb393
}

.banner-enterprise-inner-2 .ability-item:hover .abi-btn {
    background: linear-gradient(135deg, #e2be98, #c29361);
    color: #4f4f4f
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .banner-enterprise-inner-2 .ability-item:hover .abi-btn {
        background: #c29361
    }
}

.banner-enterprise-inner-2 .ability-item:hover .abi-btn span {
    color: #4d4b48
}

.banner-enterprise-inner-2 .ability-item h4 {
    color: #f1d0ab;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0 10px;
    line-height: 30px
}

.banner-enterprise-inner-2 .ability-item h5 {
    color: #9a9a9a;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0 10px;
    line-height: 30px
}

.banner-enterprise-inner-2 .ability-item .abi-btn {
    width: 82px;
    height: 25px;
    border: 1px solid #cfb393;
    color: #cfb393;
    font-size: 14px;
    line-height: 25px;
    border-radius: 4px;
    text-align: center;
    margin: 5px 0 0 10px
}

.banner-enterprise-inner-2 .ability-item .abi-btn span {
    color: transparent;
    background: linear-gradient(135deg, #e9d8c3, #a28361);
    -webkit-background-clip: text;
    cursor: pointer
}

.banner-enterprise-inner-2 .ability-item .abi-btn span.off-span {
    cursor: not-allowed
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .banner-enterprise-inner-2 .ability-item .abi-btn span {
        color: #a28361;
        background: transparent
    }
}

@media only screen and (max-width: 576px) {
    .banner-wrap {
        height:1000px
    }

    .banner-enterprise-1,.banner-enterprise-2 {
        height: auto
    }

    .banner-enterprise-inner-1 {
        width: auto;
        padding: 100px 0 50px
    }

    .banner-enterprise-inner-1 h1 {
        font-size: 20px;
        line-height: 20px;
        width: 80%;
        margin: auto
    }

    .banner-enterprise-inner-1 .go-btn {
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin: 20px auto
    }

    .banner-enterprise-inner-1 .banner-items {
        width: 90%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin: 20px auto 0
    }

    .banner-enterprise-inner-1 .banner-items .banner-item {
        width: 120px;
        height: 200px;
        margin: 10px
    }

    .banner-enterprise-inner-2 {
        width: auto;
        height: auto;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .banner-enterprise-inner-2 .vip-card {
        width: 90%;
        margin: auto;
        padding-left: 10px
    }

    .banner-enterprise-inner-2 .ability-items {
        width: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 20px
    }

    .banner-enterprise-inner-2 .ability-items .ability-item {
        margin: 10px 0
    }
}

.one-v-one-modal .gaia-modal {
    width: 700px !important
}

.one-v-one-modal .gaia-modal-body {
    padding: 0;
    width: 700px
}

.one-v-one-modal .gaia-modal-close {
    opacity: 0;
    top: 5px
}

.one-v-one-modal .gaia-modal-footer {
    border: none
}

.one-v-one-modal .gaia-modal-content {
    width: 700px;
    background: transparent;
    box-shadow: none
}

.one-v-one-modal .one-content {
    height: 450px;
    background: url("https://openres.xfyun.cn/xfyundoc/2024-02-23/9d730232-a862-454e-b222-f4f93e782904/1708678964657/safsdfsdfsdf33.png") center center no-repeat;
    background-size: contain
}

@media only screen and (max-width: 576px) {
    .one-v-one-modal .gaia-modal-close {
        opacity:0;
        top: 15vw
    }

    .one-v-one-modal .gaia-modal {
        width: 520px !important
    }

    .one-v-one-modal .gaia-modal-body {
        width: 100vw
    }

    .one-v-one-modal .gaia-modal-content {
        width: 100vw
    }

    .one-v-one-modal .one-content {
        height: 400px;
        background: url("https://openres.xfyun.cn/xfyundoc/2024-02-23/9d730232-a862-454e-b222-f4f93e782904/1708678964657/safsdfsdfsdf33.png") center center no-repeat;
        background-size: 90% auto
    }
}

.choose-modal .gaia-modal {
    top: 50px
}

.choose-modal .gaia-modal-body {
    padding: 0
}

.choose-modal .gaia-modal-close {
    opacity: 0;
    top: 5px;
    right: 5px
}

.choose-modal .gaia-modal-footer {
    border: none
}

.choose-modal .gaia-modal-content {
    background: transparent;
    box-shadow: none;
    width: 720px;
    margin: auto
}

.choose-modal .choose-content {
    height: 540px;
    background: url(/static/img/vip/choosemodal.png) center center no-repeat;
    background-size: contain
}

.choose-modal .choose-content .choose-title {
    color: #fff;
    font-size: 22px;
    text-align: center;
    padding-top: 12px;
    width: 40%;
    margin: auto;
    z-index: -1
}

.choose-modal .choose-content .choose-title span {
    color: #a28361;
    color: transparent;
    font-weight: bolder;
    background-color: #f8f1e9;
    background-image: linear-gradient(135deg, #e9d8c3, #a28361);
    -webkit-background-clip: text;
    letter-spacing: 2px
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .choose-modal .choose-content .choose-title span {
        color: #a28361;
        background: transparent
    }
}

.choose-modal .choose-content .choose-inner {
    margin: 50px
}

.choose-modal .choose-content .choose-inner .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.choose-modal .choose-content .choose-inner .tabs .tab {
    font-size: 18px;
    color: #a98c70;
    text-align: center;
    padding: 0 26px;
    position: relative;
    cursor: pointer
}

.choose-modal .choose-content .choose-inner .tabs .tab::after {
    content: '|';
    color: #dacbbb;
    position: absolute;
    right: 0
}

.choose-modal .choose-content .choose-inner .tabs .tab.active {
    color: #434242
}

.choose-modal .choose-content .choose-inner .tabs .tab:nth-child(5)::after {
    content: ''
}

.choose-modal .choose-content .choose-inner .coupons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 10px 20px;
    height: 300px;
    overflow-y: scroll
}

.choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #d7b797
}

.choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #e7d8c8
}

.choose-modal .choose-content .choose-inner .coupons .coupon {
    width: 260px;
    height: 125px;
    background: #525252;
    border-radius: 5px;
    position: relative;
    margin: 15px 0
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner {
    background: #f8f1e9;
    margin: 10px;
    border-radius: 5px;
    height: 105px;
    position: relative
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .coupon-title {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    background: #c8ac91;
    width: 135px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 30px;
    letter-spacing: 0.5px;
    border-radius: 0 0 5px 5px
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area {
    text-align: center;
    width: 130px;
    margin-left: 33px;
    color: #a28361;
    color: transparent;
    background-image: linear-gradient(135deg, #d6b797, #97795c);
    -webkit-background-clip: text;
    border-bottom: 1px dashed #97795c;
    padding: 5px 0;
    white-space: nowrap
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area {
        background: #f8f1e9
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area span {
        color: #a28361;
        background: #f8f1e9
    }
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area .time {
    font-weight: bolder;
    font-size: 22px;
    margin-right: 2px
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area {
    width: 193px;
    text-align: center;
    margin-top: 5px
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .limit {
    margin-right: 10px
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .link {
    color: #2a88fc;
    cursor: pointer
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #525252;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -8px
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 57px;
    height: 125px;
    border-radius: 8px 5px 5px 8px;
    background: linear-gradient(to Bottom, #d6b797, #ae8f71);
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    letter-spacing: 4px;
    box-shadow: -8px 0px 10px -5px #bdb0a1;
    cursor: pointer
}

.choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn span {
    display: inline-block;
    padding-left: 15px
}

@media only screen and (max-width: 576px) {
    .choose-modal {
        -ms-transform:scale(0.8, 0.8);
        transform: scale(0.8, 0.8)
    }

    .choose-modal .gaia-modal-body {
        padding: 0
    }

    .choose-modal .gaia-modal-close {
        opacity: 1;
        top: 0px;
        right: 0px
    }

    .choose-modal .gaia-modal-footer {
        border: none
    }

    .choose-modal .gaia-modal-content {
        background: transparent;
        box-shadow: none;
        width: 100vw
    }

    .choose-modal .choose-content {
        width: 100vw;
        overflow: hidden;
        height: 520px;
        background: #fff;
        border-radius: 10px
    }

    .choose-modal .choose-content .choose-title {
        color: #fff;
        font-size: 22px;
        text-align: center;
        padding-top: 12px;
        width: 40%;
        margin: auto;
        z-index: -1
    }

    .choose-modal .choose-content .choose-title span {
        color: #a28361;
        color: transparent;
        font-weight: bolder;
        background-image: linear-gradient(135deg, #e9d8c3, #a28361);
        -webkit-background-clip: text;
        letter-spacing: 2px
    }

    .choose-modal .choose-content .choose-inner {
        width: 80%;
        margin: 10px auto 0;
        overflow: hidden
    }

    .choose-modal .choose-content .choose-inner .tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .choose-modal .choose-content .choose-inner .tabs .tab {
        font-size: 18px;
        color: #a98c70;
        text-align: center;
        padding: 0 26px;
        position: relative;
        cursor: pointer
    }

    .choose-modal .choose-content .choose-inner .tabs .tab::after {
        content: '|';
        color: #dacbbb;
        position: absolute;
        right: 0
    }

    .choose-modal .choose-content .choose-inner .tabs .tab.active {
        color: #434242
    }

    .choose-modal .choose-content .choose-inner .tabs .tab:nth-child(5)::after {
        content: ''
    }

    .choose-modal .choose-content .choose-inner .coupons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 15px 0px;
        height: 300px;
        overflow-y: scroll
    }

    .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar {
        width: 5px;
        height: 1px
    }

    .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #d7b797
    }

    .choose-modal .choose-content .choose-inner .coupons::-webkit-scrollbar-track {
        border-radius: 5px;
        background: #e7d8c8
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon {
        width: 260px;
        height: 125px;
        background: #525252;
        border-radius: 5px;
        position: relative;
        margin: 15px 0
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner {
        background: #f8f1e9;
        margin: 10px;
        border-radius: 5px;
        height: 105px;
        position: relative
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .coupon-title {
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        background: #c8ac91;
        width: 135px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin-left: 30px;
        letter-spacing: 0.5px;
        border-radius: 0 0 5px 5px
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area {
        text-align: center;
        width: 120px;
        margin-left: 33px;
        color: #a28361;
        color: transparent;
        background-image: linear-gradient(135deg, #d6b797, #97795c);
        -webkit-background-clip: text;
        border-bottom: 1px dashed #97795c;
        padding: 5px 0
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .time-area .time {
        font-weight: bolder;
        font-size: 22px;
        margin-right: 2px
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area {
        width: 193px;
        text-align: center;
        margin-top: 5px
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .limit {
        margin-right: 10px
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner .limit-area .link {
        color: #2a88fc;
        cursor: pointer
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-inner::after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: #525252;
        border-radius: 50%;
        position: absolute;
        left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 57px;
        height: 125px;
        border-radius: 8px 5px 5px 8px;
        background: linear-gradient(to Bottom, #d6b797, #ae8f71);
        text-align: center;
        font-size: 16px;
        font-weight: bolder;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        letter-spacing: 4px;
        box-shadow: -8px 0px 10px -5px #bdb0a1;
        cursor: pointer
    }

    .choose-modal .choose-content .choose-inner .coupons .coupon .coupon-btn span {
        display: inline-block;
        padding-left: 15px
    }
}

.act-modal .modal-footer-activity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #494848;
    color: #f1d0ab;
    border-radius: 6px
}

@font-face {
    font-family: 'fangzheng';
    src: url(/static/font/fangzheng.ttf)
}

.vip-title {
    text-align: center;
    padding-top: 60px
}

.vip-title .ve-text {
    text-indent: 16px;
    font-family: 'fangzheng';
    font-size: 26px;
    background: url(/static/img/vip/title_bg.png) no-repeat center center
}

.vip-rights {
    background: #fff url(/static/img/vip/vr_bg.png) center bottom no-repeat
}

.vip-rights .vts-ul {
    padding-top: 66px;
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vip-rights .vts-ul .vts-item {
    width: 20%;
    margin-bottom: 70px;
    text-align: center
}

.vip-rights .vts-ul .vts-item .vts-icon {
    display: block
}

.vip-rights .vts-ul .vts-item .vts-icon>img {
    max-width: 68px;
    max-height: 68px
}

.vip-rights .vts-ul .vts-item>p {
    margin: 0
}

.vip-rights .vts-ul .vts-item .vts-title {
    color: #363636;
    margin-top: 22px
}

.vip-rights .vts-ul .vts-item .vts-desc {
    color: #9b9b9b;
    margin-top: 16px
}

@media only screen and (max-width: 576px) {
    .vip-rights {
        background:#fff url(/static/img/vip/vr_bg.png) center bottom no-repeat
    }

    .vip-rights .vts-ul {
        padding-top: 66px;
        width: auto;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vip-rights .vts-ul .vts-item {
        width: 33.33%;
        margin-bottom: 70px;
        text-align: center
    }

    .vip-rights .vts-ul .vts-item .vtes-icon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 68px
    }

    .vip-rights .vts-ul .vts-item .vtes-icon>img {
        max-width: 68px;
        max-height: 68px
    }

    .vip-rights .vts-ul .vts-item>p {
        margin: 0;
        font-size: 14px
    }

    .vip-rights .vts-ul .vts-item .vts-title {
        color: #363636;
        margin-top: 22px
    }

    .vip-rights .vts-ul .vts-item .vts-desc {
        color: #9b9b9b;
        margin-top: 16px
    }
}

.union-vip {
    display: block;
    text-decoration: none;
    height: 480px;
    background: #ededed url(/static/img/vip/uv_w_bg.png) center top no-repeat
}

.union-vip.vip-2 {
    background: #2f2f2f url(/static/img/vip/uv_bg.png) center top no-repeat
}

.union-vip.vip-2 .uv-card {
    background: url(/static/img/vip/card_bg.png) center top no-repeat
}

.union-vip.vip-2 .uv-card .nv-title {
    color: #ffd7ab
}

.union-vip.vip-2 .uv-card .nv-title .dot {
    background-color: #ffd7ab
}

.union-vip.vip-2 .uv-card .nv-get-desc {
    color: #b0b0b0
}

.union-vip.vip-2 .uv-card .nv-card-desc {
    color: #a5a5a4
}

.union-vip .uv-card {
    position: relative;
    display: block;
    height: 298px;
    width: 1200px;
    margin: 23px auto 0;
    background: url(/static/img/vip/w_card_bg.png) center top no-repeat
}

.union-vip .uv-card>span {
    position: absolute;
    letter-spacing: 1px
}

.union-vip .uv-card .nv-title {
    top: 31px;
    left: 192px;
    font-size: 18px;
    color: #ffffff
}

.union-vip .uv-card .nv-title .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 4px;
    vertical-align: middle;
    background-color: #fff
}

.union-vip .uv-card .nv-get-desc {
    top: 156px;
    left: 150px;
    color: #000
}

.union-vip .uv-card .nv-card-desc {
    top: 132px;
    right: 163px;
    font-size: 14px;
    color: #b1b5be
}

.union-vip .uv-card-mobile {
    position: relative;
    height: 298px;
    margin: 50px auto 0;
    background: url(/static/img/vip/card-mb.png) center top no-repeat;
    background-size: contain
}

.vip-contrast {
    background-color: #fff;
    overflow: hidden
}

.vip-contrast .vt-wrap {
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
    position: relative;
    z-index: 2
}

.vip-contrast .vt-wrap::after,.vip-contrast .vt-wrap::before {
    position: absolute;
    display: inline-block;
    content: "";
    z-index: -1
}

.vip-contrast .vt-wrap::before {
    top: 244px;
    right: -222px;
    width: 223px;
    height: 362px;
    background: url(/static/img/vip/circle.png) center center no-repeat
}

.vip-contrast .vt-wrap::after {
    bottom: -169px;
    left: -390px;
    width: 587px;
    height: 508px;
    background: url(/static/img/vip/diamond.png) center center no-repeat
}

.vip-contrast .vt-wrap .vst-ul-title {
    width: 200px;
    background-image: linear-gradient(to bottom, #5a5a5a, #2f2f2f)
}

.vip-contrast .vt-wrap .vst-ul-title .vst-te-item {
    height: 50px;
    color: #f0c79a;
    text-align: center;
    line-height: 50px;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca
}

.vip-contrast .vt-wrap .vst-ul-title .vst-te-item:nth-child(1) {
    height: 60px;
    line-height: 60px
}

.vip-contrast .vt-wrap .vst-ul {
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #000
}

.vip-contrast .vt-wrap .vst-ul.active {
    background-color: #fff8f1
}

.vip-contrast .vt-wrap .vst-ul.active .vst-te-item:nth-child(1) {
    background-color: #ebcdac
}

.vip-contrast .vt-wrap .vst-ul.active .vst-te-item .r_icon {
    background-color: #edc79d
}

.vip-contrast .vt-wrap .vst-ul .vst-te-item {
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca
}

.vip-contrast .vt-wrap .vst-ul .vst-te-item:nth-child(1) {
    height: 60px;
    line-height: 60px;
    background-color: #e5e5e5
}

.vip-contrast .vt-wrap .vst-ul .vst-te-item .r_icon {
    box-sizing: border-box;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #ced1d9;
    padding-right: 3px
}

@media only screen and (max-width: 576px) {
    .vip-contrast {
        background-color:#fff;
        overflow: hidden;
        font-size: 12px
    }

    .vip-contrast .vt-wrap {
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin: 0 auto;
        padding: 60px 0;
        position: relative;
        z-index: 2
    }

    .vip-contrast .vt-wrap::after,.vip-contrast .vt-wrap::before {
        position: absolute;
        display: inline-block;
        content: "";
        z-index: -1
    }

    .vip-contrast .vt-wrap::before {
        top: 244px;
        right: -222px;
        width: 223px;
        height: 362px;
        background: url(/static/img/vip/circle.png) center center no-repeat
    }

    .vip-contrast .vt-wrap::after {
        bottom: -169px;
        left: -390px;
        width: 587px;
        height: 508px;
        background: url(/static/img/vip/diamond.png) center center no-repeat
    }

    .vip-contrast .vt-wrap .vst-ul-title {
        width: 100px;
        background-image: linear-gradient(to bottom, #5a5a5a, #2f2f2f)
    }

    .vip-contrast .vt-wrap .vst-ul-title .vst-te-item {
        height: 50px;
        color: #f0c79a;
        text-align: center;
        line-height: 25px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca
    }

    .vip-contrast .vt-wrap .vst-ul-title .vst-te-item:nth-child(1) {
        height: 60px;
        line-height: 60px
    }

    .vip-contrast .vt-wrap .vst-ul {
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: #000
    }

    .vip-contrast .vt-wrap .vst-ul.active {
        background-color: #fff8f1
    }

    .vip-contrast .vt-wrap .vst-ul.active .vst-te-item:nth-child(1) {
        background-color: #ebcdac
    }

    .vip-contrast .vt-wrap .vst-ul.active .vst-te-item .r_icon {
        background-color: #edc79d
    }

    .vip-contrast .vt-wrap .vst-ul .vst-te-item {
        height: 50px;
        line-height: 25px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        text-align: center;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca
    }

    .vip-contrast .vt-wrap .vst-ul .vst-te-item:nth-child(1) {
        height: 60px;
        line-height: 60px;
        background-color: #e5e5e5
    }

    .vip-contrast .vt-wrap .vst-ul .vst-te-item .r_icon {
        box-sizing: border-box;
        display: block;
        margin: auto;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        line-height: 24px;
        text-align: center;
        color: #fff;
        background-color: #ced1d9;
        padding-right: 3px
    }
}

.vip-bottom {
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(/static/img/vip/vip_w_bot.jpg) center center no-repeat
}

.vip-bottom.vip-2 {
    background: url(/static/img/vip/vip_bot.jpg) center center no-repeat
}

.vip-bottom.vip-2 .vip_bot_content .v_logo {
    background: url(/static/img/vip/vip_logo.png) center center no-repeat
}

.vip-bottom.vip-2 .vip_bot_content .v_desc {
    color: #f0f0f0
}

.vip-bottom.vip-2 .vip_bot_content .v_btn {
    color: #1d1d1e;
    background-image: linear-gradient(to right, #ead6be, #fdd7ad);
    cursor: pointer
}

.vip-bottom .vip_bot_content {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.vip-bottom .vip_bot_content a {
    text-decoration: none
}

.vip-bottom .vip_bot_content .vip_bot_left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.vip-bottom .vip_bot_content .v_logo {
    display: inline-block;
    width: 176px;
    height: 28px;
    background: url(/static/img/vip/vip_w_logo.png) center center no-repeat
}

.vip-bottom .vip_bot_content .v_desc {
    display: inline-block;
    margin-left: 30px;
    padding-left: 30px;
    font-size: 18px;
    color: #583e29;
    letter-spacing: 1px;
    border-left: 1px solid #bea27f
}

.vip-bottom .vip_bot_content .v_btn {
    display: inline-block;
    width: 170px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    color: #ffe1ca;
    background-image: linear-gradient(to right, #524539, #372e25);
    cursor: pointer;
    text-decoration: none
}

.vip-bottom .vip_bot_content .v_btn.v_btn_pay {
    width: 100px;
    margin-right: 20px
}

.vip-bottom .vip_bot_content .personal {
    height: 40px;
    line-height: 40px;
    margin-left: 30px
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.vip-page {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    background: #f9faff;
    overflow: hidden;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    color: #374567
}

.vip-page main {
    position: relative
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.select-sider-pc {
    width: 200px;
    box-sizing: border-box
}

.select-sider-pc>div {
    text-align: center
}

.select-sider-pc .st-header {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #32302e;
    font-weight: bold;
    letter-spacing: 1px;
    background-image: linear-gradient(to right, #efd4b6, #ccaf8f)
}

.select-sider-pc .st-item {
    height: 46px;
    box-sizing: border-box;
    padding: 0 10px;
    border-left: 1px solid #e3e2e0;
    border-right: 1px solid #e3e2e0;
    cursor: pointer
}

.select-sider-pc .st-item:last-child {
    padding: 0
}

.select-sider-pc .st-item.active,.select-sider-pc .st-item:hover {
    background-image: linear-gradient(to right, #ece3d8, #fcfbf9)
}

.select-sider-pc .st-item.active .st-title,.select-sider-pc .st-item:hover .st-title {
    color: #ab8f6d
}

.select-sider-pc .st-item.active {
    border-left: 2px solid #c2a37e
}

.select-sider-pc .st-item .st-title {
    line-height: 46px;
    margin: 0;
    border-bottom: 1px solid #e3e2e0;
    color: #5d6266
}

.select-sider-mobile {
    width: 110px;
    box-sizing: border-box
}

.select-sider-mobile>div {
    text-align: center
}

.select-sider-mobile .st-header {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #32302e;
    font-weight: bold;
    letter-spacing: 1px;
    background-image: linear-gradient(to right, #efd4b6, #ccaf8f)
}

.select-sider-mobile .st-item {
    height: 30px;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 4px;
    border-left: 1px solid #e3e2e0;
    border-right: 1px solid #e3e2e0;
    cursor: pointer
}

.select-sider-mobile .st-item:last-child {
    padding: 0
}

.select-sider-mobile .st-item.active {
    background-image: linear-gradient(to right, #ece3d8, #fcfbf9);
    border-left: 1px solid #c2a37e
}

.select-sider-mobile .st-item.active .st-title {
    color: #ab8f6d
}

.select-sider-mobile .st-item .st-title {
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    border-bottom: 1px solid #e3e2e0;
    color: #5d6266
}

.markDownBox-pc {
    border: 1px solid #e5e5e5;
    margin-top: 30px;
    padding: 0px 20px 20px
}

.markDownBox-pc h1,.markDownBox-pc h2,.markDownBox-pc h3,.markDownBox-pc h4,.markDownBox-pc h5,.markDownBox-pc h6,.markDownBox-pc hr,.markDownBox-pc p,.markDownBox-pc dl,.markDownBox-pc dt,.markDownBox-pc dd,.markDownBox-pc ul,.markDownBox-pc ol,.markDownBox-pc li,.markDownBox-pc img {
    border: medium none;
    font-size: 18px
}

.markDownBox-pc h2 {
    margin-top: 30px;
    margin-bottom: 10px
}

.markDownBox-pc img {
    max-width: 100%
}

.markDownBox-pc ul,.markDownBox-pc li {
    list-style: inherit
}

.markDownBox-pc a {
    text-decoration: none
}

.markDownBox-pc a:hover {
    text-decoration: none
}

.markDownBox-pc p {
    line-height: 1.8;
    margin: 5px 0;
    font-size: 14px;
    color: #7f7f7f;
    letter-spacing: 1px
}

.markDownBox-pc table {
    border-collapse: collapse;
    margin: 1rem 0;
    display: block;
    overflow-x: auto
}

.markDownBox-pc table tr {
    border-top: 1px solid #dfe2e5;
    font-size: 14px;
    color: #7f7f7f
}

.markDownBox-pc table tr:nth-child(2n) {
    background-color: #f6f8fa
}

.markDownBox-pc table th {
    white-space: nowrap
}

.markDownBox-pc table td,.markDownBox-pc table th {
    border: 1px solid #dfe2e5;
    padding: .6em 1em
}

.markDownBox-mobile {
    border: 1px solid #e5e5e5;
    padding: 0 10px 10px;
    margin-top: 10px
}

.markDownBox-mobile h1,.markDownBox-mobile h2,.markDownBox-mobile h3,.markDownBox-mobile h4,.markDownBox-mobile h5,.markDownBox-mobile h6,.markDownBox-mobile hr,.markDownBox-mobile p,.markDownBox-mobile dl,.markDownBox-mobile dt,.markDownBox-mobile dd,.markDownBox-mobile ul,.markDownBox-mobile ol,.markDownBox-mobile li,.markDownBox-mobile img {
    border: medium none;
    font-size: 14px
}

.markDownBox-mobile h2 {
    margin-top: 16px;
    margin-bottom: 4px
}

.markDownBox-mobile img {
    max-width: 100%
}

.markDownBox-mobile ul,.markDownBox-mobile li {
    list-style: inherit
}

.markDownBox-mobile a {
    text-decoration: none
}

.markDownBox-mobile a:hover {
    text-decoration: none
}

.markDownBox-mobile p {
    line-height: 1.4;
    margin: 5px 0;
    font-size: 12px;
    color: #7f7f7f;
    letter-spacing: 1px
}

.markDownBox-mobile table {
    border-collapse: collapse;
    margin: 0.5rem 0;
    display: block
}

.markDownBox-mobile table tr {
    border-top: 1px solid #dfe2e5;
    font-size: 10px;
    color: #7f7f7f
}

.markDownBox-mobile table tr:nth-child(2n) {
    background-color: #f6f8fa
}

.markDownBox-mobile table th {
    white-space: nowrap;
    font-size: 12px
}

.markDownBox-mobile table td,.markDownBox-mobile table th {
    border: 1px solid #dfe2e5;
    padding: .3em .5em
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.select-detail-pc {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    margin-left: 50px;
    margin-bottom: 40px
}

.select-detail-pc .st-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 80px;
    padding: 0 26px;
    background: url("/static/img/vip/st_top_bg.png") right bottom/100% 100% no-repeat
}

.select-detail-pc .st-top .st-top_l {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.select-detail-pc .st-top .st-top_l>img {
    max-width: 64px;
    max-height: 64px
}

.select-detail-pc .st-top .st-top_l .st-top-title {
    margin-left: 20px;
    color: #000;
    font-weight: bold
}

.select-detail-pc .st-top .st-top_l .st-top-desc {
    margin-left: 26px;
    color: #7f7f7f
}

.select-detail-pc .st-top .st-btn {
    margin-left: 20px;
    color: #262626;
    height: 36px;
    display: inline-block;
    min-width: 114px;
    line-height: 36px;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 16px;
    background-image: linear-gradient(to right, #efd4b6, #cdb191);
    text-decoration: none
}

.select-detail-pc .st-note {
    display: none;
    height: 220px;
    border: 1px solid #e3e2e0;
    margin-top: 30px;
    background: url(/static/img/vip/note_bg.png) center center no-repeat;
    position: relative
}

.select-detail-pc .st-note .st-note-title {
    color: #fff;
    letter-spacing: 4px;
    position: absolute;
    left: 64px;
    top: 16px
}

.select-detail-pc .st-note .st-note-scan {
    width: 120px;
    color: #d3a074;
    text-align: center;
    position: absolute;
    bottom: 48px;
    right: 387px;
    font-size: 13px
}

.select-detail-pc .st-note .st-note-desc {
    color: #a6a4a1;
    position: absolute;
    left: 44px;
    top: 70px;
    font-size: 14px;
    line-height: 1.7
}

.select-detail-pc .st-note .st-note-get {
    color: #ca9d6b;
    position: absolute;
    left: 48px;
    top: 130px;
    cursor: pointer
}

.select-detail-pc .modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.45);
    display: none
}

.select-detail-pc .modal-mask.show-mask {
    display: block
}

.select-detail-pc .modal-mask.show-mask .modal-wrap {
    display: block
}

.select-detail-pc .modal-mask .modal-wrap {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate3d(-50%, -50%, 0);
    width: 380px;
    height: 150px;
    border-radius: 6px
}

.select-detail-pc .modal-mask .modal-wrap .modal-title {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    height: 50px;
    line-height: 50px
}

.select-detail-pc .modal-mask .modal-wrap .foot {
    width: 50%;
    height: 60px;
    margin: 0 auto
}

.select-detail-pc .modal-mask .modal-wrap .foot .close-btn {
    width: 80px;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #e3e2e0
}

.select-detail-mobile {
    -ms-flex: 1;
    flex: 1;
    margin: 10px 0 0 6px;
    overflow: hidden
}

.select-detail-mobile .st-top {
    padding: 6px;
    border: 1px solid #e3e2e0
}

.select-detail-mobile .st-top .st-top_l {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.select-detail-mobile .st-top .st-top_l>img {
    max-width: 32px;
    max-height: 32px
}

.select-detail-mobile .st-top .st-top_l .st-btn {
    color: #262626;
    height: 30px;
    display: inline-block;
    min-width: 80px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 16px;
    background-image: linear-gradient(to right, #efd4b6, #cdb191);
    text-decoration: none
}

.select-detail-mobile .st-top-title {
    color: #363636;
    margin: 6px 0;
    font-size: 13px
}

.select-detail-mobile .st-top-desc {
    font-size: 12px;
    color: #7f7f7f;
    margin: 0
}

.select-detail-mobile .st-note {
    display: none;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e3e2e0;
    margin: 10px 6px 0 0;
    padding: 8px 4px;
    text-align: center
}

.select-detail-mobile .st-note .st-note-title {
    margin: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
    width: 100px;
    margin: 0 auto;
    background-image: linear-gradient(to right, #e8cbaa, #c8ab8b)
}

.select-detail-mobile .st-note .st-note-qr {
    text-align: center;
    margin-top: 6px
}

.select-detail-mobile .st-note .st-note-scan {
    font-size: 12px;
    color: #d3a074
}

.select-detail-mobile .st-note .st-note-desc {
    text-align: left;
    font-size: 12px;
    color: #7f7f7f
}

.select-detail-mobile .st-note .st-note-get {
    color: #ca9d6b;
    cursor: pointer;
    font-size: 14px;
    padding-top: 4px
}

.select-detail-mobile .modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.45);
    display: none
}

.select-detail-mobile .modal-mask.show-mask {
    display: block
}

.select-detail-mobile .modal-mask.show-mask .modal-wrap {
    display: block
}

.select-detail-mobile .modal-mask .modal-wrap {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate3d(-50%, -50%, 0);
    width: 300px;
    height: 150px;
    border-radius: 6px
}

.select-detail-mobile .modal-mask .modal-wrap .modal-title {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    height: 50px;
    line-height: 50px
}

.select-detail-mobile .modal-mask .modal-wrap .foot {
    width: 50%;
    height: 60px;
    margin: 0 auto
}

.select-detail-mobile .modal-mask .modal-wrap .foot .close-btn {
    width: 80px;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #e3e2e0
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.right-detail-pc .banner {
    width: 100%;
    height: 320px;
    position: relative;
    background: #000 url(/static/img/vip/right-banner.jpg) center bottom no-repeat
}

.right-detail-pc .banner .banner-title {
    width: 100%;
    text-align: center;
    color: #efd4b6;
    font-size: 32px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 110px
}

.right-detail-pc .banner .banner-text {
    width: 100%;
    font-size: 14px;
    color: #f0f0f0;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    bottom: 80px
}

.right-detail-pc .detail-content {
    width: 1200px;
    margin: 40px auto 0;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 576px) {
    .right-detail-mobile {
        margin-top:20px
    }

    .right-detail-mobile .banner {
        width: 100%;
        height: 200px;
        box-sizing: border-box;
        background: #362e24
    }

    .right-detail-mobile .banner .banner-title {
        width: 100%;
        text-align: center;
        color: #efd4b6;
        font-size: 30px;
        letter-spacing: 2px;
        padding-top: 60px;
        margin-bottom: 20px
    }

    .right-detail-mobile .banner .banner-text {
        width: calc(100% - 40px);
        margin: 0 auto;
        line-height: 24px;
        color: #f0f0f0;
        text-align: center;
        letter-spacing: 2px
    }

    .right-detail-mobile .detail-content {
        display: -ms-flexbox;
        display: flex;
        padding: 0 4px 4px 0
    }
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
    left: auto;
    right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.944rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 95px;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__year {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__year-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
    -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
}

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
    cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
    color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range , .react-datepicker__month-text--in-selecting-range , .react-datepicker__quarter-text--in-selecting-range , .react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
    background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5;
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
    background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0px 6px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\D7";
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
    left: auto;
    right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__header--time {
    border-top-left-radius: 0;
}

.react-datepicker__header {
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.944rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time {
    right: 95px;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__year {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__year-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
    -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
}

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
    cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
    color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range , .react-datepicker__month-text--in-selecting-range , .react-datepicker__quarter-text--in-selecting-range , .react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
    background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5;
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
    background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0px 6px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\D7";
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range {
    background-color: #b48f6b
}

.react-datepicker__month-text:hover {
    background-color: #b48f6b
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #b48f6b
}

.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
    background-color: #b48f6b
}

.react-datepicker__month--disabled {
    background: none;
    color: #ccc
}

.react-datepicker__navigation--previous,.react-datepicker__navigation--next {
    outline: 0
}

.react-datepicker__input-container {
    position: relative
}

.react-datepicker__input-container input {
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    padding: 0 10px;
    color: #666;
    cursor: pointer;
    outline: 0
}

.react-datepicker__input-container:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 0;
    height: 0;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #bbb
}

.report-overview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1060px;
    margin: 0 auto;
    padding-bottom: 50px;
    border-bottom: 1px dashed #ccc
}

.each-model {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.each-model .each-icon {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: block;
    margin-bottom: 5px
}

.each-model .each-icon.icon_history_amount {
    background: url(/static/img/vip/ab-icon-1.png) center center no-repeat;
    background-size: cover
}

.each-model .each-icon.icon_history_time {
    background: url(/static/img/vip/ab-icon-2.png) center center no-repeat;
    background-size: cover
}

.each-model .each-icon.icon_use_ratio {
    background: url(/static/img/vip/ab-icon-3.png) center center no-repeat;
    background-size: cover
}

.each-model .each-icon.icon_daily_ratio {
    background: url(/static/img/vip/ab-icon-4.png) center center no-repeat;
    background-size: cover
}

.each-model .each-icon.icon_month_days {
    background: url(/static/img/vip/ab-icon-5.png) center center no-repeat;
    background-size: cover
}

.each-model .each-name {
    font-size: 18px;
    line-height: 30px
}

.each-model .each-data {
    font-size: 28px;
    text-align: center;
    color: #efd4b6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.each-model .each-data span {
    color: #c39e73;
    font-weight: 600;
    font-size: 28px
}

.each-model .each-data .up-arr {
    display: block;
    width: 20px;
    height: 25px;
    background: url(/static/img/vip/up-arr.png) center center no-repeat;
    background-size: cover
}

.each-model .each-data .down-arr {
    display: block;
    width: 20px;
    height: 25px;
    background: url(/static/img/vip/down-arr.png) center center no-repeat;
    background-size: cover
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .each-model .each-data span {
        color: #a28361;
        background: transparent
    }
}

.ab-panel {
    height: 500px
}

.panel-title {
    width: 1060px;
    margin: auto;
    font-size: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.panel-title::before {
    display: block;
    margin-right: 10px;
    background-color: #ccaf8f;
    content: '';
    width: 3px;
    height: 25px
}

.table-panel {
    height: 500px
}

.table-title {
    width: 1060px;
    margin: auto;
    font-size: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.table-title::before {
    display: block;
    margin-right: 10px;
    background-color: #ccaf8f;
    content: '';
    width: 3px;
    height: 25px
}

.table-flex {
    width: 1060px;
    margin: 30px auto;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.tbl {
    width: 100%;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    border-left: #ccaf8f solid 1px;
    border-right: #ccaf8f solid 1px;
    border-bottom: #ccaf8f solid 1px
}

.tbl:first-child {
    border-top: #ccaf8f solid 1px
}

.cell {
    width: 1%;
    height: 100%;
    padding: 0 10px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
    border-right: #ccaf8f solid 1px
}

.tbl div:last-child {
    border-right: 0
}

.table-tips {
    width: 1060px;
    margin: 0 auto 30px
}

.download-modal .gaia-modal {
    width: 500px !important
}

.download-modal .gaia-modal-body {
    padding: 0;
    width: 500px
}

.download-modal .gaia-modal-close {
    top: 5px;
    color: #333
}

.download-modal .gaia-modal-footer {
    border: none
}

.download-modal .gaia-modal-content {
    width: 500px;
    color: #333;
    box-shadow: none
}

.download-modal .download-content-fail {
    height: 200px
}

.download-modal .download-content-fail .no-bind-mention {
    text-align: center;
    padding-top: 80px
}

.download-modal .download-content-fail .next-btn {
    color: #333;
    margin: 20px auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #efd4b6;
    border-radius: 6px;
    cursor: pointer
}

.download-modal .download-content-fail .next-btn-dis {
    display: block;
    color: #666;
    margin: 20px auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #ccc;
    border-radius: 6px;
    cursor: pointer
}

.download-modal .download-content {
    height: 400px
}

.download-modal .download-content .download-mention {
    text-align: center;
    padding-top: 80px
}

.download-modal .download-content .verify-question {
    text-align: center;
    color: #999;
    margin-top: 25px
}

.download-modal .download-content .verify-question span {
    color: #c39e73;
    cursor: pointer
}

.download-modal .download-content .next-btn {
    color: #333;
    margin: auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #efd4b6;
    border-radius: 6px;
    cursor: pointer
}

.download-modal .download-content .next-btn-dis {
    color: #666;
    margin: 20px auto;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #ccc;
    border-radius: 6px;
    cursor: pointer
}

.download-modal .download-content .form-content .form-row {
    width: 400px;
    height: 45px;
    margin: 25px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.download-modal .download-content .form-content .form-row .get-btn {
    margin-left: 20px;
    cursor: pointer;
    color: #333;
    text-align: center;
    width: 120px;
    height: 45px;
    line-height: 45px;
    background: #efd4b6;
    border-radius: 6px
}

.download-modal .download-content .form-content .form-row .get-btn-dis {
    margin-left: 20px;
    cursor: default;
    color: #666;
    text-align: center;
    width: 120px;
    height: 45px;
    line-height: 45px;
    background: #ccc;
    border-radius: 6px
}

.download-modal .download-content .form-content .form-row .v-btn-span {
    display: block;
    width: 100%;
    height: 100%
}

.download-modal .download-content .form-content .form-row .form-input {
    height: 45px;
    line-height: 45px;
    width: 100%;
    border-radius: 6px
}

.download-modal .download-content .form-content .form-row .form-input input {
    border: solid 1px #cccbcd;
    height: 45px;
    width: 100%;
    text-indent: 8px;
    outline: none;
    border-radius: 6px;
    padding: 0
}

.download-modal .download-content .form-content .form-row .form-input .type-pick {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 6px
}

.download-modal .download-content .form-content .form-row .form-input .type-pick .pick-select {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    padding: 0 10px;
    color: #333;
    cursor: pointer;
    outline: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #d9d9d9;
    border-radius: 6px
}

.download-modal .download-content .form-content .form-row .form-input .type-pick .pick-select:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 0;
    height: 0;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #bbb
}

.download-modal .download-content .form-content .form-row .form-input .type-pick .pick-select:focus {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2)
}

.download-modal .download-content .form-content .form-row .form-input .type-pick .type-list {
    position: absolute;
    border-radius: 0 0 6px 6px;
    z-index: 2;
    width: 398px;
    top: 47px;
    left: 0;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-top: 0;
    border-bottom: 0;
    max-height: 105px;
    overflow-y: auto
}

.download-modal .download-content .form-content .form-row .form-input .type-pick .type-list .each-list {
    text-indent: 10px;
    font-size: 14px;
    color: #666;
    line-height: 45px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.download-modal .download-content .form-content .form-row .form-input .type-pick .type-list .each-list:hover {
    background: #666666;
    color: #fff;
    cursor: pointer
}

.download-modal .download-content .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.tech-report-pc .banner {
    width: 100%;
    height: 320px;
    position: relative;
    background: #000 url(/static/img/vip/banner-report.png) center bottom no-repeat
}

.tech-report-pc .banner .banner-title {
    width: 100%;
    text-align: center;
    color: #efd4b6;
    font-size: 32px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 100px
}

.tech-report-pc .banner .banner-title span {
    color: #a28361;
    color: transparent;
    background-color: #f8f1e9;
    background-image: linear-gradient(135deg, #ffe5c8, #efbf8a);
    -webkit-background-clip: text;
    letter-spacing: 2px;
    font-size: 32px
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tech-report-pc .banner .banner-title span {
        color: #a28361;
        background: transparent
    }
}

.tech-report-pc .report-content {
    width: 1200px;
    margin: 40px auto;
    display: -ms-flexbox;
    display: flex
}

.tech-report-pc .report-content .download-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 600px
}

.tech-report-pc .report-content .download-btn {
    height: 30px;
    width: 90px;
    line-height: 30px;
    margin-left: 20px;
    text-align: center;
    background: linear-gradient(to Right, #e5caab, #d2b695, #ccaf8f);
    color: #333;
    cursor: pointer
}

.tech-report-pc .report-content .app-pick {
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 0 0;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.tech-report-pc .report-content .pick-select {
    position: relative;
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    padding: 0 10px;
    color: #333;
    cursor: pointer;
    outline: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #d9d9d9
}

.tech-report-pc .report-content .pick-select:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 0;
    height: 0;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #bbb
}

.tech-report-pc .report-content .pick-select:focus {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2)
}

.tech-report-pc .report-content .select-input {
    border: none;
    outline: none;
    width: 80%
}

.tech-report-pc .report-content .app-list {
    position: absolute;
    z-index: 2;
    width: 150px;
    top: 32px;
    right: 0px;
    border: 1px solid #bcbcbc;
    background: #fff;
    border-top: 0;
    max-height: 105px;
    overflow-y: auto
}

.tech-report-pc .report-content .app-list .each-list {
    text-indent: 10px;
    font-size: 14px;
    color: #666;
    line-height: 35px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tech-report-pc .report-content .app-list .each-list:last-child {
    border-bottom: 0
}

.tech-report-pc .report-content .app-list .each-list:hover {
    background: #ccc;
    color: #fff;
    cursor: pointer
}

.tech-report-pc .report-paper {
    width: 1200px;
    margin: 0 auto 50px;
    background: #fff;
    border: 1px solid #bcbcbc;
    position: relative
}

.tech-report-pc .report-paper .report-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 20px;
    color: #bcbcbc
}

.tech-report-pc .report-paper .report-date i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img/vip/calendar.png) center center no-repeat;
    background-size: contain;
    margin-right: 5px
}

.tech-report-pc .report-paper .report-title {
    width: 430px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    margin: auto;
    background: #efe4d8;
    border-radius: 0 0 5px 5px;
    text-align: center;
    font-weight: 600;
    color: #333
}

.tech-report-pc .report-paper .report-names {
    margin: 40px auto;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    width: 800px;
    color: #999;
    font-size: 16px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tech-report-pc .report-paper .ablity .ab-overview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1060px;
    margin: 0 auto;
    padding-bottom: 50px
}

.tech-report-pc .report-paper .ablity .ablity-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0
}

.tech-report-pc .report-paper .ablity .ablity-title .ab-title {
    font-size: 24px
}

.tech-report-pc .report-paper .ablity .ablity-title .buy-btn {
    display: block;
    font-size: 18px;
    color: #2581ff;
    border: 1px solid #2581ff;
    width: 75px;
    margin-left: 20px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: all .5s
}

.tech-report-pc .report-paper .ablity .ablity-title .buy-btn:hover {
    background: #2581ff;
    color: #fff
}

.tech-report-pc .no-msg {
    margin: 50px auto;
    text-align: center
}

.tech-report-pc .ps {
    width: 1060px;
    margin: auto
}

.tech-report-pc .skele {
    margin: 10px auto;
    text-align: center
}

.tech-report-pc .foot-banner {
    width: 100%;
    margin-top: 50px;
    height: 198px;
    position: relative;
    background: url(/static/img/vip/foot-banner.png) top center no-repeat;
    background-size: cover
}

.search-panel {
    width: 440px;
    text-align: left;
    font-size: 14px
}

.search-panel .search-panel__icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.search-panel .search-panel__icon.icon-history {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0LjAgMTQuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA5MC4wIC00NzIuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNjYuMCAzOTcuMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAgNzYuMCkiPjxnIG9wYWNpdHk9IjUwLjA3MjA3OTYlIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAgMi4wKSI+PHBhdGggZD0iTTAsMCBMMCwyIEwyLDIiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L2c+PHBhdGggZD0iTTAsNiBDMCw5LjMxMzcxIDIuNjg2MjksMTIgNiwxMiBMNiwxMiBDOS4zMTM3MSwxMiAxMiw5LjMxMzcxIDEyLDYgQzEyLDIuNjg2MjkgOS4zMTM3MSwwIDYsMCBDMy43Nzk0LDAgMS44NDA1MywxLjIwNjMzMyAwLjgwMzAzMSwyLjk5OTQzIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wIDMuMCkiPjxwYXRoIGQ9Ik0wLjAwMDM1Mzc5ODYxOCwwIEwwLDIuOTMwNjYyNTMgTDIuNSw1IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center no-repeat;
    vertical-align: text-top
}

.search-panel .search-panel__icon.icon-star {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE1LjAgMTQuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA5MC4wIC01NjAuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNjYuMCAzOTcuMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAgMTY0LjApIj48cG9seWdvbiBwb2ludHM9IjYuNDk5NTQ1LDAgNC41MTI4MiwzLjk0MDI5NDc0IDAsNC41NzYxMzY4NCAzLjI2OTE0MjUsNy42ODE2MTA1MyAyLjQ4NzY4LDEyIDYuNDk5NTQ1LDkuOTIxODUyNjMgMTAuNTEyMjU1LDEyIDkuNzM2NTQ1LDcuNjgxNjEwNTMgMTMsNC41NzYxMzY4NCA4LjUxMjE3MjUsMy45NDAyOTQ3NCA2LjQ5OTU0NSwwIDYuNDk5NTQ1LDAiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSI1MC4zMTM4OTUxJSI+PC9wb2x5Z29uPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
    vertical-align: bottom
}

.search-panel__top {
    height: 50px
}

.search-panel__top .ant-select-dropdown {
    margin-top: -2px;
    color: #4B5B76
}

.search-panel__bottom {
    padding: 18px 24px
}

.search-panel__hide {
    display: none
}

.search-panel__item {
    margin-bottom: 24px
}

.search-panel__item:last-child {
    margin-bottom: 0
}

.search-panel__item_title {
    color: #4b5b76;
    margin-bottom: 10px
}

.search-panel__item_con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-panel__item_con>div {
    margin: 0 13px 7px 0;
    padding: 2px 4px 0;
    height: 19px;
    background-color: rgba(25,117,255,0.1);
    box-shadow: 0px 0px 3px rgba(237,245,255,0);
    border-radius: 2px;
    font-size: 12px;
    color: #888888;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    transition: al 0.5s
}

.search-panel__item_con>div:hover {
    background-color: rgba(25,117,255,0.2);
    box-shadow: 0px 0px 3px rgba(25,117,255,0.2)
}

.search-panel .ant-select-auto-complete {
    width: 100%;
    height: 48px;
    background: linear-gradient(180deg, #E6EBF6 0%, #F2F7FF 100%);
    box-shadow: 0px 1px 0px 0px rgba(43,82,143,0.16);
    border-radius: 4px 4px 0px 0px
}

.search-panel .ant-select-auto-complete .ant-input-group-addon {
    padding-right: 0
}

.search-panel .ant-select-auto-complete .ant-input-group-addon .icon-search {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE1LjAgMTYuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA4My4wIC00MTQuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwODQuMCA0MTUuMCkiPjxnIG9wYWNpdHk9Ijc3LjI0MTQ0MzUlIj48cGF0aCBkPSJNNiwxMiBDOS4zMTM3MDg1LDEyIDEyLDkuMzEzNzA4NSAxMiw2IEMxMiwyLjY4NjI5MTUgOS4zMTM3MDg1LDAgNiwwIEMyLjY4NjI5MTUsMCAwLDIuNjg2MjkxNSAwLDYgQzAsOS4zMTM3MDg1IDIuNjg2MjkxNSwxMiA2LDEyIFoiIHN0cm9rZT0iIzRCNUI3NiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wIDEyLjApIj48cGF0aCBkPSJNMCwwIEwyLDIiIHN0cm9rZT0iIzRCNUI3NiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCI+PC9wYXRoPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center no-repeat;
    vertical-align: middle
}

.search-panel .ant-select-auto-complete .ant-input-clear-icon .icon-close {
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2LjAgMTYuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iaTEiPjxwYXRoIGQ9Ik0xMCwwIEw5Ljk5OSw4IEwxOCw4IEwxOCwxMCBMOS45OTksMTAgTDEwLDE4IEw4LDE4IEw3Ljk5OSwxMCBMMCwxMCBMMCw4IEw3Ljk5OSw4IEw4LDAgTDEwLDAgWiI+PC9wYXRoPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNDY3LjAgLTQxNy4wKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2kwKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA2Ni4wIDM5Ny4wKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDA5LjAgMTUuMjcyMDc3OTM4NjQyMTQzKSByb3RhdGUoNDUuMDAwMDAwMDAwMDAwMDEpIj48ZyBjbGlwLXBhdGg9InVybCgjaTEpIj48cG9seWdvbiBwb2ludHM9IjAsMCAxOCwwIDE4LDE4IDAsMTggMCwwIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNCRkM3RDUiPjwvcG9seWdvbj48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) center no-repeat
}

.search-panel .ant-select-auto-complete .ant-input::-webkit-search-cancel-button {
    display: none
}

.search-panel .ant-select-auto-complete .ant-input,.search-panel .ant-select-auto-complete .ant-input:focus,.search-panel .ant-select-auto-complete .ant-input-affix-wrapper {
    line-height: 40px;
    border: none;
    background-color: transparent;
    box-shadow: none
}

.search-panel .ant-select-auto-complete .ant-input-group-addon {
    background-color: transparent;
    border: none
}

.affix {
    width: 47px;
    position: fixed;
    z-index: 8;
    top: 450px;
    right: 28px
}

.affix_fixed {
    top: 31%
}

.affix-content {
    width: 50px;
    text-align: center;
    font-size: 14px
}

.affix-content__top {
    width: 100%;
    padding: 8px 0;
    border-radius: 4px 4px 0px 0px;
    background: linear-gradient(180deg, #4C8DF7 0%, #62B3FF 100%);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.18);
    color: #fff;
    cursor: pointer;
    text-align: center
}

.affix-content__top .text {
    display: block;
    margin-top: -4px
}

.affix-content__top .icon-search {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE4LjAgMTkuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNsaXBQYXRoIGlkPSJpMCI+PHBhdGggZD0iTTI1NjAsMCBMMjU2MCw0MDM2IEwwLDQwMzYgTDAsMCBMMjU2MCwwIFoiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUyNC4wIC00MDQuMCkiPjxnIGNsaXAtcGF0aD0idXJsKCNpMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1MDkuMCAzOTcuMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjAgOC4wKSI+PGcgb3BhY2l0eT0iNzcuMjQxNDQzNSUiPjxwYXRoIGQ9Ik03LjUsMTUgQzExLjY0MjEzNTYsMTUgMTUsMTEuNjQyMTM1NiAxNSw3LjUgQzE1LDMuMzU3ODY0MzggMTEuNjQyMTM1NiwwIDcuNSwwIEMzLjM1Nzg2NDM4LDAgMCwzLjM1Nzg2NDM4IDAsNy41IEMwLDExLjY0MjEzNTYgMy4zNTc4NjQzOCwxNSA3LjUsMTUgWiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAgMTQuMCkiPjxwYXRoIGQ9Ik0wLDAgTDMsMyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center bottom no-repeat
}

.affix-content__bottom {
    background: linear-gradient(180deg, #fff 0%, #F3F7FF 100%);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.14);
    border-radius: 0px 0px 4px 4px;
    padding: 10px 0 15px
}

.affix-content__bottom .text {
    color: #4B5B76;
    letter-spacing: 2px;
    line-height: 20px
}

.affix-content__bottom .border {
    width: 20px;
    height: 0;
    border-bottom: 1px solid #DCDCDC;
    margin: 14px auto
}

.affix-content__bottom .top-boder {
    font-size: 20px;
    color: #4B5B76;
    position: relative;
    cursor: pointer
}

.affix-content__bottom .top-boder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px;
    height: 0;
    border-bottom: 2px solid #4B5B76;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.affix-content__bottom .top-boder:hover {
    color: #1975FF
}

.affix-content__bottom .top-boder:hover::before {
    border-color: #1975FF
}

.affix-content__bottom .assix-suggest,.affix-content__bottom .affix-applet,.affix-content__bottom .affix-search {
    cursor: pointer;
    font-size: 14px
}

.affix-content__bottom .assix-suggest:hover>.text,.affix-content__bottom .affix-applet:hover>.text,.affix-content__bottom .affix-search:hover>.text {
    color: #1975FF
}

.affix-panel {
    position: absolute;
    right: 60px;
    top: 0px;
    width: 0;
    height: auto;
    opacity: 0;
    transition: opacity 0.1s, width 0.1s;
    background-color: transparent;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(195,195,195,0.24)
}

.affix-panel__active {
    width: 213px;
    opacity: 1
}

.affix-panel__active.affix-panel__search {
    width: 440px
}

.affix-panel-content__suggest {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    padding: 24px 0 29px 26px;
    background-color: #fff;
    display: none
}

.affix-panel-content__suggest__show {
    display: block
}

.affix-panel-content__suggest .panel-item {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.affix-panel-content__suggest .panel-item .img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    margin-right: 17px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.affix-panel-content__suggest .panel-item .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.affix-panel-content__suggest .panel-item .text {
    font-weight: 600;
    color: #181818;
    cursor: pointer
}

.affix-panel-content__suggest .panel-item .text:hover {
    color: #1975FF
}

.affix-panel-content__suggest .panel-item-consult {
    -ms-flex-align: center;
    align-items: center
}

.affix-panel-content__suggest .panel-item-call__right {
    text-align: left
}

.affix-panel-content__suggest .panel-item-call__right .call-text {
    font-size: 12px;
    color: #181818
}

.affix-panel-content__suggest .panel-item-call__right .call-number {
    font-size: 18px;
    color: #1975FF;
    font-weight: 600
}

.affix-panel-content__suggest .panel-item-call__right .qrcode {
    width: 66px;
    margin-top: 6px
}

.affix-panel-content__suggest .panel-item:last-child {
    margin-bottom: 0
}

.affix-panel-content__search {
    border-radius: 10px;
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
    color: #4B5B76
}

.affix-panel-content__search__show {
    display: block
}

.affix-panel-content__applet {
    border-radius: 10px;
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    padding: 18px 0;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
    color: #4B5B76
}

.affix-panel-content__applet__show {
    display: block
}

.affix-panel-content__applet .title {
    font-size: 16px;
    font-weight: 600
}

.affix-panel-content__applet .desc {
    font-size: 12px
}

.affix-panel-content__applet>img {
    width: 140px;
    margin: 4px 0 2px
}

.affix .feedback-modal {
    position: absolute;
    right: 60px;
    top: -190px;
    background-color: #fff;
    box-shadow: 0px 7px 13px 0px rgba(53,53,69,0.08);
    border-radius: 5px;
    z-index: 2;
    cursor: default;
    color: #38485c;
    text-align: center;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease
}

.affix .feedback-modal.feedMdoal-show {
    width: 461px;
    height: 555px;
    opacity: 1
}

.affix .feedback-modal .modal-top {
    font-size: 34px;
    color: #c8cacd;
    width: 100%;
    height: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: lighter;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 20px
}

.affix .feedback-modal .modal-top>span {
    display: inline-block;
    height: 100%;
    width: 30px;
    line-height: 40px
}

.affix .feedback-modal .modal-top>p {
    width: 132px;
    height: 20px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 1px;
    color: #38485c
}

.affix .feedback-modal .modal-title {
    font-size: 20px;
    letter-spacing: 1px;
    color: #38485c;
    margin-bottom: 32px
}

.affix .feedback-modal .modal-mention {
    font-size: 14px;
    color: #38485c;
    width: 400px;
    margin: 0 auto 30px;
    text-align: justify
}

.affix .feedback-modal .modal-mention span {
    color: #2277e6;
    cursor: pointer;
    text-decoration: underline
}

.affix .feedback-modal .modal-content {
    box-sizing: border-box;
    padding: 0 30px;
    margin-bottom: 30px
}

.affix .feedback-modal .modal-content .modal-ipt-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 20px;
    position: relative
}

.affix .feedback-modal .modal-content .modal-ipt-item:nth-last-child(1) {
    margin-bottom: 0;
    height: 128px
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-left {
    width: 81px;
    text-align: left;
    font-size: 15px;
    line-height: 34px
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-left .star {
    color: #ff6d68
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right {
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt {
    width: 100%;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 4px;
    box-sizing: border-box
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt:focus {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2)
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt.textarea {
    resize: none;
    padding: 10px 14px;
    height: 126px
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone {
    display: -ms-flexbox;
    display: flex
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .ipt {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .select {
    width: 150px !important
}

.affix .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .select.ipt {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #d9d9d9;
    color: #999
}

.affix .feedback-modal .modal-content .modal-ipt-item .err-tip {
    position: absolute;
    bottom: -18px;
    left: 81px;
    color: #f5222d;
    font-size: 13px
}

.affix .feedback-modal .gaia-btn:disabled {
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    color: rgba(0,0,0,0.25)
}

.affix .feedback-modal .modal-success-tip {
    color: #3d4665;
    letter-spacing: 1px;
    padding: 48px;
    text-align: left;
    text-indent: 2em;
    line-height: 28px
}

@media only screen and (max-width: 576px) {
    .affix {
        display:none
    }
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translate3d(0, 0, 9999px);
    position: fixed;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    color: #fff;
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em;
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em;
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em;
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em;
}

@media only screen and (max-width : 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0;
    }

    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
        top: 0;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
        bottom: 0;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: initial;
    }
}

.Toastify__toast {
    position: relative;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 1px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr;
}

.Toastify__toast--rtl {
    direction: rtl;
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff;
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa;
}

.Toastify__toast--info {
    background: #3498db;
}

.Toastify__toast--success {
    background: #07bc0c;
}

.Toastify__toast--warning {
    background: #f1c40f;
}

.Toastify__toast--error {
    background: #e74c3c;
}

.Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
    .Toastify__toast {
        margin-bottom: 0;
    }
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.Toastify__close-button--default {
    color: #000;
    opacity: 0.3;
}

.Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1;
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(0);
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: 0.7;
    background-color: rgba(255, 255, 255, 0.7);
    -ms-transform-origin: left;
    transform-origin: left;
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
    transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    -ms-transform-origin: right;
    transform-origin: right;
}

.Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

.Toastify__progress-bar--dark {
    background: #bb86fc;
}

@keyframes Toastify__bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes Toastify__bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes Toastify__bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes Toastify__bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes Toastify__zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

@keyframes Toastify__flipOut {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
    from {
        transform: translate3d(110%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideInLeft {
    from {
        transform: translate3d(-110%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideInUp {
    from {
        transform: translate3d(0, 110%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideInDown {
    from {
        transform: translate3d(0, -110%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0);
    }
}

@keyframes Toastify__slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0);
    }
}

@keyframes Toastify__slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0);
    }
}

@keyframes Toastify__slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0);
    }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.discount-pc-banner {
    position: relative;
    width: 100%;
    height: 439px
}

.discount-pc-banner .banner-bg {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2560px;
    height: 439px;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16983705816995418%2F%E6%B4%BB%E5%8A%A8%E9%A1%B5banner.jpg") center center/cover no-repeat
}

.modal-overlay.discount-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999
}

.modal-overlay.discount-modal .modal-content {
    box-sizing: border-box;
    position: relative;
    padding: 8px 32px 32px 32px;
    width: 782px;
    min-height: 456px;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16971601861212132%2F%E7%BB%84%202.png") center center/cover no-repeat
}

.modal-overlay.discount-modal .modal-content .title {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 23px;
    font-size: 23px;
    font-weight: 700;
    color: #282e3e;
    margin-bottom: 45px
}

.modal-overlay.discount-modal .modal-content .close {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 25px;
    height: 25px;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16971602563095658%2Fclose.png") center center/cover no-repeat;
    cursor: pointer
}

.modal-overlay.discount-modal .modal-content .item {
    width: 100%;
    margin-bottom: 14px
}

.modal-overlay.discount-modal .modal-content .item:last-of-type {
    margin-bottom: 0
}

.modal-overlay.discount-modal .modal-content .item .item-title {
    width: 106px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16971610803379007%2F%E7%BB%84%202%20%EF%BC%881%EF%BC%89.png") center center/cover no-repeat;
    font-size: 18px;
    font-weight: 700;
    color: #282e3e;
    margin-bottom: 14px
}

.modal-overlay.discount-modal .modal-content .item .item-desc {
    width: 100%;
    word-break: break-word;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #282e3e
}

.modal-overlay.discount-modal .modal-content .item .item-desc a {
    cursor: pointer;
    color: #4579ff;
    text-decoration: none
}

.purchase-wrapper {
    position: relative;
    width: 100%;
    min-height: 1236px;
    margin-top: -3px
}

.purchase-container {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 2560px;
    min-height: 1236px;
    font-family: PingFang SC, PingFang SC-Medium;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16970893780526503%2F%E5%9B%BE%E5%B1%82%2092%20%EF%BC%881%EF%BC%89.png") center center/cover no-repeat
}

.purchase-container .tab-container {
    margin-bottom: 44px;
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.purchase-container .tab-container .tab {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid #ced3dd;
    cursor: pointer
}

.purchase-container .card-container {
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 62px
}

.purchase-container .card-container .card {
    position: relative;
    box-sizing: border-box;
    width: 380px;
    background: #ffffff;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: -4px 0px 8.37px 0.28px rgba(180,205,255,0.3)
}

.purchase-container .card-container .card:hover {
    border-color: #fe9778
}

.purchase-container .card-container .card .discount {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 90px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    color: #fff;
    background: url("https://xfyun-doc.xfyun.cn/static%2F16970914334707577%2F%E5%BD%A2%E7%8A%B6%203.png") center center no-repeat
}

.purchase-container .card-container .card .title {
    box-sizing: border-box;
    width: 376px;
    height: 78px;
    padding: 30px 0 0 40px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #282e3e;
    letter-spacing: 1.6px;
    background-size: cover;
    background-repeat: no-repeat
}

.purchase-container .card-container .card .row {
    display: -ms-flexbox;
    display: flex;
    min-width: 305px;
    margin: 31px 0 0 40px
}

.purchase-container .card-container .card .row span {
    font-size: 16px;
    text-align: left
}

.purchase-container .card-container .card .row .key {
    min-width: 180px;
    color: #687491
}

.purchase-container .card-container .card .row .value {
    -ms-flex: 1;
    flex: 1;
    color: #282e3e
}

.purchase-container .card-container .card .line {
    margin: 18px 0 0 40px;
    width: 305px;
    border-bottom: 1px solid #e7ebf3
}

.purchase-container .card-container .card .price {
    margin: 21px 0;
    width: 100%;
    height: 30px;
    text-align: center;
    color: #fe5940;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px
}

.purchase-container .card-container .card .price span {
    font-weight: 500;
    text-decoration: line-through;
    color: #c1c1c1;
    font-size: 20px;
    margin-right: 14px
}

.purchase-container .card-container .card .btn {
    display: inline-block;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: linear-gradient(-85deg, #fb7c67 0%, #fe9a7a 100%);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.6px;
    text-decoration: none
}

.purchase-container .card-container .card .btn:hover {
    background: linear-gradient(-85deg, #f76951 0%, #e55e32 100%)
}

.title-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 28px;
    padding-top: 69px
}

.title-container .title {
    margin: 0 auto 18px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 31px;
    line-height: 31px;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    color: #282e3e;
    margin-bottom: 18px
}

.title-container .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: #5b6786
}

.title-container .sub-title .rule {
    color: #1975ff;
    margin-left: 5px;
    cursor: pointer
}

.ability-wrapper {
    position: relative;
    width: 100%;
    min-height: 848px;
    margin-top: -3px
}

.ability-container {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 2560px;
    font-family: PingFang SC, PingFang SC-Medium
}

.ability-container .tab-container {
    margin-bottom: 39px;
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.ability-container .tab-container .tab {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    background-repeat: no-repeat;
    border-bottom: 2px solid #c3d2ef
}

.ability-container .card-container {
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 27px;
    grid-row-gap: 15px
}

.ability-container .card-container .card {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 385px;
    height: 290px
}

.ability-container .card-container .card .title {
    margin: 60px auto 19px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 19px;
    font-size: 20px;
    font-weight: 700;
    line-height: 19px;
    color: #282e3e
}

.ability-container .card-container .card .content {
    margin: 0 auto;
    width: 319px;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    color: #687491;
    line-height: 27px;
    word-break: break-word
}

.ability-container .card-container .card .btn {
    position: absolute;
    display: inline-block;
    left: 105px;
    bottom: 45px;
    width: 170px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: linear-gradient(-85deg, #fb7c67 0%, #fe9a7a 100%);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 4px
}

.ability-container .card-container .card .btn:hover {
    background: linear-gradient(-85deg, #f76951 0%, #e55e32 100%)
}

.title-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 28px;
    padding-top: 69px
}

.title-container .title {
    margin: 0 auto 18px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 31px;
    line-height: 31px;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    color: #282e3e;
    margin-bottom: 18px
}

.title-container .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: #5b6786
}

.title-container .sub-title .rule {
    color: #1975ff;
    margin-left: 5px;
    cursor: pointer
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.main-content.discount-page {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    font-family: PingFangSC-Regular, PingFang SC !important;
    min-width: 1200px
}

.main-content.discount-page .home-section {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px
}

.main-content.discount-page .home-section .hs-title {
    width: 100%;
    font-size: 30px;
    color: #1a1d3c;
    line-height: 50px
}

.main-content.discount-page .home-section .hs-desc {
    width: 100%;
    font-size: 16px;
    color: #646b97;
    line-height: 30px
}

.main-content.discount-page .animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.main-content.discount-page .animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 70%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.main-content.discount-page .animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.main-content.discount-page .animate__fadeInLeft {
    animation-name: fadeInLeft
}

@media only screen and (max-width: 576px) {
    .main-content.discount-page {
        min-width:0
    }

    .main-content.discount-page .hs-banner {
        margin-top: 50px
    }
}

.section-ai-eco {
    width: 100%;
    height: 760px;
    overflow: hidden;
    background: url(/_next/static/img/section-eco-bg.89979b9.png) bottom center no-repeat;
    background-size: contain
}

.section-ai-eco .section-ai-eco-container {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px
}

.section-ai-eco .section-title {
    font-size: 30px;
    color: #1a1d3c;
    font-weight: 500;
    margin-bottom: 10px;
    
}

.section-ai-eco .section-sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #646b97
}

.section-ai-eco .eco-card-list {
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.section-ai-eco .eco-card-list a {
    color: #4a81ff;
    text-decoration: none
}

.section-ai-eco .eco-card-list .eco-card-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 280px;
    margin: 0 8px;
    padding: 260px 20px 35px;
    border: 1px solid #e6e8f3;
    background-color: #fff;
    transition: all .2s linear;
    cursor: pointer
}

.section-ai-eco .eco-card-list .eco-card-item:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0, -2px, 0)
}

.section-ai-eco .eco-card-list .eco-card-item:hover .detail-link {
    visibility: visible;
    opacity: 1
}

.section-ai-eco .eco-card-list .eco-card-01 {
    background: url(/_next/static/img/eco-bg-01.cb72529.jpg) #fff top center no-repeat;
    background-size: contain
}

.section-ai-eco .eco-card-list .eco-card-02 {
    background: url(/_next/static/img/eco-bg-02.ce03f5b.jpg) #fff top center no-repeat;
    background-size: contain
}

.section-ai-eco .eco-card-list .eco-card-03 {
    background: url(/_next/static/img/eco-bg-03.6fba8e8.jpg) #fff top center no-repeat;
    background-size: contain
}

.section-ai-eco .eco-card-list .eco-card-04 {
    background: url(/_next/static/img/eco-bg-04.1d563e0.jpg) #fff top center no-repeat;
    background-size: contain
}

.section-ai-eco .eco-card-list .card-title {
    color: #131313;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px
}

.section-ai-eco .eco-card-list .eco-card-feature {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.section-ai-eco .eco-card-list .eco-card-feature .feature-item {
    color: #646b97;
    margin: 5px 0
}

.section-ai-eco .eco-card-list .detail-link {
    margin-top: 16px;
    text-align: right;
    float: right;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s linear;
    font-size: 14px
}

.section-ai-eco .eco-card-list .detail-link::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDREVCRTNFQjI4RjExRUE4QUUzOEY3QjUyOENFREU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDREVCRTNGQjI4RjExRUE4QUUzOEY3QjUyOENFREU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNERUJFM0NCMjhGMTFFQThBRTM4RjdCNTI4Q0VERTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNERUJFM0RCMjhGMTFFQThBRTM4RjdCNTI4Q0VERTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zKHJdAAACOUlEQVR42pyVy0tVURTGzznerhSpSTOhh+UknNXIHhpmkmSFDYuaBVGEk2wWRbMSjKL+AhFsYBJqNSgpDSqxCJw4SCzsMYqsHIigx9+C74Lszj73Hjf+2F722t9+rfWdsOFmHHhaBM1wGhpgJ2yBefgCb+ExjMKKTyCptcMUdMMMXIR6KFdvvz9rfErx/7Wc8zsP9+EodMEguEf7Id7DXeiAe3ACrsBS0s5N+ImOv09H9t6ZWqw4i9+h+fkk8Qda9bjuNUub1zyb/9AVt4HDcBaWg/W1Zc1vLLxBJG5DJyykzQ7DoBJ+wSFPyIJ07phuId3sOM9K2N0/mIAxFsh7Yp7DIhyJlMd9pZw7jvmLgzb+nVau+5rpdZj4fniT5XJZYA9dNbvv94S8tsLLKYXmEu63JkX/L7TqeiZYrMcZt8KrDSn/WJW35Ij/LnKAT3AANqAQJh0wpxzdCj+dwZYiD1un9L2RMF4Nf0z8K2x3xdnNhyJp+YpuhLhbCcO7YDaSux3M8qAIT9JVINzuCWmCdyY+AGcyCD+Sl2xLCTO9wUh+vBGOlSBcQWd53sauff5jOpvgRU5Gf01WuzfNAhC0h6xMWX+z7Peq6RaMa1iJb5VVtk7jKtP8cRhyLfeyvNgWqsooXKV5Vi+XkvzciugUfIOP8pyw2DMozuK/w8m1xeh+5mzggvzYbPM69OrKZlRw9pHerXQ7p912auep39BgzRs8NdvUzs6bV+gxzVdmVR+WCC99X/9VAQYAYtKQW6IH0tsAAAAASUVORK5CYII=) center center no-repeat;
    background-size: contain;
    transition: right .1s linear;
    right: 0;
    vertical-align: sub;
    cursor: pointer
}

.section-ai-eco .eco-card-list .detail-link:hover::after {
    transition: all .2s linear;
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

@media only screen and (max-width: 576px) {
    .section-ai-eco {
        height:auto
    }

    .section-ai-eco * {
        box-sizing: border-box
    }

    .section-ai-eco .section-title {
        font-size: 18px
    }

    .section-ai-eco .section-sub-title {
        font-size: 12px
    }

    .section-ai-eco-container {
        width: 100% !important;
        padding: 0 16px;
        margin-top: 0px !important
    }

    .section-ai-eco-container .eco-card-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-ai-eco-container .eco-card-list .eco-card-item {
        width: 48%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        padding: 0 0 10px;
        border: none;
        background-image: none;
        background-color: #f0f4ff;
        margin-bottom: 16px
    }

    .section-ai-eco-container .eco-card-list .eco-card-item .card-title {
        background: #5787ff;
        color: #fff;
        margin-top: 0;
        padding: 8px 0;
        font-size: 14px
    }

    .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature {
        padding: 0 8px;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #646a97;
        font-size: 12px
    }

    .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature .feature-item {
        width: 100%;
        margin: 3px 0
    }

    .section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature::before,.section-ai-eco-container .eco-card-list .eco-card-item .eco-card-feature::after {
        display: none
    }

    .section-ai-eco-container .eco-card-list .eco-card-item .detail-link {
        display: block;
        visibility: visible;
        opacity: 1;
        margin-top: 10px;
        text-align: center;
        float: none;
        font-size: 12px
    }

    .section-ai-eco-container .eco-card-list .eco-card-item .detail-link:before {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .section-solution-mobile {
        overflow:hidden;
        background: url(/_next/static/img/section-solution-bg.a552c27.png) #282b48 center center no-repeat
    }

    .section-solution-mobile .section-solution-container {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 40px
    }

    .section-solution-mobile .section-title {
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 5px
    }

    .section-solution-mobile .section-sub-title {
        font-size: 12px;
        font-weight: 400;
        width: 90%;
        margin: auto;
        color: #ffffff;
        opacity: .5
    }

    .section-solution-mobile .card-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 95vw;
        margin: 50px auto 0
    }

    .section-solution-mobile .card-list .card-item {
        width: 46vw;
        height: 46vw;
        margin-bottom: 12px;
        box-sizing: border-box;
        text-align: left;
        transform-style: preserve-3d;
        transition: transform .5s;
        perspective: 500;
        cursor: pointer
    }

    .section-solution-mobile .card-list .card-item img {
        width: 50px;
        margin: 0 auto 2px
    }

    .section-solution-mobile .card-list .card-content {
        width: 100%;
        height: 100%;
        padding: 25px;
        text-align: center;
        box-sizing: border-box;
        position: absolute;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform .5s;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .section-solution-mobile .card-list .card-content.frontend {
        background: #fff
    }

    .section-solution-mobile .card-list .card-content.backend {
        color: #fff;
        background: #4a81ff;
        position: relative;
        transform: rotateY(-180deg)
    }

    .section-solution-mobile .card-list .card-content .card-backend-title {
        color: #fff;
        font-size: 18px;
        font-weight: 500
    }

    .section-solution-mobile .card-list .card-content .card-desc {
        font-size: 14px;
        opacity: .8
    }

    .section-solution-mobile .card-list .card-content .btn-link {
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        border-radius: 2px;
        text-indent: 5px;
        color: #578aff;
        white-space: nowrap
    }

    .section-solution-mobile .card-list .card-content .btn-link::after {
        content: "";
        line-height: 22px;
        border: 5px solid #578aff;
        display: inline-block;
        margin-left: 6px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent
    }

    .section-solution-mobile .card-list .card-item-title {
        font-size: 16px;
        color: #1a1d3c;
        font-weight: 500;
        margin: 2px 0 2px;
        text-align: center
    }
}

.section-solution {
    height: 880px;
    overflow: hidden;
    perspective: 1000px;
    background: url(/_next/static/img/section-solution-bg.a552c27.png) #282b48 center center no-repeat
}

.section-solution .section-solution-container {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px
}

.section-solution .section-title {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 10px
}

.section-solution .section-sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    opacity: .5
}

.section-solution .card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
}

.section-solution .card-list .card-item {
    width: 290px;
    height: 285px;
    margin-bottom: 12px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    perspective: 1000;
    -webkit-perspective: 1000;
    margin: 5px
}

.section-solution .card-list .card-item:hover .frontend {
    transform: rotateY(180deg)
}

.section-solution .card-list .card-item:hover .backend {
    transform: rotateY(0deg)
}

.section-solution .card-list .card-content {
    padding: 25px;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: ease-in-out 600ms
}

.section-solution .card-list .card-content.frontend {
    background: #fff;
    overflow: hidden
}

.section-solution .card-list .card-content.backend {
    color: #fff;
    background: #4a81ff;
    transform: rotateY(-180deg)
}

.section-solution .card-list .card-content.backend .card-backend-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.section-solution .card-list .card-content.backend .card-desc {
    font-size: 14px;
    opacity: .8
}

.section-solution .card-list .card-content.backend .btn-link {
    padding: 5px 10px;
    float: right;
    color: #fff;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 2px;
    background: #4a81ff;
    position: absolute;
    right: 25px;
    bottom: 25px;
    cursor: pointer
}

.section-solution .card-list .card-content.backend .btn-link::after {
    content: "";
    border: 5px solid #fff;
    display: inline-block;
    margin-left: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.section-solution .card-list .card-content .card-item-title {
    font-size: 20px
}

.section-solution .card-list .card-content .card-item-icon {
    height: 50px
}

.section-solution .card-list .card-item-title {
    font-size: 16px;
    color: #1a1d3c;
    font-weight: 500;
    margin-top: 10px
}

.section-video {
    width: 100%;
    margin-top: 0;
    position: relative;
    line-height: 0
}

.section-video .video-top {
    width: 100%;
    height: 58px;
    background: url(/static/img/index/video-top-bg.png) center center no-repeat;
    background-size: cover
}

.section-video .video-top.non {
    display: none
}

.section-video .video-static {
    width: 100%;
    height: 320px;
    background: url(/static/img/index/video-bg.jpg) center center no-repeat;
    background-size: cover;
    transition: all .5s
}

.section-video .video-static:hover {
    background-image: url(/static/img/index/video-bg-hover.jpg);
    cursor: pointer;
    transition: all .5s
}

.section-video .video-static.non {
    display: none
}

.section-video .video-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.section-video video {
    filter: brightness(0.6);
    height: 320px
}

.section-video video.non {
    display: none
}

@media only screen and (max-width: 576px) {
    .section-video {
        width:100vw;
        overflow: hidden;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        line-height: 0
    }

    .section-video .video-top {
        width: 100%;
        height: 58px;
        background: url(/static/img/index/video-top-bg.png) center center no-repeat;
        background-size: cover
    }

    .section-video .video-top.non {
        display: none
    }

    .section-video .video-static-mobile {
        width: 100%;
        height: 23vw;
        background: url(/static/img/index/video-bg-mobile.png) center center no-repeat;
        background-size: cover
    }

    .section-video .video-static-mobile.non {
        display: none
    }

    .section-video video {
        width: auto;
        height: 22vw
    }
}

.hs-recom-pc {
    height: 110px;
    width: 100%;
    overflow: hidden;
    background: #F9FBFF
}

.hs-recom-pc .recom {
    width: 1200px;
    margin: auto;
    display: -ms-flexbox;
    display: flex
}

.hs-recom-pc .recom .recom-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 294px;
    border-left: 1px solid #e1e4f3;
    height: 110px;
    padding: 0 30px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .5s
}

.hs-recom-pc .recom .recom-box:hover {
    background: #fff
}

.hs-recom-pc .recom .recom-box:hover h4 {
    color: #2976ff
}

.hs-recom-pc .recom .recom-box:last-child {
    border-right: 1px solid #e1e4f3
}

.hs-recom-pc .recom .recom-box .recom-icon {
    position: absolute;
    right: -25px;
    top: -10px;
    width: 25px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.hs-recom-pc .recom .recom-box .recom-star {
    width: 45px;
    height: 45px;
    margin-right: 10px
}

.hs-recom-pc .recom .recom-box h4 {
    position: relative;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    letter-spacing: .5px;
    color: #464864;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hs-recom-pc .recom .recom-box h5 {
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    color: #646b97;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hs-recom-mobile {
    width: 100%;
    background: #F9FBFF
}

.hs-recom-mobile .recom {
    width: 100%;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.hs-recom-mobile .recom .recom-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    width: 100%;
    border-bottom: 1px solid #e1e4f3;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .5s
}

.hs-recom-mobile .recom .recom-box:hover {
    background: #fff
}

.hs-recom-mobile .recom .recom-box:hover h4 {
    color: #2976ff
}

.hs-recom-mobile .recom .recom-box .recom-icon {
    position: absolute;
    right: -25px;
    top: -10px;
    width: 25px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.hs-recom-mobile .recom .recom-box .recom-star {
    width: 30px;
    height: 30px;
    margin-right: 20px
}

.hs-recom-mobile .recom .recom-box h4 {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    letter-spacing: .5px;
    color: #464864;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hs-recom-mobile .recom .recom-box h5 {
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    color: #646b97;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.hs-product-pc {
    padding: 60px 0 70px 0;
    height: 812px;
    background-image: url(/static/img/index/hs-product-bg.png)
}

.hs-product-pc .hsc-product {
    margin: 55px auto 0;
    height: 680px;
    width: 1200px
}

.hs-product-pc .hsc-product .product-list {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    border-right: solid 1px #e1e4f3;
    border-bottom: solid 1px #e1e4f3
}

.hs-product-pc .hsc-product .product-list li {
    position: absolute;
    width: 241px;
    height: 171px;
    box-sizing: border-box;
    border: solid 1px #e1e4f3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 88;
    background: #f9fbff;
    cursor: pointer
}

.hs-product-pc .hsc-product .product-list li.selected {
    z-index: 9;
    background: #ffffff
}

.hs-product-pc .hsc-product .product-list li.selected .icon,.hs-product-pc .hsc-product .product-list li.selected .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.selected::before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 3px;
    background: #4078fa;
    animation-duration: 6s;
    animation-timing-function: linear
}

.hs-product-pc .hsc-product .product-list li.selected::after {
    position: absolute;
    content: ' ';
    background: #4078fa;
    animation-duration: 3s;
    animation-delay: 1.5s;
    animation-timing-function: linear
}

.hs-product-pc .hsc-product .product-list li.hover-tab {
    background: #ffffff
}

.hs-product-pc .hsc-product .product-list li.hover-tab::before {
    position: absolute;
    content: ' ';
    background: #4078fa
}

.hs-product-pc .hsc-product .product-list li.hover-tab::after {
    position: absolute;
    content: ' ';
    background: #4078fa
}

.hs-product-pc .hsc-product .product-list li.pli-yyhc.selected,.hs-product-pc .hsc-product .product-list li.pli-yyfx.selected,.hs-product-pc .hsc-product .product-list li.pli-dyzjs.selected {
    border-bottom-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-yyhc.selected::before,.hs-product-pc .hsc-product .product-list li.pli-yyfx.selected::before,.hs-product-pc .hsc-product .product-list li.pli-dyzjs.selected::before {
    top: -1px;
    left: -240px;
    animation-name: goright
}

.hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab,.hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab,.hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab {
    border-bottom-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab::before,.hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab::before,.hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab::before {
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-yyhc.hover-tab .title,.hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-yyfx.hover-tab .title,.hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-dyzjs.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-yyclyy.selected,.hs-product-pc .hsc-product .product-list li.pli-yycljc.selected,.hs-product-pc .hsc-product .product-list li.pli-txsb.selected {
    border-top-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-yyclyy.selected::before,.hs-product-pc .hsc-product .product-list li.pli-yycljc.selected::before,.hs-product-pc .hsc-product .product-list li.pli-txsb.selected::before {
    bottom: 0px;
    left: 240px;
    animation-name: goleft
}

.hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab,.hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab,.hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab {
    border-top-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab::before,.hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab::before,.hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab::before {
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-yyclyy.hover-tab .title,.hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-yycljc.hover-tab .title,.hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-txsb.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-tywzsb.selected,.hs-product-pc .hsc-product .product-list li.pli-rlsb.selected {
    border-left-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-tywzsb.selected::before,.hs-product-pc .hsc-product .product-list li.pli-rlsb.selected::before {
    top: -170px;
    left: 236px;
    width: 3px;
    height: 170px;
    animation-name: godown
}

.hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab,.hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab {
    border-left-color: transparent;
    background: #ffffff
}

.hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab::before,.hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab::before {
    top: 0;
    right: 0px;
    height: 100%;
    width: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-tywzsb.hover-tab .title,.hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-rlsb.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-ylcp.selected,.hs-product-pc .hsc-product .product-list li.pli-yyyj.selected {
    border-right-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-ylcp.selected::before,.hs-product-pc .hsc-product .product-list li.pli-yyyj.selected::before {
    top: 170px;
    right: 237px;
    width: 3px;
    height: 170px;
    animation-name: goup
}

.hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab,.hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab {
    border-right-color: transparent;
    background: #ffffff
}

.hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab::before,.hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab::before {
    left: 0px;
    height: 100%;
    width: 3px;
    top: 0
}

.hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-ylcp.hover-tab .title,.hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-yyyj.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-yysb.selected {
    border-right-color: transparent
}

.hs-product-pc .hsc-product .product-list li.pli-yysb.selected::before {
    top: 170px;
    right: 237px;
    width: 3px;
    height: 170px;
    animation-name: goup;
    animation-duration: 3s
}

.hs-product-pc .hsc-product .product-list li.pli-yysb.selected::after {
    top: -1px;
    left: -240px;
    width: 100%;
    height: 3px;
    animation-name: goright;
    animation-duration: 4.5s
}

.hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab::before {
    top: 0;
    left: 0;
    width: 3px;
    height: 170px
}

.hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab::after {
    top: -1px;
    left: 0px;
    width: 100%;
    height: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-yysb.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.selected::before {
    top: -1px;
    left: -240px;
    width: 100%;
    height: 3px;
    animation-name: goright;
    animation-duration: 3s
}

.hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.selected::after {
    top: -171px;
    right: 0;
    width: 3px;
    height: 170px;
    animation-name: godown;
    animation-duration: 4.5s
}

.hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab::before {
    top: 0;
    right: 0;
    width: 3px;
    height: 170px
}

.hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab::after {
    top: -1px;
    left: 0px;
    width: 100%;
    height: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-kzpjwzsb.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-lxfw.selected::before {
    top: -170px;
    right: 0;
    width: 3px;
    height: 170px;
    animation-name: godown;
    animation-duration: 3s
}

.hs-product-pc .hsc-product .product-list li.pli-lxfw.selected::after {
    top: 166px;
    left: 240px;
    width: 100%;
    height: 3px;
    animation-name: goleft;
    animation-duration: 4.5s
}

.hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab::before {
    top: 0;
    right: 0;
    width: 3px;
    height: 170px
}

.hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab::after {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-lxfw.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.pli-jqfy.selected::before {
    top: 166px;
    left: 240px;
    width: 100%;
    height: 3px;
    animation-name: goleft;
    animation-duration: 3s
}

.hs-product-pc .hsc-product .product-list li.pli-jqfy.selected::after {
    top: 170px;
    right: 237px;
    width: 3px;
    height: 170px;
    animation-name: goup;
    animation-duration: 4.5s
}

.hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab::before {
    top: 0;
    left: 0;
    width: 3px;
    height: 170px
}

.hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab::after {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3px
}

.hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab .icon,.hs-product-pc .hsc-product .product-list li.pli-jqfy.hover-tab .title {
    opacity: 1
}

.hs-product-pc .hsc-product .product-list li.show-content {
    top: 170px;
    left: 240px;
    width: 720px;
    height: 340px;
    background: #fff;
    border: none
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list {
    width: 100%;
    height: 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-0 {
    background-image: url(/static/img/index/cl-yysb.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-1 {
    background-image: url(/static/img/index/cl-yyhc.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-2 {
    background-image: url(/static/img/index/cl-yyfx.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-3 {
    background-image: url(/static/img/index/cl-dyzjs.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-4 {
    background-image: url(/static/img/index/cl-kzpjwzsb.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-5 {
    background-image: url(/static/img/index/cl-tywzsb.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-6 {
    background-image: url(/static/img/index/cl-rlsb.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-7 {
    background-image: url(/static/img/index/cl-nrsh.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-8 {
    background-image: url(/static/img/index/cl-txsb.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-9 {
    background-image: url(/static/img/index/cl-yycljcjs.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-10 {
    background-image: url(/static/img/index/cl-yyclyyjs.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-11 {
    background-image: url(/static/img/index/cl-jqfy.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-12 {
    background-image: url(/static/img/index/cl-yyyj.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list.children-13 {
    background-image: url(/static/img/index/cl-ylcp.png)
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list li {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    width: 240px;
    height: 160px;
    border: none;
    background: none;
    text-align: left;
    padding: 30px 20px 10px 30px;
    animation: contentappear 0.5s linear
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list li:hover .title {
    color: #4679f1
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: 1;
    text-decoration: none
}

.hs-product-pc .hsc-product .product-list li.show-content .children-list li .desc {
    margin-top: 5px;
    width: 100%;
    color: #646b97;
    line-height: 25px;
    height: 220px
}

.hs-product-pc .hsc-product .product-list li .icon {
    height: 60px;
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6
}

.hs-product-pc .hsc-product .product-list li .icon.icon-dyzjs {
    background-image: url(/static/img/index/ps-dyzjs.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-jqfy {
    background-image: url(/static/img/index/ps-jqfy.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-kzpjwzsb {
    background-image: url(/static/img/index/ps-kzpjwzsb.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-rlsb {
    background-image: url(/static/img/index/ps-rlsb.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-nrsh {
    background-image: url(/static/img/index/ps-nrsh.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-lxfw {
    background-image: url(/static/img/index/ps-lxfw.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-txsb {
    background-image: url(/static/img/index/ps-txsb.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-tywzsb {
    background-image: url(/static/img/index/ps-tywzsb.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-ylcp {
    background-image: url(/static/img/index/ps-ylcp.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-yycljc {
    background-image: url(/static/img/index/ps-yycljc.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-yyclyy {
    background-image: url(/static/img/index/ps-yyclyy.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-yyfx {
    background-image: url(/static/img/index/ps-yyfx.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-yyhc {
    background-image: url(/static/img/index/ps-yyhc.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-yysb {
    background-image: url(/static/img/index/ps-yysb.png)
}

.hs-product-pc .hsc-product .product-list li .icon.icon-yyyj {
    background-image: url(/static/img/index/ps-yyyj.png)
}

.hs-product-pc .hsc-product .product-list li .title {
    margin-top: 20px;
    color: #191c3d;
    font-size: 18px;
    opacity: 0.8
}

@keyframes goright {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(480px)
    }
}

@keyframes goleft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-480px)
    }
}

@keyframes goup {
    from {
        transform: translateY(0)
    }

    to {
        transform: translatey(-340px)
    }
}

@keyframes godown {
    from {
        transform: translateY(0)
    }

    to {
        transform: translatey(340px)
    }
}

@keyframes contentappear {
    from {
        opacity: 0;
        transform: translateY(88px)
    }

    to {
        transform: translateY(0px);
        opacity: 1
    }
}

.main-content .home-section.hs-product-mobile {
    width: 100%;
    margin-top: 10px
}

.main-content .home-section.hs-product-mobile .hs-title {
    font-size: 18px;
    line-height: 30px
}

.main-content .home-section.hs-product-mobile .hs-desc {
    font-size: 12px;
    line-height: 20px
}

.main-content .home-section.hs-product-mobile .product-list {
    margin-top: 18px;
    width: 100%;
    border-top: solid 1px #d6d9e2
}

.main-content .home-section.hs-product-mobile .product-list li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #f9fbff;
    border-bottom: solid 1px #d6d9e2;
    text-align: left;
    overflow: hidden;
    transition: height 0.5s
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type {
    margin-left: 20px;
    padding-left: 28px;
    display: inline-block;
    height: 100%;
    width: auto;
    background: url(/static/img/index/ps-yysb.png) 0% 46% no-repeat;
    background-size: 21px 21px
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-dyzjs {
    background-image: url(/static/img/index/ps-dyzjs.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-jqfy {
    background-image: url(/static/img/index/ps-jqfy.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-kzpjwzsb {
    background-image: url(/static/img/index/ps-kzpjwzsb.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-rlsb {
    background-image: url(/static/img/index/ps-rlsb.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-nrsh {
    background-image: url(/static/img/index/ps-nrsh.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-lxfw {
    background-image: url(/static/img/index/ps-lxfw.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-txsb {
    background-image: url(/static/img/index/ps-txsb.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-tywzsb {
    background-image: url(/static/img/index/ps-tywzsb.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-ylcp {
    background-image: url(/static/img/index/ps-ylcp.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yycljc {
    background-image: url(/static/img/index/ps-yycljc.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyclyy {
    background-image: url(/static/img/index/ps-yyclyy.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyfx {
    background-image: url(/static/img/index/ps-yyfx.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyhc {
    background-image: url(/static/img/index/ps-yyhc.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yysb {
    background-image: url(/static/img/index/ps-yysb.png)
}

.main-content .home-section.hs-product-mobile .product-list li span.product-type.m-yyyj {
    background-image: url(/static/img/index/ps-yyyj.png)
}

.main-content .home-section.hs-product-mobile .product-list li.open {
    height: auto;
    transition: height 1s
}

.main-content .home-section.hs-product-mobile .product-list li.open .arrow {
    background-image: url(/static/img/index/micon-up.png)
}

.main-content .home-section.hs-product-mobile .product-list li .arrow {
    width: 80px;
    height: 50px;
    float: right;
    background: url(/static/img/index/micon-down.png) 50% no-repeat;
    background-size: 11px 6px
}

.main-content .home-section.hs-product-mobile .product-list li ul {
    padding: 20px 20px 10px 25px;
    border-top: solid 1px #d6d9e2
}

.main-content .home-section.hs-product-mobile .product-list li ul li {
    height: auto;
    border: none;
    margin-bottom: 10px
}

.main-content .home-section.hs-product-mobile .product-list li ul li a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-decoration: none
}

.main-content .home-section.hs-product-mobile .product-list li ul li a span {
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #646b97
}

.main-content .home-section.hs-product-mobile .product-list li ul li a span.md-title {
    color: #1a1c3c;
    font-weight: bold
}

.hs-industry-pc {
    padding: 50px 0 0;
    height: 2812px;
    width: 100%;
    overflow: hidden;
    background: url(/static/img/index/industry-bg.png) 50% 0% no-repeat
}

.hs-industry-pc .hsc-industry {
    width: 100%;
    height: 565px
}

.hs-industry-pc .industry-tab {
    margin: 40px auto;
    width: 620px;
    display: -ms-flexbox;
    display: flex
}

.hs-industry-pc .industry-tab li {
    height: 45px;
    line-height: 45px;
    color: #1a1d3c;
    font-size: 18px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.hs-industry-pc .industry-tab li:hover::after,.hs-industry-pc .industry-tab li.selected::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    content: '';
    background: #4a81ff
}

.hs-industry-pc .industry-frame {
    width: 2560px;
    height: 565px;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hs-industry-pc .industry-frame .if-image {
    width: 1351px;
    height: 565px;
    float: left;
    animation: imageappear 1s linear;
    position: relative;
    overflow: hidden
}

.hs-industry-pc .industry-frame .if-image.if-city {
    background-image: url(/static/img/index/industry-city.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-agriculture {
    background-image: url(/static/img/index/industry-agriculture.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-annotations {
    background-image: url(/static/img/index/industry-annotations.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-webcast {
    background-image: url(/static/img/index/industry-webcast.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-medical {
    background-image: url(/static/img/index/industry-medical.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-notouch {
    background-image: url(/static/img/index/industry-notouch.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-translation {
    background-image: url(/static/img/index/industry-translation.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-judiciary {
    background-image: url(/static/img/index/industry-judiciary.jpg)
}

.hs-industry-pc .industry-frame .if-image.if-finance {
    background-image: url(/static/img/index/industry-finance.jpg)
}

.hs-industry-pc .industry-frame .if-content-wrap {
    margin-top: 32px;
    width: 1159px;
    height: 533px;
    float: left;
    padding-left: 50px;
    background-color: #282b48;
    position: relative
}

.hs-industry-pc .industry-frame .if-content-wrap::before {
    position: absolute;
    content: '';
    top: -32px;
    left: 0;
    height: 565px;
    width: 100px;
    background: url(/static/img/index/industry-frame-simple.png) no-repeat
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content {
    width: 475px;
    color: #ffffff;
    text-align: right
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .ic-link {
    position: relative;
    background-color: #4a81ff;
    display: inline-block;
    height: 42px;
    width: 142px;
    line-height: 42px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .ic-link::after {
    position: absolute;
    top: 16px;
    right: 30px;
    height: 0;
    width: 0;
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #ffffff;
    transition: right .2s ease-in
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .ic-link:hover::after {
    right: 27px
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-desc {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 16px;
    height: 150px;
    text-align: left
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-title {
    position: relative;
    margin-top: 70px;
    height: 50px;
    width: 450px;
    font-size: 24px;
    letter-spacing: 2px
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-title .it-main {
    left: 0;
    position: absolute;
    bottom: 0;
    z-index: 9;
    font-size: 24px
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-title .it-sub {
    position: absolute;
    bottom: -13px;
    left: 0;
    z-index: 8;
    font-size: 60px;
    opacity: 0.05
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand {
    margin-top: 30px;
    padding-top: 25px;
    border-top: solid 1px #464863
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-title {
    line-height: 25px;
    font-size: 16px;
    opacity: 0.5
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list {
    margin-top: 15px;
    width: 100%
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li {
    float: left;
    margin: 0 25px 0 0;
    padding-right: 25px;
    line-height: 30px;
    height: 30px;
    position: relative
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li::after {
    position: absolute;
    right: 0;
    top: 7px;
    height: 15px;
    content: '';
    border-right: solid 1px #464863
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li:first-child {
    margin-left: 0
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li:last-child::after {
    content: none
}

.hs-industry-pc .industry-frame .if-content-wrap .if-content .industry-recommand .ir-list li a {
    text-decoration: none;
    color: #ffffff
}

@keyframes imagedown {
    from {
        transform: translateY(-160px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes imageup {
    from {
        transform: translateY(160px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes imageappear {
    from {
        opacity: 0.3
    }

    to {
        opacity: 1
    }
}

.main-content .home-section.hs-industry-mobile {
    width: 100%;
    margin-top: 40px
}

.main-content .home-section.hs-industry-mobile .hs-title {
    font-size: 18px;
    line-height: 30px
}

.main-content .home-section.hs-industry-mobile .hs-desc {
    font-size: 12px;
    line-height: 20px
}

.main-content .home-section.hs-industry-mobile .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.main-content .home-section.hs-industry-mobile .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.main-content .home-section.hs-industry-mobile .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #5787ff;
    cursor: pointer
}

.main-content .home-section.hs-industry-mobile .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff
}

.main-content .home-section.hs-industry-mobile .slick-dots li button:hover,.main-content .home-section.hs-industry-mobile .slick-dots li button:focus {
    outline: none
}

.main-content .home-section.hs-industry-mobile .slick-dots li button:hover:before,.main-content .home-section.hs-industry-mobile .slick-dots li button:focus:before {
    opacity: 1
}

.main-content .home-section.hs-industry-mobile .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: '';
    text-align: center;
    background: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.main-content .home-section.hs-industry-mobile .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 12px;
    content: '';
    text-align: center;
    background: #5787ff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.main-content .home-section.hs-industry-mobile .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 100%
}

.itemwrap {
    overflow: hidden;
    background: #282b48;
    outline: none
}

.hi-wrap {
    margin-top: 30px;
    height: 380px;
    overflow: hidden
}

.rs-content {
    position: relative;
    background: url(/static/img/index/demo.png) no-repeat;
    background-color: #282b48;
    background-size: 100%;
    height: 325px;
    overflow: hidden;
    border-left: solid 10px #fff;
    border-right: solid 10px #fff;
    background-size: 359px 150px;
    background-position: 100% 0%
}

.rs-content.rsc-city {
    background-image: url(/static/img/index/industry-city.jpg)
}

.rs-content.rsc-agriculture {
    background-image: url(/static/img/index/industry-agriculture.jpg)
}

.rs-content.rsc-annotations {
    background-image: url(/static/img/index/industry-annotations.jpg)
}

.rs-content.rsc-webcast {
    background-image: url(/static/img/index/industry-webcast.jpg)
}

.rs-content.rsc-medical {
    background-image: url(/static/img/index/industry-medical.jpg)
}

.rs-content.rsc-notouch {
    background-image: url(/static/img/index/industry-notouch.jpg)
}

.rs-content.rsc-translation {
    background-image: url(/static/img/index/industry-translation.jpg)
}

.rs-content.rsc-judiciary {
    background-image: url(/static/img/index/industry-judiciary.jpg)
}

.rs-content.rsc-finance {
    background-image: url(/static/img/index/industry-finance.jpg)
}

.rs-content .rc-bottom {
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 0 10px;
    height: 168px;
    color: #ffffff
}

.rs-content .rc-bottom .rc-title {
    font-size: 16px
}

.rs-content .rc-bottom .rc-desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: left
}

.rs-content .rc-bottom .ic-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a81ff;
    height: 28px;
    width: 95px;
    line-height: 28px;
    margin: 10px auto 0;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    z-index: 1111111
}

.rs-content .rc-bottom .ic-link::after {
    margin-left: 5px;
    height: 0;
    width: 0;
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ffffff
}

.introduction-banner {
    width: 2560px;
    height: 419px;
    background: url(/static/img/introduction/banner.png) center center/cover no-repeat
}

.introduction-title-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.introduction-title-wrapper .title {
    font-size: 40px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 48px;
    margin-right: 10px;
    letter-spacing: 0.1em;
    font-style: italic
}

.introduction-title-wrapper .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border-left: 2px solid #979797;
    padding-left: 12px
}

.introduction-title-wrapper .right .top,.introduction-title-wrapper .right .bottom {
    letter-spacing: 0.1em;
    font-style: italic
}

.introduction-title-wrapper .right .top {
    height: 25px;
    font-size: 21px;
    color: #b0b0b0;
    line-height: 25px;
    margin-bottom: 2px
}

.introduction-title-wrapper .right .bottom {
    height: 16px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 16px
}

.introduction-platform {
    width: 1200px;
    min-height: 300px;
    margin-top: 60px
}

.introduction-platform-detail {
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 30px;
    margin-top: 17px;
    margin-bottom: 25px
}

.introduction-platform .introduction-platform-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.introduction-platform .introduction-platform-list-item {
    position: relative;
    width: 400px;
    height: 218px
}

.introduction-platform .introduction-platform-list-item .num,.introduction-platform .introduction-platform-list-item .name,.introduction-platform .introduction-platform-list-item .icon {
    position: absolute
}

.introduction-platform .introduction-platform-list-item .num {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.introduction-platform .introduction-platform-list-item .num>span {
    font-size: 40px
}

.introduction-platform .introduction-platform-list-item.blue {
    background: url(/static/img/introduction/blue-bg.png) center center/cover no-repeat
}

.introduction-platform .introduction-platform-list-item.blue .num {
    left: 37px;
    top: 39px;
    height: 68px;
    font-size: 57px;
    font-weight: 400;
    color: #ffffff;
    line-height: 68px
}

.introduction-platform .introduction-platform-list-item.blue .name {
    left: 37px;
    top: 113px;
    height: 41px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 27px
}

.introduction-platform .introduction-platform-list-item.blue .icon {
    right: 44px;
    bottom: 28px
}

.introduction-platform .introduction-platform-list-item.normal {
    border-radius: 86px 0px 0px 0px;
    background: #f6f6f6
}

.introduction-platform .introduction-platform-list-item.normal .num {
    left: 37px;
    top: 95px;
    height: 68px;
    font-size: 57px;
    font-weight: 400;
    color: #1975ff;
    line-height: 68px
}

.introduction-platform .introduction-platform-list-item.normal .name {
    left: 37px;
    top: 164px;
    height: 41px;
    font-size: 18px;
    font-weight: 400;
    color: #1975ff;
    line-height: 27px
}

.introduction-platform .introduction-platform-list-item.normal .icon {
    top: 33px;
    right: 36px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,.slick-next,.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-dots li button:before,.slick-next:before,.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: ''
}

.slick-next:before,[dir=rtl] .slick-prev:before {
    content: ''
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '\922B\FFFD'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.beginner-mobile {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    background: #f9faff;
    overflow: hidden;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    color: #374567
}

.beginner-mobile main {
    position: relative
}

.beginner-mobile .banner {
    width: 100%;
    height: 60vw;
    position: relative
}

.beginner-mobile .banner-inner {
    margin-top: 50px;
    width: 100%;
    height: 60vw;
    background-image: url(/static/img/beginner/mb-bg.jpeg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden
}

.beginner-mobile .section-anchor {
    display: none;
    position: absolute;
    left: calc(50% -1200px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0;
    background: #f2f6ff;
    width: 100%
}

.beginner-mobile .section-anchor .anchor-tab-item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 16px
}

.beginner-mobile .section-anchor .anchor-tab-item a::after {
    height: 4px
}

.beginner-mobile .anchor-tabs {
    background: #f2f6ff
}

.beginner-mobile .beginner-section {
    padding-top: 0px
}

.beginner-mobile .title {
    height: 120px;
    margin: 0px auto 20px;
    width: 90vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center
}

.beginner-mobile .title h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 60px;
    margin: 0
}

.beginner-mobile .title h5 {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    margin: 10px auto;
    color: #2b3e54
}

.beginner-mobile .title.title01 {
    background-image: url(/static/img/beginner/title01.png)
}

.beginner-mobile .title.title02 {
    background-image: url(/static/img/beginner/title02.png)
}

.beginner-mobile .title.title03 {
    background-image: url(/static/img/beginner/title03.png)
}

.beginner-mobile .title.title04 {
    background-image: url(/static/img/beginner/title04.png)
}

.beginner-mobile .title.title05 {
    background-image: url(/static/img/beginner/title05.png)
}

.beginner-mobile .new-content {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.beginner-mobile .new-content .new-each {
    width: 278px;
    height: 200px;
    margin: 10px 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e6e8f4;
    position: relative
}

.beginner-mobile .new-content .new-each .new-icon {
    width: 80px;
    height: 64px;
    margin: 10px auto 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.beginner-mobile .new-content .new-each .new-icon.new-01-icon {
    background-image: url(/static/img/beginner/new-01-icon.png)
}

.beginner-mobile .new-content .new-each .new-icon.new-02-icon {
    width: 86px;
    height: 64px;
    background-image: url(/static/img/beginner/new-02-icon.png)
}

.beginner-mobile .new-content .new-each .new-icon.new-03-icon {
    background-image: url(/static/img/beginner/new-03-icon.png)
}

.beginner-mobile .new-content .new-each:hover {
    border-color: #4a81ff
}

.beginner-mobile .new-content .new-each:hover::before {
    position: absolute;
    content: '';
    display: block;
    height: 3px;
    width: 80px;
    background-color: #4a81ff;
    top: 0;
    left: 50%;
    margin-left: -40px
}

.beginner-mobile .new-content .new-each:hover.new-01 {
    background-image: url(/static/img/beginner/new-01-bg-active.png)
}

.beginner-mobile .new-content .new-each:hover.new-02 {
    background-image: url(/static/img/beginner/new-02-bg-active.png)
}

.beginner-mobile .new-content .new-each:hover.new-03 {
    background-image: url(/static/img/beginner/new-03-bg-active.png)
}

.beginner-mobile .new-content .new-each:hover .new-01-icon {
    background-image: url(/static/img/beginner/new-01-icon-active.png)
}

.beginner-mobile .new-content .new-each:hover .new-02-icon {
    background-image: url(/static/img/beginner/new-02-icon-active.png)
}

.beginner-mobile .new-content .new-each:hover .new-03-icon {
    background-image: url(/static/img/beginner/new-03-icon-active.png)
}

.beginner-mobile .new-content .new-each .new-content-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px
}

.beginner-mobile .new-content .new-each .new-content-desc {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
    color: #7a8ba6;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.beginner-mobile .new-content .new-each .new-btn {
    width: 85px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    text-align: center;
    border: 1px solid #4a81ff;
    border-radius: 4px;
    color: #4a81ff;
    cursor: pointer
}

.beginner-mobile .new-content .new-each .new-btn:hover {
    background: #4a81ff;
    color: #fff;
    transition: all .5s
}

.beginner-mobile .new-content .new-each.new-01 {
    background-image: url(/static/img/beginner/new-01-bg.png)
}

.beginner-mobile .new-content .new-each.new-01 img {
    width: 110px;
    height: 84px;
    margin: 15px auto 10px
}

.beginner-mobile .new-content .new-each.new-02 {
    background-image: url(/static/img/beginner/new-02-bg.png)
}

.beginner-mobile .new-content .new-each.new-02 img {
    width: 80px;
    height: 64px;
    margin: 15px auto 10px
}

.beginner-mobile .new-content .new-each.new-03 {
    background-image: url(/static/img/beginner/new-03-bg.png)
}

.beginner-mobile .new-content .new-each.new-03 img {
    width: 80px;
    height: 64px;
    margin: 15px auto 10px
}

.beginner-mobile .ability-content {
    margin: 0 auto;
    border: 1px solid #e6e8f4;
    background: #fff
}

.beginner-mobile .ability-content .gaia-tabs-nav .gaia-tab {
    height: 80px;
    margin-top: 10px
}

.beginner-mobile .ability-content .gaia-tabs-nav .gaia-tab::before {
    height: 20px;
    top: 35px
}

.beginner-mobile .ability-content .gaia-tabs-nav .gaia-tab span {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1px
}

.beginner-mobile .ability-content .gaia-tabs-inkbar {
    height: 4px !important;
    width: 0 !important
}

.beginner-mobile .ability-content .ability-block {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.beginner-mobile .ability-content .ability-block .intro {
    margin: auto;
    overflow: hidden;
    width: 90vw
}

.beginner-mobile .ability-content .ability-block .intro .intro-title {
    border-left: 5px solid #cbdaff;
    line-height: 30px;
    text-indent: 10px;
    font-weight: 600;
    font-size: 16px
}

.beginner-mobile .ability-content .ability-block .intro img {
    margin: 25px 0
}

.beginner-mobile .ability-content .ability-block .intro .graph {
    font-size: 14px;
    text-align: justify;
    font-weight: normal;
    letter-spacing: .5px;
    margin: 10px 0;
    padding: 0;
    color: #7a8ba6;
    font-weight: 500
}

.beginner-mobile .ability-content .ability-block .intro .intro-btn {
    width: 110px;
    height: 30px;
    margin: 30px 0 0;
    line-height: 30px;
    text-align: center;
    border: 1px solid #4a81ff;
    border-radius: 4px;
    color: #4a81ff;
    cursor: pointer;
    font-size: 14px
}

.beginner-mobile .ability-content .ability-block .intro .intro-btn:hover {
    background: #4a81ff;
    color: #fff;
    transition: all .5s
}

.beginner-mobile .ability-content .ability-block .env {
    margin-top: 50px
}

.beginner-mobile .ability-content .ability-block .env .env-title {
    border-left: 5px solid #cbdaff;
    line-height: 30px;
    text-indent: 10px;
    font-weight: 600;
    font-size: 16px
}

.beginner-mobile .ability-content .ability-block .env .env-brand {
    font-size: 14px
}

.beginner-mobile .ability-content .ability-block .env .env-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-mobile .ability-content .ability-block .env .env-each {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 275px;
    margin: auto;
    height: 215px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-mobile .ability-content .ability-block .env .env-each img {
    margin-top: 5px
}

.beginner-mobile .ability-content .ability-block .env .env-each .env-content-title {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 5px
}

.beginner-mobile .ability-content .ability-block .env .env-each .env-desc {
    text-align: justify;
    font-weight: 500;
    font-size: 14px;
    margin: 10px 0
}

.beginner-mobile .video-content {
    margin: 0px auto;
    position: relative
}

.beginner-mobile .video-content .gaia-tabs-inkbar {
    height: 4px !important;
    width: 0 !important
}

.beginner-mobile .video-content .more-btn {
    display: block;
    position: absolute;
    top: 90px;
    right: 2px;
    font-size: 14px;
    color: #4a81ff;
    text-decoration: none;
    z-index: 6;
    cursor: pointer
}

.beginner-mobile .video-content .gaia-tabs {
    background: transparent
}

.beginner-mobile .video-content .gaia-tabs-bar {
    background: transparent
}

.beginner-mobile .video-content .gaia-tabs-nav .gaia-tab {
    height: 60px;
    margin-top: 10px
}

.beginner-mobile .video-content .gaia-tabs-nav .gaia-tab::before {
    height: 20px;
    top: 35px
}

.beginner-mobile .video-content .gaia-tabs-nav .gaia-tab span {
    font-size: 14px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 1px
}

.beginner-mobile .video-content .gaia-tabs-content {
    background: transparent
}

.beginner-mobile .video-content .gaia-tabs-inkbar {
    height: 4px !important
}

.beginner-mobile .video-content .public-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 35px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-mobile .video-content .each-class {
    width: 280px;
    margin: 15px auto 0;
    box-sizing: content-box;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.beginner-mobile .video-content .each-class img {
    width: 280px;
    height: 184px;
    position: relative;
    overflow: hidden
}

.beginner-mobile .video-content .each-class ul {
    height: 85px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0 0 8px 8px;
    background: #fff
}

.beginner-mobile .video-content .each-class ul li {
    text-indent: 10px;
    line-height: 25px;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 3px
}

.beginner-mobile .video-content .each-class ul li:last-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAO9JREFUKJGF0K1KRGEQBuBnD3gHGrWosAgWo5cgNoOCIIiwYzEbDKYFEUQNCztBowgWkxhMiz/FmxAsbrBoshzLOXKUBd/2MQ/zzUyrLEt1ImIFOyjRQj8zL+t60YBrOEIfm+jhICLWa9Mqy1JEjOEZ+5l53WiwhEMsZOZX3XkS700ImXmDIaaaYwwxHhHzTRwRbUzg7Qdn5ieO0YuI2QrOVHOfZubHrwUxqL47qd6HmMb9r2tExCrusIetqraNXdzWF2l1Op02brGRmQN/EhGLuMBygS6uR8Fqn0dcoVtgDmejYCPnaBd4wss/+BUP392NTwFwsYTEAAAAAElFTkSuQmCC) 0 no-repeat;
    margin: 20px 15px 0;
    text-indent: 20px;
    font-weight: normal
}

.beginner-mobile .video-content .each-class ul li.t-name {
    position: relative;
    color: #666
}

.beginner-mobile .video-content .each-class ul li.t-name .price {
    color: #0096ff;
    position: absolute;
    right: 0
}

.beginner-mobile .plat-content {
    margin: 0px auto 50px;
    border: 1px solid #e6e8f4;
    background: #fff url(/static/img/beginner/plat-bg.png) center right no-repeat
}

.beginner-mobile .plat-wrap {
    padding: 20px 50px
}

.beginner-mobile .plat-logo {
    width: 227px;
    height: 52px;
    background: url(/static/img/beginner/logo.png) center center no-repeat;
    background-size: contain
}

.beginner-mobile .feature-area {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-mobile .feature-area .feature {
    width: 250px;
    height: 35px;
    margin: 5px 0;
    color: #4a81ff;
    border: 1px solid #4a81ff;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    background: #f1f4ff;
    font-weight: 500
}

.beginner-mobile .plat-desc {
    padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #7a8ba6;
    font-weight: 500
}

.beginner-mobile .lead-content-mobile {
    margin: 0 auto;
    width: 90vw
}

.beginner-mobile .lead-content-mobile .lead-top {
    height: 170px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center
}

.beginner-mobile .lead-content-mobile .lead-top .step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.beginner-mobile .lead-content-mobile .lead-top .step.active .step-icon {
    background-color: #fff;
    border: 1px solid #4a81ff
}

.beginner-mobile .lead-content-mobile .lead-top .step.active h4 {
    color: #4a81ff
}

.beginner-mobile .lead-content-mobile .lead-top .step .step-icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    padding: 5px;
    text-align: center;
    cursor: pointer
}

.beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon0 {
    background-image: url(/static/img/beginner/step0-icon.png)
}

.beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon1 {
    background-image: url(/static/img/beginner/step1-icon.png)
}

.beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon2 {
    background-image: url(/static/img/beginner/step2-icon.png)
}

.beginner-mobile .lead-content-mobile .lead-top .step .step-icon.step-icon3 {
    background-image: url(/static/img/beginner/step3-icon.png)
}

.beginner-mobile .lead-content-mobile .lead-top .step h4 {
    letter-spacing: 2px
}

.beginner-mobile .lead-content-mobile .lead-top .step-line {
    display: inline-block;
    width: 170px;
    height: 2px;
    background: #f0f0f0;
    margin-top: 50px
}

.beginner-mobile .step-section {
    margin: 40px auto 100px
}

.beginner-mobile .step-section .hs-title {
    font-size: 18px;
    line-height: 30px
}

.beginner-mobile .step-section .hs-desc {
    font-size: 12px;
    line-height: 20px
}

.beginner-mobile .itemwrap {
    background: transparent;
    overflow: hidden;
    outline: none
}

.beginner-mobile .hi-wrap {
    margin-top: 30px;
    overflow: hidden
}

.beginner-mobile .steps-content-mobile {
    position: relative;
    margin: 20px auto;
    text-align: center;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50vw
}

.beginner-mobile .steps-content-mobile.step-img-1 {
    background-image: url(/static/img/beginner/lead-bg1.png)
}

.beginner-mobile .steps-content-mobile.step-img-2 {
    background-image: url(/static/img/beginner/lead-bg2.png)
}

.beginner-mobile .steps-content-mobile.step-img-3 {
    background-image: url(/static/img/beginner/lead-bg3.png)
}

.beginner-mobile .steps-content-mobile.step-img-4 {
    cursor: pointer;
    background-image: url(/static/img/beginner/lead-bg4.png)
}

.hi-wrap {
    margin-top: 30px;
    overflow: hidden
}

.steps-content-mobile {
    position: relative;
    background-size: 100%;
    height: auto;
    overflow: hidden
}

.steps-content-mobile .rc-bottom {
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 0 10px;
    height: 168px;
    color: #ffffff
}

.steps-content-mobile .rc-bottom .rc-title {
    font-size: 16px
}

.steps-content-mobile .rc-bottom .rc-desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: left
}

.steps-content-mobile .rc-bottom .ic-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a81ff;
    height: 28px;
    width: 95px;
    line-height: 28px;
    margin: 10px auto 0;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    z-index: 1111111
}

.steps-content-mobile .rc-bottom .ic-link::after {
    margin-left: 5px;
    height: 0;
    width: 0;
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ffffff
}

.beginner-page {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    background: #f9faff;
    overflow: hidden;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    color: #374567
}

.beginner-page main {
    position: relative
}

.beginner-page .banner {
    width: 100%;
    height: 500px;
    position: relative;
    padding-bottom: 68px
}

.beginner-page .banner-inner {
    width: 100%;
    height: 500px;
    background: url(/static/img/beginner/banner.png) center center no-repeat;
    background-size: cover
}

.beginner-page .section-anchor {
    position: absolute;
    left: calc(50% -1200px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0;
    background: #f2f6ff;
    width: 100%
}

.beginner-page .section-anchor .anchor-tab-item a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px
}

.beginner-page .section-anchor .anchor-tab-item a::after {
    height: 4px
}

.beginner-page .anchor-tabs {
    background: #f2f6ff
}

.beginner-page .beginner-section {
    padding-top: 70px
}

.beginner-page .title {
    width: 800px;
    height: 100px;
    margin: 0px auto 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center
}

.beginner-page .title h3 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-top: 50px;
    margin: 0
}

.beginner-page .title h5 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    margin: 10px auto;
    color: #2b3e54
}

.beginner-page .title.title01 {
    background-image: url(/static/img/beginner/title01.png)
}

.beginner-page .title.title02 {
    background-image: url(/static/img/beginner/title02.png)
}

.beginner-page .title.title03 {
    background-image: url(/static/img/beginner/title03.png)
}

.beginner-page .title.title04 {
    background-image: url(/static/img/beginner/title04.png)
}

.beginner-page .title.title05 {
    background-image: url(/static/img/beginner/title05.png)
}

.beginner-page .new-content {
    width: 1200px;
    margin: 0 auto 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-page .new-content .new-each {
    width: 378px;
    height: 300px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e6e8f4;
    position: relative
}

.beginner-page .new-content .new-each .new-icon {
    width: 110px;
    height: 84px;
    margin: 15px auto 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.beginner-page .new-content .new-each .new-icon.new-01-icon {
    background-image: url(/static/img/beginner/new-01-icon.png)
}

.beginner-page .new-content .new-each .new-icon.new-02-icon {
    width: 118px;
    height: 84px;
    background-image: url(/static/img/beginner/new-02-icon.png)
}

.beginner-page .new-content .new-each .new-icon.new-03-icon {
    background-image: url(/static/img/beginner/new-03-icon.png)
}

.beginner-page .new-content .new-each:hover {
    border-color: #4a81ff
}

.beginner-page .new-content .new-each:hover::before {
    position: absolute;
    content: '';
    display: block;
    height: 3px;
    width: 80px;
    background-color: #4a81ff;
    top: 0;
    left: 50%;
    margin-left: -40px
}

.beginner-page .new-content .new-each:hover.new-01 {
    background-image: url(/static/img/beginner/new-01-bg-active.png)
}

.beginner-page .new-content .new-each:hover.new-02 {
    background-image: url(/static/img/beginner/new-02-bg-active.png)
}

.beginner-page .new-content .new-each:hover.new-03 {
    background-image: url(/static/img/beginner/new-03-bg-active.png)
}

.beginner-page .new-content .new-each:hover .new-01-icon {
    background-image: url(/static/img/beginner/new-01-icon-active.png)
}

.beginner-page .new-content .new-each:hover .new-02-icon {
    background-image: url(/static/img/beginner/new-02-icon-active.png)
}

.beginner-page .new-content .new-each:hover .new-03-icon {
    background-image: url(/static/img/beginner/new-03-icon-active.png)
}

.beginner-page .new-content .new-each .new-content-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px
}

.beginner-page .new-content .new-each .new-content-desc {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 35px;
    color: #7a8ba6
}

.beginner-page .new-content .new-each .new-btn {
    width: 145px;
    height: 40px;
    margin: 10px auto;
    line-height: 40px;
    text-align: center;
    border: 1px solid #4a81ff;
    border-radius: 4px;
    color: #4a81ff;
    cursor: pointer
}

.beginner-page .new-content .new-each .new-btn:hover {
    background: #4a81ff;
    color: #fff;
    transition: all .5s
}

.beginner-page .new-content .new-each.new-01 {
    background-image: url(/static/img/beginner/new-01-bg.png)
}

.beginner-page .new-content .new-each.new-01 img {
    width: 110px;
    height: 84px;
    margin: 15px auto 10px
}

.beginner-page .new-content .new-each.new-02 {
    background-image: url(/static/img/beginner/new-02-bg.png)
}

.beginner-page .new-content .new-each.new-02 img {
    width: 118px;
    height: 84px;
    margin: 15px auto 10px
}

.beginner-page .new-content .new-each.new-03 {
    background-image: url(/static/img/beginner/new-03-bg.png)
}

.beginner-page .new-content .new-each.new-03 img {
    width: 110px;
    height: 84px;
    margin: 15px auto 10px
}

.beginner-page .ability-content {
    width: 1200px;
    height: 640px;
    margin: 0 auto 50px;
    border: 1px solid #e6e8f4;
    background: #fff
}

.beginner-page .ability-content .gaia-tabs-nav .gaia-tab {
    height: 80px;
    margin-top: 10px
}

.beginner-page .ability-content .gaia-tabs-nav .gaia-tab::before {
    height: 20px;
    top: 35px
}

.beginner-page .ability-content .gaia-tabs-nav .gaia-tab span {
    font-size: 18px;
    font-weight: 600;
    line-height: 80px;
    letter-spacing: 1px
}

.beginner-page .ability-content .gaia-tabs-inkbar {
    height: 4px !important
}

.beginner-page .ability-content .ability-block {
    padding: 50px 50px 0;
    display: -ms-flexbox;
    display: flex
}

.beginner-page .ability-content .ability-block .intro {
    width: 410px;
    height: 480px;
    border-right: 1px solid #e6e8f4
}

.beginner-page .ability-content .ability-block .intro .intro-title {
    border-left: 5px solid #cbdaff;
    line-height: 35px;
    text-indent: 20px;
    font-weight: 600;
    font-size: 18px
}

.beginner-page .ability-content .ability-block .intro img {
    margin: 25px 0
}

.beginner-page .ability-content .ability-block .intro .graph {
    font-size: 14px;
    width: 380px;
    text-align: justify;
    font-weight: normal;
    letter-spacing: .5px;
    margin: 10px 0;
    padding: 0;
    color: #7a8ba6;
    font-weight: 500
}

.beginner-page .ability-content .ability-block .intro .intro-btn {
    width: 110px;
    height: 30px;
    margin: 30px 0 0;
    line-height: 30px;
    text-align: center;
    border: 1px solid #4a81ff;
    border-radius: 4px;
    color: #4a81ff;
    cursor: pointer;
    font-size: 14px
}

.beginner-page .ability-content .ability-block .intro .intro-btn:hover {
    background: #4a81ff;
    color: #fff;
    transition: all .5s
}

.beginner-page .ability-content .ability-block .env {
    margin-left: 50px
}

.beginner-page .ability-content .ability-block .env .env-title {
    border-left: 5px solid #cbdaff;
    line-height: 35px;
    text-indent: 20px;
    font-weight: 600;
    font-size: 18px
}

.beginner-page .ability-content .ability-block .env .env-brand {
    font-size: 14px
}

.beginner-page .ability-content .ability-block .env .env-content {
    display: -ms-flexbox;
    display: flex;
    width: 620px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-page .ability-content .ability-block .env .env-each {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 275px;
    height: 215px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-page .ability-content .ability-block .env .env-each img {
    margin-top: 5px
}

.beginner-page .ability-content .ability-block .env .env-each .env-content-title {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 5px
}

.beginner-page .ability-content .ability-block .env .env-each .env-desc {
    text-align: justify;
    font-weight: 500;
    font-size: 14px;
    margin: 10px 0
}

.beginner-page .video-content {
    width: 1200px;
    margin: 0px auto;
    position: relative
}

.beginner-page .video-content .more-btn {
    display: block;
    position: absolute;
    top: 34px;
    right: 0;
    font-size: 16px;
    color: #4a81ff;
    text-decoration: none;
    z-index: 6;
    cursor: pointer
}

.beginner-page .video-content .gaia-tabs {
    background: transparent
}

.beginner-page .video-content .gaia-tabs-bar {
    background: transparent
}

.beginner-page .video-content .gaia-tabs-nav .gaia-tab {
    height: 70px;
    margin-top: 10px
}

.beginner-page .video-content .gaia-tabs-nav .gaia-tab::before {
    height: 20px;
    top: 35px
}

.beginner-page .video-content .gaia-tabs-nav .gaia-tab span {
    font-size: 18px;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: 1px
}

.beginner-page .video-content .gaia-tabs-content {
    background: transparent
}

.beginner-page .video-content .gaia-tabs-inkbar {
    height: 4px !important
}

.beginner-page .video-content .public-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1200px;
    margin-top: 35px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-page .video-content .each-class {
    width: 280px;
    margin: 15px 25px 15px 0;
    box-sizing: content-box;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.beginner-page .video-content .each-class img {
    width: 280px;
    height: 184px;
    position: relative;
    overflow: hidden
}

.beginner-page .video-content .each-class ul {
    height: 85px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0 0 8px 8px;
    background: #fff
}

.beginner-page .video-content .each-class ul li {
    text-indent: 10px;
    line-height: 25px;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 3px
}

.beginner-page .video-content .each-class ul li:last-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAO9JREFUKJGF0K1KRGEQBuBnD3gHGrWosAgWo5cgNoOCIIiwYzEbDKYFEUQNCztBowgWkxhMiz/FmxAsbrBoshzLOXKUBd/2MQ/zzUyrLEt1ImIFOyjRQj8zL+t60YBrOEIfm+jhICLWa9Mqy1JEjOEZ+5l53WiwhEMsZOZX3XkS700ImXmDIaaaYwwxHhHzTRwRbUzg7Qdn5ieO0YuI2QrOVHOfZubHrwUxqL47qd6HmMb9r2tExCrusIetqraNXdzWF2l1Op02brGRmQN/EhGLuMBygS6uR8Fqn0dcoVtgDmejYCPnaBd4wss/+BUP392NTwFwsYTEAAAAAElFTkSuQmCC) 0 no-repeat;
    margin: 20px 15px 0;
    text-indent: 20px;
    font-weight: normal
}

.beginner-page .video-content .each-class ul li.t-name {
    position: relative;
    color: #666
}

.beginner-page .video-content .each-class ul li.t-name .price {
    color: #0096ff;
    position: absolute;
    right: 0
}

.beginner-page .plat-content {
    width: 1200px;
    height: 365px;
    margin: 0px auto 50px;
    border: 1px solid #e6e8f4;
    background: #fff url(/static/img/beginner/plat-bg.png) center right no-repeat
}

.beginner-page .plat-wrap {
    padding: 70px 50px
}

.beginner-page .plat-logo {
    width: 227px;
    height: 52px;
    background: url(/static/img/beginner/logo.png) center center no-repeat;
    background-size: contain
}

.beginner-page .feature-area {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.beginner-page .feature-area .feature {
    width: 250px;
    height: 35px;
    color: #4a81ff;
    border: 1px solid #4a81ff;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    background: #f1f4ff;
    font-weight: 500
}

.beginner-page .plat-desc {
    padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #7a8ba6;
    font-weight: 500
}

.beginner-page .lead-content {
    width: 1200px;
    margin: 0 auto
}

.beginner-page .lead-content .lead-top {
    height: 170px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.beginner-page .lead-content .lead-top .step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.beginner-page .lead-content .lead-top .step.active .step-icon {
    background-color: #fff;
    border: 1px solid #4a81ff
}

.beginner-page .lead-content .lead-top .step.active h4 {
    color: #4a81ff
}

.beginner-page .lead-content .lead-top .step .step-icon {
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    padding: 5px;
    text-align: center;
    cursor: pointer
}

.beginner-page .lead-content .lead-top .step .step-icon.step-icon0 {
    background-image: url(/static/img/beginner/step0-icon.png)
}

.beginner-page .lead-content .lead-top .step .step-icon.step-icon1 {
    background-image: url(/static/img/beginner/step1-icon.png)
}

.beginner-page .lead-content .lead-top .step .step-icon.step-icon2 {
    background-image: url(/static/img/beginner/step2-icon.png)
}

.beginner-page .lead-content .lead-top .step .step-icon.step-icon3 {
    background-image: url(/static/img/beginner/step3-icon.png)
}

.beginner-page .lead-content .lead-top .step h4 {
    letter-spacing: 2px
}

.beginner-page .lead-content .lead-top .step-line {
    display: inline-block;
    width: 170px;
    height: 2px;
    background: #f0f0f0;
    margin-top: 50px
}

.beginner-page .step-section {
    margin: 40px auto 100px;
    width: 1200px
}

.beginner-page .step-section .hs-title {
    font-size: 18px;
    line-height: 30px
}

.beginner-page .step-section .hs-desc {
    font-size: 12px;
    line-height: 20px
}

.beginner-page .step-section .slick-slide {
    opacity: 0.4
}

.beginner-page .step-section .slick-slide .steps-content {
    margin: 40px 0;
    height: 330px;
    width: 800px
}

.beginner-page .step-section .slick-active {
    opacity: 1;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.beginner-page .step-section .slick-active .steps-content {
    margin: 0;
    height: 410px;
    width: 800px
}

.beginner-page .step-section .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.beginner-page .step-section .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.beginner-page .step-section .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 15px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: none;
    background: #7a8ba6;
    cursor: pointer
}

.beginner-page .step-section .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #7a8ba6
}

.beginner-page .step-section .slick-dots li button:hover,.beginner-page .step-section .slick-dots li button:focus {
    outline: none
}

.beginner-page .step-section .slick-dots li button:hover:before,.beginner-page .step-section .slick-dots li button:focus:before {
    opacity: 1
}

.beginner-page .step-section .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    background: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.beginner-page .step-section .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 8px;
    content: '';
    text-align: center;
    background: #5787ff;
    border: none;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.beginner-page .step-section .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 100%
}

.beginner-page .itemwrap {
    background: transparent;
    overflow: hidden;
    outline: none
}

.beginner-page .hi-wrap {
    margin-top: 30px;
    height: 410px;
    overflow: hidden
}

.beginner-page .steps-content {
    position: relative;
    height: 410px;
    margin: 0 auto;
    width: 800px;
    text-align: center;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat
}

.beginner-page .steps-content.step-img-1 {
    background-image: url(/static/img/beginner/lead-bg1.png)
}

.beginner-page .steps-content.step-img-2 {
    background-image: url(/static/img/beginner/lead-bg2.png)
}

.beginner-page .steps-content.step-img-3 {
    background-image: url(/static/img/beginner/lead-bg3.png)
}

.beginner-page .steps-content.step-img-4 {
    cursor: pointer;
    background-image: url(/static/img/beginner/lead-bg4.png)
}

.beginner-page .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.beginner-page .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.beginner-page .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: none;
    background: #7a8ba6;
    cursor: pointer
}

.beginner-page .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff
}

.beginner-page .slick-dots li button:hover,.beginner-page .slick-dots li button:focus {
    outline: none
}

.beginner-page .slick-dots li button:hover:before,.beginner-page .slick-dots li button:focus:before {
    opacity: 1
}

.beginner-page .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    background: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.beginner-page .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 8px;
    content: '';
    text-align: center;
    background: #5787ff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.beginner-page .slick-arrow {
    display: block;
    border: none;
    outline: none;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-size: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url(/static/img/beginner/arrow-right.png);
    background-size: contain;
    z-index: 9
}

.beginner-page .slick-arrow.slick-prev {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.beginner-page .slick-arrow.slick-disabled {
    filter: grayscale(100%);
    filter: gray;
    cursor: default
}

.beginner-page .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 100%
}

.itemwrap {
    width: 700px
}

.hi-wrap {
    margin-top: 30px;
    height: 380px;
    overflow: hidden
}

.steps-content {
    position: relative;
    background-size: 100%;
    height: 325px;
    overflow: hidden
}

.steps-content .rc-bottom {
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 0 10px;
    height: 168px;
    color: #ffffff
}

.steps-content .rc-bottom .rc-title {
    font-size: 16px
}

.steps-content .rc-bottom .rc-desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: left
}

.steps-content .rc-bottom .ic-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a81ff;
    height: 28px;
    width: 95px;
    line-height: 28px;
    margin: 10px auto 0;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    z-index: 1111111
}

.steps-content .rc-bottom .ic-link::after {
    margin-left: 5px;
    height: 0;
    width: 0;
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ffffff
}

.is-container {
    padding-top: 55px;
    position: relative;
    font-size: 14px
}

@keyframes fadeInBottom {
    0% {
        transform: translate3d(0, 30px, 0);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bcu1Wkwl {
    0% {
        opacity: 0;
        transform: translateY(60px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.is-container a {
    text-decoration: none
}

.is-container .is-title {
    width: 1200px;
    margin: 0 auto
}

.is-container .is-title__main {
    font-size: 28px;
    color: #181818;
    padding-right: 15px
}

.is-container .is-title__sub {
    font-size: 16px;
    color: #4B5B76
}

.is-container .is-ul_tab {
    width: 1200px;
    margin: 55px auto 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-container .is-ul_tab .is-li_title {
    font-size: 16px;
    color: #4B5B76;
    cursor: pointer;
    transition: all 0.2s;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    padding-bottom: 20px
}

.is-container .is-ul_tab .is-li_title:after {
    content: "";
    width: 0%;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 2px solid #1975FF;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width 0.2s
}

.is-container .is-ul_tab .is-li_title_active {
    font-size: 18px;
    color: #1975FF
}

.is-container .is-ul_tab .is-li_title_active:after {
    width: 50%
}

.is-container .is-content {
    width: 100%;
    height: 439px;
    display: none
}

.is-container .is-content__active {
    display: -ms-flexbox;
    display: flex
}

.is-container .is-content__left {
    width: 47%;
    height: 100%;
    background: linear-gradient(190deg, #AAC1D9 0%, #FBFCFE 100%);
    position: relative
}

.is-container .is-content__left .picture {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 860px;
    height: 439px;
    margin-right: -62px;
    animation: bcu1Wkwl .5s ease
}

.is-container .is-content__left .bg {
    position: relative;
    height: 439px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.is-container .is-content__right {
    width: 53%;
    height: 100%;
    box-sizing: border-box;
    background: #364464;
    padding-left: 60px
}

.is-container .is-content__right .en-title {
    color: rgba(95,107,131,0.5);
    font-size: 48px;
    font-weight: 600;
    padding-top: 31px;
    animation: fadeInBottom 0.5s ease both
}

.is-container .is-content__right .title {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: 1px;
    animation: fadeInBottom 0.5s ease 0.1s both;
    margin-top: -3px
}

.is-container .is-content__right .desc {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.9;
    box-sizing: border-box;
    height: 52px;
    margin: 16px 0 20px;
    width: 580px;
    line-height: 26px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    animation: fadeInBottom 0.5s ease 0.1s both
}

.is-container .is-content__right .btn {
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    width: 115px;
    height: 39px;
    line-height: 39px;
    background: linear-gradient(157deg, #fff 0%, #E0E9F5 100%);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.18);
    border-radius: 4px;
    color: #252B3A;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    animation: fadeInBottom 0.5s ease 0.4s both
}

.is-container .is-content__right .btn .icon-arrow {
    transition: transform 0.3s;
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.is-container .is-content__right .btn:hover {
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.18)
}

.is-container .is-content__right .btn:hover .icon-arrow {
    -ms-transform: translateX(9px);
    transform: translateX(9px)
}

.is-container .is-panel {
    position: relative;
    height: 748px;
    background: url(/static/img/layout/homepage/brain_bg.png) center center/cover no-repeat;
    box-sizing: border-box;
    padding-top: 160px
}

.is-container .is-panel-content {
    width: 1200px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 38px;
    background: #FFFFFF;
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    border-radius: 4px;
    position: absolute;
    top: -125px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 7
}

.is-container .is-panel-content .title {
    font-size: 18px;
    color: #2e2e2e;
    margin-bottom: 31px
}

.is-container .is-panel-content .is-panel__left {
    width: 65%
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions {
    display: -ms-flexbox;
    display: flex;
    justify-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution {
    width: calc(20% - 19px);
    margin-right: 20px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:nth-child(5n) {
    margin-right: 0
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:nth-child(-n+5) {
    margin-bottom: 33px
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .st-title {
    color: #252B3A;
    position: relative;
    max-width: calc(100% - 20px)
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .st-title .text {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .st-title .hot {
    padding: 2px 4px;
    transform: scale(0.7) translate3d(110%, 0, 0);
    position: absolute;
    right: 0;
    top: -18px;
    font-size: 12px;
    display: inline-block;
    color: #FFA978;
    background: linear-gradient(180deg, #FFF3E8 0%, #fff 100%);
    border: 1px solid #FFBD98
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution .icon-arrow {
    transition: transform 0.3s
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:hover .st-title {
    color: #1975FF
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:hover .icon-arrow {
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.is-container .is-panel-content .is-panel__left .is-panel-ul__solutions .si-panel-li__solution:hover .icon-arrow>path {
    fill: #1975FF
}

.is-container .is-panel-content .is-panel__right {
    width: 32%
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability {
    color: #68696A;
    padding: 4px 10px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #EEF6FF;
    border-radius: 4px;
    margin-right: 10px
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:nth-child(3n) {
    margin-right: 0
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:nth-child(-n+3) {
    margin-bottom: 23px
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability .icon-arrow {
    margin-left: 6px;
    transition: transform 0.3s
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:hover {
    color: #1975FF
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:hover .icon-arrow {
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.is-container .is-panel-content .is-panel__right .is-panel-ul__capabilities .si-panel-li__capability:hover .icon-arrow>path {
    fill: #1975FF
}

.is-container .is-panel .robot .rt-content {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.is-container .is-panel .robot .rt-content .rt-title {
    font-size: 30px;
    color: #181818
}

.is-container .is-panel .robot .rt-content .rt-subtitle {
    padding-left: 15px;
    color: #4B5B76;
    font-size: 16px
}

.is-container .is-panel .robot .rt-content .robot-panel {
    position: absolute;
    left: 50%;
    top: 180px;
    width: 1200px;
    height: 230px;
    transform: translate3d(-50%, 0, 0);
    text-align: center
}

.is-container .is-panel .robot .rt-content .robot-panel .title {
    color: #175EC4;
    font-size: 22px;
    padding: 24px 0 16px;
    font-weight: 600
}

.is-container .is-panel .robot .rt-content .robot-panel .desc {
    margin: 0 auto;
    width: 842px;
    font-size: 16px;
    color: #4B5B76;
    line-height: 30px
}

.is-container .is-panel .robot .rt-content .robot-panel .btn {
    display: inline-block;
    width: 150px;
    height: 39px;
    background: linear-gradient(216deg, #3270FF 0%, #4289F5 100%);
    border-radius: 4px;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.18);
    transition: all 0.3s;
    margin: 20px auto 0
}

.is-container .is-panel .robot .rt-content .robot-panel .btn .icon-arrow {
    transition: transform 0.3s;
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.is-container .is-panel .robot .rt-content .robot-panel .btn:hover .icon-arrow {
    -ms-transform: translateX(9px);
    transform: translateX(9px)
}

.is-container .is-panel .robot .rt-ul_chac {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-container .is-panel .robot .rt-ul_chac .rt-li_chac {
    position: absolute;
    font-size: 16px;
    color: #5C81BF
}

.is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(1) {
    left: 210px;
    top: 258px
}

.is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(2) {
    left: 835px;
    top: 255px
}

.is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(3) {
    left: 307px;
    top: 608px
}

.is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(4) {
    left: 602px;
    top: 676px
}

.is-container .is-panel .robot .rt-ul_chac .rt-li_chac:nth-child(5) {
    left: 875px;
    top: 604px
}

.hm-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.hm-banner .slick-slider {
    height: 416px
}

.hm-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden
}

.hm-banner .slick-list:focus {
    outline: none
}

.hm-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.hm-banner .slick-slider .slick-track,.hm-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hm-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hm-banner .slick-track:before,.hm-banner .slick-track:after {
    display: table;
    content: ''
}

.hm-banner .slick-track:after {
    clear: both
}

.hm-banner .slick-loading .slick-track {
    visibility: hidden
}

.hm-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.hm-banner [dir='rtl'] .slick-slide {
    float: right
}

.hm-banner .slick-slide img {
    display: block
}

.hm-banner .slick-slide.slick-loading img {
    display: none
}

.hm-banner .slick-slide.dragging img {
    pointer-events: none
}

.hm-banner .slick-initialized .slick-slide {
    display: block
}

.hm-banner .slick-loading .slick-slide {
    visibility: hidden
}

.hm-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.hm-banner .slick-arrow.slick-hidden {
    display: none
}

.hm-banner .slick-prev,.hm-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.hm-banner .slick-prev:hover,.hm-banner .slick-prev:focus,.hm-banner .slick-next:hover,.hm-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.hm-banner .slick-prev:hover:before,.hm-banner .slick-prev:focus:before,.hm-banner .slick-next:hover:before,.hm-banner .slick-next:focus:before {
    opacity: 1
}

.hm-banner .slick-prev.slick-disabled:before,.hm-banner .slick-next.slick-disabled:before {
    opacity: .25
}

.hm-banner .slick-prev:before,.hm-banner .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hm-banner .slick-prev {
    left: -25px
}

.hm-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.hm-banner .slick-prev:before {
    content: '\2190'
}

.hm-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'
}

.hm-banner .slick-next {
    right: -25px
}

.hm-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.hm-banner .slick-next:before {
    content: '\2192'
}

.hm-banner [dir='rtl'] .slick-next:before {
    content: '\2190'
}

.hm-banner .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    list-style: none;
    text-align: left;
    padding-bottom: 15px
}

.hm-banner .slick-dots ul {
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto !important;
    padding-left: 10px
}

.hm-banner .slick-dots ul li {
    position: relative;
    display: inline-block;
    width: 118px;
    margin-right: 12px
}

.hm-banner .hm-banner-dot .hm-dot-title {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.7;
    line-height: 22px;
    width: 100%;
    text-align: center
}

.hm-banner .hm-banner-dot .hm-dot-progress {
    display: block;
    width: 118px;
    cursor: pointer;
    opacity: 0.7;
    height: 18px;
    background-image: linear-gradient(to bottom, transparent 0, transparent 7px, rgba(255,255,255,0.42) 7px, rgba(255,255,255,0.42) 10px, transparent 10px, transparent 18px);
    white-space: nowrap;
    position: relative;
    overflow: hidden
}

.hm-banner .hm-banner-dot .hm-dot-progress .icon-bug {
    width: 14px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    opacity: 0;
    transform: translate3d(-2px, -6.5px, 0)
}

.hm-banner .hm-banner-dot .hm-dot-progress::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0px;
    width: 0px;
    height: 3px;
    text-align: center;
    background: #ffffff;
    opacity: .75
}

.hm-banner .hm-banner-dot .hm-dot-progress:hover {
    opacity: 1
}

.hm-banner li.slick-active .hm-dot-title {
    font-weight: 600;
    opacity: 1
}

.hm-banner li.slick-active .hm-dot-progress {
    opacity: 1;
    position: relative
}

.hm-banner li.slick-active .hm-dot-progress::after {
    opacity: 1;
    width: 118px;
    animation: borderAni 6s linear;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.hm-banner li.slick-active .hm-dot-progress .icon-bug {
    z-index: 2;
    opacity: 0;
    display: block;
    animation: bugAni 6s linear;
    animation-fill-mode: forwards
}

@keyframes borderAni {
    from {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes bugAni {
    from {
        opacity: 1;
        transform: translate3d(0, -7px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(104px, -7px, 0)
    }
}

a {
    text-decoration: none !important
}

.hm-banner-item {
    height: 416px
}

.hm-banner-item .btn-group {
    position: absolute;
    background-color: transparent;
    height: 416px;
    width: 1200px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 235px;
    display: -ms-flexbox;
    display: flex
}

.hm-banner-item .btn-group .btn {
    cursor: pointer;
    width: 133px;
    height: 41px;
    border-radius: 8px;
    cursor: pointer
}

.hm-banner-item .btn-group .btn.btn2 {
    margin-left: 12px
}

@font-face {
    .hm-banner-item {
        font-family: rzgf;
        src: url(/static/font/RZGF.TTF)
    }
}

.hm-banner-item .img-wrap {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

.hm-banner-item .hm-banner-item__content {
    width: 1200px;
    height: 100%;
    margin: auto
}

.hm-user-card-container-login {
    position: absolute;
    z-index: 1;
    right: 0;
    margin-right: calc(50% - 600px);
    margin-top: 50px
}

.hm-user-card-container-login .hm-user-card {
    width: 321px;
    height: 322px;
    background: url(/static/img/layout/homepage/card_info.png) center center/100% 100% no-repeat;
    box-sizing: border-box;
    padding: 29px 22px 0 21px
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22px;
    padding-left: 3px
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .img-wrap {
    width: 38px;
    height: 38px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    margin-top: 3px
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .img-wrap>img {
    max-width: 100%;
    height: 100%
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name {
    font-size: 14px;
    font-weight: 600;
    color: #4B5B76;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name .arrow {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(/static/img/layout/header/arrow.svg) center center/100% 100% no-repeat;
    transition: all .1s ease-out;
    margin-left: 10px
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name .logout-panel {
    display: none;
    position: absolute;
    top: 18px;
    left: 38px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    background: #FFFFFF;
    color: #4B5B76;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.12);
    border: 1px solid;
    -o-border-image: linear-gradient(180deg, #dae8f3, #b8d8ff) 1 1;
    border-image: linear-gradient(180deg, #dae8f3, #b8d8ff) 1 1
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name:hover .arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .name:hover .logout-panel {
    display: block
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .level {
    display: block;
    height: 20px;
    width: 54px;
    background: url(/static/img/layout/homepage/name_bg.png) center center/100% 100% no-repeat
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .user-info .level-text {
    line-height: 20px;
    display: block;
    color: #EC7F11;
    font-family: RZGF;
    font-weight: 600;
    font-size: 12px;
    padding-left: 24px
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .create-center {
    display: inline-block;
    text-decoration: none;
    width: 87px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: linear-gradient(180deg, #fff 0%, #F9FBFF 100%);
    color: #1975FF;
    border-radius: 4px;
    border: 1px solid rgba(139,180,241,0.82);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    box-shadow: 0px 4px 10px rgba(25,117,255,0.17)
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .create-center .msg-count {
    position: absolute;
    top: -4px;
    left: 72px;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    font-weight: 600;
    padding: 0px 8px;
    background: linear-gradient(180deg, #FF997B 0%, #FF805A 100%);
    border-radius: 7px;
    color: #ffffff
}

.hm-user-card-container-login .hm-user-card-info .hm-user-card-top .create-center:hover {
    box-shadow: 0px 4px 10px rgba(25,117,255,0.37)
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 6px
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-icon,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #C3D6EF;
    margin-right: 7px;
    background: linear-gradient(204deg, rgba(211,229,255,0.4) 0%, rgba(175,211,255,0.4) 100%);
    border-radius: 50%
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-icon img,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-icon img {
    max-width: 75%;
    max-height: 75%
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-icon-0 img,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-icon-0 img {
    margin-left: 4px;
    max-width: 67%;
    max-height: 67%
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip {
    text-decoration: none
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip .guide-title,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip .guide-title {
    color: #4B5B76;
    font-size: 14px;
    font-weight: 600
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip .guide-subtitle,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip .guide-subtitle {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    padding-top: 2px;
    color: #8899B5
}

.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-guide .guide-tip:hover .guide-title,.hm-user-card-container-login .hm-user-card-info .guide-wrap .user-survey .guide-tip:hover .guide-title {
    color: #1975FF
}

.hm-user-card-container-login .hm-user-card-relavant {
    margin-top: 17px
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EBEBEB
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item {
    height: 26px;
    color: #4B5B76;
    line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    padding: 8px;
    position: relative;
    margin-right: 10px
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item:last-child {
    margin-right: 0
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item::after {
    content: "";
    width: 90%;
    height: 0;
    border-bottom: 3px solid #1975FF;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .ut-tabs .ut-tab-item__active::after {
    display: block
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists {
    padding-top: 12px
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list:last-child {
    margin-bottom: 0
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list .label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    background: #FFF1E8;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #C28358;
    text-align: center;
    margin-right: 7px;
    border: 1px solid #FFDAC2
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list .content {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    color: #4B5B76
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list:hover .content {
    color: #1975FF
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-ability .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar {
    margin-bottom: 8px
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .dot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #B1B1B1;
    position: relative;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    margin-right: 3px
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .dot::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0);
    background-color: #fff
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .dot::before {
    content: "";
    width: 0;
    height: 48px;
    border-right: 1px dashed #cecece;
    position: absolute;
    top: 100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .content .desc {
    width: 170px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar .time {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    color: #64738D
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar:last-child .content .dot::before {
    display: none
}

.hm-user-card-container-login .hm-user-card-relavant .user-relavant .relavant-lists .relavant-list-calendar:hover .content .dot {
    background-color: #1975FF
}

.hm-user-card-container-no-login {
    position: absolute;
    z-index: 1;
    right: 0;
    margin-right: calc(50% - 600px);
    margin-top: 53px
}

.hm-user-card-container-no-login .hm-user-card {
    width: 307px;
    height: 308px;
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    box-sizing: border-box;
    padding: 30px 19px 0;
    text-align: center;
    background: url(/static/img/layout/homepage/card_login.png) center center/100% 100% no-repeat
}

.hm-user-card-container-no-login .card-title {
    font-size: 22px;
    font-weight: 600;
    color: #4B5B76;
    margin-bottom: 4px;
    text-align: left;
    padding-left: 7px
}

.hm-user-card-container-no-login .card-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #4B5B76;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 7px
}

.hm-user-card-container-no-login .card-tip {
    color: #96ADC6;
    font-size: 14px;
    margin: 24px 0 8px;
    letter-spacing: 1px
}

.hm-user-card-container-no-login .hm-card-button {
    width: 270px;
    height: 42px;
    background: linear-gradient(221deg, #3270FF 0%, #4AB7FF 100%);
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 42px;
    margin-bottom: 17px;
    cursor: pointer;
    letter-spacing: 1px
}

.hm-user-card-container-no-login .hm-card-button:hover {
    background: linear-gradient(221deg, #487FFE 0%, #5BBDFF 100%);
    box-shadow: 0px 4px 14px rgba(25,117,255,0.37)
}

.hm-user-card-container-no-login .hm-card-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    padding-left: 10px
}

.hm-user-card-container-no-login .hm-card-desc-left,.hm-user-card-container-no-login .hm-card-desc-right {
    width: 47%;
    box-sizing: border-box
}

.hm-user-card-container-no-login .hm-card-desc .desc-title {
    font-size: 16px;
    font-weight: 600;
    color: #4B5B76;
    padding-bottom: 9px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.hm-user-card-container-no-login .hm-card-desc .desc-title:hover {
    color: #1975FF
}

.hm-user-card-container-no-login .hm-card-desc .desc-title .icon-arrow {
    margin-left: 6px;
    transition: transform 0.3s
}

.hm-user-card-container-no-login .hm-card-desc .desc-title:hover .icon-arrow {
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.hm-user-card-container-no-login .hm-card-desc .desc-list {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    color: #96ADC6;
    position: relative;
    margin-bottom: 7px;
    padding-left: 9px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    text-decoration: none;
    line-height: 1
}

.hm-user-card-container-no-login .hm-card-desc .desc-list:hover {
    color: #1975FF
}

.hm-user-card-container-no-login .hm-card-desc .desc-list::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    width: 4px;
    height: 4px;
    background: linear-gradient(139deg, #2FA2FF 0%, #4289F5 100%);
    border-radius: 50%
}

.hm-guide-container {
    width: 100%;
    height: 82px;
    background: linear-gradient(180deg, #fff 0%, #E8F1FF 100%)
}

.hm-guide-container * {
    box-sizing: border-box
}

.hm-guide-container .hm-guide {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.hm-guide-container .hm-guide .hm-guide-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 16px;
    box-sizing: border-box;
    border-right: 1px solid #E0E7F0
}

.hm-guide-container .hm-guide .hm-guide-item:hover .hm-guide-item-title,.hm-guide-container .hm-guide .hm-guide-item:hover .hm-guide-item-subtitle {
    color: #1975FF
}

.hm-guide-container .hm-guide .hm-guide-item:last-child {
    border-right: none
}

.hm-guide-container .hm-guide .hm-guide-item .img-wrap {
    width: 74px;
    height: 67px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px
}

.hm-guide-container .hm-guide .hm-guide-item .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.hm-guide-container .hm-guide .hm-guide-item-title {
    font-size: 18px;
    font-weight: 600;
    color: #4B5B76;
    line-height: 26px
}

.hm-guide-container .hm-guide .hm-guide-item-subtitle {
    font-size: 12px;
    font-weight: 400;
    color: #4B5B76;
    line-height: 26px
}

@keyframes fadeInFromBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes borderAniTop {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.ay-container {
    width: 100%;
    height: 828px;
    background: linear-gradient(148deg, #FAFCFF 0%, #F2F7FD 100%)
}

.ay-container .ay-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 62px
}

.ay-container .ay-content .title {
    font-size: 30px;
    color: #181818
}

.ay-container .ay-content .sub-title {
    padding-left: 15px;
    color: #4B5B76;
    font-size: 16px
}

.ay-container .ay-ul-tab {
    display: -ms-flexbox;
    display: flex;
    width: 1156px;
    margin: 0 auto
}

.ay-container .ay-ul-tab .ay-li-tab {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.ay-container .ay-ul-tab .ay-li-tab::after {
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 3px solid #1975FF;
    display: none;
    position: absolute
}

.ay-container .ay-ul-tab .ay-li-tab .img-wrap {
    width: 46px;
    height: 46px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.ay-container .ay-ul-tab .ay-li-tab .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.ay-container .ay-ul-tab .ay-li-tab .li-title {
    padding-top: 6px;
    color: #4B5B76;
    font-size: 16px
}

.ay-container .ay-ul-tab .ay-li-tab_active .li-title {
    color: #1975FF
}

.ay-container .ay-ul-tab .ay-li-tab_active::after {
    display: block;
    animation: borderAniTop 7s linear;
    animation-fill-mode: forwards
}

.ay-container .ay-ul-tab .ay-li-tab_pauseAni::after {
    animation: none;
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.ay-container .ay-ul-tab_top {
    margin-top: 63px
}

.ay-container .ay-ul-tab_top .ay-li-tab {
    padding-bottom: 20px
}

.ay-container .ay-ul-tab_top .ay-li-tab::after {
    left: 0;
    bottom: 0
}

.ay-container .ay-ul-tab_bottom .ay-li-tab {
    padding-top: 36px;
    left: 0
}

.ay-container .ay-ul-tab_bottom .ay-li-tab::after {
    right: 0;
    top: 0
}

.ay-container .ay-middle {
    width: 1200px;
    height: 385px;
    background: #F2F7FD;
    box-shadow: 0px 2px 0px 0px #fff,inset 0px 12px 15px 0px rgba(0,0,0,0.06);
    border-radius: 10px;
    position: relative
}

.ay-container .ay-middle-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 49px 27px 20px 59px;
    box-sizing: border-box;
    opacity: 0;
    display: none
}

.ay-container .ay-middle-content .ay-middle-item {
    width: 228px;
    height: auto
}

.ay-container .ay-middle-content .ay-middle-item .am-item-title {
    width: 100%;
    font-size: 16px;
    color: #4B5B76;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.ay-container .ay-middle-content .ay-middle-item .am-item-title .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ay-container .ay-middle-content .ay-middle-item .am-item-title .icon {
    font-size: 12px;
    color: #FF8E4D;
    margin-left: 4px
}

.ay-container .ay-middle-content .ay-middle-item .am-item-title:hover {
    color: #1975FF
}

.ay-container .ay-middle-content .ay-middle-item .am-item-desc {
    color: #4B5B76;
    font-size: 14px;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 1px
}

.ay-container .ay-middle-content .ay-middle-item .am-tags {
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.ay-container .ay-middle-content .ay-middle-item .am-tags .tag-item {
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 2px;
    border: 1px solid #DFDFDF;
    padding: 0 6px;
    color: #8D9BB3;
    font-size: 12px;
    margin-right: 10px
}

.ay-container .ay-middle-content .ay-middle-item .am-tags .tag-item:last-child {
    margin-right: 0
}

.ay-container .ay-middle-content_active {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    animation: fadeInFromBottom 0.8s ease both
}

.ay-container .ay-middle-content_active .ay-middle-item:nth-child(-n+4) {
    margin-bottom: 30px
}

.ai-saas {
    width: 100%;
    height: 745px;
    background: #196eed url(/static/img/layout/homepage/ai_bg.png) center center/auto 100% no-repeat;
    padding-top: 55px
}

.ai-saas .title-wrap {
    width: 1200px;
    margin: 0 auto;
    color: #ffffff
}

.ai-saas .title-wrap .as-title {
    font-size: 30px
}

.ai-saas .title-wrap .as-subtitle {
    font-size: 16px;
    padding-left: 14px
}

.ai-saas .card-wrap {
    width: 1222px;
    height: 576px;
    box-sizing: border-box;
    margin: 33px auto 0;
    background: url(/static/img/layout/homepage/as_bg.png) center center/100% 100% no-repeat;
    padding: 40px 62px 0 42px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ai-saas .card-wrap .card__left {
    width: 200px
}

.ai-saas .card-wrap .card__left .card-tab {
    width: 198px;
    height: 82px;
    box-sizing: border-box;
    background: linear-gradient(147deg, #F3F7FF 0%, #fff 100%);
    box-shadow: 0px 4px 6px 0px rgba(67,104,160,0.13),inset 0px 2px 6px 0px rgba(88,149,255,0.5);
    border-radius: 10px;
    margin-bottom: 19px;
    padding-left: 40px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #272C3A
}

.ai-saas .card-wrap .card__left .card-tab:last-child {
    margin-bottom: 0
}

.ai-saas .card-wrap .card__left .card-tab .icon-wrap {
    width: 35px;
    height: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px
}

.ai-saas .card-wrap .card__left .card-tab .icon-wrap .icon {
    max-width: 100%;
    max-height: 100%
}

.ai-saas .card-wrap .card__left .card-tab .icon-wrap .icon-hover {
    display: none
}

.ai-saas .card-wrap .card__left .card-tab__active {
    background: url(/static/img/layout/homepage/card_bg.png) center center/100% 100% no-repeat;
    color: #ffffff
}

.ai-saas .card-wrap .card__left .card-tab__active .icon-wrap .icon-default {
    display: none
}

.ai-saas .card-wrap .card__left .card-tab__active .icon-wrap .icon-hover {
    display: block
}

.ai-saas .card-wrap .card__middle {
    -ms-flex: 1;
    flex: 1;
    padding-left: 57px
}

@keyframes cardAni {
    from {
        transform: translateX(30px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes imgAni {
    from {
    }

    to {
    }
}

.ai-saas .card-wrap .card__middle .card-info {
    display: none
}

.ai-saas .card-wrap .card__middle .card-info__active {
    display: block
}

.ai-saas .card-wrap .card__middle .card-info .card-info-desc {
    width: 446px;
    height: 52px;
    font-size: 16px;
    color: #4B5B76;
    line-height: 26px;
    margin-top: 42px;
    margin-bottom: 36px;
    animation: cardAni 0.5s ease forwards
}

.ai-saas .card-wrap .card__middle .card-info .list-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    animation: cardAni 0.5s ease 0.1s forwards
}

.ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 37px
}

.ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item:last-child {
    margin-bottom: 0
}

.ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #CEDFFF;
    border-radius: 3px;
    color: #1975FF;
    font-size: 12px;
    padding: 4px 8px;
    margin-right: 16px
}

.ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item__right .mt-item-title {
    font-size: 16px;
    color: #252B3A;
    line-height: 26px;
    font-weight: 600
}

.ai-saas .card-wrap .card__middle .card-info .list-wrap .mt-item__right .mt-item-desc {
    padding-top: 3px;
    font-size: 12px;
    color: #4B5B76;
    line-height: 22px;
    width: 375px
}

.ai-saas .card-wrap .card__middle .card-info .btn {
    display: inline-block;
    width: 117px;
    height: 37px;
    margin-top: 60px;
    background: linear-gradient(216deg, #3270FF 0%, #4289F5 100%);
    border-radius: 4px;
    font-size: 14px;
    line-height: 37px;
    text-align: center;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    animation: cardAni 0.5s ease 0.1s forwards
}

.ai-saas .card-wrap .card__middle .card-info .btn .icon-arrow {
    margin-left: 6px;
    transition: transform 0.3s
}

.ai-saas .card-wrap .card__middle .card-info .btn:hover .icon-arrow {
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

.ai-saas .card-wrap .card__right {
    width: 348px;
    height: 448px;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ai-saas .card-wrap .card__right .img {
    display: none;
    max-width: 100%;
    max-height: 100%;
    animation: imgAni 0.5s ease forwards
}

.ai-saas .card-wrap .card__right .img-show {
    display: block
}

.cy-container {
    width: 1200px;
    margin: 0 auto;
    padding: 74px 0 10px
}

.cy-container a {
    text-decoration: none
}

.cy-container .title {
    font-size: 30px;
    color: #181818
}

.cy-container .sub-title {
    padding-left: 15px;
    color: #4B5B76;
    font-size: 16px
}

.cy-container .cy-ul {
    margin-top: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cy-container .cy-ul .cy-li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 289px;
    padding: 39px 40px 0 38px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: var(--bg);
    box-shadow: 0px 4px 6px 1px rgba(0,0,0,0.07);
    border-radius: 4px
}

.cy-container .cy-ul .cy-li:nth-child(1),.cy-container .cy-ul .cy-li:nth-child(2) {
    margin-bottom: 12px
}

.cy-container .cy-ul .cy-li-title {
    font-size: 24px;
    color: #313131
}

.cy-container .cy-ul .cy-li-desc {
    color: #4B5B76;
    line-height: 26px;
    font-size: 14px;
    margin: 9px 0 24px
}

.cy-container .cy-ul .cy-li .cy-li-tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%
}

.cy-container .cy-ul .cy-li .cy-li-tags .tag-item {
    width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #252B3A
}

.cy-container .cy-ul .cy-li .cy-li-tags .tag-item:nth-child(1),.cy-container .cy-ul .cy-li .cy-li-tags .tag-item:nth-child(2) {
    margin-bottom: 16px
}

.cy-container .cy-ul .cy-li .cy-li-tags .tag-item .icon {
    color: #1975FF;
    margin-right: 7px;
    font-weight: 600
}

.cy-container .cy-ul .cy-li .btn {
    width: 115px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    cursor: pointer;
    color: #1975FF;
    margin-top: 41px;
    float: right
}

.cy-container .cy-ul .cy-li .btn .icon-arrow {
    transition: transform 0.3s;
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.cy-container .cy-ul .cy-li .btn:hover .icon-arrow {
    -ms-transform: translateX(9px);
    transform: translateX(9px)
}

.cy-container .cy-ul .cy-li:nth-child(1),.cy-container .cy-ul .cy-li:nth-child(2) {
    width: 595px
}

.cy-container .cy-ul .cy-li:nth-child(3),.cy-container .cy-ul .cy-li:nth-child(4),.cy-container .cy-ul .cy-li:nth-child(5) {
    width: 393px;
    box-sizing: border-box
}

.cy-container .cy-ul .cy-li:nth-child(3) .cy-li-desc,.cy-container .cy-ul .cy-li:nth-child(4) .cy-li-desc,.cy-container .cy-ul .cy-li:nth-child(5) .cy-li-desc {
    width: 178px;
    height: 52px;
    overflow: hidden
}

.cy-container .cy-ul .cy-li:nth-child(3) .btn,.cy-container .cy-ul .cy-li:nth-child(4) .btn,.cy-container .cy-ul .cy-li:nth-child(5) .btn {
    margin-top: 76px
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.main-content {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    font-family: PingFangSC-Regular, PingFang SC !important
}

.main-content .home-section {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px
}

.main-content .home-section .hs-title {
    width: 100%;
    font-size: 30px;
    color: #1a1d3c;
    line-height: 50px
}

.main-content .home-section .hs-desc {
    width: 100%;
    font-size: 16px;
    color: #646b97;
    line-height: 30px
}

.main-content .animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.main-content .animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 70%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.main-content .animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.main-content .animate__fadeInLeft {
    animation-name: fadeInLeft
}

@media only screen and (max-width: 576px) {
    .main-content {
        min-width:0
    }

    .main-content .hs-banner {
        margin-top: 50px
    }
}

.slick-dots,.slick-next,.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-dots li button:before,.slick-next:before,.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: ''
}

.slick-next:before,[dir=rtl] .slick-prev:before {
    content: ''
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '\922B\FFFD'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.introduction-history-wrapper {
    width: 2560px;
    margin-top: 60px
}

.introduction-history-wrapper-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.introduction-history-wrapper-title-line {
    width: 1px;
    height: 48px;
    background: #979797;
    margin: 0 15px
}

.introduction-history-wrapper-title .arrow {
    width: 0;
    height: 0;
    border-left: 17.03px solid transparent;
    border-right: 17.03px solid transparent;
    border-bottom: 22px solid #1975ff;
    cursor: pointer;
    border-radius: 2px;
    transition: all 0.2s
}

.introduction-history-wrapper-title .arrow:hover {
    opacity: 0.8
}

.introduction-history-wrapper-title-prev {
    margin-left: 37px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.introduction-history-wrapper-title-next {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.introduction-history-wrapper .introduction-history-slick-wrap {
    position: relative;
    width: 2560px;
    min-height: 253px;
    background: url(/static/img/introduction/history-bg.png) center center no-repeat;
    margin-top: 10px
}

.introduction-history-wrapper .introduction-history-slick {
    position: absolute;
    top: 63px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1200px
}

.introduction-history-wrapper .introduction-history-slick-item {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    height: 100%
}

.introduction-history-wrapper .introduction-history-slick-item .year {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 72px;
    font-size: 60px;
    font-weight: 400;
    text-align: justify;
    color: #1975ff;
    line-height: 72px
}

.introduction-history-wrapper .introduction-history-slick-item .year>span {
    color: #1975ff;
    font-size: 40px
}

.introduction-history-wrapper .introduction-history-slick-item .line {
    width: 4px;
    height: 107px;
    background: #cacaca;
    margin-left: 2px
}

.introduction-history-wrapper .introduction-history-slick-item .content {
    width: 250px;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    color: #2b2b2b;
    line-height: 30px
}

.introduction-history-wrapper .introduction-history-slick-item.reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.introduction-history-wrapper .introduction-history-slick .normal {
    padding-bottom: 25px
}

.introduction-history-wrapper .introduction-history-slick .reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 67px
}

.iflytek-wrapper {
    position: relative;
    width: 1200px;
    margin-top: 55px
}

.iflytek-wrapper .bot {
    width: 462px;
    height: 601px;
    position: absolute;
    top: -150px;
    left: 100%;
    -ms-transform: translateX(calc(-100% + 24px));
    transform: translateX(calc(-100% + 24px))
}

.iflytek-wrapper-title {
    margin-bottom: 16px
}

.iflytek-wrapper-title span {
    letter-spacing: 0.1em;
    font-style: italic
}

.iflytek-wrapper-title span:first-of-type {
    height: 48px;
    font-size: 40px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 48px;
    margin-right: 13px
}

.iflytek-wrapper-title span:nth-of-type(2) {
    height: 26px;
    font-size: 22px;
    font-family: DingTalk, DingTalk-Regular;
    font-weight: 500;
    color: #1975ff;
    line-height: 26px
}

.iflytek-wrapper-content {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    border-bottom: 3px solid #cccccc;
    padding: 23px 31px 44px 31px
}

.iflytek-wrapper-content .top-line {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 86px;
    height: calc(100% - 2px);
    border-left: 1px solid #1975ff;
    border-top: 1px solid #1975ff;
    border-top-left-radius: 29px
}

.iflytek-wrapper-content .top-line::before {
    position: absolute;
    width: 165px;
    top: -2px;
    left: 86px;
    content: '';
    border-bottom: 2px solid #1975ff
}

.iflytek-wrapper-content>p {
    margin-top: 0;
    margin-bottom: 37px;
    width: 729px;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    color: #2b2b2b;
    line-height: 30px
}

.iflytek-wrapper-content-list {
    display: grid;
    grid-template-columns: 300px 250px 330px;
    gap: 14px 0px
}

.iflytek-wrapper-content-list-item {
    height: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.iflytek-wrapper-content-list .block {
    display: inline-block;
    width: 7.07px;
    height: 7.07px;
    background: #1975ff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 12px
}

.iflytek-wrapper-content-list .detail {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.introduction-contact {
    width: 2560px;
    height: 138px;
    background: rgba(25,117,255,0.85);
    margin-top: 220px
}

.introduction-contact-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    height: inherit
}

.introduction-contact-content-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.introduction-contact-content-left-text .contact {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 54px;
    font-size: 45px;
    font-weight: 400;
    text-align: justify;
    color: #ffffff;
    line-height: 54px;
    letter-spacing: 0.1em;
    font-style: italic;
    margin-right: 15px
}

.introduction-contact-content-left-text .contact-us {
    letter-spacing: 0.1em;
    font-style: italic;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 36px;
    opacity: 0.45;
    font-size: 30px;
    font-weight: 400;
    text-align: justify;
    color: #ffffff;
    line-height: 36px
}

.introduction-contact-content-right {
    padding-top: 36px
}

.introduction-contact-content-right-top {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 36px;
    font-size: 30px;
    font-weight: 400;
    text-align: justify;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 16px
}

.introduction-contact-content-right-top>img {
    width: 31px;
    height: 31px;
    margin-right: 10px
}

.introduction-contact-content-right-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.introduction-contact-content-right-bottom .line {
    display: inline-block;
    width: 2px;
    height: 17px;
    opacity: 0.47;
    background: #ffffff;
    margin: 0 16px
}

.introduction-contact-content-right-bottom span,.introduction-contact-content-right-bottom a {
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px
}

.gaia-page.introduction-page {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.gaia-page.introduction-page .animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.gaia-page.introduction-page .animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 70%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.search_page_content {
    min-height: 100vh;
    font-size: 14px;
    color: #4b5b76
}

.search_page_content .ant-input-affix-wrapper {
    height: 40px;
    border-radius: 4px
}

.search_page_content .search-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 108px;
    background: linear-gradient(90deg, #fbfcfe 0%, rgba(151,192,250,0.46) 100%);
    background-position: center center;
    box-shadow: inset 0px -7px 7px 0px rgba(21,33,163,0.05)
}

.search_page_content .search-banner.is-mobile {
    margin-top: 50px
}

.search_page_content .search-banner.is-mobile .search-input-wrap {
    width: 100%
}

.search_page_content .search-banner.is-mobile .search-input-wrap .search-input-box {
    width: 80%;
    margin-left: 12px
}

.search_page_content .search-banner .search-input-wrap {
    width: 1200px
}

.search_page_content .search-banner .search-input-wrap .search-input-box {
    display: block;
    width: 890px
}

.search_page_content .search-banner .search-input-wrap .search-input-box button {
    height: 40px;
    border-radius: 4px;
    border-start-start-radius: 4px;
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-end-start-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.search_page_content .search-banner .search-input-wrap .search-icon {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAACyElEQVRYR82YT4hNcRTHP19KITtFiSVrSViQBbOQFRYmpYaFQv7FQrOYLIQUQ0NZaEqJDSvNYlhoLJDEluVMitiJKcXRmfnd1+/dd+97971597176m7u/f1+53PPOb/zO+cn2hAzWwpsAbYBa4CV4fFVfoTnC/AaeCtpto3l54aqyAQzWw8MAVuBJUXmAH+AN8C4pM8F5zQHMrPVwDFgoOiCOeMmgXuSvrZaJ9dCZuZuuQQsb7VIwe+/gBFJ7s5cyQQys0HgRI5LZ4Ap4B3wLcSNK/B4WgVsBnYAazO0GnBH0qM8ogagAHMyY8KnsNj7IhYxs03hpzZkjB/Lg6oDCm66nrLMX+AW8FSS/2FhMTNffx9wGlgcTfR1LmS5rwYUAvhBKmZ+AsOSClkljzRY6zKwIhrjMXU4Hegx0EhqN7llzi4UJgEIUDdTlpqU5BunJnNAIc+Mp/7whqQnhf1TYKCZ7QfOpYYOxXkqAboKbI8GegAfbTdmWjGFmLoPxIE+JeliMlfhOJhIZeBT3XJVGjK47nb03jP6nuSYcaCdgAdcItOSPA+VJmb2OJWnfOO8dIUO5ObaG2l/KOluaTTzMXscOBTpeCbpSgI0BmyMPp6R5Fm4NDEzz+ajkYIPkuaSsVsobb5BSdOl0cxbaB0QHx8zkg4mQC8Ar3MS2S3pd8lAy4DnkY5ZSbvygAYkeRYtTczMKwgvSRKpA6qcyyoX1JXb9pVLjL7DqnN0eJibWXUO1wDkbU4vyo8DXmOl8klj+RGgqlOgBSDvwapTwgYo78WqUeQnfu1RGzQhKa7BamHVSaPolcCrDhvFRPE/74ol+cFeJ71spb0Xi/VlQjW9/ejyZcNH4DywKDJJA1Q71zFHwt1Qx9cxZuY1j6eXXKhCQFHAL/jCqhVUW0DdqtiaQA33BSjkvCz3fe8bUA5Uf4EClF9uJf3+tf9DwHIBWr4zqwAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 22px 23px;
    height: 23px;
    width: 22px
}

.search_page_content .search-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search_page_content .search-content.is-mobile {
    width: 100vw
}

.search_page_content .search-content.is-mobile .search-result-content {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100vw
}

.search_page_content .search-content.is-mobile .search-result-content .result-no-data {
    width: calc(100vw - 24px);
    box-sizing: border-box;
    font-size: 12px;
    padding-left: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px
}

.search_page_content .search-content.is-mobile .search-result-content .search-content-wrap .search-result-item .search-item-tags {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search_page_content .search-content .search-result-content {
    width: 820px
}

.search_page_content .search-content .search-result-content .result-no-data {
    width: 880px;
    height: 66px;
    line-height: 66px;
    padding-left: 23px;
    background: linear-gradient(275deg, #fffbfa 0%, #fff6f2 100%);
    border-radius: 4px;
    color: #303030;
    font-size: 21px
}

.search_page_content .search-content .search-result-content .result-no-data span {
    display: inline-block;
    font-size: 16px
}

.search_page_content .search-content .search-result-content .search-content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item {
    border-bottom: 1px solid #ebebeb;
    padding-top: 22px;
    padding-bottom: 15px
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title {
    color: #2c2c2c;
    font-size: 18px;
    line-height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title .search-item-title-link {
    display: inline-block;
    margin-right: 12px;
    cursor: pointer;
    font-weight: bold
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title .search-item-title-link:hover {
    color: #1975ff
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-title .search-item-category {
    box-sizing: border-box;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAAqCAYAAAB2pyMEAAAGC0lEQVR4Xu2cS3NURRTHz8BACJhATCwekQqCIiwsH6jl3g+gOxcu3LHUz+DOKsuFZVlaLNjrF4GEiERBEciM4rvKnVb5zByrM/dOxr4z87unu+dxx8wGitN9+vxPn8e/+95LTUr+rtxTLTl0d9gUeKBWFsNuYJT11HSMMwfG6WNdwN1sV0dKa/Gcls/Na1GsPn9PfP2+nNaLnU8xMoH4Gz+2jS69pXnFOHN8B63Vb+SH1PpoX2Llqe1NrS8E32ZwYJzIqkSPVWs1EcdE3J/ul/+9LDvB+X6GkydDPNM9x7ge2g/24HyjPSHwgwPjURcY2c/feALmyzttKGsltM9m/X7nyoI2D9Sx6/MATwL+JIFhjkjoJZQQJCd7aD7JST/KK4D/7g+BHMNVjNLEBD313wFWDlLgjrCzpJ+4K3FVI9zCcLKP5Nsb030YgIrUC09wYJxdbnOHMj8q1b6O1ONJX6G1AajknMlbj+y1+ov09cJ/5/vAinHWcYx+JYNC2igvDPfIrc9RChljLQHY5OF4bsRnzvAR4L8T2koedxWjT2ZRjyZ5ISNi98Ejm/5GkD0kJ3utcUL6zHEegD+4YrjACP5ZPR280IROrAD+r0JbyTkXGHkroZSA4yL1zEKGDPm4iRlLGwvslDgKcZ7o64ES+xEeGA/3v+Cinmkt5cghKDBjOQPVboqkyOPpOPDf/s5APu+qzvyyKX+4KeddYCT60b4mWqajhtajjBy1PaNez+G/XbaVrG3qiy2RD1TlsTwwQq+8rQlGjqHjGM23ylOvR52J7Ettj1vvS6oYVxt6VFXeEZVX3YSZusjxBZGDM13mWm98IGWtGVsY759ijPahPops2skK4O8bGKpaW9uUi1qTt1TlyJ6ayEPzIovzxesLIlPD5hyFjMl4cec4jb3Dm+AFEsXVNOL/4tseHGO1oU9qSz5UkReceG5W5NgRkf319mBrRlMCVU3+f8B/qzswNn7SQ7//Jm+qyBsiUq/vbbeN+dn2I/TO08jBV/GFfaYeSnKq3FQQ/IqFrcIziMZbDz1kb2p9Ifhv3s8qxtWmviRb8p6KnHT/tDgncvSwiGsh2Aq8nTOTIazVg0t94TiXugQZI3ca8N/MK8bqPX1Na/K+qhzaVxdZWRI5sC+LGv9u3nM8lVaUEycwBt64L4goMMycaAz4O4Hh1l5v6rm/W/KxqDzhjD+xIPLgA6nTL16fMYHjF5wwDaPA/3neSnLszaYe+HlL3lWRi+7fDh8UWV4UqbuqkQ2i9x+sPRkzDDgN2WN+QyxyvWnA/5kfGHmAXGnqK7UtuaQi8+404lrLbH53YWRHhQj3n/YZSyVeqRufpaA+Y6tDfRXAv/FNj+Nqvk/r9/XMP3/JRypywW2uO6Esze2cUPKbz0Kljb3AoTeO4GXjWI5BFYb007MN4lzW9VGfkRO69Tf6VYxc1y3V/b825W1tyevbrWVW5OSSyN49/Rsv9UCS0/HUlw/7+GelGISP5JOAf2DF6DZwtakvt1pyWVQWXGs5vxzxzqfxnsAaCLiRtDOR9lnXJ04yDvw3vh7QSnyDrjd05c+WbE95amXnuxF0BJSyQoYM+XhccDT0fKt95A+6QqdWRa2D5GXw3xjEMXoBzL9Ee/pUhd7HSJ1yRvJNnIMKGM1HeQD+Ty0Vw+nvDoz8BS7KEJJbOQJdlKZez9rzaX3rPpF/hrFecGA8cyr8E8QCEEyZwdDpHsTqOBqffL0JxH89tGJceKSrlcSmMHCQ2J5LG009lz6pxM8VjAbEcgTyF5nj1g8OjGddYGS/Qsul2jfsdyAJuVFOcT+N+D9ptp1Umi7kHMMFRt8rcqPjo4dDKbZyRbKH4p7mJ5cPAf96TGDk0WR1fMGxxv82wdqSiRPQsxa6Z5hG/NcagRXjudMRHGPIKUcbGfLiyqCPhM0cowL4r4VWjOddYPThGPTQzPw+gqfQqt98PISHcKn1WTnKKPAnCYzkPZMUWnsJ6auafAT410JbiasYHcZqfLZg5RhWP9DxMpoTwOcJ1MqqgH81NDCqlmS79oZ5wHxcDVtmd1bVPPAvj/Rg7/MlwwAAAAAASUVORK5CYII=) center center no-repeat;
    background-size: 67px 21px;
    width: 67px;
    height: 21px;
    padding-left: 4px;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    color: #97a6c4
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-desc {
    margin-top: 7px;
    color: #4b5b76;
    line-height: 26px
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags {
    margin-top: 11px;
    display: -ms-flexbox;
    display: flex;
    column-gap: 10px
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item {
    padding: 0 6px;
    height: 24px;
    font-size: 12px;
    color: #8d9bb3;
    line-height: 24px
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item::before {
    display: inline-block;
    content: ' ';
    position: relative;
    top: 2px;
    left: -10px;
    height: 11px;
    width: 1px;
    background-color: #d4dce4
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item:first-child {
    border: none;
    padding-left: 0
}

.search_page_content .search-content .search-result-content .search-content-wrap .search-result-item .search-item-tags .search-item-tag-item:first-child::before {
    display: none
}

.search_page_content .search-content .search-result-content .data-show-tip {
    text-align: center;
    margin-top: 45px
}

.search_page_content .search-content .search-about {
    width: 300px
}

.search_page_content .search-content .search-about .smart-result {
    width: 251px;
    background: #ffffff;
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.09);
    border-radius: 4px;
    padding: 26px 23px
}

.search_page_content .search-content .search-about .smart-result .xinhuologo {
    height: 34px;
    width: 98px;
    background: url(/_next/static/img/logo.da1f2c1.png) center center no-repeat;
    background-size: 98px 34px
}

.search_page_content .search-content .search-about .smart-result .smart-tip {
    margin-top: 12px;
    line-height: 26px
}

.search_page_content .search-content .search-about .smart-result .smart-tip .tip-title {
    font-weight: bold
}

.search_page_content .search-content .search-about .smart-result .smart-result-content {
    position: relative;
    margin-top: 11px;
    width: 217px;
    min-height: 50px;
    background: #f1f6fc;
    box-shadow: inset 0px 1px 6px 0px rgba(20,76,149,0.14);
    border-radius: 8px;
    padding: 17px 19px 25px 19px
}

.search_page_content .search-content .search-about .smart-result .smart-result-content .smart-loading {
    text-align: center;
    position: relative;
    left: -8px;
    top: 20px
}

.search_page_content .search-content .search-about .about-title {
    margin-top: 35px;
    box-sizing: border-box;
    height: 32px;
    font-size: 16px;
    color: #252b3a;
    padding-bottom: 10px;
    width: 73px;
    border-bottom: 3px solid #dfdfdf
}

.search_page_content .search-content .search-about .about-title::after {
    display: block;
    margin-top: 10px;
    width: 300px;
    content: ' ';
    height: 1px;
    background-color: #dfdfdf
}

.search_page_content .search-content .search-about .search-hot-wrap {
    padding-top: 10px
}

.search_page_content .search-content .search-about .search-hot-wrap .hot-item {
    padding-top: 10px;
    padding-left: 18px;
    height: 40px;
    border-bottom: 1px solid #ebebeb
}

.search_page_content .search-content .search-about .search-hot-wrap .hot-item .hot-item-title {
    color: #2c2c2c;
    height: 30px;
    line-height: 30px
}

.search_page_content .search-content .search-about .search-hot-wrap .hot-item .hot-item-title:hover {
    color: #1975ff;
    cursor: pointer
}

.search_page_content .search-content .search-about .search-hot-wrap .hot-item .hot-item-title::before {
    display: inline-block;
    content: '';
    background-color: #1975ff;
    width: 5px;
    height: 5px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    left: -18px
}

.search_page_content .search-content .search-about .search-hot-wrap .hot-item:last-child {
    border: none
}

.search_page_content .search-content .search-about .search-advice-wrap {
    padding-top: 10px
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item {
    padding-top: 10px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ebebeb;
    display: -ms-flexbox;
    display: flex
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-category {
    margin-right: 12px;
    width: 48px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    padding: 0 5px
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-category.state0 {
    background: linear-gradient(180deg, #fff3e8 0%, #fff 100%);
    border: 1px solid #ffbd98;
    color: #ffa978
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-category.state1 {
    background: linear-gradient(180deg, #ecf4ff 0%, #fff 100%);
    border: 1px solid #84b7ff;
    color: #1975ff
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-title {
    color: #2c2c2c;
    height: 17px
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item .advice-item-title:hover {
    color: #1975ff;
    cursor: pointer
}

.search_page_content .search-content .search-about .search-advice-wrap .advice-item:last-child {
    border: none
}

.award {
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    position: relative;
    padding-top: 58px;
    margin-bottom: 40px;
    width: 100%
}

.award .award-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.award .award-title .award-title-title {
    height: 35px;
    width: 272px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #1a1d3c;
    line-height: 35px;
    letter-spacing: 1.4px;
    background: url(/static/img/activities/app-select/bg-award-title.png);
    background-size: 272px 35px;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-title .award-title-desc {
    width: 946px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 27.5px;
    letter-spacing: 0.8px;
    margin-top: 20px
}

.award .award-cards {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 30px
}

.award .award-cards .award-card {
    height: 190px
}

.award .award-cards .award-card.type0 {
    background: url(/static/img/activities/app-select/bg-award0.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card.type1 {
    background: url(/static/img/activities/app-select/bg-award1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card.type2 {
    background: url(/static/img/activities/app-select/bg-award2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card.type3 {
    background: url(/static/img/activities/app-select/bg-award3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card.type4 {
    background: url(/static/img/activities/app-select/bg-award4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card.type5 {
    background: url(/static/img/activities/app-select/bg-award5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card.type6 {
    background: url(/static/img/activities/app-select/bg-award6.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.award .award-cards .award-card .award-card-title {
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #1a1d3c;
    line-height: 27.5px;
    letter-spacing: 1px;
    padding-top: 40px;
    padding-left: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.award .award-cards .award-card .award-card-title .award-card-title-icon {
    width: 40px;
    height: 40px;
    content: '';
    margin-right: 10px
}

.award .award-cards .award-card .award-card-title .award-card-title-icon.type0 {
    background: url(/static/img/activities/app-select/award-icon0.png);
    background-size: contain;
    background-repeat: no-repeat
}

.award .award-cards .award-card .award-card-title .award-card-title-icon.type1 {
    background: url(/static/img/activities/app-select/award-icon1.png);
    background-size: contain;
    background-repeat: no-repeat
}

.award .award-cards .award-card .award-card-title .award-card-title-icon.type2 {
    width: 50px;
    height: 50px;
    background: url(/static/img/activities/app-select/award-icon2.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0
}

.award .award-cards .award-card .award-card-title .award-card-title-icon.type3 {
    background: url(/static/img/activities/app-select/award-icon3.png);
    background-size: contain;
    background-repeat: no-repeat
}

.award .award-cards .award-card .award-card-title .award-card-title-icon.type4 {
    background: url(/static/img/activities/app-select/award-icon4.png);
    background-size: contain;
    background-repeat: no-repeat
}

.award .award-cards .award-card .award-card-title .award-card-title-icon.type5 {
    background: url(/static/img/activities/app-select/award-icon5.png);
    background-size: contain;
    background-repeat: no-repeat
}

.award .award-cards .award-card .award-card-desc {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Light;
    font-weight: 300;
    text-align: justifyLeft;
    color: #666666;
    line-height: 22px;
    padding-top: 22px;
    padding-left: 40px;
    padding-right: 40px
}

.signup {
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 450px
}

.signup .signup-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.signup .signup-title .signup-title-title {
    height: 35px;
    width: 272px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #1a1d3c;
    line-height: 35px;
    letter-spacing: 1.4px;
    background: url(/static/img/activities/app-select/bg-award-title.png);
    background-size: 272px 35px;
    background-repeat: no-repeat;
    background-position: center
}

.signup .signup-title .signup-title-desc {
    width: 946px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 27.5px;
    letter-spacing: 0.8px;
    margin-top: 28px
}

.signup .signup-cards {
    width: 1040px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 80px;
    margin-top: 30px;
    background: url(/static/img/activities/app-select/bg-signup.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding-left: 80px;
    padding-right: 80px
}

.signup .signup-cards .signup-card {
    height: 240px
}

.signup .signup-cards .signup-card .signup-card-title {
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #1a1d3c;
    line-height: 27.5px;
    letter-spacing: 1px;
    padding-top: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon {
    width: 36px;
    height: 39px;
    content: '';
    margin-right: 10px
}

.signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon.type0 {
    background: url(/static/img/activities/app-select/signup-icon0.png);
    background-size: contain;
    background-repeat: no-repeat
}

.signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon.type1 {
    background: url(/static/img/activities/app-select/signup-icon1.png);
    background-size: contain;
    background-repeat: no-repeat
}

.signup .signup-cards .signup-card .signup-card-title .signup-card-title-icon.type2 {
    background: url(/static/img/activities/app-select/signup-icon2.png);
    background-size: contain;
    background-repeat: no-repeat
}

.signup .signup-cards .signup-card .signup-card-desc {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Light;
    font-weight: 300;
    text-align: justifyLeft;
    color: #666666;
    line-height: 22px;
    padding-top: 22px
}

.form {
    padding-top: 0px;
    margin: 0px;
    min-width: 1200px;
    position: relative;
    padding-bottom: 86px;
    width: 100%
}

.form .ant-form-item-label {
    font-family: Microsoft YaHei, Microsoft YaHei-Regular
}

.form .ant-input-group .ant-input-group-addon {
    background-color: rgba(255,255,255,0.62)
}

.form .ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.form .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important
}

.form .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: #FFCAAE !important
}

.form .ant-checkbox-checked:after {
    border-color: #FFCAAE !important
}

.form .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important
}

.form .form-title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.form .form-title .form-title-title {
    height: 35px;
    width: 272px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #1a1d3c;
    line-height: 35px;
    letter-spacing: 1.4px;
    background: url(/static/img/activities/app-select/bg-form-title.png);
    background-size: 272px 35px;
    background-repeat: no-repeat;
    background-position: center
}

.form .form-card {
    width: 560px;
    margin: 0 auto;
    margin-top: 30px
}

.form .form-card .form-promise {
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #333333;
    line-height: 20px
}

.form .form-card .form-promise .ant-checkbox .ant-checkbox-inner:after {
    border-color: #1A1D3C
}

.form .form-card .form-btn button {
    width: 100%;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #ffffff
}

.form .form-card .form-btn .ant-btn-primary:disabled {
    background-color: #729CE4;
    border-color: #729CE4;
    color: #fff
}

.form .form-card .form-btn .ant-btn-primary:not(:disabled):hover,.form .form-card .form-btn .ant-btn-primary:not(:disabled):active,.form .form-card .form-btn .ant-btn-primary {
    background-color: #ffd07f;
    color: #1A1D3C
}

.form .form-card .form-btn .ant-btn {
    height: 36px
}

.form .form-card .form-error {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #ff6671;
    margin-top: 8px
}

.form .form-card .form-intro .ant-form-item-explain-error {
    margin-top: -20px
}

.form .form-card a,.form .form-card a:active,.form .form-card a:hover {
    color: #0d5af4 !important
}

.form .form-card .form-upload {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-top: -6px
}

.form .form-card .form-upload .ant-btn-primary:not(:disabled):hover,.form .form-card .form-upload .ant-btn-primary:not(:disabled):active,.form .form-card .form-upload .ant-btn-primary {
    width: 109px;
    height: 36px;
    background: linear-gradient(178deg, #ffe2cf 0%, #ffb8b8 100%);
    border-radius: 10px;
    box-shadow: 0px 0px 16px 0px rgba(55,129,247,0.3);
    color: #1A1D3C;
    font-size: 14px
}

.form .form-card .form-upload .form-upload-text {
    margin-left: 14px;
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 28px;
    letter-spacing: 0.6px
}

.appSelect-page {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #fff
}

.appSelect-page .header {
    min-width: 1200px
}

.appSelect-page .header .main-header {
    background: transparent;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 90;
    border-bottom: 1px solid #fff
}

.appSelect-page .appSelect-wrapper {
    position: relative;
    min-width: 1200px
}

.appSelect-page .appSelect-wrapper .appSelect-banner {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 480px;
    min-width: 1200px;
    position: relative
}

.appSelect-page .appSelect-wrapper .appSelect-content {
    background: url(/static/img/activities/app-select/bg-content.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top: 1px solid #fff
}

.form-mobile {
    position: relative;
    width: 100%;
    padding-bottom: 20px
}

.form-mobile .ant-form-item-label {
    font-family: Microsoft YaHei, Microsoft YaHei-Regular
}

.form-mobile .ant-input-group .ant-input-group-addon {
    background-color: rgba(255,255,255,0.62)
}

.form-mobile .ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.form-mobile .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important
}

.form-mobile .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: #FFCAAE !important
}

.form-mobile .ant-checkbox-checked:after {
    border-color: #FFCAAE !important
}

.form-mobile .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #FFCAAE !important;
    border-color: #FFCAAE !important
}

.form-mobile .form-card {
    margin: 0 20px
}

.form-mobile .form-card .ant-form-item .ant-form-item-extra {
    font-size: 12px
}

.form-mobile .form-card .ant-form-item {
    margin-bottom: 16px
}

.form-mobile .form-card .form-promise {
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #333333;
    line-height: 20px
}

.form-mobile .form-card .form-promise .ant-checkbox .ant-checkbox-inner:after {
    border-color: #1A1D3C
}

.form-mobile .form-card .form-btn button {
    width: 100%;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #ffffff
}

.form-mobile .form-card .form-btn .ant-btn-primary:disabled {
    background-color: #729CE4;
    border-color: #729CE4;
    color: #fff
}

.form-mobile .form-card .form-btn .ant-btn-primary:not(:disabled):hover,.form-mobile .form-card .form-btn .ant-btn-primary:not(:disabled):active,.form-mobile .form-card .form-btn .ant-btn-primary {
    background-color: #ffd07f;
    color: #1A1D3C
}

.form-mobile .form-card .form-btn .ant-btn {
    height: 36px
}

.form-mobile .form-card .form-error {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #ff6671;
    margin-top: 8px
}

.form-mobile .form-card .form-intro {
    margin-bottom: 0
}

.form-mobile .form-card .form-intro .ant-form-item-explain-error {
    margin-top: -20px
}

.form-mobile .form-card .form-intro .ant-form-item {
    margin-bottom: 0px
}

.form-mobile .form-card a,.form-mobile .form-card a:active,.form-mobile .form-card a:hover {
    color: #0d5af4 !important
}

.form-mobile .form-card .form-upload {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-top: -6px
}

.form-mobile .form-card .form-upload .ant-btn-primary:not(:disabled):hover,.form-mobile .form-card .form-upload .ant-btn-primary:not(:disabled):active,.form-mobile .form-card .form-upload .ant-btn-primary {
    width: 109px;
    height: 36px;
    background: linear-gradient(178deg, #ffe2cf 0%, #ffb8b8 100%);
    border-radius: 10px;
    box-shadow: 0px 0px 16px 0px rgba(55,129,247,0.3);
    color: #1A1D3C;
    font-size: 14px
}

.form-mobile .form-card .form-upload .form-upload-text {
    margin-left: 6px;
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0.6px
}

.appSelect-page-mobile {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding-top: 9.7rem
}

.appSelect-page-mobile.bg {
    background: url(/static/img/activities/app-select-mobile/bg.png);
    background-repeat: no-repeat;
    background-position: 0 1.4rem;
    background-size: 100% auto;
    background-color: #51a6ff;
    min-height: 100vh;
    width: 100%
}

.appSelect-page-mobile .topdesc {
    background: url(/static/img/activities/app-select-mobile/bg-top-desc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 14.2rem;
    min-height: 7.6rem;
    margin: 0 auto;
    font-size: 0.52rem;
    color: #FF5740;
    font-weight: 600;
    padding: 0.8rem;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.appSelect-page-mobile .topdesc .first {
    background: linear-gradient(165deg, #ff831a, #FF5740 70%, #FF5740);
    -webkit-background-clip: text;
    color: transparent;
    text-indent: 2em
}

.appSelect-page-mobile .topdesc .second {
    padding-top: 0.33rem;
    background: linear-gradient(345deg, #ff831a, #FF5740 50%, #FF5740);
    -webkit-background-clip: text;
    color: transparent;
    text-indent: 2em
}

.appSelect-page-mobile .award-setting-title {
    margin: 0.6rem auto 0.2rem;
    background: url(/static/img/activities/app-select-mobile/bg-award-setting-title.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 7.5rem;
    height: 1rem;
    font-family: HYYakuHei, HYYakuHei-85W;
    text-align: center;
    color: #4D4D4D;
    font-size: 0.75rem;
    font-weight: 700
}

.appSelect-page-mobile .signup-rights,.appSelect-page-mobile .award-setting0,.appSelect-page-mobile .award-setting1 {
    margin: 0 auto;
    background: url(/static/img/activities/app-select-mobile/bg-award-setting0.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 14.17rem;
    min-height: 3.33rem;
    color: #4d4d4d;
    text-align: center;
    box-sizing: border-box;
    padding: 0.52rem 0.6rem
}

.appSelect-page-mobile .signup-rights .title,.appSelect-page-mobile .award-setting0 .title,.appSelect-page-mobile .award-setting1 .title {
    font-weight: 600;
    font-size: 0.58rem;
    background: linear-gradient(155deg, #ff831a 20%, #FF5740 40%, #FF5740 70%, #ff831a 70%);
    -webkit-background-clip: text;
    color: transparent
}

.appSelect-page-mobile .signup-rights .desc,.appSelect-page-mobile .award-setting0 .desc,.appSelect-page-mobile .award-setting1 .desc {
    font-size: 0.5rem;
    margin-top: 0.1rem;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 400;
    text-align: center;
    color: #7e7e7e
}

.appSelect-page-mobile .award-setting1 {
    background: url(/static/img/activities/app-select-mobile/bg-award-setting1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights {
    display: grid;
    grid-template-columns: repeat(2, 7rem);
    grid-row-gap: 0.42rem;
    margin: 0 0.84rem
}

.appSelect-page-mobile .award-rights .award-rights-card {
    width: 7rem;
    min-height: 4.17rem;
    background: url(/static/img/activities/app-select-mobile/bg-award-rights0.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    padding: 0.5rem 0.5rem 0.5rem 0.6rem
}

.appSelect-page-mobile .award-rights .award-rights-card.type0 {
    background: url(/static/img/activities/app-select-mobile/bg-award-rights0.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights .award-rights-card.type1 {
    background: url(/static/img/activities/app-select-mobile/bg-award-rights1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights .award-rights-card.type2 {
    background: url(/static/img/activities/app-select-mobile/bg-award-rights2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights .award-rights-card.type3 {
    background: url(/static/img/activities/app-select-mobile/bg-award-rights3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights .award-rights-card.type4 {
    background: url(/static/img/activities/app-select-mobile/bg-award-rights4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights .award-rights-card.type5 {
    background: url(/static/img/activities/app-select-mobile/bg-award-rights5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .award-rights .award-rights-card .title {
    font-size: 0.58rem;
    font-weight: 600;
    background: linear-gradient(90deg, #FF5740, #ff831a 70%);
    -webkit-background-clip: text;
    color: transparent
}

.appSelect-page-mobile .award-rights .award-rights-card .subtitle {
    font-size: 0.26rem;
    font-weight: 500;
    background: linear-gradient(90deg, #ff831a, #FF5740);
    -webkit-background-clip: text;
    color: transparent
}

.appSelect-page-mobile .award-rights .award-rights-card .desc {
    font-size: 0.5rem;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 400;
    color: #7e7e7e;
    padding-top: 0.1rem
}

.appSelect-page-mobile .rule-desc {
    background: url(/static/img/activities/app-select-mobile/bg-rule.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 14.17rem;
    min-height: 5.47rem;
    margin: 0 auto;
    font-size: 0.58rem;
    color: #FF5740;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.55rem 0.5rem 0.5rem 0.65rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.appSelect-page-mobile .rule-desc .rule-desc-text {
    font-size: 0.5rem;
    background: linear-gradient(165deg, #ff831a, #FF5740 60%, #ff831a 80%);
    -webkit-background-clip: text;
    color: transparent
}

.appSelect-page-mobile .signup-rights-title-desc {
    font-size: 0.5rem;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 400;
    text-align: center;
    color: #999999
}

.appSelect-page-mobile .signup-rights {
    text-align: center
}

.appSelect-page-mobile .signup-rights.type0 {
    background: url(/static/img/activities/app-select-mobile/bg-signup-rights0.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .signup-rights.type1 {
    background: url(/static/img/activities/app-select-mobile/bg-signup-rights1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page-mobile .signup-rights.type2 {
    background: url(/static/img/activities/app-select-mobile/bg-signup-rights2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.appSelect-page {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    background-color: #fff
}

.appSelect-page .header .main-header {
    background: transparent;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 90;
    border-bottom: 1px solid #fff
}

.appSelect-page .appSelect-wrapper {
    position: relative
}

.appSelect-page .appSelect-wrapper .appSelect-banner {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 480px;
    min-width: 1200px;
    position: relative
}

.appSelect-page .appSelect-wrapper .appSelect-content {
    background: url(/static/img/activities/app-select/bg-content.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top: 1px solid #fff
}

.appSelect-page .footer-small {
    width: 1200px
}

.appSelectAwards-content {
    padding-top: 80px
}

.appSelectAwards-content .topdesc {
    width: 900px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #1a1d3c;
    line-height: 32px;
    margin: 0 auto 80px;
    text-indent: 2em
}

.appSelectAwards-content .title {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.appSelectAwards-content .title .title-title {
    height: 35px;
    width: 540px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #1a1d3c;
    line-height: 35px;
    letter-spacing: 1.4px;
    background: url(/static/img/activities/app-select-awards/bg-title.png);
    background-size: auto 35px;
    background-repeat: no-repeat;
    background-position: center
}

.appSelectAwards-content .title .title-title.innovate {
    background: url(/static/img/activities/app-select-awards/bg-title-innovate.png);
    background-size: auto 35px;
    background-repeat: no-repeat;
    background-position: center
}

.appSelectAwards-content .title .title-desc {
    margin-top: 26px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 28px;
    letter-spacing: 0.7px
}

.appSelectAwards-content .title.rights .title-title {
    height: 35px;
    width: 288px;
    background: url(/static/img/activities/app-select-awards/bg-title-rights.png);
    background-size: auto 35px;
    background-repeat: no-repeat;
    background-position: center
}

.appSelectAwards-content .title.rights .title-desc {
    font-size: 16px
}

.appSelectAwards-content .innovate-card,.appSelectAwards-content .business-card {
    width: 1228px;
    height: 333px;
    margin: 30px auto 74px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px 80px;
    background: url(/static/img/activities/app-select-awards/bg-business.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 54px 84px
}

.appSelectAwards-content .innovate-card .card,.appSelectAwards-content .business-card .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.appSelectAwards-content .innovate-card .card .card-space,.appSelectAwards-content .business-card .card .card-space {
    content: '';
    -ms-flex: 0 0 0.5px;
    flex: 0 0 0.5px;
    height: 14px;
    background: #999999;
    margin: 0 20px
}

.appSelectAwards-content .innovate-card .card .card-title,.appSelectAwards-content .business-card .card .card-title {
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: justifyLeft;
    color: #1a1d3c;
    line-height: 32px
}

.appSelectAwards-content .innovate-card .card .card-desc,.appSelectAwards-content .business-card .card .card-desc {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #666666;
    line-height: 32px
}

.appSelectAwards-content .innovate-card {
    background: url(/static/img/activities/app-select-awards/bg-innovate.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.appSelectAwards-content .rights-cards {
    width: 1228px;
    margin: 30px auto 0;
    padding-bottom: 160px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

.appSelectAwards-content .rights-cards .rights-card {
    height: 218px
}

.appSelectAwards-content .rights-cards .rights-card .rights-card-title {
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #1a1d3c;
    line-height: 27.5px;
    letter-spacing: 1px;
    padding-top: 40px;
    padding-left: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.appSelectAwards-content .rights-cards .rights-card .rights-card-desc {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Light;
    font-weight: 300;
    text-align: justifyLeft;
    color: #666666;
    line-height: 22px;
    padding-top: 22px;
    padding-left: 40px;
    padding-right: 40px
}

.appSelectAwards-mobile {
    position: relative;
    width: 100%;
    margin-top: 50px;
    background: url(/static/img/activities/app-select-awards/bg-mobile.png) #3680ff;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    min-height: 100vh;
    width: 100%;
    padding-top: 46vw;
    padding-bottom: 4vw
}

.appSelectAwards-mobile .topdesc {
    background: url(/static/img/activities/app-select-awards/bg-top-desc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 90vw;
    min-height: 56.4vw;
    margin: 0 auto;
    font-size: 3.2vw;
    font-weight: 600;
    padding: 4vw 6vw;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: FZLanTingHeiS-DB-GB, FZLanTingHeiS-DB-GB-Regular;
    line-height: 5vw
}

.appSelectAwards-mobile .topdesc .text {
    background: linear-gradient(190deg, #ff5740 10%, #ff831a 16%, #ff5740 50%, #ff5740 80%);
    -webkit-background-clip: text;
    color: transparent
}

.appSelectAwards-mobile .topdesc .first {
    background: linear-gradient(164deg, #ff831a, #ff5740 70%, #ff5740);
    -webkit-background-clip: text;
    color: transparent;
    text-indent: 2em
}

.appSelectAwards-mobile .topdesc .second {
    padding-top: 0.36vw;
    background: linear-gradient(345deg, #ff831a, #ff5740 50%, #ff5740);
    -webkit-background-clip: text;
    color: transparent;
    text-indent: 2em
}

.appSelectAwards-mobile .title-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4.6vw
}

.appSelectAwards-mobile .title-mobile .title-title {
    background-image: url(/static/img/activities/app-select-awards/bg-title-business-mobile.png);
    background-size: auto 5.4vw;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 10vw;
    font-size: 4.6vw;
    font-family: HYYakuHei, HYYakuHei-85W;
    font-weight: bold;
    text-align: center;
    color: #4d4d4d;
    line-height: 10vw;
    position: relative
}

.appSelectAwards-mobile .title-mobile .title-title.innovate {
    background-image: url(/static/img/activities/app-select-awards/bg-title-innovate-mobile.png)
}

.appSelectAwards-mobile .title-mobile .title-title.rights {
    background-image: url(/static/img/activities/app-select-awards/bg-title-rights-mobile.png)
}

.appSelectAwards-mobile .title-mobile .title-desc {
    font-size: 2.8vw;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 400;
    color: #7e7e7e;
    margin-top: -2vw;
    margin-bottom: 3vw
}

.appSelectAwards-mobile .innovate-card,.appSelectAwards-mobile .business-card {
    width: 96vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    overflow: hidden;
    box-sizing: border-box
}

.appSelectAwards-mobile .innovate-card .card,.appSelectAwards-mobile .business-card .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 12.8vw;
    padding: 0 6vw
}

.appSelectAwards-mobile .innovate-card .card .card-space,.appSelectAwards-mobile .business-card .card .card-space {
    content: '';
    -ms-flex: 0 0 0.5px;
    flex: 0 0 0.5px;
    height: 3.4vw;
    background: #999999;
    margin: 0 2vw
}

.appSelectAwards-mobile .innovate-card .card .card-title,.appSelectAwards-mobile .business-card .card .card-title {
    font-size: 4vw;
    font-family: FZLanTingHeiS-B-GB, FZLanTingHeiS-B-GB-Regular;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(155deg, #ff831a 10%, #ff5740 30%, #ff5740 70%, #ff831a 80%);
    -webkit-background-clip: text;
    color: transparent
}

.appSelectAwards-mobile .innovate-card .card .card-desc,.appSelectAwards-mobile .business-card .card .card-desc {
    font-size: 3vw;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 500;
    text-align: left;
    color: #7e7e7e
}

.appSelectAwards-mobile .rights-cards {
    width: 96vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.appSelectAwards-mobile .rights-cards .rights-card {
    padding: 5vw 4vw 4vw 5vw;
    box-sizing: border-box
}

.appSelectAwards-mobile .rights-cards .rights-card .rights-card-title {
    font-size: 3.4vw;
    font-family: FZLanTingHeiS-DB-GB, FZLanTingHeiS-DB-GB-Regular;
    font-weight: 700;
    text-align: left;
    background: linear-gradient(155deg, #ff5740 10%, #ff831a 70%);
    -webkit-background-clip: text;
    color: transparent
}

.appSelectAwards-mobile .rights-cards .rights-card .rights-card-desc {
    font-size: 2.8vw;
    font-family: FZLanTingHeiS-L-GB, FZLanTingHeiS-L-GB-Regular;
    font-weight: 400;
    text-align: left;
    color: #7e7e7e;
    line-height: 5vw
}

.appSelectAwards-page {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    background-color: #fff
}

.appSelectAwards-page .header .main-header {
    background: transparent;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 90;
    border-bottom: 1px solid #fff
}

.appSelectAwards-page .appSelectAwards-wrapper {
    position: relative
}

.appSelectAwards-page .appSelectAwards-wrapper .appSelectAwards-banner {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 480px;
    min-width: 1200px;
    position: relative;
    background: url(/static/img/activities/app-select-awards/bg-banner.png) no-repeat center
}

.appSelectAwards-page .appSelectAwards-wrapper .appSelectAwards-content {
    background: url(/static/img/activities/app-select-awards/bg-content.png) no-repeat center/cover;
    box-sizing: border-box
}

.marketing-page {
    width: 1200px;
    margin: 0 auto
}

.marketing-page .online-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.marketing-page .online-wrapper .online-item {
    margin-bottom: 30px;
    width: 378px;
    height: 230px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(207,214,240,0.5);
    position: relative
}

.marketing-page .online-wrapper .online-item .online-title {
    font-size: 26px;
    font-weight: bold;
    color: #2b2b2b;
    margin-left: 60px;
    margin-top: 38px;
    cursor: pointer
}

.marketing-page .online-wrapper .online-item .online-title:hover {
    color: #3688ff
}

.marketing-page .online-wrapper .online-item .online-desc {
    width: 265px;
    font-size: 14px;
    color: #9e9e9e;
    margin-left: 60px;
    margin-top: 20px
}

.marketing-page .online-wrapper .online-item .online-buttom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right top, #2164ed, #429af6);
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    letter-spacing: 10px;
    cursor: pointer
}

.marketing-page .online-wrapper .online-item .online-buttom:hover {
    background-image: none;
    background-image: linear-gradient(to right top, #2a70ff, #4ea5ff)
}

.marketing-page .online-wrapper .online-item .online-bgimage {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    top: 10px;
    right: 0px
}

.marketing-page .online-wrapper .online-item .online-discount {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 108px;
    height: 61px;
    line-height: 56px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091862511%2F7count.png");
    background-size: 108px 61px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 3px;
    z-index: 2
}

.marketing-page .one-discount-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.marketing-page .one-discount-wrapper .one-item {
    margin: 20px 10px;
    width: 378px;
    height: 230px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px #e3eadc;
    position: relative
}

.marketing-page .one-discount-wrapper .one-item .one-discount {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 108px;
    height: 61px;
    line-height: 56px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091783183%2F1count.png");
    background-size: 108px 61px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 3px;
    z-index: 2
}

.marketing-page .one-discount-wrapper .one-item .one-bgimage {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    top: 10px;
    right: 0px
}

.marketing-page .one-discount-wrapper .one-item .one-title {
    font-size: 26px;
    font-weight: bold;
    color: #2b2b2b;
    margin-left: 60px;
    margin-top: 38px;
    cursor: pointer
}

.marketing-page .one-discount-wrapper .one-item .one-title:hover {
    color: #3688ff
}

.marketing-page .one-discount-wrapper .one-item .one-desc {
    width: 265px;
    font-size: 14px;
    color: #9e9e9e;
    margin-left: 60px;
    margin-top: 10px
}

.marketing-page .one-discount-wrapper .one-item .one-price {
    position: relative;
    margin-left: 60px;
    margin-top: 10px
}

.marketing-page .one-discount-wrapper .one-item .one-price .curPrice {
    color: #ff953d;
    font-size: 28px;
    font-weight: bold
}

.marketing-page .one-discount-wrapper .one-item .one-price .curPrice span {
    font-weight: 400;
    font-size: 20px
}

.marketing-page .one-discount-wrapper .one-item .one-price .prevPrice {
    position: absolute;
    bottom: 4px;
    left: 90px;
    color: #525252;
    font-size: 14px;
    padding: 0px;
    margin: 0px
}

.marketing-page .one-discount-wrapper .one-item .one-price .prevPrice::after {
    position: absolute;
    left: 0px;
    top: 9px;
    content: '';
    width: 50px;
    height: 2px;
    background-color: rgba(82,82,82,0.6)
}

.marketing-page .one-discount-wrapper .one-item .one-buttom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right top, #2164ed, #429af6);
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    letter-spacing: 10px;
    cursor: pointer
}

.marketing-page .one-discount-wrapper .one-item .one-buttom:hover {
    background-image: none;
    background-image: linear-gradient(to right top, #2a70ff, #4ea5ff)
}

.marketing-page .offline-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.marketing-page .offline-wrapper .offline-item {
    position: relative;
    width: 581px;
    height: 186px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(207,214,240,0.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 6px
}

.marketing-page .offline-wrapper .offline-item .offline-discount {
    z-index: 2;
    position: absolute;
    top: -10px;
    left: 0px;
    width: 113px;
    height: 49px;
    background-size: 113px 49px;
    background-repeat: no-repeat;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091859374%2Fjx.png");
    line-height: 46px;
    text-align: start;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 3px
}

.marketing-page .offline-wrapper .offline-item .offline-discount span {
    padding-left: 28px
}

.marketing-page .offline-wrapper .offline-item .offline-discount-jx {
    top: -10px;
    left: 438px
}

.marketing-page .offline-wrapper .offline-item .offline-discount-7 {
    z-index: 2;
    position: absolute;
    top: -10px;
    right: 34px;
    width: 113px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091862511%2F7count.png");
    background-size: 108px 61px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 3px
}

.marketing-page .offline-wrapper .offline-item .offline-content-35 {
    z-index: 2;
    position: absolute;
    top: -10px;
    right: 34px;
    width: 113px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://1024-cdn.xfyun.cn/2021_1024/discount35.png");
    background-size: 108px 61px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 3px
}

.marketing-page .offline-wrapper .offline-item .offline-left {
    position: relative;
    width: 400px;
    height: 186px;
    background-color: #f3faff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.marketing-page .offline-wrapper .offline-item .offline-left .offline-name {
    margin-top: 60px;
    margin-left: 60px;
    font-size: 26px;
    font-weight: bold;
    color: #2b2b2b;
    cursor: pointer
}

.marketing-page .offline-wrapper .offline-item .offline-left .offline-name:hover {
    color: #3688ff
}

.marketing-page .offline-wrapper .offline-item .offline-left .offline-name-7 {
    margin-top: 30px;
    margin-left: 60px;
    font-size: 26px;
    font-weight: bold;
    color: #2b2b2b;
    cursor: pointer
}

.marketing-page .offline-wrapper .offline-item .offline-left .offline-name-7:hover {
    color: #3688ff
}

.marketing-page .offline-wrapper .offline-item .offline-left .offline-content {
    margin-top: 8px;
    margin-left: 60px;
    font-size: 16px;
    color: #ff953d;
    cursor: pointer
}

.marketing-page .offline-wrapper .offline-item .offline-left .offline-content-7 {
    margin-top: 8px;
    margin-left: 60px;
    width: 300px;
    font-size: 14px;
    line-height: 24.5px;
    color: #9e9e9e
}

.marketing-page .offline-wrapper .offline-item .offline-right {
    width: 181px;
    height: 186px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.marketing-page .offline-wrapper .offline-item .offline-right .offline-name {
    font-size: 18px;
    color: #ff953d
}

.marketing-page .offline-wrapper .offline-item .offline-right .offline-name span {
    width: 100%;
    font-size: 28px;
    font-weight: bold
}

.marketing-page .offline-wrapper .offline-item .offline-right .offline-btn {
    margin-top: 10px;
    width: 109px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 3px;
    background-image: linear-gradient(to right top, #2164ed, #429af6);
    border-radius: 5px;
    cursor: pointer
}

.marketing-page .offline-wrapper .offline-item .offline-right .offline-btn:hover {
    background-image: none;
    background-image: linear-gradient(to right top, #2a70ff, #4ea5ff)
}

.marketing-page .ocr-wrapper {
    display: -ms-flexbox;
    display: flex
}

.marketing-page .ocr-wrapper .ocr-left {
    width: 378px;
    height: 490px;
    background-color: #f3faff
}

.marketing-page .ocr-wrapper .ocr-left .left-top {
    width: 100%;
    height: 180px;
    background-color: #3e88ff;
    color: #fff;
    letter-spacing: 2px;
    position: relative;
    z-index: 2
}

.marketing-page .ocr-wrapper .ocr-left .left-top .ocr-tag {
    position: absolute;
    top: -8px;
    right: 14px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
}

.marketing-page .ocr-wrapper .ocr-left .left-top .tag-jx {
    width: 113px;
    height: 49px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091859374%2Fjx.png")
}

.marketing-page .ocr-wrapper .ocr-left .left-top .tag-7zhe {
    width: 113px;
    height: 58px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324856091862511%2F7count.png")
}

.marketing-page .ocr-wrapper .ocr-left .left-top img {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 1
}

.marketing-page .ocr-wrapper .ocr-left .left-top .ocr-title {
    padding-top: 36px;
    margin-left: 50px;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer
}

.marketing-page .ocr-wrapper .ocr-left .left-top .ocr-desc {
    position: absolute;
    width: 72%;
    left: 50px;
    top: 76px;
    font-size: 14px;
    line-height: 25px;
    z-index: 2
}

.marketing-page .ocr-wrapper .ocr-left .left-center {
    width: 100%;
    height: calc(100% - 230px);
    position: relative
}

.marketing-page .ocr-wrapper .ocr-left .left-center .center-item {
    padding-left: 72px;
    padding-top: 10px;
    color: #787878;
    font-size: 18px;
    position: relative
}

.marketing-page .ocr-wrapper .ocr-left .left-center .center-item span {
    position: absolute;
    top: 22px;
    left: 140px
}

.marketing-page .ocr-wrapper .ocr-left .left-center .center-item:first-child {
    padding-top: 40px
}

.marketing-page .ocr-wrapper .ocr-left .left-center .center-item:first-child span {
    top: 52px
}

.marketing-page .ocr-wrapper .ocr-left .left-center .center-img {
    position: absolute;
    top: 20px;
    right: 0px
}

.marketing-page .ocr-wrapper .ocr-left .left-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 3px;
    background-image: linear-gradient(to right top, #2164ed, #429af6);
    cursor: pointer
}

.marketing-page .ocr-wrapper .ocr-left .left-btn:hover {
    background-image: none;
    background-image: linear-gradient(to right top, #2a70ff, #4ea5ff)
}

.marketing-page .ocr-wrapper .ocr-right {
    width: calc(100% - 378px);
    height: 490px;
    padding-left: 30px
}

.primary-title {
    font-size: 32px;
    font-weight: bold;
    color: #2b2b2b;
    text-align: center;
    margin: 50px 0 40px 0;
    letter-spacing: 3px
}

.primary-title .center-title {
    padding: 0 20px
}

.primary-title img {
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translateY(26px);
    transform: translateY(26px)
}

.new-user .recharge-wrapper {
    width: 100%
}

.new-user .recharge-wrapper .recharge-item {
    margin: 0 auto;
    width: 1017px;
    height: 229px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323880081210477%2F629.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    position: relative
}

.new-user .recharge-wrapper .recharge-item .recharge-title {
    position: absolute;
    top: 130px;
    left: 90px;
    color: #848484;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px
}

.new-user .recharge-wrapper .recharge-item .recharge-cash {
    position: absolute;
    top: 76px;
    left: 230px;
    color: #518dff;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 7px
}

.new-user .recharge-wrapper .recharge-item .recharge-cash span {
    color: #ffbf51;
    font-size: 48px
}

.new-user .recharge-wrapper .recharge-item .recharge-desc {
    position: absolute;
    top: 150px;
    left: 230px;
    font-size: 14px;
    color: #848484;
    letter-spacing: 5px
}

.new-user .recharge-wrapper .recharge-item .recharge-btn {
    position: absolute;
    top: 100px;
    right: 80px;
    width: 153px;
    height: 40px;
    background-image: linear-gradient(to top, #fdcb69, #ffeac5);
    border-radius: 10px;
    color: #4382ff;
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.new-user .recharge-wrapper .recharge-item .recharge-btn:hover {
    background-image: none;
    background-image: linear-gradient(to top, #fdd687, #fff0d5)
}

.new-user .recharge-wrapper .recharge-item .recharge-hot {
    position: absolute;
    top: 18px;
    left: 0px;
    width: 96px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16324887435318490%2F987.png");
    line-height: 36px;
    text-align: start
}

.new-user .recharge-wrapper .recharge-item .recharge-hot span {
    padding-left: 22px;
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 3px
}

.new-user .purchase-process {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-user .purchase-process .purchase-item {
    width: 320px;
    text-align: center
}

.new-user .purchase-process .purchase-item .purchase-title {
    color: #2b2b2b;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px
}

.new-user .purchase-process .purchase-item .purchase-text {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    color: #838383;
    font-size: 14px;
    line-height: 26px
}

.new-user .purchase-process .purchase-item .purchase-text span {
    color: #6fa5ff;
    cursor: pointer
}

.my-prize {
    overflow: hidden;
    position: relative
}

.my-prize .prize-title {
    background-color: #fff;
    font-size: 22px;
    color: #848484;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    border-bottom: 2px solid rgba(132,132,132,0.8);
    z-index: 2
}

.my-prize .prize-title img {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.my-prize .prize-title span {
    position: absolute;
    top: 3px;
    left: 44px;
    line-height: 17px
}

.my-prize .prize-content .prize-item {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    color: #848484;
    border-bottom: 1px rgba(132,132,132,0.8) dashed
}

.my-prize .prize-content .prize-item .prize-name {
    width: 20%;
    padding: 8px 0
}

.my-prize .prize-content .prize-item .prize-desc {
    width: 70%;
    padding: 8px 0
}

.my-prize .prize-content .prize-item .prize-btn {
    width: 10%;
    padding: 8px 4px;
    text-align: center;
    border: 1px solid rgba(132,132,132,0.8);
    border-radius: 20px;
    cursor: pointer
}

.my-prize .prize-content .prize-item:last-child {
    border-bottom: none
}

.my-prize .open {
    animation: openmove 1s 1 ease-out forwards
}

.my-prize .close {
    animation: closenmove 1s 1 ease-out forwards
}

@keyframes openmove {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        height: 0px;
        opacity: 0;
        transform: translateY(-120%)
    }
}

@keyframes closenmove {
    0% {
        opacity: 0;
        transform: translateY(-120%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.prize-pool {
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 40px;
    width: 1178px;
    height: 723px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329692784357053%2Fbg.png")
}

.prize-pool .start-btn {
    width: 206px;
    height: 184px;
    left: 511px;
    bottom: 293px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329702152023237%2Fstartbtn.png");
    cursor: pointer;
    -ms-transform: scale(0.98);
    transform: scale(0.98)
}

.prize-pool .start-btn:hover {
    -ms-transform: scale(1);
    transform: scale(1)
}

.prize-pool .push-btn {
    animation: pushbtn 0.4s linear 1 forwards;
    cursor: not-allowed
}

.prize-pool .no-click {
    pointer-events: none;
    cursor: not-allowed
}

.prize-pool .times {
    width: 200px;
    height: 60px;
    position: absolute;
    top: 459px;
    left: 516px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(255,122,0,0.5);
    transform: rotateX(18deg)
}

.prize-pool .prize-rules {
    position: absolute;
    line-height: 26px;
    top: 547px;
    left: 515px;
    width: 207px;
    height: auto;
    word-break: break-all;
    font-size: 14px;
    font-weight: bold;
    color: #68a7ff;
    transform: rotateX(18deg)
}

.prize-pool .gift-card666 {
    width: 249px;
    height: 192px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 443px;
    left: 150px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330595855353107%2F666lpk.png")
}

.prize-pool .gift-card666 .card-price {
    position: absolute;
    top: 30px;
    left: 88px;
    font-size: 26px;
    color: rgba(0,0,0,0);
    font-weight: bold;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to bottom, #ffc663, #ffa21e)
}

.prize-pool .gift-card666 .card-price span {
    font-size: 17px
}

.prize-pool .gift-card666 .gift-name {
    position: absolute;
    top: 86px;
    left: 104px;
    font-size: 13px;
    color: #ffa904;
    font-weight: bold
}

.prize-pool .gift-card666-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590340434%2F666lpky.png")
}

.prize-pool .gift-hand {
    width: 187px;
    height: 154px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 237px;
    left: 20px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098752802%2F1024bsl.png")
}

.prize-pool .gift-hand .gift-name {
    position: absolute;
    top: 62px;
    left: 52px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(82,144,255,0.3)
}

.prize-pool .gift-hand-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590318617%2F1024bsly.png")
}

.prize-pool .gift-card1024 {
    width: 281px;
    height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 56px;
    left: 184px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16331452454855698%2F%E4%BB%A3%E9%87%91%E5%88%B81024%EF%BC%88%E5%90%88%E5%B9%B6%EF%BC%89.png")
}

.prize-pool .gift-card1024 .card-price {
    position: absolute;
    top: 44px;
    left: 77px;
    font-size: 38px;
    color: rgba(0,0,0,0);
    font-weight: bold;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to bottom, #ffc663, #ffa21e)
}

.prize-pool .gift-card1024 .card-price span {
    font-size: 25px
}

.prize-pool .gift-card1024 .gift-name {
    position: absolute;
    top: 124px;
    left: 113px;
    font-size: 19px;
    color: #ffa904;
    font-weight: bold
}

.prize-pool .gift-card1024-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330853195787190%2F%E7%BB%84%2045%EF%BC%88%E5%90%88%E5%B9%B6%EF%BC%89.png")
}

.prize-pool .gift-points512 {
    width: 210px;
    height: 196px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -86px;
    left: 464px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098676158%2F512jf.png")
}

.prize-pool .gift-points512 .card-price {
    position: absolute;
    top: 64px;
    left: 71px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 4px rgba(86,148,255,0.5)
}

.prize-pool .gift-points512 .gift-name {
    position: absolute;
    top: 83px;
    left: 88px;
    font-size: 27px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 4px rgba(86,148,255,0.5)
}

.prize-pool .gift-points512-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590270348%2F512jfy.png")
}

.prize-pool .gift-points1024 {
    width: 296px;
    height: 255px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -43px;
    left: 679px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098603860%2F1024jf.png")
}

.prize-pool .gift-points1024 .card-price {
    position: absolute;
    top: 82px;
    left: 104px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 4px rgba(86,148,255,0.5)
}

.prize-pool .gift-points1024 .gift-name {
    position: absolute;
    top: 104px;
    left: 104px;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 4px rgba(86,148,255,0.5)
}

.prize-pool .gift-points1024-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590253499%2F1024jfy.png")
}

.prize-pool .gift-vipbox {
    width: 186px;
    height: 153px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 138px;
    left: 935px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098524692%2Fhylh.png")
}

.prize-pool .gift-vipbox .gift-name {
    position: absolute;
    top: 62px;
    left: 48px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(97,157,255,0.3)
}

.prize-pool .gift-vipbox-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590138086%2Fhylhy.png")
}

.prize-pool .gift-card888 {
    width: 249px;
    height: 193px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 328px;
    left: 918px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098517513%2F888lpk.png")
}

.prize-pool .gift-card888 .card-price {
    position: absolute;
    top: 30px;
    left: 88px;
    font-size: 26px;
    color: rgba(0,0,0,0);
    font-weight: bold;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to bottom, #ffc663, #ffa21e)
}

.prize-pool .gift-card888 .card-price span {
    font-size: 17px
}

.prize-pool .gift-card888 .gift-name {
    position: absolute;
    top: 85px;
    left: 104px;
    font-size: 13px;
    color: #ffa904;
    font-weight: bold
}

.prize-pool .gift-card888-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590399995%2F888lpky.png")
}

.prize-pool .gift-thanks {
    width: 185px;
    height: 152px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 479px;
    left: 801px;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330597098436876%2Fxxcy.png")
}

.prize-pool .gift-thanks .gift-name {
    position: absolute;
    top: 63px;
    left: 65px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(97,157,255,0.3)
}

.prize-pool .gift-thanks-active {
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330844590366701%2Fxxcyy.png")
}

.prompt-box {
    z-index: 10;
    position: fixed;
    width: 637px;
    height: auto;
    min-height: 182px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16331559358428032%2F%E7%9F%A9%E5%BD%A2%20673.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.prompt-box .close-box {
    position: absolute;
    top: 14px;
    right: 18px;
    width: 17px;
    height: 17px;
    background-size: cover;
    background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330636744010582%2F%E5%85%B3%E9%97%AD26.png");
    cursor: pointer
}

.prompt-box .box-text {
    padding-top: 50px;
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: 6px;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0px 1px 1px rgba(0,89,255,0.86)
}

.prompt-box .box-text span {
    color: #ffdd9d;
    font-size: 20px
}

.prompt-box .box-text7 {
    padding-top: 80px
}

.prompt-box .to-recharge-btn {
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    width: 160px;
    height: 40px;
    border-radius: 10px;
    background-image: linear-gradient(to top, #fdcb69, #ffeac5);
    color: #4f8dff;
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    letter-spacing: 5px;
    font-weight: bold;
    box-shadow: darkgrey 1px 4px 30px 1px
}

@keyframes pushbtn {
    0% {
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329702152023237%2Fstartbtn.png");
        height: 184px;
        transform: scale(1)
    }

    10% {
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885715489%2Fbtn2%20%EF%BC%882%EF%BC%89.png");
        height: 174px;
        transform: scale(1)
    }

    20% {
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885693492%2Fbtn3.png");
        height: 164px;
        transform: scale(1)
    }

    60% {
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885693492%2Fbtn3.png");
        height: 164px;
        transform: scale(1)
    }

    80% {
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16330599885715489%2Fbtn2%20%EF%BC%882%EF%BC%89.png");
        height: 174px;
        transform: scale(1)
    }

    100% {
        background-image: url("https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16329702152023237%2Fstartbtn.png");
        height: 184px;
        transform: scale(1)
    }
}

.modal-1215 {
    position: fixed;
    width: 568px;
    height: 380px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #ffffff;
    box-sizing: border-box;
    border-top: solid 5px #fd5b6c;
    z-index: 1100
}

.modal-1215 .form-content .form-title {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    color: #333333
}

.modal-1215 .form-content .form-row {
    width: 470px;
    height: 45px;
    margin: 22px auto
}

.modal-1215 .form-content .form-row .form-label {
    float: left;
    width: 88px;
    line-height: 43px;
    font-size: 16px;
    text-align: right;
    color: #333333
}

.modal-1215 .form-content .form-row .form-input {
    margin-left: 18px;
    float: left;
    width: 356px;
    height: 41px;
    line-height: 41px
}

.modal-1215 .form-content .form-row .form-input input {
    border: solid 1px #cccbcd;
    height: 41px;
    width: 356px;
    text-indent: 8px;
    outline: none
}

.modal-1215 .form-content .form-row .form-input input:focus {
    border: solid 1px #fd5b6c
}

.modal-1215 .modal-close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 64px;
    background: url(/static/img/activities/icon-close.png) top center no-repeat;
    cursor: pointer
}

.modal-1215 .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center
}

.apply-btn {
    margin: 0 auto;
    width: 154px;
    height: 44px;
    background-image: linear-gradient(0deg, #fd5b6c 0%, #ff908a 100%),linear-gradient(#36acfa, #36acfa);
    background-blend-mode: normal, normal;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    border-radius: 3px
}

.apply-btn:hover {
    background-image: linear-gradient(0deg, #f52f44 0%, #ff908a 100%)
}

.apply-result {
    position: fixed;
    width: 568px;
    height: 238px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #ffffff;
    box-sizing: border-box;
    border-top: solid 5px #fd5b6c;
    z-index: 1111
}

.apply-result .ar-info {
    margin: 50px auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.apply-result .ar-info.ar-success .ar-content {
    -ms-flex-pack: center;
    justify-content: center
}

.apply-result .ar-info.ar-success .ar-icon {
    background-image: url(/static/img/activities/icon-success.png)
}

.apply-result .ar-info .ar-icon {
    height: 50px;
    width: 50px;
    background: url(/static/img/activities/icon-error.png) center no-repeat
}

.apply-result .ar-info .ar-content {
    margin-left: 19px;
    height: 50px;
    line-height: 25px;
    font-size: 22px;
    color: #333333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.apply-result .ar-info .ar-content .ar-detail {
    font-size: 14px;
    line-height: 25px;
    color: #df575b
}

.modal-layer1 {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 576px) {
    .modal-1215 {
        zoom:.5
    }
}

.marketing {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.marketing .banner {
    width: 100%;
    height: 479px;
    box-sizing: border-box;
    background: rgba(169,196,248,0.2) url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16326354893853050%2Fbanner%EF%BC%88%E5%90%88%E5%B9%B6%EF%BC%89%20%EF%BC%881%EF%BC%89%20%EF%BC%881%EF%BC%89.png) center center no-repeat;
    position: relative
}

.marketing .banner .banner-time {
    position: absolute;
    left: 50%;
    top: 360px;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fdcb69;
    font-weight: 600;
    letter-spacing: 3px
}

.marketing .to-recharge {
    width: 100%;
    height: 276px;
    box-sizing: border-box;
    margin-top: 90px;
    margin-bottom: 50px;
    background: #a9c4f8 url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323906937249896%2F6.png) center center no-repeat;
    position: relative
}

.marketing .to-recharge img {
    position: absolute;
    left: 50%;
    top: 70px;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.marketing .to-recharge .btn-wrapper {
    position: absolute;
    border-radius: 11px;
    left: 50%;
    top: 160px;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 162px;
    height: 47px;
    background-image: linear-gradient(to bottom, rgba(253,203,105,0), rgba(253,203,105,0.6))
}

.marketing .to-recharge .btn-wrapper .to-recharge-btn {
    margin: 0 auto;
    cursor: pointer;
    width: 160px;
    height: 46px;
    border-radius: 10px;
    background-color: #ffeac5;
    color: #5999ff;
    font-size: 20px;
    text-align: center;
    line-height: 46px;
    letter-spacing: 2px;
    font-weight: bold
}

.marketing .tab_title {
    width: 100%;
    height: 72px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #fff;
    z-index: 3;
    border-bottom: 2px solid rgba(223,223,223,0.4);
    letter-spacing: 4px
}

.marketing .tab_title .title_item {
    color: #676767;
    font-size: 20px;
    cursor: pointer;
    margin: 0 46px;
    padding: 23px 50px;
    border-bottom: 3px solid rgba(62,136,255,0)
}

.marketing .tab_title .title_item:last-child {
    border-right: none
}

.marketing .tab_title .title_item_active {
    color: #3e88ff;
    border-bottom: 3px solid #3e88ff
}

.marketing .is-top {
    position: fixed;
    top: 0px;
    left: 0px
}

.marketing .center_content {
    width: 1200px;
    margin: 0 auto
}

.marketing .footer-wrapper {
    padding-bottom: 30px;
    position: relative;
    margin: 80px auto;
    width: 1200px;
    height: auto;
    background-repeat: no-repeat;
    background-image: url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323146600247444%2Fbackfoot.png);
    background-size: cover
}

.marketing .footer-wrapper .footer-rule {
    z-index: 2;
    position: absolute;
    top: -10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 407px;
    height: 71px;
    background-repeat: no-repeat;
    background-image: url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323146599867105%2Ffoottop.png);
    background-size: cover;
    line-height: 66px;
    text-align: center;
    color: #fff;
    letter-spacing: 6px;
    text-shadow: 0px 1px 1px rgba(255,95,0,0.67);
    font-weight: bold;
    font-size: 27px
}

.marketing .footer-wrapper .footer-content-1 {
    box-sizing: border-box;
    margin: 0 auto;
    width: 880px;
    height: 100%;
    padding-top: 64px;
    color: #535353;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px
}

.marketing .footer-wrapper .footer-content-1 .bold-word {
    font-weight: bold
}

.marketing .footer-wrapper .footer-content-1 .activity {
    line-height: 30px
}

.marketing .footer-wrapper .footer-content-1 .activity .rules {
    font-weight: 400;
    display: -ms-flexbox;
    display: flex
}

.marketing .footer-wrapper .footer-content-1 .activity .rules .rules-img {
    display: inline-block;
    z-index: 2;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(https://1024-cdn.xfyun.cn/2020_1024%2Fcms%2F16323166386538199%2Fcircle.png);
    background-size: 33px 33px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 13px
}

.marketing .footer-wrapper .footer-content-1 .activity .rules .rules-content {
    width: calc(100% - 33px);
    word-break: break-word
}

.marketing .footer-wrapper .footer-content-1 .activity .rules .rules-content span {
    color: #459eff;
    cursor: pointer
}

.modal-1215 {
    position: fixed;
    width: 568px;
    height: 380px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #ffffff;
    box-sizing: border-box;
    border-top: solid 5px #fd5b6c;
    z-index: 1100
}

.modal-1215 .form-content .form-title {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    color: #333333
}

.modal-1215 .form-content .form-row {
    width: 470px;
    height: 45px;
    margin: 22px auto
}

.modal-1215 .form-content .form-row .form-label {
    float: left;
    width: 88px;
    line-height: 43px;
    font-size: 16px;
    text-align: right;
    color: #333333
}

.modal-1215 .form-content .form-row .form-input {
    margin-left: 18px;
    float: left;
    width: 356px;
    height: 41px;
    line-height: 41px
}

.modal-1215 .form-content .form-row .form-input input {
    border: solid 1px #cccbcd;
    height: 41px;
    width: 356px;
    text-indent: 8px;
    outline: none
}

.modal-1215 .form-content .form-row .form-input input:focus {
    border: solid 1px #fd5b6c
}

.modal-1215 .modal-close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 64px;
    background: url(/static/img/activities/icon-close.png) top center no-repeat;
    cursor: pointer
}

.modal-1215 .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center
}

.apply-btn {
    margin: 0 auto;
    width: 154px;
    height: 44px;
    background-image: linear-gradient(0deg, #fd5b6c 0%, #ff908a 100%),linear-gradient(#36acfa, #36acfa);
    background-blend-mode: normal, normal;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    border-radius: 3px
}

.apply-btn:hover {
    background-image: linear-gradient(0deg, #f52f44 0%, #ff908a 100%)
}

.apply-result {
    position: fixed;
    width: 568px;
    height: 238px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #ffffff;
    box-sizing: border-box;
    border-top: solid 5px #fd5b6c;
    z-index: 1111
}

.apply-result .ar-info {
    margin: 50px auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.apply-result .ar-info.ar-success .ar-content {
    -ms-flex-pack: center;
    justify-content: center
}

.apply-result .ar-info.ar-success .ar-icon {
    background-image: url(/static/img/activities/icon-success.png)
}

.apply-result .ar-info .ar-icon {
    height: 50px;
    width: 50px;
    background: url(/static/img/activities/icon-error.png) center no-repeat
}

.apply-result .ar-info .ar-content {
    margin-left: 19px;
    height: 50px;
    line-height: 25px;
    font-size: 22px;
    color: #333333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.apply-result .ar-info .ar-content .ar-detail {
    font-size: 14px;
    line-height: 25px;
    color: #df575b
}

.modal-layer {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5)
}

@media only screen and (max-width: 576px) {
    .modal-1215 {
        zoom:.5
    }
}

.hover_copy.no_children {
    position: relative;
    line-height: 24px;
    margin-bottom: 1px;
    padding: 12px 16px;
    padding-bottom: 19px;
    cursor: pointer;
    line-height: 24px;
    text-align: justify;
    text-justify: distribute-all-lines
}

.hover_copy.no_children:hover {
    color: #1a91ff;
    background: linear-gradient(to bottom, #f4faff, #feffff)
}

.hover_copy.no_children .hover_copy_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.hover_copy.no_children .hover_copy_btn .action_btn {
    font-size: 12px;
    color: #1a91ff;
    border: none;
    padding: 0;
    margin: 0;
    height: 19px;
    width: 64px;
    border-radius: 0px 0px 4px 0px;
    background: linear-gradient(to left, #e5f2ff, #fff)
}

.hover_copy.no_children .hover_copy_btn .action_btn span {
    vertical-align: middle
}

.hover_copy.no_children .instruction_copy_icon {
    display: inline-block;
    width: 12px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4T+XTOy9EURDA8f+cu9crXisUq9RsVFQ0GoVOLVEqVoiE3cQHEI1IJItEvAq9lk6xNYVQiUSUtiAIwi73zshu2KzHLdSmmzOTX845mRG+x6558UsarRb5Ufs4cB56Oy0PpfRHU2LF1gX6f6tVQEMNNvJp2f4CJLLWjWNflZTCbdQNYo4+gfHXAoMVoH3ZkjGhx8G8haQC4bEaEEFj91xczclzR9Z6fcfOs5aAXfMSV6whDAmU3/VbmOGLo+gCBopCsgLEN62lvkAuVGaLcBwF1AbEnc+eKqMqeBWgNWutDY7cmzJ2nZGTKKC6r9TznwELmVbB9xxLL3UMyl8/Eag38DEO8p1M/RlQWAiM05u0nJd3oX3RmmrqyBlsBcpR5AJBm3NsowznM3L22Vce5cSypQQmEFwUAJjBYX5GJr+M+GfStmrNGkYDUsTuunhiRMJq4B3wLMfgIB1JzwAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: contain;
    margin-right: 4px
}

.instruction_content {
    width: 1120px;
    margin: 0 auto;
    padding: 0px 0 30px 0;
    font-size: 16px;
    color: #06162f;
    position: relative
}

.instruction_content .ins-affix {
    display: inline-block;
    position: fixed;
    right: 10px;
    z-index: 9;
    top: 50%;
    width: 82px;
    height: 85px;
    cursor: pointer;
    background: url(https://aixfyun-cn-bj.xfyun.cn/aixfyun/1684984574000/%E5%88%86%E4%BA%AB%E6%8C%87%E4%BB%A4.png) center center/100% 100% no-repeat
}

.instruction_content.is-mobile {
    width: 100vw;
    font-size: 12px
}

.instruction_content.is-mobile .spark_logo {
    margin-left: 12px;
    width: calc(100vw - 12px);
    height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il/lm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDg0NiAxMTEuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODQ2IDExMS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tvcGFjaXR5OjAuNDY7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHJlY3QgeD0iMTQ3LjUiIHk9IjczLjMiIGNsYXNzPSJzdDAiIHdpZHRoPSI4LjQiIGhlaWdodD0iNi43Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQ3LjUsODIuMiAxNTUuOSw4Mi4yIDE1NS45LDk5LjkgMTQ3LjUsMTAyLjcgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTk0LjUsNzMuMiAxOTIuMyw3OS42IDE3NSw3OS42IDE3NSw4NS44IDE5My4zLDg1LjggMTkwLjYsOTIuMSAxNzUsOTIuMSAxNzUsMTAwLjIgMTY1LjksMTAyLjggCgkxNjUuOSw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwMi45LDczLjYgMjExLjcsNzMuNiAyMTEuNyw5NS42IDIyOS44LDk1LjYgMjI3LjEsMTAyLjQgMjAyLjksMTAyLjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjIyLjUsNzMuMiAyMzMuMyw3My4yIDI0Mi4zLDg0LjMgMjUxLDczLjIgMjYxLjgsNzMuMiAyNDYuNiw5Mi43IDI0Ni42LDEwMC42IDIzNy45LDEwMi44IDIzNy45LDkyLjcgCgkiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOTkuNiw3My4yIDI5Nyw4MCAyODcuOSw4MCAyODcuOSwxMDAuNSAyNzkuMSwxMDIuOCAyNzkuMSw4MCAyNjcuNyw4MCAyNjcuNyw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwNC45LDczLjUgMzM0LjcsNzMuNSAzMzIuNCw3OS43IDMxMy44LDc5LjcgMzEzLjgsODUuMyAzMzMuNCw4NS4zIDMzMS41LDkwLjggMzEzLjgsOTAuOCAzMTMuOCw5Ni41IAoJMzM0LjcsOTYuNSAzMzIuNCwxMDIuNSAzMDQuOSwxMDIuNSAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzMzkuNSw3My41IDM0OC40LDczLjUgMzQ4LjQsODQuNCAzNTAuNiw4NC40IDM2Miw3My40IDM3My40LDczLjQgMzU4LjksODcuNSAzNzUuMSwxMDIuMyAzNjIuNywxMDIuMyAKCTM1MC42LDkxIDM0OC40LDkxIDM0OC40LDEwMC44IDMzOS41LDEwMi42ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0Ny45LDY0IDE1MCwzNi4yIDE1NywzNi4yIDE1NS4xLDYxLjkgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTg5LjksMTYuMiAxOTcuOSwxNi4yIDE5Ny45LDUwIDIwMS44LDQ5LjggMTk5LjUsNTYuMSAxOTcuOSw1Ni4yIDE5Ny45LDY0IDE4OS45LDY3IDE4OS45LDU2LjUgCgkxNzUuNSw1Ny41IDE3NS41LDUxLjMgMTg5LjksNTAuMyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNzMuMSwzNi4yIDE3NC45LDYzIDE2OCw1OS45IDE2Ni4zLDM2LjIgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTY1LjQsMzMuNCAxNjUuNCw2Mi44IDE1Ny44LDY2LjMgMTU3LjgsMzMuNCAxNDgsMzMuNCAxNDgsMjcuNSAxNTcuOCwyNy41IDE1Ny44LDIzLjQgMTQ4LjYsMjQuMiAKCTE0OC42LDE3LjkgMTc0LjksMTUuNyAxNzMuMiwyMS45IDE2NS40LDIyLjggMTY1LjQsMjcuNSAxNzQuOSwyNy41IDE3MiwzMy40ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4MS4zLDM1LjYgMTg3LjcsNDEuMiAxODEuOCw0Ny4xIDE3NS40LDQxLjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTgxLjQsMTkuNiAxODcuOCwyNS4xIDE4MS44LDMxIDE3NS40LDI1LjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjc0LjQsMTYuOSAyODAuNiwyMi4zIDI3NC43LDI4LjEgMjY4LjUsMjIuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyODQuOSwzOCAyOTAuNiwzOCAyOTAuNiwyMy43IDI4NS4yLDIzLjcgMjg1LjIsMTcuMyAzMTcuMSwxNy4zIDMxNy4xLDU5LjQgMzIxLjIsNTkuNCAzMTguMSw2NS41IAoJMzA4LDY1LjYgMzA4LDIzLjcgMjk5LjYsMjMuNyAyOTkuNiwzOCAzMDYuOCwzOCAzMDMuNSw0NC40IDI5OS42LDQ0LjQgMjk5LjYsNjIgMjkwLjYsNjUuOSAyOTAuNiw0NC40IDI4NC45LDQ0LjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjY3LjIsMzMuNCAyNzkuNiwzMy40IDI3OS43LDU3LjIgMjg1LjMsNTYuMiAyODIuMyw2My41IDI3MC42LDY2LjUgMjcwLjYsMzkuOCAyNjcuMiwzOS44ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIzOS43LDI1LjEgMjYxLjQsMjUuMSAyNTguMSwzMS42IDI0MC4zLDMxLjYgMjYyLjEsNjUuNiAyNTAuMyw2NS42IDIzNC44LDQxIDIxOS44LDY1LjYgMjA3LjksNjUuNiAKCTIyOS4xLDMxLjYgMjA5LjMsMzEuNiAyMDkuMywyNS4xIDIyOS44LDI1LjEgMjI5LjgsMTYuOSAyMzkuNiwxNi45ICIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzU5LjcsNjAuMWwxNS4xLDAuMWwtMy40LDYuMWgtMTEuOEMzNTkuNyw2Ni4zLDM1OS43LDYwLjEsMzU5LjcsNjAuMXogTTM1OS43LDUzVjQyLjlsMy4zLDMuMwoJYzAuOCwwLjgsMS42LDEuNCwyLjIsMS43YzAuNiwwLjIsMS42LDAuMywyLjksMC4zaDYuN3Y2LjJoLTguN2MtMi4zLDAtMy45LTAuMS00LjgtMC41QzM2MC44LDUzLjcsMzYwLjMsNTMuNCwzNTkuNyw1MyBNMzU5LjcsMzQuNQoJdi02LjdjMC40LTAuMywwLjgtMC44LDEuMy0xLjZsNS41LTguNmg4LjRsLTgsMTRjLTAuMiwwLjUtMC42LDEtMS4xLDEuNWMtMC41LDAuNS0xLDAuOS0xLjYsMS4yYy0wLjYsMC4yLTEuOCwwLjMtMy40LDAuMwoJTDM1OS43LDM0LjVMMzU5LjcsMzQuNXogTTM0Ny45LDE3LjVsLTguMyw0Mi42aDIwLjF2Ni4ybC0zMC42LTAuMWw4LjctNDIuNGgtMTAuNnYtNi4zTDM0Ny45LDE3LjVMMzQ3LjksMTcuNXogTTM1OS43LDI3LjgKCWMtMC4xLDAuMS0wLjIsMC4xLTAuMiwwLjJjLTAuNSwwLjItMSwwLjQtMS43LDAuNGgtMTJsLTEuMiw2LjJoMTUuMVYyNy44TDM1OS43LDI3Ljh6IE0zNTkuNyw0Mi45bC0zLjQtMy4zSDM0N2wxMS4xLDExLjgKCWMwLjYsMC42LDEuMSwxLjIsMS42LDEuNUwzNTkuNyw0Mi45TDM1OS43LDQyLjl6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MC4yLDk1LjhjLTI5LjgsMTUtNjAuMiwxOS02OC4zLTVjLTAuMS0wLjItMC4yLTAuNS0wLjItMC43Yy0wLjktMy44LTEtOCwwLjEtMTMuOUMyMCwzMi45LDczLjgsMCw3My44LDAKCWMtMS44LDEtMy42LDIuMS01LjQsMy4xQzI5LDI1LjcsMTAuMyw0OS42LDMuNSw2Ny40Yy01LjEsMTMuMy0zLjQsMjItMi43LDI0LjZjMS4xLDQsMy4xLDcuMiw1LjQsOS44YzEyLDEzLjQsMzIuNiwxMC41LDQ4LjcsNS4yCglDNjksMTAyLjYsODAuMiw5NS44LDgwLjIsOTUuOEw4MC4yLDk1Ljh6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjguMSwyMC42YzEuMi0wLjMsMC40LTAuMiwzLjMtMC45Yy00LjYtMC45LTMyLjcsMC40LTU0LjIsMjhMNTguMywxOS45SDUxbDIyLjUsMzNjLTAuNiwwLjgtMS4xLDEuNy0xLjcsMi42CgljLTAuMSwwLjItMC4yLDAuNC0wLjQsMC42TDQ2LjcsMTkuOWgtNy4zTDY4LjIsNjJjLTAuNiwxLTEuMiwyLTEuOCwzLjFsLTMxLTQ1LjNoLTcuM2wzNC44LDUwLjhjLTguMSwxMi0yMS43LDI3LjItNDEuOSwzMS4zCgljMCwwLDM0LjksMyw1NS41LTI0LjhMOTMuMiwxMDJoNy4zTDgwLDcxLjhjMC4zLTAuNiwwLjctMS4xLDEtMS43YzAuMi0wLjQsMC41LTAuOSwwLjgtMS40bDIyLjcsMzMuM2g3LjNMODUuMiw2MwoJYzAuNi0xLDEuMy0yLjEsMi4xLTMuM2wyOC45LDQyLjNoNy4zTDkwLjgsNTQuM0M5OS45LDQxLjEsMTEzLjgsMjQuNSwxMjguMSwyMC42TDEyOC4xLDIwLjZ6Ii8+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTQuNywyNi44aC04djE4LjhoNnY2LjhoLTZ2MjYuM2gtOS4yVjUyLjVINTkxdi02LjhoNi42VjI2LjhoLTYuMlYyMGgzMi45YzEuNCwwLDIuNSwxLjEsMi41LDIuNXY0OS44CgkJCQlsNC40LDBsLTMuMSw2LjVsLTEwLjYsMC4xbC0wLjEtNDkuMkM2MTcuNSwyOC4xLDYxNi4zLDI2LjgsNjE0LjcsMjYuOHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU3NC41LDQ3aC00di02LjhoMTAuNmMxLjQsMCwyLjUsMS4xLDIuNSwyLjVsMC4xLDI5LjVsNC45LDBsLTMsNi42bC04LjYsMGMtMS40LDAtMi41LTEuMS0yLjUtMi41VjQ3eiIvPgoJCQk8cmVjdCB4PSI1NzAuNSIgeT0iMjAiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMy4yIiBoZWlnaHQ9IjcuMSIvPgoJCTwvZz4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcwLjgsOTEuOXY2LjNoMnYtNi4zSDU3MC44eiBNNTcwLjgsODkuN3YxLjRoMnYtMS40SDU3MC44eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5NC45LDkwLjl2LTEuNmgtOC4xdjguOGgyLjJ2LTMuNGg1LjZ2LTEuNkg1ODl2LTIuMkg1OTQuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTAuMiw5Ni41di03LjJINjA4djguOGg3LjF2LTEuNkg2MTAuMnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MzUuMyw4OS40bC0yLjYsMy43bC0yLjYtMy43aC0yLjdsNC4yLDUuNXYzLjNoMi4ydi0zLjNsNC4yLTUuNUg2MzUuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NTAuMiw4OS40VjkxaDMuM3Y3LjJoMi4yVjkxaDMuMnYtMS42SDY1MC4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY3NC40LDk2LjZ2LTIuMWg1Ljh2LTEuNmgtNS44di0yaDZ2LTEuNmgtOC4ydjguOGg4LjR2LTEuNkg2NzQuNHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OTkuMSw5My4xbDQuMy0zLjdoLTIuOGwtNC4zLDMuOHYtMy44aC0yLjJ2OC44aDIuMnYtMi42bDEuMy0xLjFsMy40LDMuOGgyLjlMNjk5LjEsOTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NDAuMSw5My4yYy0wLjMtMC4xLTAuNi0wLjItMS4yLTAuM2MtMC42LTAuMS0yLjItMC4zLTIuOC0wLjVjLTAuNC0wLjEtMC43LTAuMy0wLjctMC44CgkJCQkJYzAtMC45LDEuMi0xLDEuMi0xYzAuMywwLDAuNiwwLDAuNywwYzAuOCwwLDEuOCwwLjEsMi4zLDAuOGMwLjEsMC4xLDAuMSwwLjEsMC4yLDAuM2wyLjEtMC41Yy0wLjItMC4zLTAuMy0wLjUtMC42LTAuOAoJCQkJCWMtMC40LTAuNC0wLjktMC42LTEuMS0wLjdjLTAuNi0wLjMtMS40LTAuNi0yLjktMC42Yy0xLjYsMC0yLjUsMC40LTMsMC44Yy0wLjMsMC4yLTEuMSwwLjgtMS4xLDJjMCwxLjMsMSwxLjksMS40LDIuMQoJCQkJCWMwLjcsMC4zLDEuNiwwLjUsMy4yLDAuN2MwLjgsMC4xLDEuNCwwLjIsMS42LDAuNGMwLjIsMC4xLDAuMywwLjMsMC4zLDAuNmMwLDAuNC0wLjMsMC43LTAuNCwwLjhjLTAuNiwwLjQtMS43LDAuNC0xLjgsMC40CgkJCQkJYy0xLjEsMC0yLjQtMC4zLTIuOS0xLjRsLTIsMC41YzAuMSwwLjEsMC4xLDAuMiwwLjIsMC40YzAuMSwwLjIsMC40LDAuNywwLjksMWMwLjMsMC4yLDAuNSwwLjMsMC42LDAuNAoJCQkJCWMwLjYsMC4zLDEuNSwwLjcsMy4xLDAuN2MwLjMsMCwwLjYsMCwwLjksMGMwLjUsMCwxLTAuMSwxLjQtMC4zYzEuOC0wLjYsMi4xLTEuOCwyLjEtMi42Qzc0MS45LDkzLjksNzQwLjYsOTMuNCw3NDAuMSw5My4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc2My44LDkwLjZjLTAuNS0wLjgtMS4zLTEuMS0yLjItMS4yYy0wLjIsMC0wLjUsMC0wLjcsMGgtNS40djguOGgyLjJ2LTMuM2gzLjFjMC44LDAsMS43LDAsMi4zLTAuNAoJCQkJCWMwLjMtMC4yLDAuNS0wLjQsMC42LTAuNWMwLjItMC4yLDAuMy0wLjQsMC4zLTAuNWMwLjItMC41LDAuMi0xLjEsMC4yLTEuM0M3NjQuMiw5MS4zLDc2NCw5MC44LDc2My44LDkwLjZ6IE03NjEuNCw5My4yCgkJCQkJYy0wLjMsMC4xLTAuNywwLjEtMS4xLDAuMWgtMi43di0yLjRoMy4xYzAuMywwLDAuNCwwLDAuNSwwLjFjMC43LDAuMiwwLjcsMSwwLjcsMS4yQzc2Miw5Mi4zLDc2Miw5Mi45LDc2MS40LDkzLjJ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzgzLDg5LjRoLTIuNGwtNC4yLDguOGgyLjRsMC43LTEuN2g0LjVsMC43LDEuN2gyLjVMNzgzLDg5LjR6IE03ODAuMyw5NC45bDEuNi0zLjRsMS41LDMuNEg3ODAuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDcuMyw5NC41YzAuOS0wLjIsMS43LTAuNCwyLjEtMS4zYzAuMi0wLjUsMC4yLTAuOSwwLjItMS4yYzAtMS4yLTAuNi0yLjEtMS44LTIuNQoJCQkJCWMtMC40LTAuMS0wLjctMC4yLTEuNS0wLjJoLTZ2OC44aDIuMnYtMy41aDIuNWwyLjMsMy41aDIuNkw4MDcuMyw5NC41eiBNODA2LjYsOTNjLTAuMiwwLTAuNSwwLTAuNSwwaC0zLjV2LTIuMWgzLjUKCQkJCQljMC40LDAsMC45LDAsMS4yLDAuNGMwLjIsMC4yLDAuMiwwLjYsMC4yLDAuN0M4MDcuNCw5Mi43LDgwNi45LDkzLDgwNi42LDkzeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgyOC4xLDkzLjFsNC4zLTMuN2gtMi44bC00LjMsMy44di0zLjhIODIzdjguOGgyLjJ2LTIuNmwxLjMtMS4xbDMuNCwzLjhoMi45TDgyOC4xLDkzLjF6Ii8+CgkJCTwvZz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY4NS4zLDIwbC0yMS4xLDE4LjhsMTQuMywwTDY5Ny43LDIwSDY4NS4zeiBNNjgwLjQsNDYuNmgtMTMuN2wxNiwxNy4zaDEzLjdMNjgwLjQsNDYuNnogTTY1NC4zLDcyLjQKCQkJCWMtMC45LDAtMS41LTAuOC0xLjMtMS43bDEyLjYtNDcuNmMwLjQtMS42LTAuOC0zLjItMi40LTMuMmgtMjQuMnY2LjdsMTMuNCwwYzEuMywwLDIuMywxLjMsMS45LDIuNWwtMTIuMyw0Ni40CgkJCQljLTAuNCwxLjYsMC44LDMuMiwyLjQsMy4ybDQ4LjUsMGwzLjctNi40SDY1NC4zeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQxLjQsNjguM2gyMi40di01LjJoLTIyLjRWNThoMjIuNHYtNWgtMjIuNHYtNC4zaDIyLjRsMC04VjIyLjVjMC0xLjQtMS4xLTIuNS0yLjUtMi41aC01MS4xdjI2LjEKCQkJCWMwLDEuNCwxLjEsMi41LDIuNSwyLjVoNC4zbC02LjgsOS40aDIxLjR2NS4xaC0yMS4zdjUuMmwyMS4zLTAuMXY0LjJoLTIxLjN2Ni40aDUzLjR2LTYuNGgtMjIuNFY2OC4zeiBNNzE5LjksMzcuNGgyOC41bDIuOC01LjQKCQkJCWgtMzEuM3YtNkg3NTR2MTYuNWgtMzQuMVYzNy40eiBNNzMxLjYsNTIuOWgtOC41bDMuMy00LjNoNS4yVjUyLjl6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03ODQuMywyMGgtOS42bDcuMSwyOC43aDkuNkw3ODQuMywyMHogTTgyMS45LDIwbC03LjEsMjguOGg5LjdsNy4xLTI4LjhIODIxLjl6IE04MDcuOSw0OS4xVjIwSDc5OHYyOS4xCgkJCWwtMjMuOCwyOS44bDEyLjEsMGwxNi45LTIwLjlsMTcsMjFsMTIuMi0wLjFMODA3LjksNDkuMXoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxyYWRpYWxHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGN4PSI0OTIuNDA3NiIgY3k9Ijg0LjE4IiByPSI1OS42ODcxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuOTcyNyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01NDkuOSw3Ni4zQzU0OS45LDc2LjMsNTQ5LjksNzYuMyw1NDkuOSw3Ni4zYy0xLjUsNS4zLTQsMTAuMS03LjIsMTQuM2MwLDAsMCwwLDAsMGMtNC44LDYtMjEuMyw2LTMxLjIsMy40CgkJYy0xMC43LTIuOS0xOC40LTkuNi0xOS0xMC4xYzQuMiwzLjMsOS41LDUuMiwxNS4zLDUuMmMxMy45LDAsMjUuMS0xMS40LDI1LjEtMjUuNGMwLTQuMi0xLTguMS0yLjgtMTEuNmMtMC4xLTAuMiwwLjEtMC40LDAuMi0wLjMKCQlDNTM4LjIsNTMuMSw1NTMuOSw2MC41LDU0OS45LDc2LjN6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUxLjQsNTguNmMwLDAuMy0wLjMsMC40LTAuNSwwLjFjLTMuNy03LjktMTAuMi0xMC4zLTE4LTEyLjFjLTUuOS0xLjMtOS44LTMuMy0xMS41LTQuMgoJCWMtMC40LTAuMi0wLjctMC41LTEuMS0wLjdjMCwwLDAsMCwwLDBjLTEyLjMtNy41LTEyLjUtMjAuNC0xMi41LTIwLjRWMi42YzAtMC4yLDAuMy0wLjMsMC40LTAuMkw1MzcuMywzMWwwLDBsMi4yLDIuMQoJCUM1NDUuOSwzOS45LDU1MC4zLDQ4LjgsNTUxLjQsNTguNnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NDIuNyw5MC42Yy04LDEwLjUtMjAuNiwxNy40LTM0LjgsMTcuNGMtMjQuMiwwLTQzLjgtMTkuOC00My44LTQ0LjJjMC0xMS45LDQuNi0yMi42LDEyLjItMzAuNmwyLjItMi4ybDAsMAoJCWwxOS0xOC43YzAuMi0wLjIsMC41LDAsMC40LDAuMmMtMC4zLDEuMy0wLjgsNC4zLTAuNSw4LjNjMC40LDQuNywxLjksMTEsNi4zLDE4YzIuNyw0LjQsNi42LDksMTIsMTMuOGMwLjYsMC42LDEuMywxLjEsMiwxLjcKCQljMCwwLDAsMCwwLDBjMi40LDIuNSwzLjgsNS44LDMuOCw5LjVjMCw3LjUtNi4xLDEzLjYtMTMuNSwxMy42Yy0zLjIsMC02LjEtMS4xLTguNC0zYy0wLjItMC4yLDAtMC41LDAuMi0wLjQKCQljMC41LDAuMSwxLDAuMiwxLjUsMC4yYzIuNiwwLDQuOC0yLjEsNC44LTQuOGMwLTEuNi0wLjgtMy4xLTItMy45YzAsMCwwLDAsMCwwYy0zLjItMi42LTUuOS01LjEtOC4yLTcuNgoJCWMtMy4yLTMuNS01LjYtNi45LTcuMy0xMC4yYy0zLjUsNC40LTUuNyw5LjktNS43LDE2YzAsOC4yLDMuOCwxNS41LDkuOCwyMC4xYzAsMCwwLDAsMCwwYzAuNiwwLjUsOC4zLDcuMiwxOSwxMC4xCgkJQzUyMS40LDk2LjcsNTM3LjksOTYuNiw1NDIuNyw5MC42eiIvPgo8L2c+CjxsaW5lIGNsYXNzPSJzdDMiIHgxPSI0MjAiIHkxPSIxOS43IiB4Mj0iNDIwIiB5Mj0iOTkuNyIvPgo8L3N2Zz4K) left center no-repeat;
    background-size: 18% auto;
    margin-bottom: 12px
}

.instruction_content.is-mobile .title {
    padding-top: 1px;
    font-size: 18px
}

.instruction_content.is-mobile .search_area {
    -ms-flex-pack: center;
    justify-content: center
}

.instruction_content.is-mobile .search_box {
    width: 80vw
}

.instruction_content.is-mobile .special_wrap {
    -ms-flex-pack: center;
    justify-content: center
}

.instruction_content.is-mobile .special_wrap .special_item {
    width: 92vw;
    margin-top: 24px
}

.instruction_content.is-mobile .special_wrap .special_item .special_title {
    background-size: cover
}

.instruction_content.is-mobile .special_wrap .special_item.none {
    margin-top: 0;
    border: none
}

.instruction_content.is-mobile .special_wrap .special_item:first-child {
    margin-top: 0
}

.instruction_content.is-mobile .second_wrap {
    -ms-flex-pack: center;
    justify-content: center
}

.instruction_content.is-mobile .second_wrap .second_item {
    width: 92%
}

.instruction_content.is-mobile .second_wrap .second_item.none {
    margin-top: 0px;
    border: none
}

.instruction_content.is-mobile .mode_wrap .mode_item {
    font-size: 12px
}

.instruction_content .hm-footer {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-family: PingFangSC, PingFangSC-Medium;
    text-align: right;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #a6adcb;
    font-size: 14px;
    font-weight: 500
}

.instruction_content .hm-footer .f-item {
    margin-bottom: 10px
}

.instruction_content .hm-footer a {
    text-decoration: none;
    color: #6f7ad5
}

.instruction_content .hm-footer a:hover {
    color: #5a7dff
}

.instruction_content .hm-footer .line {
    display: block;
    background-color: #c1bddd;
    height: 16px;
    width: 1px;
    margin-right: 16px
}

.instruction_content .spark_logo {
    margin: 0 auto;
    width: 100%;
    height: 68px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il/lm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDg0NiAxMTEuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODQ2IDExMS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tvcGFjaXR5OjAuNDY7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHJlY3QgeD0iMTQ3LjUiIHk9IjczLjMiIGNsYXNzPSJzdDAiIHdpZHRoPSI4LjQiIGhlaWdodD0iNi43Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQ3LjUsODIuMiAxNTUuOSw4Mi4yIDE1NS45LDk5LjkgMTQ3LjUsMTAyLjcgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTk0LjUsNzMuMiAxOTIuMyw3OS42IDE3NSw3OS42IDE3NSw4NS44IDE5My4zLDg1LjggMTkwLjYsOTIuMSAxNzUsOTIuMSAxNzUsMTAwLjIgMTY1LjksMTAyLjggCgkxNjUuOSw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwMi45LDczLjYgMjExLjcsNzMuNiAyMTEuNyw5NS42IDIyOS44LDk1LjYgMjI3LjEsMTAyLjQgMjAyLjksMTAyLjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjIyLjUsNzMuMiAyMzMuMyw3My4yIDI0Mi4zLDg0LjMgMjUxLDczLjIgMjYxLjgsNzMuMiAyNDYuNiw5Mi43IDI0Ni42LDEwMC42IDIzNy45LDEwMi44IDIzNy45LDkyLjcgCgkiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOTkuNiw3My4yIDI5Nyw4MCAyODcuOSw4MCAyODcuOSwxMDAuNSAyNzkuMSwxMDIuOCAyNzkuMSw4MCAyNjcuNyw4MCAyNjcuNyw3My4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwNC45LDczLjUgMzM0LjcsNzMuNSAzMzIuNCw3OS43IDMxMy44LDc5LjcgMzEzLjgsODUuMyAzMzMuNCw4NS4zIDMzMS41LDkwLjggMzEzLjgsOTAuOCAzMTMuOCw5Ni41IAoJMzM0LjcsOTYuNSAzMzIuNCwxMDIuNSAzMDQuOSwxMDIuNSAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzMzkuNSw3My41IDM0OC40LDczLjUgMzQ4LjQsODQuNCAzNTAuNiw4NC40IDM2Miw3My40IDM3My40LDczLjQgMzU4LjksODcuNSAzNzUuMSwxMDIuMyAzNjIuNywxMDIuMyAKCTM1MC42LDkxIDM0OC40LDkxIDM0OC40LDEwMC44IDMzOS41LDEwMi42ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0Ny45LDY0IDE1MCwzNi4yIDE1NywzNi4yIDE1NS4xLDYxLjkgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTg5LjksMTYuMiAxOTcuOSwxNi4yIDE5Ny45LDUwIDIwMS44LDQ5LjggMTk5LjUsNTYuMSAxOTcuOSw1Ni4yIDE5Ny45LDY0IDE4OS45LDY3IDE4OS45LDU2LjUgCgkxNzUuNSw1Ny41IDE3NS41LDUxLjMgMTg5LjksNTAuMyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNzMuMSwzNi4yIDE3NC45LDYzIDE2OCw1OS45IDE2Ni4zLDM2LjIgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTY1LjQsMzMuNCAxNjUuNCw2Mi44IDE1Ny44LDY2LjMgMTU3LjgsMzMuNCAxNDgsMzMuNCAxNDgsMjcuNSAxNTcuOCwyNy41IDE1Ny44LDIzLjQgMTQ4LjYsMjQuMiAKCTE0OC42LDE3LjkgMTc0LjksMTUuNyAxNzMuMiwyMS45IDE2NS40LDIyLjggMTY1LjQsMjcuNSAxNzQuOSwyNy41IDE3MiwzMy40ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4MS4zLDM1LjYgMTg3LjcsNDEuMiAxODEuOCw0Ny4xIDE3NS40LDQxLjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTgxLjQsMTkuNiAxODcuOCwyNS4xIDE4MS44LDMxIDE3NS40LDI1LjUgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjc0LjQsMTYuOSAyODAuNiwyMi4zIDI3NC43LDI4LjEgMjY4LjUsMjIuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyODQuOSwzOCAyOTAuNiwzOCAyOTAuNiwyMy43IDI4NS4yLDIzLjcgMjg1LjIsMTcuMyAzMTcuMSwxNy4zIDMxNy4xLDU5LjQgMzIxLjIsNTkuNCAzMTguMSw2NS41IAoJMzA4LDY1LjYgMzA4LDIzLjcgMjk5LjYsMjMuNyAyOTkuNiwzOCAzMDYuOCwzOCAzMDMuNSw0NC40IDI5OS42LDQ0LjQgMjk5LjYsNjIgMjkwLjYsNjUuOSAyOTAuNiw0NC40IDI4NC45LDQ0LjQgIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjY3LjIsMzMuNCAyNzkuNiwzMy40IDI3OS43LDU3LjIgMjg1LjMsNTYuMiAyODIuMyw2My41IDI3MC42LDY2LjUgMjcwLjYsMzkuOCAyNjcuMiwzOS44ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIzOS43LDI1LjEgMjYxLjQsMjUuMSAyNTguMSwzMS42IDI0MC4zLDMxLjYgMjYyLjEsNjUuNiAyNTAuMyw2NS42IDIzNC44LDQxIDIxOS44LDY1LjYgMjA3LjksNjUuNiAKCTIyOS4xLDMxLjYgMjA5LjMsMzEuNiAyMDkuMywyNS4xIDIyOS44LDI1LjEgMjI5LjgsMTYuOSAyMzkuNiwxNi45ICIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzU5LjcsNjAuMWwxNS4xLDAuMWwtMy40LDYuMWgtMTEuOEMzNTkuNyw2Ni4zLDM1OS43LDYwLjEsMzU5LjcsNjAuMXogTTM1OS43LDUzVjQyLjlsMy4zLDMuMwoJYzAuOCwwLjgsMS42LDEuNCwyLjIsMS43YzAuNiwwLjIsMS42LDAuMywyLjksMC4zaDYuN3Y2LjJoLTguN2MtMi4zLDAtMy45LTAuMS00LjgtMC41QzM2MC44LDUzLjcsMzYwLjMsNTMuNCwzNTkuNyw1MyBNMzU5LjcsMzQuNQoJdi02LjdjMC40LTAuMywwLjgtMC44LDEuMy0xLjZsNS41LTguNmg4LjRsLTgsMTRjLTAuMiwwLjUtMC42LDEtMS4xLDEuNWMtMC41LDAuNS0xLDAuOS0xLjYsMS4yYy0wLjYsMC4yLTEuOCwwLjMtMy40LDAuMwoJTDM1OS43LDM0LjVMMzU5LjcsMzQuNXogTTM0Ny45LDE3LjVsLTguMyw0Mi42aDIwLjF2Ni4ybC0zMC42LTAuMWw4LjctNDIuNGgtMTAuNnYtNi4zTDM0Ny45LDE3LjVMMzQ3LjksMTcuNXogTTM1OS43LDI3LjgKCWMtMC4xLDAuMS0wLjIsMC4xLTAuMiwwLjJjLTAuNSwwLjItMSwwLjQtMS43LDAuNGgtMTJsLTEuMiw2LjJoMTUuMVYyNy44TDM1OS43LDI3Ljh6IE0zNTkuNyw0Mi45bC0zLjQtMy4zSDM0N2wxMS4xLDExLjgKCWMwLjYsMC42LDEuMSwxLjIsMS42LDEuNUwzNTkuNyw0Mi45TDM1OS43LDQyLjl6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MC4yLDk1LjhjLTI5LjgsMTUtNjAuMiwxOS02OC4zLTVjLTAuMS0wLjItMC4yLTAuNS0wLjItMC43Yy0wLjktMy44LTEtOCwwLjEtMTMuOUMyMCwzMi45LDczLjgsMCw3My44LDAKCWMtMS44LDEtMy42LDIuMS01LjQsMy4xQzI5LDI1LjcsMTAuMyw0OS42LDMuNSw2Ny40Yy01LjEsMTMuMy0zLjQsMjItMi43LDI0LjZjMS4xLDQsMy4xLDcuMiw1LjQsOS44YzEyLDEzLjQsMzIuNiwxMC41LDQ4LjcsNS4yCglDNjksMTAyLjYsODAuMiw5NS44LDgwLjIsOTUuOEw4MC4yLDk1Ljh6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjguMSwyMC42YzEuMi0wLjMsMC40LTAuMiwzLjMtMC45Yy00LjYtMC45LTMyLjcsMC40LTU0LjIsMjhMNTguMywxOS45SDUxbDIyLjUsMzNjLTAuNiwwLjgtMS4xLDEuNy0xLjcsMi42CgljLTAuMSwwLjItMC4yLDAuNC0wLjQsMC42TDQ2LjcsMTkuOWgtNy4zTDY4LjIsNjJjLTAuNiwxLTEuMiwyLTEuOCwzLjFsLTMxLTQ1LjNoLTcuM2wzNC44LDUwLjhjLTguMSwxMi0yMS43LDI3LjItNDEuOSwzMS4zCgljMCwwLDM0LjksMyw1NS41LTI0LjhMOTMuMiwxMDJoNy4zTDgwLDcxLjhjMC4zLTAuNiwwLjctMS4xLDEtMS43YzAuMi0wLjQsMC41LTAuOSwwLjgtMS40bDIyLjcsMzMuM2g3LjNMODUuMiw2MwoJYzAuNi0xLDEuMy0yLjEsMi4xLTMuM2wyOC45LDQyLjNoNy4zTDkwLjgsNTQuM0M5OS45LDQxLjEsMTEzLjgsMjQuNSwxMjguMSwyMC42TDEyOC4xLDIwLjZ6Ii8+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTQuNywyNi44aC04djE4LjhoNnY2LjhoLTZ2MjYuM2gtOS4yVjUyLjVINTkxdi02LjhoNi42VjI2LjhoLTYuMlYyMGgzMi45YzEuNCwwLDIuNSwxLjEsMi41LDIuNXY0OS44CgkJCQlsNC40LDBsLTMuMSw2LjVsLTEwLjYsMC4xbC0wLjEtNDkuMkM2MTcuNSwyOC4xLDYxNi4zLDI2LjgsNjE0LjcsMjYuOHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU3NC41LDQ3aC00di02LjhoMTAuNmMxLjQsMCwyLjUsMS4xLDIuNSwyLjVsMC4xLDI5LjVsNC45LDBsLTMsNi42bC04LjYsMGMtMS40LDAtMi41LTEuMS0yLjUtMi41VjQ3eiIvPgoJCQk8cmVjdCB4PSI1NzAuNSIgeT0iMjAiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMy4yIiBoZWlnaHQ9IjcuMSIvPgoJCTwvZz4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcwLjgsOTEuOXY2LjNoMnYtNi4zSDU3MC44eiBNNTcwLjgsODkuN3YxLjRoMnYtMS40SDU3MC44eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5NC45LDkwLjl2LTEuNmgtOC4xdjguOGgyLjJ2LTMuNGg1LjZ2LTEuNkg1ODl2LTIuMkg1OTQuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MTAuMiw5Ni41di03LjJINjA4djguOGg3LjF2LTEuNkg2MTAuMnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MzUuMyw4OS40bC0yLjYsMy43bC0yLjYtMy43aC0yLjdsNC4yLDUuNXYzLjNoMi4ydi0zLjNsNC4yLTUuNUg2MzUuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NTAuMiw4OS40VjkxaDMuM3Y3LjJoMi4yVjkxaDMuMnYtMS42SDY1MC4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY3NC40LDk2LjZ2LTIuMWg1Ljh2LTEuNmgtNS44di0yaDZ2LTEuNmgtOC4ydjguOGg4LjR2LTEuNkg2NzQuNHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OTkuMSw5My4xbDQuMy0zLjdoLTIuOGwtNC4zLDMuOHYtMy44aC0yLjJ2OC44aDIuMnYtMi42bDEuMy0xLjFsMy40LDMuOGgyLjlMNjk5LjEsOTMuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NDAuMSw5My4yYy0wLjMtMC4xLTAuNi0wLjItMS4yLTAuM2MtMC42LTAuMS0yLjItMC4zLTIuOC0wLjVjLTAuNC0wLjEtMC43LTAuMy0wLjctMC44CgkJCQkJYzAtMC45LDEuMi0xLDEuMi0xYzAuMywwLDAuNiwwLDAuNywwYzAuOCwwLDEuOCwwLjEsMi4zLDAuOGMwLjEsMC4xLDAuMSwwLjEsMC4yLDAuM2wyLjEtMC41Yy0wLjItMC4zLTAuMy0wLjUtMC42LTAuOAoJCQkJCWMtMC40LTAuNC0wLjktMC42LTEuMS0wLjdjLTAuNi0wLjMtMS40LTAuNi0yLjktMC42Yy0xLjYsMC0yLjUsMC40LTMsMC44Yy0wLjMsMC4yLTEuMSwwLjgtMS4xLDJjMCwxLjMsMSwxLjksMS40LDIuMQoJCQkJCWMwLjcsMC4zLDEuNiwwLjUsMy4yLDAuN2MwLjgsMC4xLDEuNCwwLjIsMS42LDAuNGMwLjIsMC4xLDAuMywwLjMsMC4zLDAuNmMwLDAuNC0wLjMsMC43LTAuNCwwLjhjLTAuNiwwLjQtMS43LDAuNC0xLjgsMC40CgkJCQkJYy0xLjEsMC0yLjQtMC4zLTIuOS0xLjRsLTIsMC41YzAuMSwwLjEsMC4xLDAuMiwwLjIsMC40YzAuMSwwLjIsMC40LDAuNywwLjksMWMwLjMsMC4yLDAuNSwwLjMsMC42LDAuNAoJCQkJCWMwLjYsMC4zLDEuNSwwLjcsMy4xLDAuN2MwLjMsMCwwLjYsMCwwLjksMGMwLjUsMCwxLTAuMSwxLjQtMC4zYzEuOC0wLjYsMi4xLTEuOCwyLjEtMi42Qzc0MS45LDkzLjksNzQwLjYsOTMuNCw3NDAuMSw5My4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc2My44LDkwLjZjLTAuNS0wLjgtMS4zLTEuMS0yLjItMS4yYy0wLjIsMC0wLjUsMC0wLjcsMGgtNS40djguOGgyLjJ2LTMuM2gzLjFjMC44LDAsMS43LDAsMi4zLTAuNAoJCQkJCWMwLjMtMC4yLDAuNS0wLjQsMC42LTAuNWMwLjItMC4yLDAuMy0wLjQsMC4zLTAuNWMwLjItMC41LDAuMi0xLjEsMC4yLTEuM0M3NjQuMiw5MS4zLDc2NCw5MC44LDc2My44LDkwLjZ6IE03NjEuNCw5My4yCgkJCQkJYy0wLjMsMC4xLTAuNywwLjEtMS4xLDAuMWgtMi43di0yLjRoMy4xYzAuMywwLDAuNCwwLDAuNSwwLjFjMC43LDAuMiwwLjcsMSwwLjcsMS4yQzc2Miw5Mi4zLDc2Miw5Mi45LDc2MS40LDkzLjJ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzgzLDg5LjRoLTIuNGwtNC4yLDguOGgyLjRsMC43LTEuN2g0LjVsMC43LDEuN2gyLjVMNzgzLDg5LjR6IE03ODAuMyw5NC45bDEuNi0zLjRsMS41LDMuNEg3ODAuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDcuMyw5NC41YzAuOS0wLjIsMS43LTAuNCwyLjEtMS4zYzAuMi0wLjUsMC4yLTAuOSwwLjItMS4yYzAtMS4yLTAuNi0yLjEtMS44LTIuNQoJCQkJCWMtMC40LTAuMS0wLjctMC4yLTEuNS0wLjJoLTZ2OC44aDIuMnYtMy41aDIuNWwyLjMsMy41aDIuNkw4MDcuMyw5NC41eiBNODA2LjYsOTNjLTAuMiwwLTAuNSwwLTAuNSwwaC0zLjV2LTIuMWgzLjUKCQkJCQljMC40LDAsMC45LDAsMS4yLDAuNGMwLjIsMC4yLDAuMiwwLjYsMC4yLDAuN0M4MDcuNCw5Mi43LDgwNi45LDkzLDgwNi42LDkzeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgyOC4xLDkzLjFsNC4zLTMuN2gtMi44bC00LjMsMy44di0zLjhIODIzdjguOGgyLjJ2LTIuNmwxLjMtMS4xbDMuNCwzLjhoMi45TDgyOC4xLDkzLjF6Ii8+CgkJCTwvZz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY4NS4zLDIwbC0yMS4xLDE4LjhsMTQuMywwTDY5Ny43LDIwSDY4NS4zeiBNNjgwLjQsNDYuNmgtMTMuN2wxNiwxNy4zaDEzLjdMNjgwLjQsNDYuNnogTTY1NC4zLDcyLjQKCQkJCWMtMC45LDAtMS41LTAuOC0xLjMtMS43bDEyLjYtNDcuNmMwLjQtMS42LTAuOC0zLjItMi40LTMuMmgtMjQuMnY2LjdsMTMuNCwwYzEuMywwLDIuMywxLjMsMS45LDIuNWwtMTIuMyw0Ni40CgkJCQljLTAuNCwxLjYsMC44LDMuMiwyLjQsMy4ybDQ4LjUsMGwzLjctNi40SDY1NC4zeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQxLjQsNjguM2gyMi40di01LjJoLTIyLjRWNThoMjIuNHYtNWgtMjIuNHYtNC4zaDIyLjRsMC04VjIyLjVjMC0xLjQtMS4xLTIuNS0yLjUtMi41aC01MS4xdjI2LjEKCQkJCWMwLDEuNCwxLjEsMi41LDIuNSwyLjVoNC4zbC02LjgsOS40aDIxLjR2NS4xaC0yMS4zdjUuMmwyMS4zLTAuMXY0LjJoLTIxLjN2Ni40aDUzLjR2LTYuNGgtMjIuNFY2OC4zeiBNNzE5LjksMzcuNGgyOC41bDIuOC01LjQKCQkJCWgtMzEuM3YtNkg3NTR2MTYuNWgtMzQuMVYzNy40eiBNNzMxLjYsNTIuOWgtOC41bDMuMy00LjNoNS4yVjUyLjl6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03ODQuMywyMGgtOS42bDcuMSwyOC43aDkuNkw3ODQuMywyMHogTTgyMS45LDIwbC03LjEsMjguOGg5LjdsNy4xLTI4LjhIODIxLjl6IE04MDcuOSw0OS4xVjIwSDc5OHYyOS4xCgkJCWwtMjMuOCwyOS44bDEyLjEsMGwxNi45LTIwLjlsMTcsMjFsMTIuMi0wLjFMODA3LjksNDkuMXoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxyYWRpYWxHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGN4PSI0OTIuNDA3NiIgY3k9Ijg0LjE4IiByPSI1OS42ODcxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuOTcyNyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01NDkuOSw3Ni4zQzU0OS45LDc2LjMsNTQ5LjksNzYuMyw1NDkuOSw3Ni4zYy0xLjUsNS4zLTQsMTAuMS03LjIsMTQuM2MwLDAsMCwwLDAsMGMtNC44LDYtMjEuMyw2LTMxLjIsMy40CgkJYy0xMC43LTIuOS0xOC40LTkuNi0xOS0xMC4xYzQuMiwzLjMsOS41LDUuMiwxNS4zLDUuMmMxMy45LDAsMjUuMS0xMS40LDI1LjEtMjUuNGMwLTQuMi0xLTguMS0yLjgtMTEuNmMtMC4xLTAuMiwwLjEtMC40LDAuMi0wLjMKCQlDNTM4LjIsNTMuMSw1NTMuOSw2MC41LDU0OS45LDc2LjN6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUxLjQsNTguNmMwLDAuMy0wLjMsMC40LTAuNSwwLjFjLTMuNy03LjktMTAuMi0xMC4zLTE4LTEyLjFjLTUuOS0xLjMtOS44LTMuMy0xMS41LTQuMgoJCWMtMC40LTAuMi0wLjctMC41LTEuMS0wLjdjMCwwLDAsMCwwLDBjLTEyLjMtNy41LTEyLjUtMjAuNC0xMi41LTIwLjRWMi42YzAtMC4yLDAuMy0wLjMsMC40LTAuMkw1MzcuMywzMWwwLDBsMi4yLDIuMQoJCUM1NDUuOSwzOS45LDU1MC4zLDQ4LjgsNTUxLjQsNTguNnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NDIuNyw5MC42Yy04LDEwLjUtMjAuNiwxNy40LTM0LjgsMTcuNGMtMjQuMiwwLTQzLjgtMTkuOC00My44LTQ0LjJjMC0xMS45LDQuNi0yMi42LDEyLjItMzAuNmwyLjItMi4ybDAsMAoJCWwxOS0xOC43YzAuMi0wLjIsMC41LDAsMC40LDAuMmMtMC4zLDEuMy0wLjgsNC4zLTAuNSw4LjNjMC40LDQuNywxLjksMTEsNi4zLDE4YzIuNyw0LjQsNi42LDksMTIsMTMuOGMwLjYsMC42LDEuMywxLjEsMiwxLjcKCQljMCwwLDAsMCwwLDBjMi40LDIuNSwzLjgsNS44LDMuOCw5LjVjMCw3LjUtNi4xLDEzLjYtMTMuNSwxMy42Yy0zLjIsMC02LjEtMS4xLTguNC0zYy0wLjItMC4yLDAtMC41LDAuMi0wLjQKCQljMC41LDAuMSwxLDAuMiwxLjUsMC4yYzIuNiwwLDQuOC0yLjEsNC44LTQuOGMwLTEuNi0wLjgtMy4xLTItMy45YzAsMCwwLDAsMCwwYy0zLjItMi42LTUuOS01LjEtOC4yLTcuNgoJCWMtMy4yLTMuNS01LjYtNi45LTcuMy0xMC4yYy0zLjUsNC40LTUuNyw5LjktNS43LDE2YzAsOC4yLDMuOCwxNS41LDkuOCwyMC4xYzAsMCwwLDAsMCwwYzAuNiwwLjUsOC4zLDcuMiwxOSwxMC4xCgkJQzUyMS40LDk2LjcsNTM3LjksOTYuNiw1NDIuNyw5MC42eiIvPgo8L2c+CjxsaW5lIGNsYXNzPSJzdDMiIHgxPSI0MjAiIHkxPSIxOS43IiB4Mj0iNDIwIiB5Mj0iOTkuNyIvPgo8L3N2Zz4K) left center no-repeat;
    background-size: 228px auto;
    margin-bottom: 88px
}

.instruction_content .instruction_no_data {
    line-height: 22px;
    font-size: 14px;
    margin: 48px auto;
    text-align: center;
    opacity: 0.36
}

.instruction_content .instruction_no_data::before {
    content: ' ';
    display: block;
    height: 120px;
    width: 100%;
    background: url(/_next/static/img/nodata.da4629d.png) center center no-repeat;
    background-size: 120px 120px
}

.instruction_content .title {
    text-align: center;
    font-size: 36px;
    font-weight: bold
}

.instruction_content .tip {
    margin-top: 8px;
    opacity: 0.6;
    text-align: center
}

.instruction_content .search_area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.instruction_content .search_box {
    width: 352px;
    height: 36px;
    border-radius: none;
    border: none
}

.instruction_content .special_wrap {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.instruction_content .special_wrap .special_item {
    width: 352px;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid rgba(221,226,233,0.48);
    box-shadow: 0px 4px 48px 0px rgba(0,28,85,0.04)
}

.instruction_content .special_wrap .special_item.none {
    height: 0;
    border: none
}

.instruction_content .special_wrap .special_item .special_title {
    padding: 24px 32px 19px 32px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-size: 352px auto;
    background-position: right top;
    background-repeat: no-repeat
}

.instruction_content .special_wrap .special_item .special_title::after {
    content: '';
    display: block;
    height: 1px;
    margin-top: 24px;
    background-size: cover
}

.instruction_content .special_wrap .special_item .special_title.state0 {
    background-image: url(/_next/static/img/1bj.af960b5.png)
}

.instruction_content .special_wrap .special_item .special_title.state0::after {
    background-color: #ddedff
}

.instruction_content .special_wrap .special_item .special_title.state1 {
    background-image: url(/_next/static/img/2bj.6b47a5e.png)
}

.instruction_content .special_wrap .special_item .special_title.state1::after {
    background-color: #d5f1f2
}

.instruction_content .special_wrap .special_item .special_title.state2 {
    background-image: url(/_next/static/img/3bj.27cc67e.png)
}

.instruction_content .special_wrap .special_item .special_title.state2::after {
    background-color: #e9e6f2
}

.instruction_content .special_wrap .special_item .special_title .special_maintitle {
    font-size: 24px;
    font-weight: bold
}

.instruction_content .special_wrap .special_item .special_title .special_maintitle.state0 {
    color: #1a91ff
}

.instruction_content .special_wrap .special_item .special_title .special_maintitle.state1 {
    color: #118acd
}

.instruction_content .special_wrap .special_item .special_title .special_maintitle.state2 {
    color: #893cc6
}

.instruction_content .special_wrap .special_item .special_title .special_subtitle {
    font-size: 14px;
    margin-top: 6px;
    opacity: 0.6
}

.instruction_content .special_wrap .special_item .special_content {
    padding: 0px 16px 16px 16px
}

.instruction_content .mode_wrap {
    margin-top: 48px;
    margin-bottom: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 16px
}

.instruction_content .mode_wrap .mode_item {
    font-size: 14px;
    margin-right: 12px;
    padding: 5px 18px;
    border-radius: 100px;
    height: 22px;
    line-height: 22px;
    background-color: #ffffff;
    cursor: pointer
}

.instruction_content .mode_wrap .mode_item.active {
    background-color: #1a91ff;
    color: #ffffff
}

.instruction_content .second_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.instruction_content .second_wrap .second_item {
    position: relative;
    width: 352px;
    box-sizing: border-box;
    margin-top: 24px;
    background: #ffffff;
    border: 1px solid rgba(221,226,233,0.48);
    border-radius: 8px;
    box-shadow: 0px 4px 48px 0px rgba(0,28,85,0.04);
    padding: 32px;
    padding-bottom: 85px;
    background: url(/_next/static/img/normal-bg.d3805e1.png) right bottom no-repeat;
    border: 2px solid transparent;
    z-index: 1
}

.instruction_content .second_wrap .second_item .hover_copy_btn {
    position: absolute;
    color: #ffffff;
    right: -2px;
    top: -2px
}

.instruction_content .second_wrap .second_item .hover_copy_btn:hover {
    z-index: 999
}

.instruction_content .second_wrap .second_item .hover_copy_btn .action_btn {
    width: 98px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 8px;
    color: #1a91ff;
    background-color: rgba(26,145,255,0.06)
}

.instruction_content .second_wrap .second_item .hover_copy_btn .action_btn span {
    margin-right: 5px
}

.instruction_content .second_wrap .second_item .hover_copy_btn .action_btn:hover {
    background-color: #1a91ff;
    color: #ffffff
}

.instruction_content .second_wrap .second_item:hover {
    border-color: #1a91ff;
    box-shadow: 0px 4px 48px 0px rgba(0,28,85,0.12);
    background-image: url(/_next/static/img/normal-bg-hover.0cc4430.png)
}

.instruction_content .second_wrap .second_item.none {
    border: none;
    height: 0;
    padding: 0
}

.instruction_content .second_wrap .second_item .second_title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500
}

.instruction_content .second_wrap .second_item .second_content {
    text-align: justify;
    line-height: 30px
}

.instruction_content .second_wrap .second_item .second_preTitle {
    position: absolute;
    bottom: 24px;
    min-width: 72px;
    box-sizing: border-box;
    padding: 0 8px;
    height: 28px;
    color: #7c8591;
    text-align: center;
    line-height: 28px;
    border: 0.8px solid #dde2e9;
    border-radius: 4px;
    font-size: 12px
}

.prompt_modal {
    box-sizing: border-box
}

.prompt_modal .prompt_title {
    border-left: #1a91ff 2px solid;
    padding-left: 10px;
    border-radius: 0px 100px 100px 0px
}

.prompt_modal .ant-btn-default {
    width: 96px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #dde2e9;
    border-radius: 2px;
    color: rgba(6,22,47,0.6)
}

.prompt_modal .ant-btn-primary {
    width: 96px;
    height: 36px;
    background: #1a91ff;
    border-radius: 2px
}

.prompt_modal .input_wrap {
    padding: 22px 0
}

.prompt_modal .input_wrap textarea {
    width: 502px;
    height: 180px;
    background: #f8f9fb;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    resize: none;
    padding: 10px;
    line-height: 30px;
    color: #06162f
}

.page_instruction {
    font-family: PingFang SC, PingFang SC-Regular;
    background-color: #f4f5f9
}

.page_instruction.is-pc {
    min-width: 1120px
}

.page_instruction.is-pc .content {
    min-width: 1120px
}

.page_instruction+.affix {
    display: none
}

.page_instruction .content {
    background: url(https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16817146474086467%2Fdrawable.png) top center no-repeat;
    background-size: 100% auto
}

.page_instruction .content .h-header .h-menu-wrap {
    background: none;
    box-shadow: none
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-fd-test ul,.service-fd-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-fd-test .service-item-content {
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    background-color: #fff;
    border: 1px solid #e6e8f4
}

.service-fd-test .service-item-content .select-block {
    width: 180px;
    padding: 22px 0;
    border-right: 1px solid #e6e8f4;
    text-align: center
}

.service-fd-test .service-item-content .select-block img {
    width: 120px;
    height: 120px;
    margin: 8px 0;
    border: 1px solid #e6e8f4;
    box-sizing: border-box;
    cursor: pointer
}

.service-fd-test .service-item-content .select-block img.active {
    border: 3px solid #4a81ff
}

.service-fd-test .service-item-content .content-block {
    width: 760px
}

.service-fd-test .service-item-content .content-block .operate-block {
    position: relative;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame {
    margin-top: 27px;
    overflow: hidden
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .cover-scan {
    position: absolute;
    z-index: 7;
    top: 27px;
    left: 50%;
    margin-left: -208.5px;
    width: 417px;
    border-bottom: 3px solid #3e88f1;
    animation: fcScan 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes fcScan {
    0% {
        height: 0
    }

    to {
        opacity: 0;
        height: 260px
    }
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image {
    position: relative;
    width: 417px;
    height: 256px;
    margin: 0 auto
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image canvas {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    cursor: grab
}

.service-fd-test .service-item-content .content-block .operate-block input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button {
    display: inline-block;
    position: relative;
    margin-top: 24px;
    height: 40px;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #4a81ff;
    background: #fff;
    border: 1px solid #4a81ff;
    border-radius: 3px;
    overflow: hidden
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button:hover {
    color: #fff;
    background: #4a81ff
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button input[type="file"] {
    color: transparent
}

.service-fd-test .service-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6
}

.service-fd-test .service-item-content .taste-tip p {
    margin: 0;
    line-height: 28px
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-fc-test ul,.service-fc-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-fc-test .solutions-item-content {
    background-color: #fff;
    border: 1px solid #e6e8f4
}

.service-fc-test .solutions-item-content .content-show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part {
    position: relative;
    width: 512px;
    text-align: center;
    font-size: 0
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part .compare-scan {
    display: none;
    position: absolute;
    z-index: 7;
    top: 25px;
    left: 3.5px;
    width: 358px;
    border-bottom: 3px solid #3e88f1;
    animation: fcScan 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes fcScan {
    0% {
        height: 0
    }

    to {
        opacity: 0;
        height: 240px
    }
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button {
    display: inline-block;
    position: relative;
    margin-top: 26px;
    height: 40px;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #4a81ff;
    background: #fff;
    border: 1px solid #4a81ff;
    border-radius: 3px;
    overflow: hidden
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button:hover {
    color: #fff;
    background: #4a81ff
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image {
    width: 358px;
    height: 238px;
    margin: 25px auto 0;
    border: 1px solid #e7e9f5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-left {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a1.png)
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-right {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a2.png)
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-score {
    position: relative;
    font-size: 0
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-score .canvas-container {
    margin-top: 40px
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    text-align: center
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent span {
    font-size: 14px;
    color: #4a81ff
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent .compare-percent-score {
    font-size: 24px;
    font-weight: bold
}

.service-fc-test .solutions-item-content .content-show .solutions-item-content-score p {
    width: 100%;
    text-align: center;
    color: #657383;
    font-size: 14px
}

.service-fc-test .solutions-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6
}

.service-fc-test .solutions-item-content .taste-tip p {
    margin: 0;
    line-height: 28px
}

.service-fc-test .solutions-item-content .solutions-item-photo-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px 25px
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .solutions-item-photo {
    position: relative;
    width: 160px;
    height: 89px;
    font-size: 0;
    opacity: .5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .photo-1 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a11.png)
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .photo-2 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/b11.png)
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .photo-3 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/c11.png)
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .photo-4 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/f22.png)
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .photo-5 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/e11.png)
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .active {
    border: 2px solid #4a81ff;
    opacity: 1
}

.service-fc-test .solutions-item-content .solutions-item-photo-list .active::after {
    position: absolute;
    left: 67.5px;
    top: 35px;
    content: "VS";
    background-color: #4a81ff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    border-radius: 50%
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-fd-test ul,.service-fd-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-fd-test .service-item-content {
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    background: transparent;
    border: 0
}

.service-fd-test .service-item-content .select-block {
    width: 180px;
    padding: 22px 0;
    border-right: 1px solid #e6e8f4;
    text-align: center
}

.service-fd-test .service-item-content .select-block img {
    width: 120px;
    height: 120px;
    margin: 8px 0;
    border: 1px solid #e6e8f4;
    box-sizing: border-box;
    cursor: pointer
}

.service-fd-test .service-item-content .select-block img.active {
    border: 3px solid #4a81ff
}

.service-fd-test .service-item-content .content-block {
    width: 940px
}

.service-fd-test .service-item-content .content-block .operate-block {
    position: relative;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame {
    margin-top: 27px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    position: relative
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .cover-scan {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    z-index: 7;
    width: 430px;
    border-bottom: 3px solid #3e88f1;
    animation: fcScan2 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes fcScan2 {
    0% {
        height: 0px
    }

    to {
        opacity: 0;
        height: 440px
    }
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image {
    position: relative;
    width: 430px;
    height: 440px;
    background: #f3f3f8;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image canvas {
    position: relative;
    background-color: #f3f3f8;
    cursor: grab
}

.service-fd-test .service-item-content .content-block .operate-block input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button {
    display: inline-block;
    position: relative;
    margin-top: 24px;
    height: 40px;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #4a81ff;
    background: #fff;
    border: 1px solid #4a81ff;
    border-radius: 3px;
    overflow: hidden
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button:hover {
    color: #fff;
    background: #4a81ff
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button input[type="file"] {
    color: transparent
}

.service-fd-test .service-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6
}

.service-fd-test .service-item-content .taste-tip p {
    margin: 0;
    line-height: 28px
}

.service-fd-test .service-item-content .block-ocr-result {
    width: 430px;
    height: 440px;
    padding: 0px 35px;
    box-sizing: border-box;
    border: 1.5px solid #DDDDDD
}

.service-fd-test .service-item-content .block-ocr-result .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.service-fd-test .service-item-content .block-ocr-result .title span {
    font-weight: normal;
    font-size: 16px
}

.service-fd-test .service-item-content .block-ocr-result .result-content {
    overflow-y: auto;
    width: 380px;
    height: 350px
}

.service-fd-test .service-item-content .block-ocr-result .content-wrap {
    padding-bottom: 10px
}

.service-fd-test .service-item-content .block-ocr-result .content {
    margin-bottom: 15px;
    color: #657384;
    font-size: 14px;
    text-align: left;
    margin: 0;
    line-height: 30px
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-fd-test ul,.service-fd-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-fd-test .service-item-content {
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    background: transparent;
    border: 0
}

.service-fd-test .service-item-content .select-block {
    width: 180px;
    padding: 22px 0;
    border-right: 1px solid #e6e8f4;
    text-align: center
}

.service-fd-test .service-item-content .select-block img {
    width: 120px;
    height: 120px;
    margin: 8px 0;
    border: 1px solid #e6e8f4;
    box-sizing: border-box;
    cursor: pointer
}

.service-fd-test .service-item-content .select-block img.active {
    border: 3px solid #4a81ff
}

.service-fd-test .service-item-content .content-block {
    width: 940px
}

.service-fd-test .service-item-content .content-block .operate-block {
    position: relative;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame {
    margin-top: 27px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    position: relative
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .cover-scan {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    z-index: 7;
    width: 430px;
    border-bottom: 3px solid #3e88f1;
    animation: fcScan2 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes fcScan2 {
    0% {
        height: 0px
    }

    to {
        opacity: 0;
        height: 440px
    }
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image {
    position: relative;
    width: 430px;
    height: 440px;
    background: #f3f3f8;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.service-fd-test .service-item-content .content-block .operate-block .display-frame .photo-image canvas {
    position: relative;
    background-color: #f3f3f8;
    cursor: grab
}

.service-fd-test .service-item-content .content-block .operate-block input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button {
    display: inline-block;
    position: relative;
    margin-top: 24px;
    height: 40px;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #4a81ff;
    background: #fff;
    border: 1px solid #4a81ff;
    border-radius: 3px;
    overflow: hidden
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button:hover {
    color: #fff;
    background: #4a81ff
}

.service-fd-test .service-item-content .content-block .operate-block .taste-button input[type="file"] {
    color: transparent
}

.service-fd-test .service-item-content .taste-tip {
    margin: 20px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6
}

.service-fd-test .service-item-content .taste-tip p {
    margin: 0;
    line-height: 28px
}

.service-fd-test .service-item-content .block-ocr-result {
    width: 430px;
    height: 440px;
    padding: 0px 35px;
    box-sizing: border-box;
    border: 1.5px solid #DDDDDD
}

.service-fd-test .service-item-content .block-ocr-result .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.service-fd-test .service-item-content .block-ocr-result .title span {
    font-weight: normal;
    font-size: 16px
}

.service-fd-test .service-item-content .block-ocr-result .result-content {
    overflow-y: auto;
    width: 380px;
    height: 350px
}

.service-fd-test .service-item-content .block-ocr-result .content-wrap {
    padding-bottom: 10px
}

.service-fd-test .service-item-content .block-ocr-result .content {
    margin-bottom: 15px;
    color: #657384;
    font-size: 14px;
    text-align: left;
    margin: 0;
    line-height: 30px
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.public-frame-ocr ul,.public-frame-ocr li,.public-frame-ocr h3,.public-frame-ocr p {
    margin: 0;
    padding: 0;
    list-style: none
}

.public-frame-ocr .service-item-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.public-frame-ocr .service-item-content .block-ocr-imgs {
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    width: 456px;
    height: 400px;
    background-color: #f3f3f8
}

.public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan,.public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan-entire {
    position: absolute;
    z-index: 7;
    top: 20px;
    left: 20px;
    width: 300px;
    border-bottom: 3px solid #3e88f1;
    animation: fcScan 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes fcScan {
    0% {
        height: 0
    }

    to {
        opacity: 0;
        height: 400px
    }
}

.public-frame-ocr .service-item-content .block-ocr-imgs .show-img,.public-frame-ocr .service-item-content .block-ocr-imgs .show-img-entire {
    height: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.public-frame-ocr .service-item-content .block-ocr-imgs .show-img,.public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan {
    width: 300px
}

.public-frame-ocr .service-item-content .block-ocr-imgs .show-img-entire,.public-frame-ocr .service-item-content .block-ocr-imgs .cover-scan-entire {
    width: 456px
}

.public-frame-ocr .service-item-content .block-ocr-imgs .img-select-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    height: 400px
}

.public-frame-ocr .service-item-content .block-ocr-imgs .img-select-list div.img-item {
    width: 140px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    cursor: pointer
}

.public-frame-ocr .service-item-content .block-ocr-imgs .img-select-list .active {
    border: 4px solid #2689e5
}

.public-frame-ocr .service-item-content .block-ocr-result {
    width: 430px;
    height: 440px;
    padding: 35px;
    box-sizing: border-box;
    border: 1.5px solid #DDDDDD
}

.public-frame-ocr .service-item-content .block-ocr-result .title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold
}

.public-frame-ocr .service-item-content .block-ocr-result .content {
    margin-bottom: 15px;
    margin-left: 3px;
    color: #657384
}

.public-frame-ocr .service-item-content .block-ocr-upload {
    width: 100%;
    text-align: center
}

.public-frame-ocr .service-item-content .block-ocr-upload .taste-tip {
    margin: 30px 0 20px 34px;
    font-size: 12px;
    color: #7a8ba6
}

.public-frame-ocr .service-item-content .block-ocr-upload .taste-tip p {
    margin: 0;
    line-height: 28px
}

.public-frame-ocr .service-item-content .block-ocr-upload input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.public-frame-ocr .service-item-content .block-ocr-upload .taste-button {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #4a81ff;
    background: #fff;
    border: 1px solid #4a81ff;
    border-radius: 3px;
    overflow: hidden
}

.public-frame-ocr .service-item-content .block-ocr-upload .taste-button:hover {
    color: #fff;
    background: #4a81ff
}

.public-frame-ocr .service-item-content .block-ocr-upload .taste-button input[type="file"] {
    color: transparent
}

.block-ocr-result {
    overflow-y: auto
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-ots-test ul,.service-ots-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-ots-test .service-item-content {
    position: relative
}

.service-ots-test .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 968px
}

.service-ots-test .service-item-content .Lbox .Lbox-content {
    margin-top: 10px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    background-color: #fff
}

.service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used {
    height: 36px;
    line-height: 34px;
    font-size: 0;
    background-color: #faf9f8;
    border-bottom: 1px solid #e9e9e9
}

.service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used span {
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold
}

.service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul {
    display: inline-block
}

.service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li {
    display: inline-block;
    margin-left: 32px;
    font-size: 12px;
    cursor: pointer
}

.service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li:hover {
    color: #478eea
}

.service-ots-test .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul .selected:hover {
    cursor: not-allowed
}

.service-ots-test .service-item-content .Lbox .Lbox-title {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e9e9e9
}

.service-ots-test .service-item-content .Lbox .Lbox-title li {
    width: 20%;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: center;
    letter-spacing: 8px
}

.service-ots-test .service-item-content .Lbox .Lbox-title li:nth-child(2n+1) {
    background-color: #e9e9e9
}

.service-ots-test .service-item-content .Lbox .Lbox-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 12px
}

.service-ots-test .service-item-content .Lbox .Lbox-table ul {
    width: 20%
}

.service-ots-test .service-item-content .Lbox .Lbox-table ul li {
    padding-left: 65px;
    height: 22px;
    line-height: 22px;
    color: #666;
    cursor: pointer
}

.service-ots-test .service-item-content .Lbox .Lbox-table ul li:hover {
    color: #478eea
}

.service-ots-test .service-item-content .Lbox .Lbox-table ul li:nth-child(2n) {
    background-color: #e9e9e9
}

.service-ots-test .service-item-content .Lbox .Lbox-table ul .selected:hover {
    cursor: not-allowed
}

.service-ots-test .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px
}

.service-ots-test .service-item-content .trans-io .io-input,.service-ots-test .service-item-content .trans-io .io-output {
    position: relative;
    display: inline-block;
    border: 1px solid #dedede;
    width: 50%;
    height: 210px;
    font-size: 16px;
    color: #999;
    box-sizing: border-box;
    vertical-align: top
}

.service-ots-test .service-item-content .trans-io .io-output {
    overflow: auto;
    background: #f0f0f0
}

.service-ots-test .service-item-content .trans-io .textarea-box {
    margin: 10px
}

.service-ots-test .service-item-content .trans-io .io-input {
    background-color: #fff
}

.service-ots-test .service-item-content .trans-io .io-input textarea {
    display: block;
    overflow: auto;
    width: 100%;
    height: 160px;
    border: none;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    resize: none;
    outline: none
}

.service-ots-test .service-item-content .trans-io .trans-text-num {
    margin-top: 10px;
    text-align: right
}

.service-ots-test .service-item-content .trans-io .io-output .output {
    display: block;
    margin: 10px;
    line-height: 22px
}

.service-ots-test .service-item-content .trans-tip {
    color: #8f9dae
}

.trans-operation {
    font-size: 0
}

.trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer
}

.trans-operation .trans-select-button span {
    padding-left: 12px
}

.trans-operation .trans-select-button .icons-arrow-drop {
    position: absolute;
    top: 16px;
    right: 12px;
    height: 0;
    width: 0;
    border-width: 8px 6px;
    border-style: solid;
    border-color: #ccc transparent transparent;
    font-size: 0;
    line-height: 0
}

.trans-operation .trans-to-button {
    margin-left: 40px
}

.trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer
}

.trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer;
    outline: none
}

.trans-operation .taste-button:hover {
    background: #0b99ff
}

.demo-online-dub {
    width: 100%;
    margin: 0 auto;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
    color: #24374e;
    font-size: 14px
}

.demo-online-dub ul,.demo-online-dub p {
    margin: 0;
    padding: 0;
    list-style: none
}

.demo-online-dub #ex_ctrl_wrap {
    width: 100%
}

.demo-online-dub .demo-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-online-dub .demo-content .service-tip {
    margin-top: 20px;
    line-height: 24px;
    color: #657384;
    width: auto
}

.demo-online-dub .demo-content .service-tip .service-link {
    color: #2277e6;
    text-decoration: none;
    cursor: pointer
}

.demo-online-dub .demo-content .service-tip .service-link:hover {
    color: #478eea
}

.demo-online-dub .demo-content .defaultbar {
    position: relative;
    height: 2px;
    background-color: #dee0ec;
    border: 2px solid #fbfbfb;
    border-radius: 2px
}

.demo-online-dub .demo-content .defaultbar .jquery-completed {
    position: absolute;
    top: 0px;
    left: 1px;
    height: 2px;
    background-color: #2277e6
}

.demo-online-dub .demo-content .defaultbar .jquery-jslider {
    position: absolute;
    top: -5px;
    display: block;
    height: 10px;
    background-color: #2277e6;
    border-radius: 100%;
    cursor: pointer
}

.demo-online-dub .demo-content .defaultbar .jquery-jslider-hover {
    background-color: #2277e6
}

.demo-online-dub .demo-content .ex-speakers-tab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.demo-online-dub .demo-content .ex-speakers-tab li {
    padding: 10px 40px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    color: #777;
    cursor: pointer
}

.demo-online-dub .demo-content .ex-speakers-tab li:first-child {
    padding-left: 100px
}

.demo-online-dub .demo-content .ex-speakers-tab li:last-child {
    padding-right: 100px
}

.demo-online-dub .demo-content .ex-speakers-tab li.active {
    border-color: #2277e6;
    color: #333
}

.demo-online-dub .demo-content .ex-speakers-tab-con {
    display: -ms-flexbox;
    display: flex
}

.demo-online-dub .demo-content .ex-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 25px;
    background-color: #fff;
    width: 600px;
    height: 350px
}

.demo-online-dub .demo-content .ex-speaker-scene,.demo-online-dub .demo-content .ex-speaker-voice {
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    color: #2277e6;
    line-height: 1.8;
    font-size: 13px
}

.demo-online-dub .demo-content .ex-speaker-scene>span,.demo-online-dub .demo-content .ex-speaker-voice>span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    text-align: right
}

.demo-online-dub .demo-content .ex-speaker-scene ul,.demo-online-dub .demo-content .ex-speaker-voice ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.demo-online-dub .demo-content .ex-speaker-scene ul li,.demo-online-dub .demo-content .ex-speaker-voice ul li {
    margin-left: 8px;
    cursor: pointer
}

.demo-online-dub .demo-content .ex-speaker-scene ul li.active,.demo-online-dub .demo-content .ex-speaker-voice ul li.active {
    padding: 0 7px;
    border-radius: 3px;
    background: #2277e6;
    color: #fff
}

.demo-online-dub .demo-content .ex-speaker-main {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 16px;
    margin: 12px 0;
    background-color: #fff
}

.demo-online-dub .demo-content .ex-speaker-speakers {
    display: none;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.demo-online-dub .demo-content .ex-speaker-speakers.active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.demo-online-dub .demo-content .ex-speakers {
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 6px 0 6px 8px;
    height: 170px;
    box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #f5f5f5
}

.demo-online-dub .demo-content .ex-speakers ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    max-height: 100%
}

.demo-online-dub .demo-content .ex-speakers ul li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 2px 2px 0 0;
    width: 184px;
    height: 50px;
    cursor: pointer
}

.demo-online-dub .demo-content .ex-speakers ul li.active,.demo-online-dub .demo-content .ex-speakers ul li:hover {
    background-color: #f2f3f7
}

.demo-online-dub .demo-content .ex-speakers ul li.active .ex-speaker-radio,.demo-online-dub .demo-content .ex-speakers ul li:hover .ex-speaker-radio {
    opacity: 1
}

.demo-online-dub .demo-content .ex-speakers ul li.active .ex-speaker-radio {
    background: url(/static/img/online-tts/assets/icon-radio.png) center no-repeat
}

.demo-online-dub .demo-content .ex-speakers .ex-speaker-radio {
    display: inline-block;
    margin: 0 4px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #dee0ec;
    border-radius: 100%;
    font-style: normal;
    opacity: 0
}

.demo-online-dub .demo-content .ex-speakers .ex-speaker-photo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 4px;
    width: 34px;
    height: 34px;
    border: 1px solid #dee0ec;
    background-color: #fff
}

.demo-online-dub .demo-content .ex-speakers .ex-speaker-photo img {
    max-width: 100%;
    max-height: 100%
}

.demo-online-dub .demo-content .ex-speakers .ex-speaker-photo .photo-type2 {
    max-height: 80%
}

.demo-online-dub .demo-content .ex-speakers .ex-speaker-name {
    display: inline-block;
    margin-right: 4px;
    min-width: 30px
}

.demo-online-dub .demo-content .ex-speakers .ex-speaker-tag {
    position: absolute;
    right: 12px;
    top: 2px;
    padding: 0 4px;
    background-color: #ff5029;
    line-height: 16px;
    font-size: 12px;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    word-break: keep-all;
    color: #fff
}

.demo-online-dub .demo-content .ex-left-bottom .ctrl-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.demo-online-dub .demo-content .ex-left-bottom .js-slider-text {
    display: inline-block;
    min-width: 50px;
    text-align: right
}

.demo-online-dub .demo-content .ex-right {
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #f5f5f5;
    background-color: #fff
}

.demo-online-dub .demo-content .ex-right .ex-textarea {
    position: relative
}

.demo-online-dub .demo-content .ex-right .ex-textarea .text-num {
    position: absolute;
    bottom: -42px;
    right: 12px;
    font-size: 12px;
    color: #d3d3d3;
    text-align: right
}

.demo-online-dub .demo-content .ex-right textarea {
    padding: 20px;
    width: 100%;
    height: 300px;
    border: none;
    color: #808080;
    line-height: 1.5;
    font-size: 14px;
    resize: none;
    box-sizing: border-box
}

.demo-online-dub .demo-content .ex-right .audio-ctrl-btn {
    float: right;
    margin-right: 12px;
    margin-top: 12px;
    display: block;
    margin-bottom: 16px;
    width: 100px;
    height: 36px;
    background-color: #2277e6;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    cursor: pointer
}

.dub-bottom {
    background-color: #fff;
    padding: 12px 25px;
    border-top: 1px solid #f5f5f5
}

.dub-bottom .dub-bottom-tips-sub {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dub-bottom .dub-bottom-tips-sub .dub-tips {
    font-size: 12px;
    color: #666;
    line-height: 22px
}

.dub-bottom .dub-bottom-tips-sub .dub-tips span {
    color: #4a81ff
}

.dub-bottom .dub-bottom-tips-sub .dub-sub {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #4a81ff;
    line-height: 40px;
    height: 40px;
    width: 240px;
    border-radius: 50px;
    margin-top: 35px
}

.dub-bottom .dub-bottom-tips-sub .dub-sub .sub-left {
    width: 50%;
    text-align: center;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.dub-bottom .dub-bottom-tips-sub .dub-sub .sub-left .sub-warn {
    display: none
}

.dub-bottom .dub-bottom-tips-sub .dub-sub .sub-left img {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.dub-bottom .dub-bottom-tips-sub .dub-sub .sub-right {
    width: 50%;
    text-align: center;
    border-left: 1px solid #4a81ff;
    background-color: #4a81ff;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: -1px;
    cursor: pointer
}

.dub-bottom .dub-bottom-compose {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.dub-bottom .dub-bottom-compose .dub-play {
    cursor: pointer
}

.dub-bottom .dub-bottom-compose .dub-play img {
    width: 50px;
    height: 50px
}

.dub-bottom .dub-bottom-compose .compose {
    margin-top: 23px;
    margin-left: 20px;
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #dee0ec
}

.dub-bottom .dub-bottom-compose .compose .slider-point {
    background-color: #2277e6;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -3px
}

.dub-bottom .dub-bottom-compose .compose .slider-box {
    width: 0px;
    height: 5px;
    background-color: #2277e6
}

.dub-model {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
    z-index: 998
}

#dub-model-title {
    position: fixed;
    top: 20%;
    width: 400px;
    background-color: #fff;
    left: 50%;
    margin-left: -200px;
    z-index: 999;
    height: 220px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888888
}

#dub-model-title .dub-model-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5
}

#dub-model-title .dub-model-header .header-title {
    padding-left: 20px;
    font-size: 18px
}

#dub-model-title .dub-model-header .header-close {
    padding-right: 15px;
    cursor: pointer
}

#dub-model-title .dub-model-header .header-close img {
    vertical-align: middle;
    width: 25px;
    height: 25px
}

#dub-model-title .dub-model-body {
    text-align: center;
    margin: 30px 20px;
    overflow-y: auto;
    height: 80px;
    font-size: 14px;
    position: relative
}

#dub-model-title .dub-model-body input {
    line-height: 36px;
    width: 75%;
    padding-left: 12px
}

#dub-model-title .dub-model-body img {
    position: absolute;
    right: 44px;
    top: 12px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

#dub-model-title .dub-model-message {
    position: absolute;
    top: 112px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: red
}

#dub-model-title .dub-model-footer {
    text-align: center;
    position: absolute;
    bottom: 25px;
    width: 100%
}

#dub-model-title .dub-model-footer .btn-a {
    background-color: #2277e6;
    padding: 8px 50px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer
}

#dub-model-title .dub-model-footer .btn-b {
    background-color: #2277e6;
    padding: 8px 25px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer
}

#dub-model-title .dub-model-footer .btn-c {
    color: #333;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    margin-left: 20px
}

.dub-message-info {
    position: fixed;
    top: 35%;
    left: 50%;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    background-color: #423f3f;
    z-index: 999;
    font-size: 14px
}

.dub-info {
    position: fixed;
    top: 35%;
    left: 50%;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    background-color: #423f3f;
    z-index: 999;
    font-size: 14px
}

.demo-online-tts {
    width: 940px;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-online-tts .demo-speaker-wrap {
    width: 636px;
    box-sizing: border-box;
    height: 460px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.demo-online-tts .demo-speaker-wrap .top {
    background-color: #fff;
    padding-bottom: 14px
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #dee0ec;
    padding: 0 16px
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #24374e;
    position: relative;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -1px;
    left: 50%;
    border-bottom: 2px solid #2277E6;
    transition: width 0.2s;
    transform: translate3d(-50%, 0, 0);
    -ms-transform-origin: center center;
    transform-origin: center center
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover,.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active {
    color: #2277E6
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover::after,.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active::after {
    width: 100%
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 16px;
    padding: 0 16px
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .title {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    text-align: right
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li {
    padding: 4px 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:hover,.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li-active {
    color: #ffffff;
    background-color: #2277E6
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:last-child {
    margin-right: 0
}

.demo-online-tts .demo-speaker-wrap .top .domain {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px;
    padding: 0 16px
}

.demo-online-tts .demo-speaker-wrap .top .domain .title {
    display: inline-block;
    width: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: -4px
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li {
    padding: 4px 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:last-child {
    margin-right: 0
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:hover,.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li-active {
    color: #ffffff;
    background-color: #2277E6
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 26px;
    overflow: hidden;
    width: calc(100% - 108px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul>li {
    margin-bottom: 1px
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul.expand {
    height: auto
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #0F7EFE;
    margin-top: -1px;
    margin-left: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon {
    margin-left: 4px;
    transition: transform 0.2s
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon.expand {
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 8px;
    font-size: 12px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap.expand {
    height: 276px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container {
    padding: 12px 16px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title {
    color: #8393AC
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title.other {
    display: inline-block;
    padding-top: 4px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 8px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li {
    width: 193px;
    height: 76px;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #F5F7FA;
    cursor: pointer;
    margin: 0 12px 12px 0;
    padding: 8px 10px;
    border: 1px solid #F5F7FA;
    position: relative
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.multiple {
    cursor: default
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver {
    display: none;
    width: 193px;
    position: absolute;
    box-sizing: border-box;
    top: 86px;
    left: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(36,55,78,0.08);
    z-index: 2;
    padding: 10px 12px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -6px;
    left: 24px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .title {
    color: #24374E;
    font-size: 13px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 12px;
    min-width: 30%
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li>label {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li>label .code-name {
    vertical-align: 2px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .hot {
    width: 43px;
    position: absolute;
    top: 4px;
    right: 0
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:nth-child(3n) {
    margin-right: 0
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:hover,.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-active {
    border: 1px solid #2277E6;
    background-color: rgba(74,129,255,0.04)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.show-popver .popver {
    display: block
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap {
    width: 36px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info {
    width: calc(100% - 40px)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info>div,.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info ul {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .name {
    font-size: 13px;
    color: #24374E
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul>li {
    font-size: 12px;
    padding: 3px 5px;
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .desc {
    color: #24374E;
    font-size: 12px;
    padding-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .placeholder {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    color: #24374E;
    opacity: 0.8
}

.demo-online-tts .demo-text-wrap {
    width: 290px;
    height: 460px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #EEEFF8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
    width: 14px
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track {
    background-color: #b8c6d1
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
    background-color: #94a0a8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 4px
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb {
    background: #b8c6d1;
    border-radius: 4px
}

.demo-online-tts .demo-text-wrap .list-body::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px
}

.demo-online-tts .demo-text-wrap .list-body:hover::-webkit-scrollbar-thumb,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
    background: #94a0a8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active {
    background: #94a0a8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:hover {
    background: transparent
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-corner,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:active {
    background: transparent
}

.demo-online-tts .demo-text-wrap .text {
    padding: 15px;
    width: 100% !important;
    height: 239px !important;
    border: none;
    background-color: #F5F7FA;
    color: #24374E;
    line-height: 1.5;
    font-size: 14px;
    resize: none;
    box-sizing: border-box;
    white-space: pre-wrap
}

.demo-online-tts .demo-text-wrap .text-bot {
    padding: 12px 11px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 17px
}

.demo-online-tts .demo-text-wrap .text-bot-left {
    width: calc(100% - 110px);
    box-sizing: border-box
}

.demo-online-tts .demo-text-wrap .text-bot-left .len {
    color: #D3D3D3;
    font-size: 12px
}

.demo-online-tts .demo-text-wrap .text-bot-left .tip {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px;
    font-size: 12px;
    color: #24374E
}

.demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts {
    width: 92px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background-color: #2277E6;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts:hover {
    opacity: 0.8
}

.demo-online-tts .demo-text-wrap .slider-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 12px
}

.demo-online-tts .demo-text-wrap .slider-wrap:last-child {
    margin-bottom: 0
}

.demo-online-tts .demo-text-wrap .slider-wrap>span {
    color: #808080;
    font-size: 13px;
    color: #24374E;
    margin-right: 8px
}

.demo-online-tts .demo-text-wrap .slider-wrap .rc-input-number {
    width: 60px;
    margin-left: 8px
}

.demo-online-tts .demo-text-wrap .slider-wrap .slider-item {
    width: calc(100% - 134px)
}

.demo-online-tts .demo-text-wrap .slider-wrap .slider-item .rc-slider-handle-dragging {
    box-shadow: 0 0 0 5px #2277E6
}

.rc-slider {
    position: relative;
    width: 100%;
    height: 14px;
    padding: 5px 0;
    border-radius: 6px;
    -ms-touch-action: none;
    touch-action: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e9e9e9;
    border-radius: 6px;
}

.rc-slider-track {
    position: absolute;
    height: 4px;
    background-color: #abe2fb;
    border-radius: 6px;
}

.rc-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: solid 2px #96dbfa;
    border-radius: 50%;
    cursor: pointer;
    cursor: grab;
    opacity: 0.8;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa;
}

.rc-slider-handle:focus {
    outline: none;
    box-shadow: none;
}

.rc-slider-handle:focus-visible {
    border-color: #2db7f5;
    box-shadow: 0 0 0 3px #96dbfa;
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: unset;
}

.rc-slider-handle:hover {
    border-color: #57c5f7;
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: grabbing;
}

.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px;
}

.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: #999;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.rc-slider-mark-text-active {
    color: #666;
}

.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
    pointer-events: none;
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    cursor: pointer;
}

.rc-slider-dot-active {
    border-color: #96dbfa;
}

.rc-slider-dot-reverse {
    margin-right: -4px;
}

.rc-slider-disabled {
    background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot {
    cursor: not-allowed !important;
}

.rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
    width: 4px;
    height: 100%;
}

.rc-slider-vertical .rc-slider-track {
    bottom: 0;
    left: 5px;
    width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
    margin-top: 0;
    margin-left: -5px;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%;
}

.rc-slider-vertical .rc-slider-step {
    width: 4px;
    height: 100%;
}

.rc-slider-vertical .rc-slider-dot {
    margin-left: -2px;
}

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear {
    display: block !important;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
    display: block !important;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear {
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        transform: scale(0, 0);
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        transform: scale(1, 1);
        transform-origin: 50% 100%;
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform: scale(1, 1);
        transform-origin: 50% 100%;
    }

    100% {
        transform: scale(0, 0);
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

.rc-slider-tooltip {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: visible;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip-hidden {
    display: none;
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px 0;
}

.rc-slider-tooltip-inner {
    min-width: 24px;
    height: 24px;
    padding: 6px 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c;
}

.rc-input-number {
    display: inline-block;
    height: 26px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 26px;
    vertical-align: middle;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all 0.3s;
}

.rc-input-number-focused {
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.rc-input-number-out-of-range input {
    color: red;
}

.rc-input-number-handler {
    display: block;
    height: 12px;
    overflow: hidden;
    line-height: 12px;
    text-align: center;
    -ms-touch-action: none;
    touch-action: none;
}

.rc-input-number-handler-active {
    background: #ddd;
}

.rc-input-number-handler-up-inner, .rc-input-number-handler-down-inner {
    color: #666666;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rc-input-number:hover {
    border-color: #1890ff;
}

.rc-input-number:hover .rc-input-number-handler-up, .rc-input-number:hover .rc-input-number-handler-wrap {
    border-color: #1890ff;
}

.rc-input-number-disabled:hover {
    border-color: #d9d9d9;
}

.rc-input-number-disabled:hover .rc-input-number-handler-up, .rc-input-number-disabled:hover .rc-input-number-handler-wrap {
    border-color: #d9d9d9;
}

.rc-input-number-input-wrap {
    height: 100%;
    overflow: hidden;
}

.rc-input-number-input {
    width: 100%;
    height: 100%;
    padding: 0;
    color: #666666;
    line-height: 26px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    outline: 0;
    transition: all 0.3s ease;
    transition: all 0.3s;
    -moz-appearance: textfield;
}

.rc-input-number-handler-wrap {
    float: right;
    width: 20px;
    height: 100%;
    border-left: 1px solid #d9d9d9;
    transition: all 0.3s;
}

.rc-input-number-handler-up {
    padding-top: 1px;
    border-bottom: 1px solid #d9d9d9;
    transition: all 0.3s;
}

.rc-input-number-handler-up-inner:after {
    content: '+';
}

.rc-input-number-handler-down {
    transition: all 0.3s;
}

.rc-input-number-handler-down-inner:after {
    content: '-';
}

.rc-input-number-handler-down-disabled, .rc-input-number-handler-up-disabled {
    opacity: 0.3;
}

.rc-input-number-handler-down-disabled:hover, .rc-input-number-handler-up-disabled:hover {
    color: #999;
    border-color: #d9d9d9;
}

.rc-input-number-disabled .rc-input-number-input {
    background-color: #f3f3f3;
    cursor: not-allowed;
    opacity: 0.72;
}

.rc-input-number-disabled .rc-input-number-handler {
    opacity: 0.3;
}

.rc-input-number-disabled .rc-input-number-handler:hover {
    color: #999;
    border-color: #d9d9d9;
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.demo-text {
    margin-top: 20px;
    margin-left: 234px;
    width: 968px
}

.demo-text .demo-title {
    color: #24374e;
    font-size: 16px
}

.demo-text .demo-title .chang-text {
    color: #13b87b;
    cursor: pointer
}

.demo-text .text-wrap {
    margin-top: 20px;
    padding: 15px;
    background-color: #fff;
    letter-spacing: 3px;
    box-shadow: 0 0 8px #eaecf1
}

.demo-text .text-wrap .textarea {
    border: none;
    width: 100%;
    height: 100px;
    font-size: 16px;
    box-sizing: border-box;
    color: #333;
    resize: none;
    letter-spacing: 3px;
    font-family: "Microsoft Yahei";
    outline: none
}

.demo-text .text-wrap .tips-wrap {
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px
}

.demo-text .text-wrap .tips-wrap .enter-tips {
    color: #8e99a7
}

.demo-text .text-wrap .tips-wrap .enter-tips .max-num {
    color: #ff841b
}

.demo-text .text-wrap .tips-wrap .start-load {
    float: right;
    border: 1px solid #66b3ff;
    height: 28px;
    width: 98px;
    text-align: center;
    color: #66b3ff;
    border-radius: 4px;
    cursor: pointer
}

.demo-text .text-wrap .analysis-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #efefef;
    line-height: 20px;
    letter-spacing: 0
}

.demo-text .text-wrap .analysis-wrap .analysis-result {
    margin-left: 4px
}

.demo-text .text-wrap .analysis-wrap .icons-icon {
    margin-left: 32px;
    margin-right: 14px;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: cover
}

.demo-text .text-wrap .analysis-wrap .icons-icon-negative {
    background: url(/static/img/sa/assets/negative.png)
}

.demo-text .text-wrap .analysis-wrap .icons-icon-positive {
    background: url(/static/img/sa/assets/positive.png)
}

.demo-text .text-wrap .analysis-wrap .icons-icon-neutral {
    background: url(/static/img/sa/assets/neutral.png)
}

.demo-text .text-wrap .analysis-wrap .analysis-result-persent {
    margin-left: 20px;
    letter-spacing: 1px
}

.demo-text .text-wrap .analysis-wrap .analysis-result-persent span {
    font-size: 16px;
    color: #F1B06A
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-sffc-test ul,.service-sffc-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-sffc-test .solutions-item-content {
    background-color: #363946
}

.service-sffc-test .solutions-item-content .content-show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part {
    position: relative;
    width: 512px;
    text-align: center;
    font-size: 0
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .compare-scan {
    display: none;
    position: absolute;
    z-index: 7;
    top: 50px;
    left: 42.5px;
    width: 427px;
    border-bottom: 3px solid #3e88f1;
    animation: fcScan 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes fcScan {
    0% {
        height: 0
    }

    to {
        opacity: 0;
        height: 240px
    }
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button {
    display: inline-block;
    position: relative;
    margin-top: 26px;
    height: 40px;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    background: #187cff;
    border: 1px solid #478eea;
    border-radius: 3px;
    overflow: hidden
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .taste-button:hover {
    background: #0b99ff
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image {
    width: 427px;
    height: 240px;
    margin: 50px auto 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-left {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a1.png)
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-part .photo-image-right {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a2.png)
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-score {
    position: relative;
    width: 150px;
    font-size: 0
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .canvas-container {
    margin-top: 80px
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent {
    position: absolute;
    left: 0;
    top: 143px;
    width: 150px;
    text-align: center
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent span {
    font-size: 14px;
    color: #d54646
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-score .compare-percent .compare-percent-score {
    font-size: 24px;
    font-weight: bold
}

.service-sffc-test .solutions-item-content .content-show .solutions-item-content-score p {
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.service-sffc-test .solutions-item-content .taste-tip {
    margin: 40px 0 40px 20px;
    color: #fff
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 130px;
    background-color: #ebebeb
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .solutions-item-photo {
    position: relative;
    width: 170px;
    height: 94px;
    font-size: 0;
    opacity: .5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-1 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/a11.png)
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-2 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/b11.png)
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-3 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/c11.png)
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-4 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/d11.png)
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-5 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/e11.png)
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .photo-6 {
    background-image: url(https://aixfyun-cn-bj.xfyun.cn/ZFAI/f22.png)
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .active {
    border: 2px solid #2d9bf3;
    opacity: 1
}

.service-sffc-test .solutions-item-content .solutions-item-photo-list .active::after {
    position: absolute;
    left: 72.5px;
    top: 35px;
    content: "VS";
    background-color: #2d9bf3;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    border-radius: 50%
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-sffr-test ul,.service-sffr-test li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-sffr-test .ocr-exp-content .ocr-tab {
    display: -ms-flexbox;
    display: flex
}

.service-sffr-test .ocr-exp-content .ocr-tab li {
    cursor: pointer
}

.service-sffr-test .ocr-exp-content .default {
    margin-top: 30px;
    border-bottom: 1px solid #ddd
}

.service-sffr-test .ocr-exp-content .default li {
    position: relative;
    width: 100px;
    margin: 0 250px;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    text-align: center
}

.service-sffr-test .ocr-exp-content .default .active::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100px;
    height: 3px;
    background-color: #2d9bf3
}

.service-sffr-test .ocr-exp-content .ocr-tab-card {
    display: none
}

.service-sffr-test .ocr-exp-content .label-ghost {
    margin-top: 11px
}

.service-sffr-test .ocr-exp-content .label-ghost li {
    padding: 10px 12px;
    margin-left: 8px
}

.service-sffr-test .ocr-exp-content .label-ghost li:nth-of-type(1) {
    margin-left: 52px
}

.service-sffr-test .ocr-exp-content .label-ghost .active {
    color: #fff;
    background-color: #2d9bf3;
    border-radius: 17px
}

.service-sffr-test .solutions-item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

.service-sffr-test .solutions-item-content .pic-light-box {
    position: relative;
    width: 514px;
    height: 514px;
    background-color: #f3f3f8;
    border: 1px solid #ddd;
    overflow: hidden
}

.service-sffr-test .solutions-item-content .pic-light-box .scan {
    display: none;
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
    width: 514px;
    border-bottom: 3px solid #3e88f1;
    animation: scan 1.2s infinite;
    background: linear-gradient(180deg, transparent, #3e88f1)
}

@keyframes scan {
    0% {
        height: 0
    }

    to {
        opacity: 0;
        height: 514px
    }
}

.service-sffr-test .solutions-item-content .pic-light-box canvas {
    position: absolute;
    cursor: grab
}

.service-sffr-test .solutions-item-content .pic-light-box .tab-btn {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 90px;
    height: 30px;
    color: #333;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 999
}

.service-sffr-test .solutions-item-content .pic-light-box .tab-btn.active {
    background-color: #2d9bf3;
    color: #fff
}

.service-sffr-test .solutions-item-content .pic-light-box .word-result-block {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: -1
}

.service-sffr-test .solutions-item-content .pic-light-box .word-result-block .word-result {
    margin: 50px auto 0;
    padding: 15px;
    width: 460px;
    height: 420px;
    line-height: 20px;
    overflow-y: auto;
    border: 1px solid #f0f0f0
}

.service-sffr-test .solutions-item-content .pic-light-box-right .tab-btn {
    cursor: pointer
}

.service-sffr-test .solutions-item-content .pic-light-box-right .tab-btn:nth-of-type(1) {
    right: 210px
}

.service-sffr-test .solutions-item-content .pic-light-box-right .tab-btn:nth-of-type(2) {
    right: 110px
}

.service-sffr-test .solutions-item-content .icon-to {
    width: 13px;
    height: 16px
}

.service-sffr-test .taste-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px
}

.service-sffr-test .taste-footer input {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 160px;
    cursor: pointer;
    opacity: 0;
    font-size: 50px;
    -ms-transform: scale(2);
    transform: scale(2);
    z-index: 99
}

.service-sffr-test .taste-footer .taste-button {
    position: relative;
    overflow: hidden;
    border-width: 0;
    width: 90px;
    height: 30px;
    display: inline-block;
    background-color: #2d9bf3;
    border-radius: 3px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    transition: all .2s ease;
    cursor: pointer;
    font-size: 13px
}

.service-sffr-test .taste-footer .taste-tip {
    margin-left: 67px;
    color: #333
}

.demo-online-tts {
    width: 940px;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-online-tts .demo-speaker-wrap {
    width: 636px;
    box-sizing: border-box;
    height: 460px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.demo-online-tts .demo-speaker-wrap .top {
    background-color: #fff;
    padding-bottom: 14px
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #dee0ec;
    padding: 0 16px
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #24374e;
    position: relative;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -1px;
    left: 50%;
    border-bottom: 2px solid #2277E6;
    transition: width 0.2s;
    transform: translate3d(-50%, 0, 0);
    -ms-transform-origin: center center;
    transform-origin: center center
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover,.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active {
    color: #2277E6
}

.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li:hover::after,.demo-online-tts .demo-speaker-wrap .top .sence-ul .sence-li-active::after {
    width: 100%
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 16px;
    padding: 0 16px
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .title {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    text-align: right
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li {
    padding: 4px 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:hover,.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li-active {
    color: #ffffff;
    background-color: #2277E6
}

.demo-online-tts .demo-speaker-wrap .top .sty-wrap .sty-container .sty-ul .sty-li:last-child {
    margin-right: 0
}

.demo-online-tts .demo-speaker-wrap .top .domain {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px;
    padding: 0 16px
}

.demo-online-tts .demo-speaker-wrap .top .domain .title {
    display: inline-block;
    width: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: -4px
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li {
    padding: 4px 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:last-child {
    margin-right: 0
}

.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li:hover,.demo-online-tts .demo-speaker-wrap .top .domain .domain-ul .domain-li-active {
    color: #ffffff;
    background-color: #2277E6
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 26px;
    overflow: hidden;
    width: calc(100% - 108px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul>li {
    margin-bottom: 1px
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .domain-ul.expand {
    height: auto
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #0F7EFE;
    margin-top: -1px;
    margin-left: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon {
    margin-left: 4px;
    transition: transform 0.2s
}

.demo-online-tts .demo-speaker-wrap .top .domain.region .operate-btn .icon.expand {
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 8px;
    font-size: 12px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap.expand {
    height: 276px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container {
    padding: 12px 16px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title {
    color: #8393AC
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .s-title.other {
    display: inline-block;
    padding-top: 4px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 8px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li {
    width: 193px;
    height: 76px;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #F5F7FA;
    cursor: pointer;
    margin: 0 12px 12px 0;
    padding: 8px 10px;
    border: 1px solid #F5F7FA;
    position: relative
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.multiple {
    cursor: default
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver {
    display: none;
    width: 193px;
    position: absolute;
    box-sizing: border-box;
    top: 86px;
    left: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(36,55,78,0.08);
    z-index: 2;
    padding: 10px 12px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -6px;
    left: 24px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .title {
    color: #24374E;
    font-size: 13px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 12px;
    min-width: 30%
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li>label {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .popver .code-ul .code-li>label .code-name {
    vertical-align: 2px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .hot {
    width: 43px;
    position: absolute;
    top: 4px;
    right: 0
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:nth-child(3n) {
    margin-right: 0
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li:hover,.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-active {
    border: 1px solid #2277E6;
    background-color: rgba(74,129,255,0.04)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li.show-popver .popver {
    display: block
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap {
    width: 36px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info {
    width: calc(100% - 40px)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info>div,.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info ul {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .name {
    font-size: 13px;
    color: #24374E
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li-top .info .tag-ul>li {
    font-size: 12px;
    padding: 3px 5px;
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .speaker-ul .speaker-li .desc {
    color: #24374E;
    font-size: 12px;
    padding-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.demo-online-tts .demo-speaker-wrap .scroll-wrap .scroll-container .placeholder {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    color: #24374E;
    opacity: 0.8
}

.demo-online-tts .demo-text-wrap {
    width: 290px;
    height: 460px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #EEEFF8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
    width: 14px
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track {
    background-color: #b8c6d1
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
    background-color: #94a0a8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 4px
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb {
    background: #b8c6d1;
    border-radius: 4px
}

.demo-online-tts .demo-text-wrap .list-body::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px
}

.demo-online-tts .demo-text-wrap .list-body:hover::-webkit-scrollbar-thumb,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:hover {
    background: #94a0a8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-thumb:active {
    background: #94a0a8
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:hover {
    background: transparent
}

.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-corner,.demo-online-tts .demo-text-wrap ::-webkit-scrollbar-track:active {
    background: transparent
}

.demo-online-tts .demo-text-wrap .text {
    padding: 15px;
    width: 100% !important;
    height: 239px !important;
    border: none;
    background-color: #F5F7FA;
    color: #24374E;
    line-height: 1.5;
    font-size: 14px;
    resize: none;
    box-sizing: border-box;
    white-space: pre-wrap
}

.demo-online-tts .demo-text-wrap .text-bot {
    padding: 12px 11px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 17px
}

.demo-online-tts .demo-text-wrap .text-bot-left {
    width: calc(100% - 110px);
    box-sizing: border-box
}

.demo-online-tts .demo-text-wrap .text-bot-left .len {
    color: #D3D3D3;
    font-size: 12px
}

.demo-online-tts .demo-text-wrap .text-bot-left .tip {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px;
    font-size: 12px;
    color: #24374E
}

.demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts {
    width: 92px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background-color: #2277E6;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.demo-online-tts .demo-text-wrap .text-bot .audio-ctrl-btn-tts:hover {
    opacity: 0.8
}

.demo-online-tts .demo-text-wrap .slider-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 12px
}

.demo-online-tts .demo-text-wrap .slider-wrap:last-child {
    margin-bottom: 0
}

.demo-online-tts .demo-text-wrap .slider-wrap>span {
    color: #808080;
    font-size: 13px;
    color: #24374E;
    margin-right: 8px
}

.demo-online-tts .demo-text-wrap .slider-wrap .rc-input-number {
    width: 60px;
    margin-left: 8px
}

.demo-online-tts .demo-text-wrap .slider-wrap .slider-item {
    width: calc(100% - 134px)
}

.demo-online-tts .demo-text-wrap .slider-wrap .slider-item .rc-slider-handle-dragging {
    box-shadow: 0 0 0 5px #2277E6
}

.demo-sf-tts {
    width: auto
}

.demo-sf-tts .demo-content {
    padding: 0
}

.demo-sf-tts .demo-content .ex-speaker-speakers {
    display: block;
    background-color: #fff
}

.demo-sf-tts .demo-content .ex-speakers .ex-speaker-tag {
    display: none
}

.demo-iat {
    width: 968px;
    margin: 0 auto
}

.demo-iat .demo-content {
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-iat .demo-content button {
    cursor: pointer;
    outline: 0
}

.demo-iat .demo-content .taste-button {
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

.demo-iat .demo-content .taste-header .dialect-select {
    margin-left: 20px;
    height: 26px
}

.demo-iat .demo-content .taste-header .dialect {
    margin-left: 20px;
    height: 26px;
    line-height: 26px;
    display: none
}

.demo-iat .demo-content .taste-header a {
    border: none;
    border-radius: 4px;
    color: #fff;
    height: 26px;
    width: 100px;
    float: right;
    text-align: center;
    line-height: 26px
}

.demo-iat .demo-content .taste-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.demo-iat .demo-content .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important
}

.demo-iat .demo-content .taste-left {
    width: 550px
}

.demo-iat .demo-content .taste-left .ready-button,.demo-iat .demo-content .taste-left .start-button {
    margin: 0 auto;
    height: 40px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px
}

.demo-iat .demo-content .taste-left .taste-button:hover {
    background: #0b99ff
}

.demo-iat .demo-content .taste-left .taste-ml160 {
    margin-left: 160px !important
}

.demo-iat .demo-content .taste-left .taste-left-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.demo-iat .demo-content .taste-left .taste-left-body {
    height: 300px;
    padding: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene {
    font-size: 14px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-select {
    background-color: #187cff;
    color: #fff
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-span {
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul {
    border: 1px solid #2277e6;
    padding: 1px 10px;
    margin-top: 10px;
    border-radius: 3px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul .language-list-ul-div {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #2277e6;
    margin-top: -11px;
    margin-left: 190px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label {
    line-height: 28px;
    color: #2277e6
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label .language-disabled {
    display: none
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 60px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list .active {
    background-color: #187cff;
    color: #fff
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list li {
    min-width: 50px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    color: #2277e6
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
    background: rgba(0,0,0,0.2)
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1)
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box {
    position: absolute;
    bottom: 15px;
    width: 530px
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-image {
    background-image: url(/static/img/iat/assets/mike.jpg);
    background-position: center;
    background-size: 42px 62px;
    background-repeat: no-repeat;
    height: 62px;
    margin-bottom: 30px;
    cursor: pointer
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p {
    line-height: 20px;
    font-size: 10px;
    width: 430px;
    margin: 0px auto
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p p {
    margin: 0;
    padding: 0
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste {
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left {
    width: 480px;
    margin-left: 30px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box {
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .total-time {
    margin-left: 20px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line {
    display: inline-block;
    margin-right: 20px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line hr {
    background-color: #187cff;
    width: 3px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border: none
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr {
    animation: note 0.2s ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr1 {
    animation-delay: -1s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr2 {
    animation-delay: -0.9s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr3 {
    animation-delay: -0.8s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr4 {
    animation-delay: -0.7s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr5 {
    animation-delay: -0.6s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr6 {
    animation-delay: -0.5s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr7 {
    animation-delay: -0.4s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr8 {
    animation-delay: -0.3s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr9 {
    animation-delay: -0.2s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr10 {
    animation-delay: -0.1s
}

@keyframes note {
    from {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(4)
    }
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button {
    margin-top: 70px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button:nth-child(1) {
    margin-top: 30px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button .language-p {
    line-height: 20px;
    font-size: 10px;
    width: 430px;
    margin: 30px auto 0px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .output-box {
    height: 200px;
    overflow: auto;
    background: #F0F0F0;
    width: 50%;
    line-height: 1.5;
    padding-left: 10px;
    padding-top: 10px
}

.demo-iat .demo-content .taste-right {
    width: 340px
}

.demo-iat .demo-content .taste-right .taste-right-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.demo-iat .demo-content .taste-right .taste-right-body {
    border: 1px solid #f2f2f2;
    height: 300px;
    padding: 10px;
    background-color: #fff;
    line-height: 24px
}

.demo-rta {
    width: auto
}

.demo-rta .demo-content {
    padding: 0
}

.demo-rta .demo-content .taste-content {
    margin-bottom: 100px
}

.demo-rta .demo-content .taste-left {
    width: 60%
}

.demo-rta .demo-content .taste-left .taste-left-body .language-image-box {
    width: 100%
}

.demo-rta .demo-content .taste-left .taste-left-body .start-taste .start-taste-left {
    margin: 0;
    width: 100%
}

.demo-rta .demo-content .taste-left .taste-ml160 {
    display: block;
    margin: auto !important
}

.demo-rta .demo-content .taste-right {
    margin-left: 20px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-item-test .service-item-content {
    position: relative
}

.service-item-test .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 164px
}

.service-item-test .service-item-content .Lbox .Lbox-content {
    margin-top: 10px;
    padding: 10px 0;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    background-color: #fff;
    list-style: none
}

.service-item-test .service-item-content .Lbox .Lbox-content li {
    padding-left: 14px;
    height: 22px;
    line-height: 22px;
    color: #666;
    cursor: pointer
}

.service-item-test .service-item-content .Lbox .Lbox-content li:hover {
    background-color: #e9e9e9
}

.service-item-test .service-item-content .Lbox-to {
    left: 207px
}

.service-item-test .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px
}

.service-item-test .service-item-content .trans-io .io-input,.service-item-test .service-item-content .trans-io .io-output {
    position: relative;
    display: inline-block;
    border: 1px solid #dedede;
    width: 50%;
    height: 210px;
    font-size: 16px;
    color: #999;
    box-sizing: border-box;
    vertical-align: top
}

.service-item-test .service-item-content .trans-io .io-output {
    overflow: auto;
    background: #f0f0f0
}

.service-item-test .service-item-content .trans-io .textarea-box {
    margin: 10px
}

.service-item-test .service-item-content .trans-io .io-input {
    background-color: #fff
}

.service-item-test .service-item-content .trans-io .io-input textarea {
    display: block;
    overflow: auto;
    width: 100%;
    height: 160px;
    border: none;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    resize: none;
    outline: none
}

.service-item-test .service-item-content .trans-io .trans-text-num {
    margin-top: 10px;
    text-align: right
}

.service-item-test .service-item-content .trans-io .io-output .output {
    display: block;
    margin: 10px;
    line-height: 22px
}

.service-item-test .service-item-content .trans-tip {
    color: #8f9dae
}

.trans-operation {
    font-size: 0
}

.trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer
}

.trans-operation .trans-select-button span {
    padding-left: 12px
}

.trans-operation .trans-select-button .icons-arrow-drop {
    position: absolute;
    top: 16px;
    right: 12px;
    height: 0;
    width: 0;
    border-width: 8px 6px;
    border-style: solid;
    border-color: #ccc transparent transparent;
    font-size: 0;
    line-height: 0
}

.trans-operation .trans-to-button {
    margin-left: 40px
}

.trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer
}

.trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    line-height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer
}

.trans-operation .taste-button:hover {
    background: #0b99ff
}

.demo-text_check .demo-top .demo-title {
    font-size: 18px
}

.demo-text_check .demo-top .btn-change {
    margin-left: 10px;
    font-size: 14px;
    color: #4a81ff;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.demo-text_check .demo-main {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    height: 320px;
    border: 1px solid #e6e8f4;
    background-color: #fff
}

.demo-text_check .demo-left,.demo-text_check .demo-right {
    padding: 10px;
    width: 50%
}

.demo-text_check .demo-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #e6e8f4
}

.demo-text_check .demo-left .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    border: none;
    outline: none;
    color: #999;
    word-break: break-word;
    line-height: 1.5
}

.demo-text_check .demo-left .text ol {
    -ms-flex-positive: 1;
    flex-grow: 1;
    outline: none;
    border: none
}

.demo-text_check .demo-left .text ol li {
    list-style: decimal
}

.demo-text_check .demo-left .text ol li .text-error {
    background-color: #f7cd2a;
    color: #333
}

.demo-text_check .demo-left .text ol li .text-error.text-error-active {
    background-color: #fe5a94
}

.demo-text_check .demo-left .text ol li .text-error.text-error-active .text-error {
    background-color: #fe5a94
}

.demo-text_check .demo-left .text-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ccc
}

.demo-text_check .demo-left .text-delete {
    cursor: pointer
}

.demo-text_check .demo-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f8f8f8;
    color: #2b3e54
}

.demo-text_check .demo-right .result-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 16px
}

.demo-text_check .demo-right .result-title .error-num-tip span {
    color: #ff4d4f;
    padding: 0 6px
}

.demo-text_check .demo-right .result-detail {
    overflow: auto
}

.demo-text_check .demo-right .result-class {
    font-size: 14px;
    line-height: 1.5
}

.demo-text_check .demo-right .class-title {
    padding: 6px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.demo-text_check .demo-right .class-title span {
    margin-right: 10px
}

.demo-text_check .demo-right .class-item-detail {
    display: none;
    background-color: #fff
}

.demo-text_check .demo-right .class-item-detail .result-item {
    padding: 6px;
    border-bottom: 1px solid #e6e8f4;
    cursor: pointer
}

.demo-text_check .demo-right .class-item-detail .result-item:hover {
    background-color: #eaeaea
}

.demo-text_check .demo-right .result-class-open .anticon {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.demo-text_check .demo-right .result-class-open .class-item-detail {
    display: block
}

.demo-text_check .demo-button {
    margin-top: 20px;
    text-align: center
}

.text_rewrite {
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto 0;
    height: 430px;
    width: 850px;
    border: 1px solid #e6e8f4;
    background-color: #fff;
    box-shadow: 0px 0px 10px #e6e8f4
}

.text_rewrite .left {
    width: 50%;
    height: 100%;
    border-right: 1px solid #e6e8f4
}

.text_rewrite .left .title {
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    line-height: 60px;
    font-size: 18px;
    padding-left: 20px;
    border-bottom: 1px solid #e6e8f4
}

.text_rewrite .left .input_wrapper {
    position: relative;
    height: 310px;
    border-bottom: 1px solid #e6e8f4;
    box-sizing: border-box
}

.text_rewrite .left .input_wrapper textarea {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    border: 0px;
    resize: none;
    padding: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'Microsoft Yahei';
    color: #999999;
    text-align: justify
}

.text_rewrite .left .input_wrapper .limit_tag {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #cccccc
}

.text_rewrite .left .footer_wrapper {
    height: 60px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px
}

.text_rewrite .left .footer_wrapper .tips {
    font-size: 12px;
    color: #7f7f7f;
    margin-right: 12px
}

.text_rewrite .left .footer_wrapper .check_box {
    margin-right: 20px;
    font-size: 14px;
    color: #555555
}

.text_rewrite .left .footer_wrapper .check_box select {
    margin-left: 10px;
    width: 40px;
    height: 20px;
    border: 1px solid #555555;
    border-radius: 2px;
    outline: none
}

.text_rewrite .left .footer_wrapper .begin_btn {
    width: 100px;
    height: 38px;
    color: #fff;
    background-color: #4a81ff;
    border-radius: 4px;
    text-align: center;
    line-height: 38px;
    cursor: pointer
}

.text_rewrite .left .footer_wrapper .begin_btn:hover {
    filter: brightness(1.2)
}

.text_rewrite .right {
    width: 50%;
    height: 100%
}

.text_rewrite .right .title {
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    line-height: 60px;
    font-size: 18px;
    padding-left: 20px;
    border-bottom: 1px solid #e6e8f4
}

.text_rewrite .right .result {
    height: 310px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e8f4;
    font-size: 16px;
    resize: none;
    padding: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'Microsoft Yahei';
    text-align: justify;
    white-space: normal;
    overflow-y: auto
}

.text_rewrite .right .result .highlight {
    color: #02a7f0;
    max-width: 100%;
    word-break: normal;
    width: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden
}

.text_rewrite .right .result .normal {
    color: #000;
    max-width: 100%;
    word-break: normal;
    width: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden
}

.text_rewrite .right .footer {
    height: 60px;
    width: 100%;
    padding-left: 20px;
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    color: #7f7f7f
}

.demo-iat {
    width: 968px;
    margin: 0 auto
}

.demo-iat .demo-content {
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-iat .demo-content button {
    cursor: pointer;
    outline: 0
}

.demo-iat .demo-content .taste-button {
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

.demo-iat .demo-content .taste-header .dialect-select {
    margin-left: 20px;
    height: 26px
}

.demo-iat .demo-content .taste-header .dialect {
    margin-left: 20px;
    height: 26px;
    line-height: 26px;
    display: none
}

.demo-iat .demo-content .taste-header a {
    border: none;
    border-radius: 4px;
    color: #fff;
    height: 26px;
    width: 100px;
    float: right;
    text-align: center;
    line-height: 26px
}

.demo-iat .demo-content .taste-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.demo-iat .demo-content .flex-display-1 {
    display: -ms-flexbox !important;
    display: flex !important
}

.demo-iat .demo-content .taste-left {
    width: 550px
}

.demo-iat .demo-content .taste-left .ready-button,.demo-iat .demo-content .taste-left .start-button {
    margin: 0 auto;
    height: 40px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px
}

.demo-iat .demo-content .taste-left .taste-button:hover {
    background: #0b99ff
}

.demo-iat .demo-content .taste-left .taste-ml160 {
    margin-left: 160px !important
}

.demo-iat .demo-content .taste-left .taste-left-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.demo-iat .demo-content .taste-left .taste-left-body {
    height: 300px;
    padding: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene {
    font-size: 14px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-select {
    background-color: #187cff;
    color: #fff
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-span {
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul {
    border: 1px solid #2277e6;
    padding: 1px 10px;
    margin-top: 10px;
    border-radius: 3px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list-ul .language-list-ul-div {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #2277e6;
    margin-top: -11px;
    margin-left: 190px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label {
    line-height: 28px;
    color: #2277e6
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-label .language-disabled {
    display: none
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 60px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list .active {
    background-color: #187cff;
    color: #fff
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list li {
    min-width: 50px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    color: #2277e6
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
    background: rgba(0,0,0,0.2)
}

.demo-iat .demo-content .taste-left .taste-left-body .ex-speaker-scene .language-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1)
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box {
    position: absolute;
    bottom: 15px;
    width: 530px
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-image {
    background-image: url(/static/img/iat/assets/mike.jpg);
    background-position: center;
    background-size: 42px 62px;
    background-repeat: no-repeat;
    height: 62px;
    margin-bottom: 30px;
    cursor: pointer
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p {
    line-height: 20px;
    font-size: 10px;
    width: 430px;
    margin: 0px auto
}

.demo-iat .demo-content .taste-left .taste-left-body .language-image-box .language-p p {
    margin: 0;
    padding: 0
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste {
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left {
    width: 480px;
    margin-left: 30px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box {
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .total-time {
    margin-left: 20px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line {
    display: inline-block;
    margin-right: 20px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line hr {
    background-color: #187cff;
    width: 3px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border: none
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr {
    animation: note 0.2s ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr1 {
    animation-delay: -1s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr2 {
    animation-delay: -0.9s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr3 {
    animation-delay: -0.8s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr4 {
    animation-delay: -0.7s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr5 {
    animation-delay: -0.6s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr6 {
    animation-delay: -0.5s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr7 {
    animation-delay: -0.4s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr8 {
    animation-delay: -0.3s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr9 {
    animation-delay: -0.2s
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .time-box .start-taste-line .hr10 {
    animation-delay: -0.1s
}

@keyframes note {
    from {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(4)
    }
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button {
    margin-top: 70px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button:nth-child(1) {
    margin-top: 30px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .start-taste-left .start-taste-button .language-p {
    line-height: 20px;
    font-size: 10px;
    width: 430px;
    margin: 30px auto 0px
}

.demo-iat .demo-content .taste-left .taste-left-body .start-taste .output-box {
    height: 200px;
    overflow: auto;
    background: #F0F0F0;
    width: 50%;
    line-height: 1.5;
    padding-left: 10px;
    padding-top: 10px
}

.demo-iat .demo-content .taste-right {
    width: 340px
}

.demo-iat .demo-content .taste-right .taste-right-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.demo-iat .demo-content .taste-right .taste-right-body {
    border: 1px solid #f2f2f2;
    height: 300px;
    padding: 10px;
    background-color: #fff;
    line-height: 24px
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-item-test.self-trans ul,.service-item-test.self-trans li {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-item-test.self-trans .service-item-content {
    position: relative
}

.service-item-test.self-trans .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 968px
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content {
    margin-top: 10px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    background-color: #fff
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used {
    height: 36px;
    line-height: 34px;
    font-size: 0;
    background-color: #faf9f8;
    border-bottom: 1px solid #e9e9e9
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used span {
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul {
    display: inline-block
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li {
    display: inline-block;
    margin-left: 32px;
    font-size: 12px;
    cursor: pointer
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul li:hover {
    color: #478eea
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-content .Lbox-frequently-used ul .selected:hover {
    cursor: not-allowed
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-title {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e9e9e9
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-title li {
    width: 20%;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: center;
    letter-spacing: 8px
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-title li:nth-child(2n+1) {
    background-color: #e9e9e9
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 12px
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul {
    width: 20%
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul li {
    padding-left: 65px;
    height: 22px;
    line-height: 22px;
    color: #666;
    cursor: pointer
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul li:hover {
    color: #478eea
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul li:nth-child(2n) {
    background-color: #e9e9e9
}

.service-item-test.self-trans .service-item-content .Lbox .Lbox-table ul .selected:hover {
    cursor: not-allowed
}

.service-item-test.self-trans .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px
}

.service-item-test.self-trans .service-item-content .trans-io .io-input,.service-item-test.self-trans .service-item-content .trans-io .io-output {
    position: relative;
    display: inline-block;
    border: 1px solid #dedede;
    width: 50%;
    height: 210px;
    font-size: 16px;
    color: #999;
    box-sizing: border-box;
    vertical-align: top
}

.service-item-test.self-trans .service-item-content .trans-io .io-output {
    overflow: auto;
    background: #f0f0f0
}

.service-item-test.self-trans .service-item-content .trans-io .textarea-box {
    margin: 10px
}

.service-item-test.self-trans .service-item-content .trans-io .io-input {
    background-color: #fff
}

.service-item-test.self-trans .service-item-content .trans-io .io-input textarea {
    display: block;
    overflow: auto;
    width: 100%;
    height: 160px;
    border: none;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    resize: none;
    outline: none
}

.service-item-test.self-trans .service-item-content .trans-io .trans-text-num {
    margin-top: 10px;
    text-align: right
}

.service-item-test.self-trans .service-item-content .trans-io .io-output .output {
    display: block;
    margin: 10px;
    line-height: 22px
}

.service-item-test.self-trans .service-item-content .trans-tip {
    color: #8f9dae
}

.trans-operation {
    font-size: 0
}

.trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer
}

.trans-operation .trans-select-button span {
    padding-left: 12px
}

.trans-operation .trans-select-button .icons-arrow-drop {
    position: absolute;
    top: 16px;
    right: 12px;
    height: 0;
    width: 0;
    border-width: 8px 6px;
    border-style: solid;
    border-color: #ccc transparent transparent;
    font-size: 0;
    line-height: 0
}

.trans-operation .trans-to-button {
    margin-left: 40px
}

.trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer
}

.trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer;
    outline: none
}

.trans-operation .taste-button:hover {
    background: #0b99ff
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

textarea {
    outline: none
}

.gaia-page {
    min-width: 1200px;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.main-wrapper {
    background-color: #f9faff;
    min-width: 1200px
}

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

.gaia-row {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 -10px
}

.gaia-card {
    transition: box-shadow .3s
}

.gaia-card:hover {
    box-shadow: 0 0 15px #dde3f0
}

.rich-text-tableStyle {
    overflow-x: auto
}

.rich-text-tableStyle table {
    margin: 0 auto;
    padding: 0px;
    border: #e6e8f4 solid 1px;
    word-break: break-word
}

.rich-text-tableStyle table tr td {
    padding: 15px 5px;
    border: #e6e8f4 solid 1px
}

.error-page {
    padding: 80px 0 20px;
    min-height: 100vh;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.error-page img {
    display: block;
    margin: auto
}

.error-page .un-support-tip {
    display: inline-block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: wobble
}

.Toastify .Toastify__toast-container {
    width: 1190px;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.Toastify .Toastify__toast-container .Toastify__toast {
    min-height: 52px;
    background: #fff4e2;
    color: #faa26c
}

.Toastify .Toastify__toast-container .Toastify__toast .Toastify__close-button path {
    fill: #faa26c
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@media only screen and (min-width: 576.01px) {
    .gaia-col-1 {
        float:left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px
    }

    .gaia-col-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }

    .gaia-col-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 20px
    }

    .gaia-col-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 20px
    }

    .gaia-col-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 20px
    }

    .gaia-col-6 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 16.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .gaia-page,.main-wrapper {
        min-width:0
    }

    .container {
        width: 100%;
        overflow: hidden
    }

    .gaia-col-sm-1 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 15px
    }

    .gaia-col-sm-1:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-1:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px
    }

    .gaia-col-sm-2:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-2:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 33.33333%;
        margin-bottom: 15px
    }

    .gaia-col-sm-3:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-3:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 25%;
        margin-bottom: 15px
    }

    .gaia-col-sm-4:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-4:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5 {
        float: left;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        width: 20%;
        margin-bottom: 15px
    }

    .gaia-col-sm-5:last-child {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(1) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(2) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(3) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(4) {
        margin-bottom: 15px
    }

    .gaia-col-sm-5:nth-last-child(5) {
        margin-bottom: 15px
    }
}

.service-item-test .service-item-content {
    position: relative
}

.service-item-test .service-item-content .Lbox {
    display: none;
    position: absolute;
    z-index: 99;
    top: 40px;
    width: 164px
}

.service-item-test .service-item-content .Lbox .Lbox-content {
    margin-top: 10px;
    padding: 10px 0;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    background-color: #fff;
    list-style: none
}

.service-item-test .service-item-content .Lbox .Lbox-content li {
    padding-left: 14px;
    height: 22px;
    line-height: 22px;
    color: #666;
    cursor: pointer
}

.service-item-test .service-item-content .Lbox .Lbox-content li:hover {
    background-color: #e9e9e9
}

.service-item-test .service-item-content .Lbox-to {
    left: 207px
}

.service-item-test .service-item-content .trans-io {
    margin-top: 16px;
    font-size: 0px;
    margin-bottom: 16px
}

.service-item-test .service-item-content .trans-io .io-input,.service-item-test .service-item-content .trans-io .io-output {
    position: relative;
    display: inline-block;
    border: 1px solid #dedede;
    width: 50%;
    height: 210px;
    font-size: 16px;
    color: #999;
    box-sizing: border-box;
    vertical-align: top
}

.service-item-test .service-item-content .trans-io .io-output {
    overflow: auto;
    background: #f0f0f0
}

.service-item-test .service-item-content .trans-io .textarea-box {
    margin: 10px
}

.service-item-test .service-item-content .trans-io .io-input {
    background-color: #fff
}

.service-item-test .service-item-content .trans-io .io-input textarea {
    display: block;
    overflow: auto;
    width: 100%;
    height: 160px;
    border: none;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    resize: none;
    outline: none
}

.service-item-test .service-item-content .trans-io .trans-text-num {
    margin-top: 10px;
    text-align: right
}

.service-item-test .service-item-content .trans-io .io-output .output {
    display: block;
    margin: 10px;
    line-height: 22px
}

.service-item-test .service-item-content .trans-tip {
    color: #8f9dae
}

.trans-operation {
    font-size: 0
}

.trans-operation .trans-select-button {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer
}

.trans-operation .trans-select-button span {
    padding-left: 12px
}

.trans-operation .trans-select-button .icons-arrow-drop {
    position: absolute;
    top: 16px;
    right: 12px;
    height: 0;
    width: 0;
    border-width: 8px 6px;
    border-style: solid;
    border-color: #ccc transparent transparent;
    font-size: 0;
    line-height: 0
}

.trans-operation .trans-to-button {
    margin-left: 40px
}

.trans-operation .form-to-icon {
    position: absolute;
    left: 166px;
    margin: 0 8px;
    width: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    color: #2d9bf3;
    cursor: pointer
}

.trans-operation .taste-button {
    display: inline-block;
    margin-left: 40px;
    height: 42px;
    line-height: 42px;
    width: 160px;
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    border-radius: 3px;
    background: #187cff;
    border: 1px solid;
    border-color: #478eea;
    color: #fff;
    cursor: pointer
}

.trans-operation .taste-button:hover {
    background: #0b99ff
}

.rmr-goods {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rmr-goods .goods-item {
    width: 280px;
    box-sizing: border-box;
    margin-right: 26px;
    margin-bottom: 70px
}

.rmr-goods .goods-item:nth-child(4n+4) {
    margin-right: 0
}

.rmr-goods .gt-picwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 240px;
    border: solid 1px #e3e3e3;
    position: relative
}

.rmr-goods .gt-picwrap::before {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
    border-left: 1px solid #ff8c57;
    border-top: 1px solid #ff8c57
}

.rmr-goods .gt-picwrap::after {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    position: absolute;
    bottom: -1px;
    right: -1px;
    content: "";
    border-right: 1px solid #3ac5f8;
    border-bottom: 1px solid #3ac5f8
}

.rmr-goods .gt-picwrap>img {
    max-width: 260px;
    max-height: 220px
}

.rmr-goods .gt-name {
    font-size: 18px;
    color: #242424;
    padding: 20px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rmr-goods .gt-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-goods .gt-info .gt-num {
    font-size: 24px;
    color: #ff8c57
}

.rmr-goods .gt-info .gt-unit {
    font-size: 14px;
    color: #242424;
    padding: 0 6px 0 2px
}

.rmr-goods .gt-info .gt-leftnum {
    font-size: 14px;
    color: #242424
}

.rmr-goods .gt-btn {
    width: 100px;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#f37a6b, #f37a6b);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rmr-goods .gt-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.rmr-goods .gt-btn.disabled {
    cursor: not-allowed;
    background-image: linear-gradient(to right, #ccc, #bbb);
    pointer-events: none
}

.rmr-goods .gt-btn.disabled:hover {
    box-shadow: none
}

.integral-record {
    font-size: 14px
}

.integral-record .record-table {
    margin-bottom: 100px;
    border: solid 1px #d2d2d2
}

.integral-record .record-table .re-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.integral-record .record-table .re-head .re-head-item {
    height: 56px;
    line-height: 56px;
    color: #999999;
    border-bottom: 1px solid #d2d2d2
}

.integral-record .record-table .re-body .re-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.integral-record .record-table .re-body .re-content:nth-child(2n+1) {
    background-color: #fff8f5
}

.integral-record .record-table .re-body .re-content .re-content-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 56px;
    line-height: 1.5;
    color: #333333
}

.integral-record .record-table .re-body .empty-tip {
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #ccc
}

.integral-record .record-table .re-head-item,.integral-record .record-table .re-content-item {
    text-align: center
}

.integral-record .record-table .re-head-item:nth-child(1),.integral-record .record-table .re-content-item:nth-child(1) {
    width: 20%
}

.integral-record .record-table .re-head-item:nth-child(2),.integral-record .record-table .re-content-item:nth-child(2) {
    width: 30%
}

.integral-record .record-table .re-head-item:nth-child(3),.integral-record .record-table .re-content-item:nth-child(3) {
    width: 15%
}

.integral-record .record-table .re-head-item:nth-child(4),.integral-record .record-table .re-content-item:nth-child(4) {
    width: 35%
}

.integral-record .form-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 640px;
    position: relative;
    margin-bottom: 40px
}

.integral-record .form-item .form-title {
    display: inline-block;
    width: 90px;
    text-align: right;
    color: #333333
}

.integral-record .form-item input {
    width: 536px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0px 4px;
    box-sizing: border-box
}

.integral-record .form-item input:focus {
    border-color: #ff8c57;
    border-right-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 1px #ff8c57
}

.integral-record .form-item .form-content {
    width: 536px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.integral-record .form-item .form-content .submit-btn {
    width: 96px;
    height: 36px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background-image: linear-gradient(#ff8c57, #ff8c57),linear-gradient(#fc2c1b, #fc2c1b)
}

.integral-record .form-item .form-content .submit-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.integral-record .form-item .form-content .submit-desc {
    vertical-align: bottom;
    color: #ff8c57;
    padding-left: 16px
}

.integral-record .form-item .error-tip {
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    left: 100px;
    color: #f5222d;
    display: none
}

.integral-record .form-item .error-tip.show {
    display: block
}

.integral-rule {
    color: #333;
    font-size: 14px
}

.integral-rule .rule-item {
    margin-bottom: 40px
}

.integral-rule .rule-item .rule-index {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    line-height: 32px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#ffa555, #ffa555)
}

.integral-rule .rule-item .rule-title {
    margin-left: 20px;
    font-weight: 700;
    font-size: 16px
}

.integral-rule .rule-item .rule-desc {
    padding-left: 52px;
    line-height: 1.8;
    letter-spacing: 1px
}

.integral-rule .rule-item .rule-desc a {
    text-decoration: none;
    color: #00b5f6
}

.integral-rule .rule-item .rule-table {
    width: calc(100% - 52px);
    margin: 20px 0 20px 52px;
    border: 1px solid #e2e2e2
}

.integral-rule .rule-item .rule-table .re-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e2e2e2;
    height: 50px;
    background-color: #fff8f5
}

.integral-rule .rule-item .rule-table .re-head .re-head-item {
    text-align: left;
    color: #999;
    padding: 0 20px
}

.integral-rule .rule-item .rule-table .re-body .re-body-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 10px 0;
    box-sizing: border-box;
    min-height: 50px;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    line-height: 1.5
}

.integral-rule .rule-item .rule-table .re-body .re-body-item:nth-last-child(1) {
    border-bottom: 0 none
}

.integral-rule .rule-item .rule-table .re-body .re-body-item-desc {
    padding: 0 20px
}

.integral-wrap .table-head {
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px
}

.integral-wrap .table-head,.integral-wrap .table-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: #818181
}

.integral-wrap .table-head div,.integral-wrap .table-head ul,.integral-wrap .table-body div,.integral-wrap .table-body ul {
    text-align: center;
    box-sizing: border-box;
    line-height: 1.5;
    color: #333333
}

.integral-wrap .table-head div:nth-child(1),.integral-wrap .table-head ul:nth-child(1),.integral-wrap .table-body div:nth-child(1),.integral-wrap .table-body ul:nth-child(1) {
    width: 180px
}

.integral-wrap .table-head div:nth-child(2),.integral-wrap .table-head ul:nth-child(2),.integral-wrap .table-body div:nth-child(2),.integral-wrap .table-body ul:nth-child(2) {
    width: 100px
}

.integral-wrap .table-head div:nth-child(3),.integral-wrap .table-head ul:nth-child(3),.integral-wrap .table-body div:nth-child(3),.integral-wrap .table-body ul:nth-child(3) {
    width: 240px
}

.integral-wrap .table-head .intgral-detail,.integral-wrap .table-body .intgral-detail {
    padding: 0 4px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.integral-wrap .table-body {
    padding-top: 10px
}

.integral-wrap .table-body li {
    line-height: 2.1
}

.gaia-modal {
    top: 50% !important;
    transform: translate3d(0, -60%, 0)
}

.gaia-modal-body {
    padding: 10px 10px 30px
}

.integral-modal-content {
    text-align: center;
    padding: 20px 20px 0
}

.integral-modal-content .modal-desc {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    color: #000;
    line-height: 1.6
}

.integral-modal-content .modal-footer {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.integral-modal-content .modal-footer .btn {
    width: 100px;
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#f37a6b, #f37a6b);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 30px
}

.integral-modal-content .modal-footer .btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.integral-modal-content .modal-footer .btn:nth-last-child(1) {
    margin-right: 0
}

.integral-modal-content .modal-footer .btn.cancel-btn {
    background-image: linear-gradient(212deg, #ccc 0%, #ccc 100%)
}

.integral-modal-content .modal-footer .btn.cancel-btn:hover {
    box-shadow: none
}

.integral-modal-content .modal-footer .btn.address-btn {
    width: 150px;
    display: inline-block;
    text-decoration: none
}

.integral-page {
    color: #2d2d2d;
    overflow-x: hidden
}

.integral-page p {
    margin: 0
}

.integral-page .il-wrapper {
    background-color: #fff
}

.integral-page .il-wrapper .il-banner {
    width: 100%;
    height: 376px;
    box-sizing: border-box;
    background: #4f39e8 url(/static/img/activities/recommend/ir_banner.png) center center no-repeat
}

.integral-page .il-wrapper .il-banner .banner-info {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 130px;
    color: #fff;
    letter-spacing: 1px
}

.integral-page .il-wrapper .il-banner .banner-title {
    font-size: 48px;
    letter-spacing: 6px
}

.integral-page .il-wrapper .il-banner .banner-desc {
    line-height: 2;
    font-size: 20px;
    letter-spacing: 3px
}

.integral-page .il-wrapper .il-banner .tab-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 1200px;
    height: 52px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    top: -52px;
    left: 0
}

.integral-page .il-wrapper .il-banner .tab-head .tab-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item {
    width: 158px;
    height: 52px;
    box-sizing: border-box;
    line-height: 52px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s linear
}

.integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item::before {
    content: "";
    width: 0px;
    border-bottom: 4px solid #f8836d;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    transition: width .3s linear
}

.integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item:hover,.integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item.active {
    background-color: #fff;
    color: #000
}

.integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item:hover::before,.integral-page .il-wrapper .il-banner .tab-head .tab-nav .nav-item.active::before {
    width: 40px
}

.integral-page .il-wrapper .il-banner .tab-head .score-wrap {
    color: #fff;
    display: inline-block
}

.integral-page .il-wrapper .il-banner .tab-head .score-num {
    font-size: 20px;
    margin-right: 24px
}

.integral-page .il-wrapper .il-banner .tab-head .tab-btn {
    display: inline-block;
    width: 115px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    background-image: linear-gradient(#fff, #fff);
    color: #ff8c57;
    border-radius: 17px
}

.integral-page .il-wrapper .il-banner .tab-head .tab-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.integral-page .il-wrapper .tab-content {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.integral-page .il-wrapper .tab-content .section-title {
    padding-bottom: 50px
}

.integral-page .il-wrapper .tab-content .section-title .cn-title {
    letter-spacing: 2px;
    font-size: 30px
}

.integral-page .il-wrapper .tab-content .section-title .en-title {
    letter-spacing: 1px;
    font-size: 33px;
    color: #e1e1e1;
    opacity: .81
}

.rmr-page {
    color: #2d2d2d;
    overflow-x: hidden
}

.rmr-page p {
    margin: 0
}

.rmr-page .rmr-wrapper {
    background-color: #fff
}

.rmr-page .rmr-wrapper .rmr-banner {
    width: 100%;
    height: 494px;
    box-sizing: border-box;
    position: relative;
    background: url(/static/img/activities/recommend/rmr-banner.png) center center no-repeat;
    margin-bottom: 160px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info {
    width: 1200px;
    height: 124px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #fff;
    position: absolute;
    bottom: -62px;
    left: 50%;
    margin-left: -600px;
    box-shadow: 0px 2px 17px 1px rgba(196,179,171,0.12)
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item {
    width: 52%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    color: #2d2d2d
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item:nth-child(1) {
    width: 45%
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-info-title {
    font-size: 20px;
    color: #999;
    padding: 20px 0 10px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-info-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-info-detail .rmr-info-num {
    color: #e75e4d;
    font-size: 30px;
    vertical-align: sub;
    padding-left: 6px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-btn {
    width: 115px;
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#f37a6b, #f37a6b);
    border-radius: 3px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .rmr-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container {
    height: 45px;
    line-height: 45px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container .swiper-slide .ir-item {
    text-align: center;
    font-size: 13px;
    padding-right: 20px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .swiper-container .swiper-slide .ir-item .ir-num {
    color: #f37a6b;
    padding: 0 4px
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-item .empty {
    text-align: center;
    color: #999
}

.rmr-page .rmr-wrapper .rmr-banner .rmr-info .rmr-info-line {
    width: 1px;
    height: 90px;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #fcddd9, #f37a6b, #fcddd9);
    opacity: 0.61;
    border-radius: 2px;
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.rmr-page .rmr-wrapper .rmr-section {
    width: 1200px;
    margin: 0 auto 100px;
    position: relative
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title {
    text-align: center;
    padding-bottom: 70px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-en {
    color: #e2e2e2;
    font-size: 34px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 220px;
    letter-spacing: 1px;
    margin: 0 auto;
    font-size: 28px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon {
    position: relative
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::before,.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::after {
    position: absolute;
    display: inline-block;
    content: "";
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#ff863f, #ff863f)
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::before {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    left: 0;
    top: -6px;
    z-index: 2;
    opacity: .6
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon::after {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    top: -10px;
    left: -20px;
    opacity: 0.18
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon.right::before {
    left: -16px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-cn .txt-icon.right::after {
    left: -4px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-title-desc {
    font-size: 14px;
    color: #999;
    padding-top: 10px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-tip {
    text-align: center;
    color: #999999
}

.rmr-page .rmr-wrapper .rmr-section .rmr-tip a {
    text-decoration: none;
    color: #f89a76;
    padding-left: 4px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-tip a .arrow {
    width: 20px;
    height: 7px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 2px;
    background: url(/static/img/activities/recommend/arrow.png) center center no-repeat;
    transition: all .3s ease-in
}

.rmr-page .rmr-wrapper .rmr-section .rmr-tip a:hover i {
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.rmr-page .rmr-wrapper .rmr-section .link-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rmr-page .rmr-wrapper .rmr-section .link-list .link-item {
    width: 20%;
    height: 38px;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    line-height: 26px;
    margin-bottom: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative
}

.rmr-page .rmr-wrapper .rmr-section .link-list .link-item:before {
    display: inline-block;
    content: "";
    width: 0px;
    height: 26px;
    border-right: 1px solid #c7c7c7;
    position: absolute;
    right: 0;
    bottom: 10px
}

.rmr-page .rmr-wrapper .rmr-section .link-list .link-item:after {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #ff916f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    display: none
}

.rmr-page .rmr-wrapper .rmr-section .link-list .link-item:hover,.rmr-page .rmr-wrapper .rmr-section .link-list .link-item.active {
    color: #ff8c57
}

.rmr-page .rmr-wrapper .rmr-section .link-list .link-item:hover:after,.rmr-page .rmr-wrapper .rmr-section .link-list .link-item.active:after {
    display: inline-block
}

.rmr-page .rmr-wrapper .rmr-section .link-list .link-item:nth-child(5n+5):before,.rmr-page .rmr-wrapper .rmr-section .link-list .link-item:last-child:before {
    display: none
}

.rmr-page .rmr-wrapper .rmr-section .link-content {
    width: 100%;
    height: 182px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #fff8f7;
    padding: 30px 60px
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-left .lt-title {
    font-size: 24px;
    padding-bottom: 10px;
    white-space: pre-line
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-num {
    color: #f37a6b;
    opacity: .3;
    font-size: 50px;
    padding-right: 30px
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-method {
    padding-bottom: 10px
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-btn {
    width: 114px;
    height: 36px;
    box-sizing: border-box;
    text-align: center;
    line-height: 36px;
    border-radius: 3px;
    border: solid 1px #f37a6b;
    color: #f37a6b;
    cursor: pointer;
    font-size: 14px
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-btn .cy-icon {
    width: 17px;
    height: 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: text-top;
    background: url(/static/img/activities/recommend/cy-icon.png) center center no-repeat
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-btn:hover {
    background-color: #feebe9
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-scan {
    color: #f37a6b
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-scan .arrow-icon {
    width: 20px;
    height: 7px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 2px;
    background: url(/static/img/activities/recommend/arrow.png) center center no-repeat
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-url .lt-qrcode {
    width: 114px;
    height: 114px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 20px;
    background-color: #ffffff;
    box-shadow: 0px 6px 9px 0px rgba(196,179,171,0.26);
    border-radius: 3px;
    border: solid 1px #f37a6b
}

.rmr-page .rmr-wrapper .rmr-section .link-content .lt-right .lt-line {
    width: 1px;
    height: 110px;
    box-sizing: border-box;
    border-right: 1px solid #fac2a8;
    margin: 0 50px;
    -ms-transform: skewX(-18deg);
    transform: skewX(-18deg)
}

.rmr-page .rmr-wrapper .rmr-section .user-task {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item {
    width: 25%;
    height: 210px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px 0;
    border-right: solid 1px #e8e8e8
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item:nth-child(n+5) {
    border-top: solid 1px #e8e8e8;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item:nth-child(4n+4) {
    border-right: none
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .icon-wrap {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .icon-wrap .uk-icon {
    margin-left: 10px
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .uk-title {
    font-size: 18px;
    padding: 20px 0 10px
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .uk-num {
    color: #e75e4d;
    font-size: 24px
}

.rmr-page .rmr-wrapper .rmr-section .user-task .uk-item .uk-unit {
    padding-left: 6px;
    font-size: 14px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .goods-item {
    width: 280px;
    box-sizing: border-box;
    margin-right: 26px;
    margin-bottom: 70px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .goods-item:nth-child(4n+4) {
    margin-right: 0
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 240px;
    border: solid 1px #e3e3e3;
    position: relative
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap::before {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
    border-left: 1px solid #ff8c57;
    border-top: 1px solid #ff8c57
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap::after {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    position: absolute;
    bottom: -1px;
    right: -1px;
    content: "";
    border-right: 1px solid #3ac5f8;
    border-bottom: 1px solid #3ac5f8
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-picwrap>img {
    max-width: 260px;
    max-height: 220px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-name {
    font-size: 18px;
    color: #242424;
    padding: 20px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info .gt-num {
    font-size: 24px;
    color: #ff8c57
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info .gt-unit {
    color: #242424;
    padding: 0 6px 0 2px
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-info .gt-leftnum {
    font-size: 14px;
    color: #242424
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn {
    width: 100px;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#f37a6b, #f37a6b);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn.disabled {
    cursor: not-allowed;
    background-image: linear-gradient(to right, #ccc, #bbb);
    pointer-events: none
}

.rmr-page .rmr-wrapper .rmr-section .rmr-goods .gt-btn.disabled:hover {
    box-shadow: none
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item {
    width: 21%;
    text-align: center;
    z-index: 2
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-icon {
    width: 78px;
    height: 78px;
    box-sizing: border-box;
    border: 1px solid #fbc8c0;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-icon .sp-txt {
    width: 110px;
    height: 34px;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    line-height: 34px;
    color: #e75e4d;
    font-size: 20px
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-icon .sp-txt .sp-num {
    font-size: 24px;
    font-weight: 500;
    padding-left: 2px
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-title {
    color: #242424;
    font-size: 20px;
    padding: 20px 0 10px
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-title.register {
    cursor: pointer
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .step-item .sp-desc {
    color: #999999;
    font-size: 14px
}

.rmr-page .rmr-wrapper .rmr-section .step-wrap .sp-line {
    width: 80%;
    height: 1px;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    left: 78px;
    background-color: #d9dada
}

.rmr-page .rmr-wrapper .rmr-section .b_bg1 {
    width: 307px;
    height: 391px;
    box-sizing: border-box;
    position: absolute;
    top: 210px;
    left: -420px;
    background: url(/static/img/activities/recommend/b_pic1.png) center center/100% 100% no-repeat
}

.rmr-page .rmr-wrapper .rmr-section .b_bg2 {
    width: 196px;
    height: 190px;
    box-sizing: border-box;
    position: absolute;
    top: 160px;
    right: -300px;
    background: url(/static/img/activities/recommend/b_pic2.png) center center/100% 100% no-repeat
}

.rmr-page .rmr-wrapper .rmr-section .b_bg3 {
    width: 171px;
    height: 198px;
    box-sizing: border-box;
    position: absolute;
    bottom: -100px;
    left: -350px;
    background: url(/static/img/activities/recommend/b_pic3.png) center center/100% 100% no-repeat
}

.luck-draw {
    height: 360px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.luck-draw .rotate-wheel {
    width: 590px;
    height: 360px;
    background: #973831;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.luck-draw .rotate-wheel .wheel-block {
    width: 180px;
    height: 108px;
    margin: 0 5px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box
}

.luck-draw .rotate-wheel .wheel-block:nth-child(-n+3) {
    margin-top: 5px
}

.luck-draw .rotate-wheel .wheel-block:nth-child(n+6) {
    margin-bottom: 5px
}

.luck-draw .rotate-wheel .wheel-block.active {
    background: linear-gradient(to bottom, #ffdea4, #f08bfe)
}

.luck-draw .rotate-wheel .inner {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center
}

.luck-draw .rotate-wheel .inner .gift-show {
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.luck-draw .rotate-wheel .inner .gift-show img {
    margin-top: 12px
}

.luck-draw .rotate-wheel .inner .gift-show .cash {
    width: 142px
}

.luck-draw .rotate-wheel .inner .gift-title {
    text-align: center;
    font-size: 15px;
    color: #7c35e7;
    font-weight: 600
}

.luck-draw .draw-start {
    width: 180px;
    height: 108px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px
}

.luck-draw .draw-start .draw-cost {
    color: #fff;
    font-size: 14px;
    margin-top: 20px
}

.luck-draw .draw-start .draw-button {
    width: 180px;
    box-sizing: border-box;
    height: 108px;
    border: 2px solid #ffc588;
    background: linear-gradient(to right, #cb955b, #e6aa6a);
    background-size: cover;
    text-align: center;
    line-height: 108px;
    font-size: 24px;
    color: #fff;
    outline: 0;
    cursor: pointer
}

.act-modal h4 {
    margin: 0
}

.act-modal p {
    line-height: 25px;
    margin: 0
}

.act-modal .modal-footer-activity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 10px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #c25b4d;
    color: #fdf3da;
    border-radius: 6px;
    margin-right: 10px
}

.act-modal .modal-footer-activity .normal {
    text-align: center;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #c25b4d;
    border-radius: 6px;
    cursor: pointer
}

.draw-area {
    background: #c04b45;
    height: 400px;
    width: 100%;
    border-radius: 10px;
    margin: 40px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.draw-area .draw-box {
    width: 585px;
    height: 360px;
    background: #973831;
    border-radius: 10px
}

.draw-area .activity-rules {
    color: #fff;
    width: 520px
}

.draw-area .activity-rules .rules-tt {
    font-weight: 600;
    color: #ffe7cc;
    line-height: 25px
}

.draw-area .activity-rules p {
    line-height: 25px
}

.draw-area .activity-rules p span {
    text-decoration: underline;
    cursor: pointer
}

.draw-area .activity-rules p .not-span {
    cursor: default;
    text-decoration: none
}

.act-modal h4 {
    margin: 0
}

.act-modal p {
    line-height: 25px;
    margin: 0
}

.act-modal p span {
    text-decoration: underline;
    cursor: pointer
}

.act-modal .modal-footer-activity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #c25b4d;
    color: #fdf3da;
    border-radius: 6px
}

.act-modal .special-color {
    color: #84a9ff
}

.modal-1215 {
    position: fixed;
    width: 568px;
    height: 380px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #ffffff;
    box-sizing: border-box;
    border-top: solid 5px #fd5b6c;
    z-index: 1100
}

.modal-1215 .form-content .form-title {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    color: #333333
}

.modal-1215 .form-content .form-row {
    width: 470px;
    height: 45px;
    margin: 22px auto
}

.modal-1215 .form-content .form-row .form-label {
    float: left;
    width: 88px;
    line-height: 43px;
    font-size: 16px;
    text-align: right;
    color: #333333
}

.modal-1215 .form-content .form-row .form-input {
    margin-left: 18px;
    float: left;
    width: 356px;
    height: 41px;
    line-height: 41px
}

.modal-1215 .form-content .form-row .form-input input {
    border: solid 1px #cccbcd;
    height: 41px;
    width: 356px;
    text-indent: 8px;
    outline: none
}

.modal-1215 .form-content .form-row .form-input input:focus {
    border: solid 1px #fd5b6c
}

.modal-1215 .modal-close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 64px;
    background: url(/static/img/activities/icon-close.png) top center no-repeat;
    cursor: pointer
}

.modal-1215 .form-tip {
    margin: 10px auto;
    width: 470px;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #df575b;
    text-align: center
}

.apply-btn {
    margin: 0 auto;
    width: 154px;
    height: 44px;
    background-image: linear-gradient(0deg, #fd5b6c 0%, #ff908a 100%),linear-gradient(#36acfa, #36acfa);
    background-blend-mode: normal, normal;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    border-radius: 3px
}

.apply-btn:hover {
    background-image: linear-gradient(0deg, #f52f44 0%, #ff908a 100%)
}

.apply-result {
    position: fixed;
    width: 568px;
    height: 238px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #ffffff;
    box-sizing: border-box;
    border-top: solid 5px #fd5b6c;
    z-index: 1111
}

.apply-result .ar-info {
    margin: 50px auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.apply-result .ar-info.ar-success .ar-content {
    -ms-flex-pack: center;
    justify-content: center
}

.apply-result .ar-info.ar-success .ar-icon {
    background-image: url(/static/img/activities/icon-success.png)
}

.apply-result .ar-info .ar-icon {
    height: 50px;
    width: 50px;
    background: url(/static/img/activities/icon-error.png) center no-repeat
}

.apply-result .ar-info .ar-content {
    margin-left: 19px;
    height: 50px;
    line-height: 25px;
    font-size: 22px;
    color: #333333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.apply-result .ar-info .ar-content .ar-detail {
    font-size: 14px;
    line-height: 25px;
    color: #df575b
}

.modal-layer {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5)
}

@media only screen and (max-width: 576px) {
    .modal-1215 {
        zoom:.5
    }
}

.act-modal h4 {
    margin: 0
}

.act-modal p {
    line-height: 25px;
    margin: 0
}

.act-modal .modal-footer-activity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.act-modal .modal-footer-activity .btn-act {
    text-align: center;
    width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 10px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #c25b4d;
    color: #fdf3da;
    border-radius: 6px;
    margin-right: 10px
}

.act-modal .modal-footer-activity .normal {
    text-align: center;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #c25b4d;
    border-radius: 6px;
    cursor: pointer
}

.order-title {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.order-title .title {
    top: 60px;
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 31px;
    position: absolute;
    width: 100%;
    height: 43px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/static/img/activities/discount-regular/title.png)
}

.order-title .title.overseas {
    background-image: url(/static/img/activities/overseas/title.png)
}

.order-title .desc-desc {
    height: 30px;
    width: 100%;
    position: absolute;
    top: 120px;
    text-align: center;
    letter-spacing: 2px
}

.order-title .desc-desc .title-desc {
    top: 80px;
    left: 50%
}

.order-title .desc-desc .rule-btn {
    padding: 0px;
    margin-left: 15px;
    color: #84a9ff;
    border-bottom: #84a9ff solid 1px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.first-order {
    position: relative
}

.package-block {
    padding-top: 140px;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    height: 1050px;
    width: 1200px;
    margin: 0 auto
}

.package-block .package-package {
    width: 1200px;
    height: 1000px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

.package-block .package-package .package-wrapper {
    position: relative;
    margin: 15px 0px;
    width: 584px;
    height: 230px;
    text-align: left;
    background-image: url(/static/img/activities/discount-regular/fristOrder.png)
}

.package-block .package-package .package-wrapper .package-text {
    width: 370px;
    padding-top: 30px;
    padding-left: 33px
}

.package-block .package-package .package-wrapper .package-text .package-title {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer
}

.package-block .package-package .package-wrapper .package-text .package-desc {
    font-size: 14px;
    color: dimgray;
    letter-spacing: 1px
}

.package-block .package-package .package-wrapper .package-display {
    position: absolute;
    padding-left: 30px;
    top: 90px;
    width: 370px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px
}

.package-block .package-package .package-wrapper .package-display .obj-wrapper {
    width: 170px;
    height: 40px;
    border: solid 1px #f9dbad;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 7px;
    line-height: 40px;
    position: relative
}

.package-block .package-package .package-wrapper .package-display .obj-wrapper .obj-symbol {
    color: #ecb67a;
    font-size: 20px;
    position: absolute;
    left: 7px
}

.package-block .package-package .package-wrapper .package-display .obj-wrapper .obj-price {
    position: absolute;
    left: 26px;
    color: #ecb67a;
    font-size: 20px
}

.package-block .package-package .package-wrapper .package-display .obj-wrapper .obj-level {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: dimgray
}

.package-block .package-package .package-wrapper .sum-block {
    position: absolute;
    margin-left: 450px;
    top: 60px
}

.package-block .package-package .package-wrapper .sum-block .sum-num {
    color: #dfdfff;
    font-size: 16px;
    letter-spacing: 1px
}

.package-block .package-package .package-wrapper .sum-block .sum-price {
    margin-top: 10px
}

.package-block .package-package .package-wrapper .sum-block .sum-price .price-symbol {
    color: #ecb67a;
    font-size: 18px
}

.package-block .package-package .package-wrapper .sum-block .sum-price .price {
    color: #ecb67a;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: bold
}

.package-block .package-package .package-wrapper .sum-block .sum-btn {
    font-size: 16px;
    cursor: pointer;
    background-color: #f8a950;
    width: 115px;
    height: 38px;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    margin-top: 23px;
    color: #fef4e8;
    letter-spacing: 2px
}

.package-block .package-package .package-wrapper .sum-block .sum-btn:hover {
    background-color: #ff885e
}

.first-topup {
    position: relative
}

.topup-module {
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    position: relative;
    margin-top: 160px;
    margin-bottom: 20px;
    width: 100%;
    height: 359px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/static/img/activities/discount-regular/fristTopup2.png)
}

.topup-module .desc {
    position: relative;
    height: 350px;
    width: 700px;
    left: 40%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px
}

.topup-module .desc .topup-title {
    position: absolute;
    height: 40px;
    font-size: 24px;
    top: 40px;
    left: 150px;
    letter-spacing: 7px
}

.topup-module .desc .topup-title .special {
    color: #db774d;
    font-size: 37px;
    font-weight: bold
}

.topup-module .desc .activies-object {
    position: absolute;
    top: 130px;
    width: 500px;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 2px
}

.topup-module .desc .activies-object .object-label {
    font-size: 16px;
    height: 25px;
    width: 90px;
    color: #4a81ff;
    background-color: #cbdaff;
    border-radius: 5px;
    text-align: center;
    line-height: 25px
}

.topup-module .desc .activies-object .object-desc {
    position: absolute;
    left: 80px;
    margin-left: 20px;
    font-size: 14px;
    color: #555555
}

.topup-module .desc .activies-explain {
    position: absolute;
    width: 700px;
    top: 180px;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 2px
}

.topup-module .desc .activies-explain .explain-label {
    font-size: 16px;
    height: 25px;
    width: 90px;
    color: #4a81ff;
    background-color: #cbdaff;
    border-radius: 5px;
    text-align: center;
    line-height: 25px
}

.topup-module .desc .activies-explain .explain-desc {
    position: absolute;
    left: 80px;
    margin-left: 20px;
    font-size: 14px;
    color: #555555
}

.topup-module .desc .topup-btn {
    left: 240px;
    position: absolute;
    top: 260px;
    width: 150px;
    height: 40px;
    background-color: #f8a950;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    letter-spacing: 3px;
    font-size: 16px;
    cursor: pointer
}

.topup-module .desc .topup-btn:hover {
    background-color: #ff885e
}

.first-order {
    position: relative
}

.select-module {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 160px;
    margin-bottom: 30px;
    position: relative;
    height: 470px;
    width: 1200px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: #eeeeee 0.1px 0.1px 18px 0.3px
}

.select-module .package-module {
    left: 0px;
    top: 23px;
    width: 970px;
    height: 423px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: space-center;
    justify-content: space-center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.select-module .package-module .package-item {
    cursor: pointer;
    margin-top: 7px;
    margin-left: 15px;
    width: 303px;
    height: 190px;
    background-image: url(/static/img/activities/discount-regular/selectModule.png);
    position: relative;
    letter-spacing: 1px
}

.select-module .package-module .package-item .item-title {
    position: absolute;
    top: 29px;
    left: 110px;
    font-weight: bold;
    font-size: 16px
}

.select-module .package-module .package-item .item-desc {
    width: 235px;
    position: absolute;
    top: 60px;
    left: 35px;
    font-size: 14px;
    color: dimgray
}

.select-module .package-module .package-item .item-amount {
    position: absolute;
    top: 117px;
    left: 35px;
    font-size: 14px;
    color: #999999
}

.select-module .package-module .package-item .item-amount .amount-num {
    color: #e9ab65;
    font-size: 17px
}

.select-module .package-module .package-item .item-indate {
    position: absolute;
    top: 147px;
    left: 35px;
    font-size: 14px;
    color: #999999
}

.select-module .package-module .package-item .item-indate .indate-num {
    color: #e9ab65;
    font-size: 17px
}

.select-module .btn {
    position: absolute;
    top: 417px;
    left: 875px;
    color: #6c96fb;
    font-size: 14px;
    width: 90px;
    height: 30px;
    cursor: pointer
}

.select-module .package-desc {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 230px;
    height: 473px;
    background-image: url(/static/img/activities/discount-regular/selectDesc.png);
    letter-spacing: 1px;
    line-height: 30px
}

.select-module .package-desc .desc-desc {
    position: absolute;
    right: 10px;
    top: 44px;
    width: 210px;
    height: 150px;
    font-size: 16px;
    color: #777777
}

.select-module .package-desc .desc-desc .special {
    font-size: 20px;
    color: #db774d
}

.select-module .package-desc .desc-price {
    position: absolute;
    top: 216px;
    width: 230px;
    height: 210px;
    font-size: 18px;
    border-left: #f0f0f1 solid 1px
}

.select-module .package-desc .desc-price .price-title {
    margin-left: 52px;
    margin-top: 74px;
    color: #555555
}

.select-module .package-desc .desc-price .price {
    margin-left: 54px;
    margin-top: 20px;
    font-size: 34px;
    color: #fc865d;
    font-weight: bold
}

.select-module .package-desc .desc-btn {
    position: absolute;
    bottom: 0px;
    width: 230px;
    height: 49px;
    line-height: 46px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    cursor: pointer
}

.select-module .package-desc .desc-btn:hover {
    background-color: #ff885e
}

.combine {
    position: relative
}

.combine-module {
    overflow: hidden;
    margin: 0 auto;
    margin-top: 130px;
    position: relative;
    height: 460px;
    width: 1200px
}

.combine-module .meal-module {
    position: relative;
    width: 1190px;
    height: 180px;
    margin-top: 25px;
    margin: 33px auto;
    box-shadow: #eeeeee 0.1px 0.1px 18px 0.3px
}

.combine-module .meal-module .meal-one {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 180px;
    width: 435px
}

.combine-module .meal-module .meal-one .one-title {
    height: 180px;
    width: 135px;
    text-align: center;
    cursor: pointer
}

.combine-module .meal-module .meal-one .one-title .title-img {
    position: absolute;
    left: 30px;
    top: 41px;
    height: 68px;
    width: 66px
}

.combine-module .meal-module .meal-one .one-title .title {
    position: absolute;
    top: 129px;
    width: 135px;
    height: 40px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px
}

.combine-module .meal-module .meal-one .one-desc {
    position: absolute;
    left: 140px;
    height: 180px;
    width: 320px;
    margin: 0 auto;
    top: 0px
}

.combine-module .meal-module .meal-one .one-desc .desc-desc {
    margin-top: 27px;
    line-height: 21px;
    font-size: 15px;
    height: 56px;
    width: 280px;
    color: dimgray
}

.combine-module .meal-module .meal-one .one-desc .desc-info {
    margin-top: 8px;
    height: 36px;
    width: 280px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.combine-module .meal-module .meal-one .one-desc .desc-info .info-amount {
    position: absolute;
    font-size: 18px;
    color: #f1b877
}

.combine-module .meal-module .meal-one .one-desc .desc-info .info-amount .amount-name {
    color: #999999;
    font-size: 14px
}

.combine-module .meal-module .meal-one .one-desc .desc-info .info-indata {
    position: absolute;
    left: 150px;
    font-size: 18px;
    color: #f1b877
}

.combine-module .meal-module .meal-one .one-desc .desc-info .info-indata .indata-name {
    color: #999999;
    font-size: 14px
}

.combine-module .meal-module .meal-one .one-desc .desc-price {
    height: 40px;
    width: 180px;
    font-weight: bold;
    font-size: 20px;
    color: #f1b877
}

.combine-module .meal-module .add-symbol {
    position: absolute;
    left: 451px;
    top: 0px;
    height: 180px;
    width: 35px;
    text-align: center;
    line-height: 170px;
    font-size: 50px
}

.combine-module .meal-module .meal-two {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 502px;
    top: 0px;
    height: 180px;
    width: 435px
}

.combine-module .meal-module .meal-two .two-title {
    height: 180px;
    width: 135px;
    text-align: center;
    cursor: pointer
}

.combine-module .meal-module .meal-two .two-title .title-img {
    position: absolute;
    left: 37px;
    top: 41px;
    height: 68px;
    width: 52px
}

.combine-module .meal-module .meal-two .two-title .title-img2 {
    position: absolute;
    left: 37px;
    top: 41px;
    height: 68px;
    width: 68px
}

.combine-module .meal-module .meal-two .two-title .title {
    position: absolute;
    top: 129px;
    width: 135px;
    height: 40px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px
}

.combine-module .meal-module .meal-two .two-desc {
    position: absolute;
    left: 140px;
    height: 180px;
    width: 320px;
    margin: 0 auto;
    top: 0px
}

.combine-module .meal-module .meal-two .two-desc .desc-desc {
    margin-top: 27px;
    line-height: 21px;
    font-size: 15px;
    height: 56px;
    width: 280px;
    color: dimgray
}

.combine-module .meal-module .meal-two .two-desc .desc-info {
    margin-top: 8px;
    position: relative;
    height: 36px;
    width: 284px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.combine-module .meal-module .meal-two .two-desc .desc-info .info-amount {
    position: absolute;
    font-size: 18px;
    color: #f1b877
}

.combine-module .meal-module .meal-two .two-desc .desc-info .info-amount .amount-name {
    color: #999999;
    font-size: 14px
}

.combine-module .meal-module .meal-two .two-desc .desc-info .info-indata {
    position: absolute;
    left: 150px;
    font-size: 18px;
    color: #f1b877
}

.combine-module .meal-module .meal-two .two-desc .desc-info .info-indata .indata-name {
    color: #999999;
    font-size: 14px
}

.combine-module .meal-module .meal-two .two-desc .desc-price {
    height: 40px;
    width: 180px;
    font-weight: bold;
    font-size: 20px;
    color: #f1b877
}

.combine-module .meal-module .equal-symbol {
    position: absolute;
    left: 950px;
    top: 0px;
    height: 180px;
    width: 35px;
    text-align: center;
    line-height: 170px;
    font-size: 50px
}

.combine-module .meal-module .discount-price {
    position: absolute;
    left: 1005px;
    top: 0px;
    height: 180px;
    width: 180px
}

.combine-module .meal-module .discount-price .price {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 120px;
    height: 40px;
    font-size: 34px;
    color: #ff885e;
    font-weight: bolder
}

.combine-module .meal-module .discount-price .discount-symbol {
    position: absolute;
    left: 136px;
    top: 35px;
    width: 40px;
    height: 17px;
    font-size: 14px;
    background-image: url(/static/img/activities/discount-regular/eightDiscount.png)
}

.combine-module .meal-module .discount-price .discount-symbol .text {
    color: #ffffff;
    width: 36px;
    height: 17px;
    line-height: 17px;
    text-align: center
}

.combine-module .meal-module .discount-price .buy-btn {
    position: absolute;
    left: 0px;
    top: 111px;
    width: 150px;
    height: 40px;
    background-color: #f8a950;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 38px;
    text-align: center;
    cursor: pointer
}

.combine-module .meal-module .discount-price .buy-btn:hover {
    background-color: #ff885e
}

.present {
    position: relative
}

.present-module {
    overflow: hidden;
    margin: 0 auto;
    margin-top: 155px;
    position: relative;
    height: 440px;
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.present-module .item-module {
    margin: 0px;
    position: relative;
    background-image: url(/static/img/activities/discount-regular/giveaway.png);
    width: 360px;
    height: 410px
}

.present-module .item-module .sumPrice {
    position: absolute;
    margin-left: 90px;
    margin-top: 44px;
    width: 260px;
    color: #ff936e;
    font-size: 40px
}

.present-module .item-module .sumPrice .desc {
    font-size: 18px;
    color: #444444;
    margin-top: 10px;
    margin-left: 42px;
    letter-spacing: 1px
}

.present-module .item-module .givePrice {
    position: absolute;
    width: 250px;
    height: 180px;
    left: 54px;
    top: 145px;
    border-top: solid #bbbbbb 1px;
    letter-spacing: 1px
}

.present-module .item-module .givePrice .price {
    margin-left: 58px;
    margin-top: 21px;
    color: #999999;
    font-size: 15px
}

.present-module .item-module .givePrice .price .price-price {
    color: #e9ab65;
    font-size: 30px
}

.present-module .item-module .givePrice .price .price-name {
    color: #e9ab65
}

.present-module .item-module .givePrice .text {
    width: 35px;
    height: 35px;
    background-color: #e9ab65;
    color: #ffffff;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-left: 114px;
    margin-top: 14px
}

.present-module .item-module .givePrice .give {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #e9ab65;
    font-size: 30px;
    margin-left: 65px;
    margin-top: 15px
}

.present-module .item-module .givePrice .give .text-text {
    font-size: 15px
}

.present-module .item-module .btn {
    position: absolute;
    width: 170px;
    height: 45px;
    left: 100px;
    top: 350px;
    letter-spacing: 1px;
    background-color: #f8a950;
    border-radius: 6px;
    line-height: 45px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 3px;
    cursor: pointer
}

.present-module .item-module .btn:hover {
    background-color: #ff885e
}

.overseas {
    position: relative
}

.overseas .station {
    position: relative;
    margin: 130px auto 0;
    width: 1200px
}

.overseas .station .os-ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.overseas .station .os-ul .os-card {
    width: 580px;
    height: 262px;
    box-sizing: border-box;
    padding: 0 42px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 40px;
    position: relative
}

.overseas .station .os-ul .os-card:nth-child(1),.overseas .station .os-ul .os-card:nth-child(2) {
    margin-top: 44px
}

.overseas .station .os-ul .os-card .tip {
    color: rgba(255,255,255,0.8);
    position: absolute;
    top: 1px;
    right: 36px;
    font-size: 14px;
    letter-spacing: 1px
}

.overseas .station .os-ul .os-card .title {
    text-align: center;
    color: #F5C688;
    font-size: 18px;
    padding: 14px 0 10px
}

.overseas .station .os-ul .os-card .desc {
    height: 64px;
    color: #ffffff;
    line-height: 1.5
}

.overseas .station .os-ul .os-card .request {
    padding: 40px 20px 10px
}

.overseas .station .os-ul .os-card .request .rq-item:last-child {
    margin-left: 30px
}

.overseas .station .os-ul .os-card .request .rq-num {
    font-weight: 600;
    color: #DB774D;
    font-size: 30px;
    padding-right: 4px
}

.overseas .station .os-ul .os-card .year {
    padding: 0 20px
}

.overseas .station .os-ul .os-card .year .unit {
    color: #DB774D;
    font-size: 18px
}

.overseas .station .os-ul .os-card .buy-btn {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    text-decoration: none;
    display: block;
    width: 140px;
    height: 40px;
    background-color: #F8A950;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    transition: all .3s
}

.overseas .station .os-ul .os-card .buy-btn:hover {
    background-color: #FF8A62
}

.overseas .station .ab-wrap {
    width: 1200px;
    height: 522px;
    box-sizing: border-box;
    margin-top: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.overseas .station .ab-wrap .ab-left {
    width: 356px;
    height: 100%;
    position: relative;
    background-color: #f1f5ff
}

.overseas .station .ab-wrap .ab-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: 80px;
    height: 3px;
    background: #4A81FF
}

.overseas .station .ab-wrap .ab-left .desc {
    color: #333;
    line-height: 1.6;
    font-size: 16px;
    padding: 40px 30px 0
}

.overseas .station .ab-wrap .ab-left .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 355px;
    height: 301px;
    background: url(/static/img/activities/overseas/bg.png) center center/100% 100% no-repeat
}

.overseas .station .ab-wrap .ab-ul {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.12);
    border-radius: 0px 4px 4px 0px
}

.overseas .station .ab-wrap .ab-ul .ab-item {
    width: 50%;
    height: 50%;
    box-sizing: border-box;
    padding: 30px 36px
}

.overseas .station .ab-wrap .ab-ul .ab-item:nth-child(1) {
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5
}

.overseas .station .ab-wrap .ab-ul .ab-item:nth-child(2) {
    border-bottom: 1px solid #E5E5E5
}

.overseas .station .ab-wrap .ab-ul .ab-item:nth-child(3) {
    border-right: 1px solid #E5E5E5
}

.overseas .station .ab-wrap .ab-ul .ab-item .title {
    font-weight: 600;
    color: #333
}

.overseas .station .ab-wrap .ab-ul .ab-item .desc {
    font-size: 14px;
    color: #333;
    line-height: 1.7;
    padding: 10px 0 20px
}

.overseas .station .ab-wrap .ab-ul .ab-item .tags {
    display: inline-block;
    width: auto;
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
    font-size: 14px;
    color: #A5A5A5;
    font-weight: 500;
    border: 1px solid #A5A5A5;
    border-radius: 4px
}

.overseas .station .ab-wrap .ab-ul .ab-item .tags:last-child {
    margin-left: 20px
}

.overseas .station .ab-wrap .ab-ul .ab-item .free-btn {
    text-decoration: none;
    display: block;
    width: 140px;
    height: 40px;
    margin: 34px auto 0;
    background-color: #F8A950;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    transition: all .3s
}

.overseas .station .ab-wrap .ab-ul .ab-item .free-btn:hover {
    background-color: #FF8A62
}

.dis-page {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    min-width: 1200px;
    background-color: #f9faff
}

.dis-page .header {
    min-width: 1200px
}

.dis-page .header .main-header {
    z-index: 999;
    background-color: #365192;
    min-width: 1200px;
    width: 100%
}

.dis-page .dis-wrapper {
    position: relative;
    min-width: 1200px
}

.dis-page .dis-wrapper .dis-banner {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 440px;
    min-width: 1200px;
    background-image: url(/static/img/activities/discount-regular/banner.png);
    background-repeat: no-repeat;
    background-position: center
}

.act-nav {
    position: fixed;
    left: 15px;
    top: 20%;
    width: 130px;
    height: 500px;
    background-image: url(/static/img/activities/discount-regular/index2.png);
    background-repeat: no-repeat;
    background-position: center
}

.act-nav .zxzx {
    width: 130px;
    position: absolute;
    top: 133px;
    color: #666666;
    letter-spacing: 1px;
    line-height: 50px;
    cursor: pointer;
    z-index: 2
}

.act-nav .zxzx .zxzx-img {
    position: absolute;
    top: 14px;
    left: 15px;
    width: 28px;
    height: 26px;
    background-image: url(/static/img/activities/discount-regular/message.png)
}

.act-nav .zxzx .immm-btn {
    position: absolute;
    left: 53px
}

.act-nav ul {
    position: absolute;
    color: #666666;
    letter-spacing: 1px;
    top: 185px;
    line-height: 50px;
    width: 100px;
    text-align: center
}

.act-nav ul li {
    cursor: pointer;
    width: 130px;
    height: 50px
}

.act-nav ul li:hover {
    background: #ff885e;
    color: #ffffff
}

.act-nav ul li.active {
    background: #ff885e;
    color: #ffffff
}

.act-nav .to-top {
    width: 150px;
    height: 63px;
    position: absolute;
    top: 433px;
    cursor: pointer
}

.dis-content {
    position: relative
}

.dis-content .buttom-module {
    height: 150px;
    width: 1200px;
    position: relative;
    margin: 45px auto;
    background-image: url(/static/img/activities/discount-regular/buttom.png)
}

.dis-content .buttom-module .buttom-text {
    padding-top: 40px;
    margin-left: 423px;
    color: #bfb3a6;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: bold
}

.dis-content .buttom-module .buttom-btn {
    width: 130px;
    padding-top: 23px;
    margin-left: 570px;
    color: #f8a950;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer
}

.act-page .header .main-header {
    z-index: 999
}

.act-page .activity-wrapper .act-banner {
    width: 100%;
    height: 430px;
    background-image: url(/static/img/activities/banner.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.act-page .activity-wrapper .act-content {
    height: auto;
    width: 100%;
    background-image: url(/static/img/activities/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.act-page .activity-wrapper .act-content .ac-inner h3,.act-page .activity-wrapper .act-content .ac-inner p,.act-page .activity-wrapper .act-content .ac-inner ul,.act-page .activity-wrapper .act-content .ac-inner li {
    margin: 0;
    padding: 0
}

.act-page .activity-wrapper .act-content .ac-inner .act-item {
    width: 100%;
    height: auto;
    overflow: hidden
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title {
    margin-top: 40px;
    text-align: center
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title h3 {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 1px;
    color: #333
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title p {
    margin-top: 16px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #333
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title p .rule-btn {
    color: #333;
    border-bottom: 2px solid #989795;
    text-decoration: none;
    cursor: pointer
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .act-item-title p .link-span {
    color: #333;
    border-bottom: 2px solid #989795;
    text-decoration: none;
    cursor: pointer
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-btn {
    display: block;
    margin: 318px auto 88px 487px;
    width: 253px;
    height: 65px;
    background: url(/static/img/activities/buy-top.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-btn:hover {
    background: url(/static/img/activities/buy-top-hover.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .ai-spline {
    height: 28px;
    width: 100%;
    background: url(/static/img/activities/300-spline.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 50px auto 30px;
    width: 1100px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li {
    width: 312px;
    height: 392px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #d8d2cf
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li .charge-btn {
    display: block;
    margin-top: 309px;
    margin-left: 61px;
    width: 198px;
    height: 48px;
    cursor: pointer;
    transition: all .5s;
    background: url(/static/img/activities/chunchao/buy-btn.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li .charge-btn:hover {
    background: url(/static/img/activities/chunchao/buy-btn-hover.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li.bl-l1 {
    background-image: url(/static/img/activities/chunchao/1-1.jpg)
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li.bl-l2 {
    background-image: url(/static/img/activities/chunchao/1-2.jpg)
}

.act-page .activity-wrapper .act-content .ac-inner .act-item .buy-list li.bl-l3 {
    background-image: url(/static/img/activities/chunchao/1-3.jpg)
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-300w {
    height: 813px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-300w .caidai-1 {
    height: 166px;
    background: url(/static/img/activities/chunchao/1-duihuan.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-300w .caidai-1 .btn-duihuan {
    display: inline-block;
    margin-top: 75px;
    margin-left: 934px;
    width: 146px;
    height: 36px;
    cursor: pointer;
    background: url(/static/img/activities/chunchao/btn-duihuan.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia {
    height: 1134px;
    overflow: hidden
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .act-item-title {
    margin-top: 30px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item {
    display: -ms-flexbox;
    display: flex;
    margin-top: 33px;
    padding: 15px;
    width: 530px;
    height: 172px;
    text-align: left;
    background-image: url(/static/img/activities/chunchao/package-item.png)
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .lt {
    width: 330px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .title {
    margin-bottom: 6px;
    color: #927858;
    font-size: 20px;
    line-height: 24px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .desc {
    margin-bottom: 12px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #927858;
    line-height: 18px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
    width: 159px;
    height: 46px;
    line-height: 46px;
    background-color: #fbecd0
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .price {
    width: 95px;
    font-size: 22px;
    color: #a26f33
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .price span {
    margin-left: 11px;
    font-size: 16px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .package {
    font-size: 12px;
    color: #a26f33;
    margin-left: 5px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .package-item .price-block .price-item .package span {
    border-bottom: 1px solid #cead81
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr {
    margin-left: 50px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-price {
    margin-top: 32px;
    font-size: 26px;
    line-height: 26px;
    color: #fdf3da;
    letter-spacing: 1px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-price span {
    font-size: 18px;
    color: #fff
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-num {
    margin-top: 12px;
    font-size: 18px;
    line-height: 18px;
    color: #fdf3da;
    letter-spacing: 1px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .total-num span {
    color: #fff
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .btn-package {
    margin-top: 25px;
    width: 126px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    background-color: #c25b4d;
    cursor: pointer;
    transition: all .5s
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .btn-package:hover {
    background-color: #b65144
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-jingbaojia .package-block .lr .btn-package span {
    font-size: 18px;
    color: #fdf3da
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan {
    height: 1346px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .act-item-title {
    margin-top: 32px;
    position: relative;
    z-index: 2
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-ad {
    cursor: pointer;
    position: relative;
    bottom: 30px;
    width: 100%;
    height: 200px;
    background: url(/static/img/activities/chunchao/lx-ad.png) center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap {
    display: -ms-flexbox;
    display: flex;
    margin: 30px 20px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    bottom: 30px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set {
    width: 370px;
    height: 480px;
    box-shadow: 0px 10px 10px 10px rgba(95,95,95,0.1);
    transition: all .5s;
    border-radius: 10px;
    margin-bottom: 35px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0px 10px 14px 15px rgba(65,65,65,0.1)
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-tt {
    background: #c45448 url(/static/img/activities/chunchao/set-bg.png) right center no-repeat;
    height: 150px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-tt h3 {
    margin: 0 auto;
    padding-top: 25px;
    font-size: 24px;
    letter-spacing: 1px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-tt p {
    margin: 10px auto;
    width: 85%;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount {
    background: #fff;
    font-size: 15px;
    height: 77px;
    border-bottom: 2px solid #e9e9e9;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount p {
    margin: 0 30px;
    display: -ms-flexbox;
    display: flex
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount p span {
    text-align: left;
    width: 150px;
    height: 25px;
    white-space: nowrap
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-amount .amount {
    color: #333
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price {
    border-radius: 10px;
    height: 255px;
    background: #fff url(/static/img/activities/chunchao/diamond.png) right bottom no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price i {
    display: block
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price i.price-tt {
    margin: 0px 30px;
    padding: 20px 0 0;
    height: 30px;
    background: url(/static/img/activities/chunchao/lx-logo.png) left center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price i.imm-save {
    width: 45px;
    margin: 0px 0 0 20px;
    height: 30px;
    background: url(/static/img/activities/chunchao/imm-save.png) left center no-repeat
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .price {
    color: #b53e44;
    font-size: 48px;
    letter-spacing: 1px;
    margin: 0 30px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .save-price {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    margin-left: 10px;
    -ms-flex-align: center;
    align-items: center;
    color: #666
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .save-price span {
    vertical-align: bottom
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-huiyuan .vip-wrap .vip-set .set-price .buy-btn {
    width: 305px;
    height: 50px;
    margin: 30px auto 0;
    background: linear-gradient(to Right, #c9935a, #e7aa6b);
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    letter-spacing: 1px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai {
    height: 754px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap-outside {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap {
    background: #fff;
    width: 237px;
    height: 540px;
    padding: 15px 20px 15px 20px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 5px 10px 5px rgba(95,95,95,0.1);
    margin: 30px 10px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap::before {
    position: absolute;
    top: 0;
    left: 30px;
    content: '';
    display: block;
    background: #b53e44;
    width: 63px;
    height: 6px;
    border-radius: 10px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product {
    border-bottom: 2px solid #f5e2c5;
    padding-bottom: 5px;
    height: 220px;
    cursor: pointer
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product h2 {
    font-size: 22px;
    letter-spacing: 1px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product p {
    width: 100%;
    line-height: 28px;
    letter-spacing: .5px;
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product p span {
    color: #999;
    letter-spacing: .5px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .product p .amount {
    color: #4c4c4c
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu .cacu-way {
    width: 200px;
    height: 40px;
    margin: 30px auto 10px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #b53e44;
    background: #f8ebe7;
    border: 1px solid #b53e44;
    border-radius: 5px;
    letter-spacing: .5px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount {
    background: #fff;
    font-size: 15px;
    height: 100px;
    border-bottom: 2px solid #f5e2c5;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount p {
    display: -ms-flexbox;
    display: flex
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount p span {
    text-align: left;
    width: 135px;
    height: 30px;
    white-space: nowrap
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .cacu-amount .amount {
    color: #333
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .price {
    font-size: 46px;
    color: #b53e44;
    margin: 10px 0
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .price span {
    color: #939393;
    font-size: 20px
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .btn-wrap {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    position: absolute;
    left: 0
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .btn-wrap .try-btn {
    width: 138px;
    height: 40px;
    line-height: 40px;
    background-color: #c45448;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 0 0 0 5px;
    cursor: pointer
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-haiwai .oversea-wrap .btn-wrap .ques-btn {
    cursor: pointer;
    width: 139px;
    height: 40px;
    line-height: 40px;
    background-color: #d89f63;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 0 0 5px 0
}

.act-page .activity-wrapper .act-content .ac-inner .act-item.ai-rule {
    height: 653px
}

.act-page .act-nav {
    position: fixed;
    left: 0;
    top: 30%;
    width: 150px;
    height: 500px;
    background-image: url(/static/img/activities/chunchao/nav.png);
    background-repeat: no-repeat;
    background-position: center
}

.act-page .act-nav .zxzx {
    position: absolute;
    left: 38px;
    color: #fff;
    letter-spacing: 1px;
    top: 185px;
    line-height: 32px;
    cursor: pointer
}

.act-page .act-nav ul {
    position: absolute;
    left: 26px;
    color: #fff;
    letter-spacing: 1px;
    top: 230px;
    line-height: 33px;
    width: 100px;
    text-align: center
}

.act-page .act-nav ul li {
    cursor: pointer;
    width: 99px;
    height: 33px;
    background: #b64046
}

.act-page .act-nav ul li:nth-child(2n) {
    background: #9a3b2e
}

.act-page .act-nav ul li:hover {
    background: #d49c60
}

.act-page .act-nav ul li.active {
    background: #d49c60
}

.act-page .act-nav .to-top {
    width: 100px;
    height: 63px;
    position: absolute;
    left: 51px;
    bottom: 47px;
    cursor: pointer
}

.sidebar {
    width: 200px
}

.sidebar .sidebar-top {
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    background-color: #f0f2f5;
    font-size: 17px;
    color: #24374e;
    letter-spacing: 1px
}

.sidebar .sidebar-links {
    background-color: #ffffff
}

.sidebar-group {
    position: relative;
    padding: 0 10px
}

.sidebar-group-heading {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 16px;
    border-bottom: 1px solid #e6e8f4;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sidebar-group-heading span {
    font-size: 14px;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.sidebar-group-heading .line-arrow {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #999999;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: transform .2s ease-in-out
}

.sidebar-group-heading::after {
    content: '';
    position: absolute;
    width: 3px;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: transparent;
    transition: background-color .2s ease-in-out
}

.sidebar-group-heading.active {
    font-weight: 500
}

.sidebar-group-heading.active::after {
    background-color: #4a81ff
}

.sidebar-group-heading.active .line-arrow {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sidebar-group-items {
    border-bottom: 1px solid #e6e8f4;
    padding: 7px 0
}

.sidebar-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 20px;
    font-size: 14px;
    color: #24374e;
    text-decoration: none
}

.sidebar-link:hover,.sidebar-link.active {
    color: #4a81ff
}

.dropdown-transition {
    height: 0;
    transition: height .2s ease-in-out;
    overflow: hidden
}

.section-demo {
    margin: 0 auto
}

.section-demo .section-minipro .qrCode-block {
    margin: 0 auto;
    width: 202.5px;
    height: 212.5px;
    background: url(/static/img/industry/micro-icon.png) center center no-repeat;
    background-size: contain;
    text-align: center
}

.section-demo .section-minipro .qrCode-block img {
    margin-top: 18px;
    width: 177px;
    height: 177px
}

.section-demo .section-minipro p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center
}

.industry-page {
    background-color: #fff
}

.industry-page .main-wrapper {
    background-color: transparent
}

@media only screen and (max-width: 576px) {
    .industry-page {
        background-color:#f9fbff
    }

    .industry-page .main-wrapper {
        margin-top: 50px
    }

    .industry-page .section-title {
        margin-top: 19px;
        margin-bottom: 19px
    }

    .industry-page .section {
        padding: 0 18px
    }
}

.industry-catg-page .main-wrapper {
    position: relative;
    background-color: #fff
}

.industry-catg-page section {
    padding-top: 70px
}

.industry-catg-page section:first-child {
    padding-top: 0
}

.industry-catg-page section:last-child {
    padding-bottom: 70px
}

.industry-catg-page section:last-child.section-bottom-banner {
    padding-bottom: 0
}

.industry-catg-page section>.container {
    box-sizing: border-box
}

.industry-catg-page section>.container .section-title {
    margin-top: 0
}

.industry-catg-page .banner-anchor {
    position: relative;
    padding-bottom: 66px
}

.industry-catg-page .banner-anchor .section-anchor {
    position: absolute;
    left: calc(50% - 600px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width: 576px) {
    .industry-catg-page {
        margin-top:50px
    }

    .industry-catg-page .banner-anchor {
        position: relative;
        padding-bottom: 0
    }

    .industry-catg-page .banner-anchor .section-anchor {
        display: none
    }

    .industry-catg-page .section-banner {
        background-size: cover
    }

    .industry-catg-page .sidebar {
        display: none
    }

    .industry-catg-page section {
        padding-top: 30px
    }

    .industry-catg-page section:last-child {
        padding-bottom: 30px
    }

    .industry-catg-page section:last-child.section-bottom-banner {
        padding-bottom: 0
    }

    .industry-catg-page section>.container {
        padding: 0 18px
    }
}

.pages-page .main-wrapper {
    position: relative
}

.pages-page section {
    /* padding-top: 70px */
}

.pages-page section:first-child {
    padding-top: 0
}

.pages-page section:last-child {
    padding-bottom: 70px
}

.pages-page section:last-child.section-bottom-banner {
    padding-bottom: 0
}

.pages-page section>.container {
    box-sizing: border-box
}

.pages-page section>.container .section-title {
    margin-top: 30px;
}

.pages-page .banner-anchor {
    position: relative;
    padding-bottom: 66px
}

.pages-page .banner-anchor .section-anchor {
    position: absolute;
    left: calc(50% - 600px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width: 576px) {

    .pages-page .banner-anchor {
        position: relative;
        padding-bottom: 0
    }

    .pages-page .banner-anchor .section-anchor {
        display: none
    }

    .pages-page .section-banner {
        background-size: cover
    }

    .pages-page .sidebar {
        display: none
    }

    .pages-page section {
        padding-top: 30px
    }

    .pages-page section:last-child {
        padding-bottom: 30px
    }

    .pages-page section:last-child.section-bottom-banner {
        padding-bottom: 0
    }

    .pages-page section>.container {
        padding: 0 18px
    }
}

.service-page .main-wrapper {
    position: relative
}

.service-page section {
    padding-top: 70px
}

.service-page section:first-child {
    padding-top: 0
}

.service-page section:last-child {
    padding-bottom: 70px
}

.service-page section:last-child.section-bottom-banner {
    padding-bottom: 0
}

.service-page section>.container {
    box-sizing: border-box;
    padding-left: 260px
}

.service-page section>.container .section-title {
    margin-top: 0
}

.service-page .banner-anchor {
    position: relative;
    padding-bottom: 66px
}

.service-page .banner-anchor .section-anchor {
    position: absolute;
    left: calc(50% - 600px);
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0
}

.service-page .sidebar {
    position: absolute;
    left: calc(50% - 600px);
    top: 34px;
    z-index: 2
}

@media only screen and (max-width: 576px) {
    .service-page {
        margin-top:50px
    }

    .service-page .banner-anchor {
        position: relative;
        padding-bottom: 0
    }

    .service-page .banner-anchor .section-anchor {
        display: none
    }

    .service-page .sidebar {
        display: none
    }

    .service-page section {
        padding-top: 30px
    }

    .service-page section:last-child {
        padding-bottom: 30px
    }

    .service-page section:last-child.section-bottom-banner {
        padding-bottom: 0
    }

    .service-page section>.container {
        padding: 0 18px
    }
}

.solutions-page .main-wrapper {
    position: relative;
    overflow: hidden
}

.solutions-page .section-banner {
    min-height: 478px
}

.solutions-page .section-banner .service-banner-title {
    margin-top: 140px
}

.solutions-page .section-banner .service-banner-desc {
    margin-bottom: 60px
}

.solutions-page section {
    padding-top: 70px
}

.solutions-page section:first-child {
    padding-top: 0
}

.solutions-page section:last-child {
    padding-bottom: 70px
}

.solutions-page section:last-child.section-bottom-banner {
    padding-bottom: 0
}

.solutions-page section>.container {
    box-sizing: border-box
}

.solutions-page section>.container .section-title {
    margin-top: 0
}

.solutions-page .banner-anchor {
    position: relative;
    padding-bottom: 66px
}

.solutions-page .banner-anchor .section-anchor {
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 1200px;
    top: calc(100% - 66px);
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e6e8f4
}

.solutions-page .banner-anchor .section-anchor .anchor-tabs {
    border-bottom: none
}

@media only screen and (max-width: 576px) {
    .solutions-page {
        margin-top:50px;
        background-color: #f9faff
    }

    .solutions-page .banner-anchor {
        position: relative;
        padding-bottom: 0
    }

    .solutions-page .banner-anchor .section-anchor {
        display: none
    }

    .solutions-page .section-banner {
        background-size: cover;
        min-height: 200px
    }

    .solutions-page .section-banner .service-banner-title {
        margin-top: 35px
    }

    .solutions-page .section-banner .service-banner-desc {
        width: 100%;
        margin-bottom: 26px
    }

    .solutions-page .section-banner.center .service-banner-desc {
        width: 100%
    }

    .solutions-page .sidebar {
        display: none
    }

    .solutions-page section {
        padding-top: 30px
    }

    .solutions-page section:last-child {
        padding-bottom: 30px
    }

    .solutions-page section:last-child.section-bottom-banner {
        padding-bottom: 0
    }

    .solutions-page section>.container {
        padding: 0 18px
    }
}

.et-page {
    color: #2d2d2d;
    overflow-x: hidden
}

.et-page p {
    margin: 0
}

.et-page .et-wrapper {
    background-color: #fff
}

.et-page .et-wrapper .et-banner {
    width: 100%;
    height: 530px;
    box-sizing: border-box;
    position: relative;
    background: url(/static/img/activities/recommend/et_banner.png) center center no-repeat;
    margin-bottom: 100px
}

.et-page .et-wrapper .et-banner-desc {
    width: 1200px;
    position: absolute;
    left: 50%;
    bottom: 143px;
    transform: translate3d(-50%, 0, 0)
}

.et-page .et-wrapper .et-banner-desc .et-desc-text {
    width: 700px;
    line-height: 1.6
}

.et-page .et-wrapper .et-banner .et-btn-wrap {
    width: 1200px;
    height: 10px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: 110px;
    transform: translate3d(-50%, 0, 0)
}

.et-page .et-wrapper .et-banner .et-btn {
    width: 116px;
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#f37a6b, #f37a6b);
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.et-page .et-wrapper .et-banner .et-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.et-page .et-wrapper .et-section {
    width: 1200px;
    margin: 0 auto 120px;
    position: relative
}

.et-page .et-wrapper .et-section .user-task {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

.et-page .et-wrapper .et-section .user-task .uk-item {
    width: 33.33%;
    height: 230px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 50px;
    border-right: solid 1px #e8e8e8
}

.et-page .et-wrapper .et-section .user-task .uk-item:nth-child(n+4) {
    border-top: solid 1px #e8e8e8;
    padding-top: 30px
}

.et-page .et-wrapper .et-section .user-task .uk-item:nth-child(3n+3) {
    border-right: none
}

.et-page .et-wrapper .et-section .user-task .uk-item .icon-wrap {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.et-page .et-wrapper .et-section .user-task .uk-item .icon-wrap .uk-icon {
    margin-left: 10px
}

.et-page .et-wrapper .et-section .user-task .uk-item .uk-title {
    font-size: 18px;
    padding: 10px 0 10px
}

.et-page .et-wrapper .et-section .user-task .uk-item .uk-desc {
    width: 100%;
    color: #999;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px
}

.et-page .et-wrapper .et-section .step-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.et-page .et-wrapper .et-section .step-wrap .step-item {
    width: 24%;
    height: 210px;
    box-sizing: border-box;
    text-align: center;
    z-index: 2
}

.et-page .et-wrapper .et-section .step-wrap .step-item .sp-icon {
    width: 78px;
    height: 78px;
    box-sizing: border-box;
    border: 1px solid #fbc8c0;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}

.et-page .et-wrapper .et-section .step-wrap .step-item .sp-icon .sp-txt {
    width: 110px;
    height: 34px;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    line-height: 34px;
    color: #e75e4d;
    font-size: 20px
}

.et-page .et-wrapper .et-section .step-wrap .step-item .sp-icon .sp-txt .sp-num {
    font-size: 24px;
    font-weight: 500;
    padding-left: 2px
}

.et-page .et-wrapper .et-section .step-wrap .step-item .sp-title {
    color: #242424;
    font-size: 20px;
    padding: 20px 0 10px
}

.et-page .et-wrapper .et-section .step-wrap .step-item .sp-desc {
    color: #999999;
    font-size: 14px;
    text-align: left;
    line-height: 24px
}

.et-page .et-wrapper .et-section .step-wrap .sp-line {
    width: 78%;
    height: 1px;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    left: 91px;
    background-color: #d9dada
}

.et-page .et-wrapper .et-section .b_bg1 {
    width: 307px;
    height: 391px;
    box-sizing: border-box;
    position: absolute;
    top: 170px;
    left: -420px;
    background: url(/static/img/activities/recommend/b_pic1.png) center center/100% 100% no-repeat
}

.et-page .et-wrapper .et-section .b_bg2 {
    width: 196px;
    height: 190px;
    box-sizing: border-box;
    position: absolute;
    top: 120px;
    right: -246px;
    background: url(/static/img/activities/recommend/b_pic2.png) center center/100% 100% no-repeat
}

.et-page .et-wrapper .et-section .b_bg3 {
    width: 171px;
    height: 198px;
    box-sizing: border-box;
    position: absolute;
    top: -200px;
    left: -258px;
    background: url(/static/img/activities/recommend/b_pic3.png) center center/100% 100% no-repeat
}

.et-page .et-wrapper .et-section-2 {
    background-color: #616cf1;
    height: 380px;
    margin-bottom: 240px;
    position: relative;
    padding-top: 80px
}

.et-page .et-wrapper .et-section-2 .et-title-cn {
    color: #fff
}

.et-page .et-wrapper .et-section-2 .armed-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 10px auto 0;
    width: 1200px
}

.et-page .et-wrapper .et-section-2 .armed-list .armed-item {
    width: 222px;
    height: 369px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 20px;
    background-color: #fff;
    box-shadow: 2px 5px 17px 1px rgba(196,179,171,0.21);
    border-radius: 5px;
    transition: all .2s linear
}

.et-page .et-wrapper .et-section-2 .armed-list .armed-item:hover {
    transform: translate3d(0, -4px, 0)
}

.et-page .et-wrapper .et-section-2 .armed-list .armed-item .at-line {
    width: 32px;
    height: 0;
    border-bottom: 3px solid #f24c0c;
    margin: 40px 0 17px
}

.et-page .et-wrapper .et-section-2 .armed-list .armed-item .at-title {
    font-size: 18px;
    margin-bottom: 20px
}

.et-page .et-wrapper .et-section-2 .armed-list .armed-item .at-desc {
    width: 100%;
    color: #999;
    font-size: 14px;
    line-height: 24px
}

.et-page .et-wrapper .et-title {
    text-align: center;
    padding-bottom: 70px
}

.et-page .et-wrapper .et-title-en {
    color: #e2e2e2;
    font-size: 34px
}

.et-page .et-wrapper .et-title-cn {
    font-size: 28px;
    letter-spacing: 1px
}

.rt-page {
    color: #2d2d2d
}

.rt-page p {
    margin: 0
}

.rt-page .rt-wrapper {
    background-color: #fff
}

.rt-page .rt-wrapper .rt-banner {
    width: 100%;
    height: 637px;
    box-sizing: border-box;
    position: relative;
    background: url(/static/img/activities/recommend/rt_banner.png) center center no-repeat
}

.rt-page .rt-wrapper .rt-section {
    width: 1200px;
    height: 394px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 auto
}

.rt-page .rt-wrapper .rt-section .rt-info {
    width: 680px
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-title {
    font-size: 30px
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-desc {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 0
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-desc .rt-prize {
    color: #f37a6b
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-btn {
    display: inline-block;
    text-decoration: none;
    width: 115px;
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
    background-image: linear-gradient(212deg, #ff916f 0%, #f37a6b 100%),linear-gradient(#f37a6b, #f37a6b);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-btn:hover {
    box-shadow: 0px 5px 16px 0px rgba(255,140,87,0.55)
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-btn.disabled {
    cursor: not-allowed;
    background-image: linear-gradient(to right, #ccc, #bbb)
}

.rt-page .rt-wrapper .rt-section .rt-info .rt-btn.disabled:hover {
    box-shadow: none
}

.rt-page .rt-wrapper .section-wrap {
    background-color: #fff9f8
}

.act-page .header .main-header {
    z-index: 999
}

.act-page .casedetail-wrapper {
    background-color: #ffffff
}

.act-page .casedetail-wrapper .act-banner {
    width: 100%;
    height: 272px;
    background-image: url(/static/img/activities/case/detail_banner.png);
    background-repeat: no-repeat;
    background-position: center
}

.act-page .casedetail-wrapper .act-banner .detail-title {
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    color: #ffffff;
    padding-left: 30px;
    position: relative
}

.act-page .casedetail-wrapper .act-banner .detail-title .title {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px
}

.act-page .casedetail-wrapper .act-banner .detail-title .sub-title {
    font-size: 15px;
    width: 750px;
    color: #999999;
    line-height: 24px
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen {
    position: absolute;
    top: 240px;
    right: 0px;
    width: 280px;
    height: 375px;
    background-color: #fff;
    box-shadow: #999 0px 5px 10px;
    border-radius: 2px
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-image {
    width: 200px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    margin: 10px auto 15px
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-image img {
    max-width: 100%;
    vertical-align: middle
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-image-intro {
    font-size: 14px;
    color: #000225;
    margin-bottom: 30px;
    text-align: center
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-company,.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-product {
    font-size: 14px;
    color: #000225;
    font-weight: 600;
    margin-bottom: 10px;
    margin-left: 40px
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-company-name {
    color: #636479;
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 40px
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-product-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    color: #4a81ff;
    margin-left: 40px
}

.act-page .casedetail-wrapper .act-banner .detail-title .detail-suspen .suspen-product-name div {
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.act-page .casedetail-wrapper .casedetail-body {
    width: 1200px;
    margin: 40px auto 15px
}

.act-page .casedetail-wrapper .casedetail-body .casedetail-body-title {
    border-left: 4px solid #517ad2;
    padding-left: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 15px
}

.act-page .casedetail-wrapper .casedetail-body .casedetail-body-content {
    font-size: 15px;
    color: #58596f;
    line-height: 26px;
    width: 850px
}

.act-page .casedetail-wrapper .casedetail-body .casedetail-body-img {
    width: 850px
}

.act-page .casedetail-wrapper .casedetail-body .casedetail-body-img img {
    max-width: 100%
}

.act-page .casedetail-wrapper .casedetail-footer {
    margin-top: 90px
}

.pg-span {
    display: inline-block;
    padding: 8px 10px;
    width: 30px;
    margin: 0 5px;
    cursor: pointer;
    background: #f4f4f5;
    color: #606266;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pg-active {
    background: #409eff;
    color: #fff
}

.act-page .header .main-header {
    z-index: 999
}

.act-page .case-wrapper {
    background-color: #ffffff
}

.act-page .case-wrapper .act-banner {
    width: 100%;
    height: 271px;
    background-image: url(/static/img/activities/case/banner.png);
    background-repeat: no-repeat;
    background-position: center
}

.act-page .case-wrapper .act-banner .banner-title {
    color: #fff;
    width: 400px;
    margin: 0 auto;
    text-align: center;
    padding-top: 100px
}

.act-page .case-wrapper .act-banner .banner-title .title {
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 15px
}

.act-page .case-wrapper .act-banner .banner-title .sub-title {
    font-size: 18px
}

.act-page .case-wrapper .section-title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 400
}

.act-page .case-wrapper .section-title span {
    position: relative
}

.act-page .case-wrapper .section-title span::before {
    content: '<';
    position: absolute;
    left: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4a81ff
}

.act-page .case-wrapper .section-title span::after {
    content: '>';
    position: absolute;
    right: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4a81ff
}

.act-page .case-wrapper .case-box .case-content {
    width: 1200px;
    margin: 0px auto
}

.act-page .case-wrapper .case-box .case-content .case-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-left {
    width: 550px;
    height: 310px;
    min-width: 550px;
    max-width: 550px
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-left img {
    width: 100%;
    height: 100%
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-right {
    width: 650px;
    min-width: 650px;
    max-width: 650px;
    height: 310px;
    position: relative;
    box-shadow: 2px 2px 10px #e4e9f9
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-title {
    font-size: 26px;
    color: #24374e;
    margin-bottom: 20px;
    margin-top: 36px;
    margin-left: 36px
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-tips {
    font-size: 15px;
    color: #58596f;
    line-height: 22px;
    margin-bottom: 20px;
    width: 580px;
    margin-left: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-tags {
    font-size: 15px;
    color: #24374e;
    margin-left: 36px
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-tags span {
    color: #4679f1;
    margin-right: 15px;
    cursor: pointer
}

.act-page .case-wrapper .case-box .case-content .case-header .case-header-right .case-btn {
    font-size: 15px;
    background-color: #4a81ff;
    text-align: center;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    bottom: 36px;
    border-radius: 1px;
    cursor: pointer;
    margin-left: 36px
}

.act-page .case-wrapper .case-box .case-content .case-footer {
    padding-bottom: 36px
}

.act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1160px;
    margin: 50px auto 0
}

.act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list .case-list-box {
    width: 130px;
    min-width: 130px;
    height: 60px;
    line-height: 100px;
    margin-right: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
    text-align: center
}

.act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list .case-list-box img {
    max-width: 130px;
    max-height: 60px
}

.act-page .case-wrapper .case-box .case-content .case-footer .case-footer-list .case-list-select {
    border-bottom: 2px solid #4a81ff
}

.act-page .case-wrapper .case-box .case-content .case-footer .case-line {
    height: 1px;
    background-color: #e9ecf2;
    width: 1160px;
    margin: 0 auto
}

.act-page .case-wrapper .detail-body {
    background-color: #fafbff;
    padding-top: 50px
}

.act-page .case-wrapper .detail-body .case-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list {
    width: 570px;
    height: 290px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 3px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list:hover {
    box-shadow: 2px 2px 10px #e4e9f9
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list:hover .show-btn .case-detail-conetent-tips {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4 !important;
    overflow: hidden
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list:hover .show-btn .btn-detail {
    opacity: 1 !important
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-icon {
    width: 150px;
    height: 180px;
    margin-right: 30px;
    text-align: center;
    line-height: 180px;
    margin-left: 30px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-icon img {
    max-width: 100%;
    vertical-align: middle
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-line {
    height: 225px;
    width: 2px;
    background-color: #e9e9e9;
    margin-right: 20px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent {
    height: 215px;
    position: relative;
    width: 310px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .btn-detail {
    opacity: 0;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 15px;
    background-color: #4a81ff;
    text-align: center;
    width: 85px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    border-radius: 1px;
    cursor: pointer;
    margin-top: 10px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-title {
    font-size: 20px;
    color: #000225;
    font-weight: 500;
    margin-bottom: 15px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-tips {
    font-size: 15px;
    color: #58596f;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-tags {
    position: absolute;
    top: 205px
}

.act-page .case-wrapper .detail-body .case-detail .case-detail-list .case-detail-conetent .case-detail-conetent-tags span {
    color: #4a81ff;
    margin-right: 15px;
    cursor: pointer
}

.act-page .case-wrapper .detail-body .deatil-type {
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 20px
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type {
    display: -ms-flexbox;
    display: flex;
    line-height: 30px;
    font-size: 16px
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-name {
    min-width: 85px;
    color: #58596f
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-height {
    height: auto !important
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    height: 30px;
    line-height: 30px
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-box div {
    margin-right: 10px;
    color: #000225;
    padding: 0 15px;
    cursor: pointer;
    margin-bottom: 10px
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-show {
    min-width: 55px;
    cursor: pointer;
    position: relative
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-show .type-show-icon-down {
    border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 8px;
    position: absolute;
    top: 8px
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-show .type-show-icon-up {
    border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-left: 8px;
    position: absolute;
    top: 13px
}

.act-page .case-wrapper .detail-body .deatil-type .industry-type .type-selected {
    background-color: #ebeef7 !important;
    color: #4679f1 !important
}

.act-page .case-wrapper .detail-body .deatil-pagination {
    width: 1200px;
    margin: 0 auto;
    text-align: right;
    padding-bottom: 50px
}

.act-page .case-wrapper .detail-body .deatil-pagination .pg-span {
    display: inline-block;
    padding: 8px 10px;
    width: 30px;
    margin: 0 5px;
    cursor: pointer;
    background: #f4f4f5;
    color: #606266;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.act-page .case-wrapper .detail-body .deatil-pagination .pg-active {
    background: #409eff;
    color: #fff
}

.act-page .case-wrapper .detail-body .detail-empty {
    text-align: center;
    line-height: 60px;
    color: #999999
}

.robotnew {
    margin-bottom: 70px
}

.robotnew .robotnew-contact {
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #191c3d;
    line-height: 40px;
    margin-top: 36px
}

.robotnew .robotnew-contact:before {
    content: '';
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #fff 0, #2b81e2 30%, #2b81e2 70%, #fff 100%);
    display: block
}

.robotnew .robotnew-contact .robotnew-contact-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 20px 0
}

.robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-mobile,.robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-email {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-email::before {
    content: '';
    -webkit-mask: url("/static/img/robotnew/email.svg") no-repeat center/auto 18px;
    mask: url("/static/img/robotnew/email.svg") no-repeat center/auto 18px;
    margin-right: 4px;
    display: block;
    width: 24px;
    height: 24px;
    background: #2b81e2
}

.robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-mobile::before {
    content: '';
    -webkit-mask: url("/static/img/robotnew/mobile.svg") no-repeat center/auto 18px;
    mask: url("/static/img/robotnew/mobile.svg") no-repeat center/auto 18px;
    background: #2b81e2;
    margin-right: 4px;
    display: block;
    width: 24px;
    height: 24px
}

.robotnew .robotnew-contact .robotnew-contact-box .robotnew-contact-mobile::after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 1px;
    background: linear-gradient(to bottom, #fff 0, #2b81e2 30%, #2b81e2 70%, #fff 100%);
    display: block
}

.robotnew .robotnew-title {
    width: 1200px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #191c3d;
    text-align: center
}

.robotnew .robotnew-title.advantage,.robotnew .robotnew-title.structure,.robotnew .robotnew-title.brief {
    margin: 50px auto 30px
}

.robotnew .robotnew-title.cooperation {
    margin: 0 auto 30px
}

.robotnew .robotnew-title.entity {
    margin: 30px auto 30px
}

.robotnew .robotnew-title.person {
    margin: 40px auto 30px
}

.robotnew .robotnew-block {
    overflow: hidden;
    padding-bottom: 60px
}

.robotnew .robotnew-support {
    width: 100%;
    height: 738px;
    margin: 0 auto;
    background: url(/static/img/robotnew/support-bg.png) no-repeat center/auto 800px;
    position: relative
}

.robotnew .robotnew-support.carousel .robotnew-cognition::before,.robotnew .robotnew-support.carousel .robotnew-sport::before,.robotnew .robotnew-support.carousel .robotnew-perception::before {
    animation-duration: 8s;
    animation-iteration-count: infinite
}

.robotnew .robotnew-support.carousel .robotnew-cognition::after,.robotnew .robotnew-support.carousel .robotnew-sport::after,.robotnew .robotnew-support.carousel .robotnew-perception::after {
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.robotnew .robotnew-support.carousel .robotnew-sport::before {
    animation-name: highColor1
}

.robotnew .robotnew-support.carousel .robotnew-sport::after {
    animation-name: highOpacity1
}

.robotnew .robotnew-support.carousel .robotnew-cognition::before {
    animation-name: highColor2
}

.robotnew .robotnew-support.carousel .robotnew-cognition::after {
    animation-name: highOpacity2
}

.robotnew .robotnew-support.carousel .robotnew-perception::before {
    animation-name: highColor3
}

.robotnew .robotnew-support.carousel .robotnew-perception::after {
    animation-name: highOpacity3
}

.robotnew .robotnew-support .robotnew-support-title {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #191c3d;
    text-align: center
}

.robotnew .robotnew-support .robotnew-cognition,.robotnew .robotnew-support .robotnew-sport,.robotnew .robotnew-support .robotnew-perception {
    position: absolute
}

.robotnew .robotnew-support .robotnew-cognition::before,.robotnew .robotnew-support .robotnew-sport::before,.robotnew .robotnew-support .robotnew-perception::before {
    font-size: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #191c3d;
    line-height: 40px;
    display: inline-block;
    position: absolute
}

.robotnew .robotnew-support .robotnew-cognition::after,.robotnew .robotnew-support .robotnew-sport::after,.robotnew .robotnew-support .robotnew-perception::after {
    content: '';
    opacity: 0.6;
    display: inline-block;
    position: absolute
}

.robotnew .robotnew-support .robotnew-cognition {
    left: 50%;
    top: 279px;
    width: 500px;
    height: 294px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.robotnew .robotnew-support .robotnew-cognition::before {
    content: '\8BA4\77E5\667A\80FD';
    left: 373px;
    top: 90px;
    width: 60px
}

.robotnew .robotnew-support .robotnew-cognition::after {
    content: '';
    background: url(/static/img/robotnew/support-cognition.png) no-repeat;
    width: 463px;
    height: 266px;
    background-size: auto 266px;
    display: inline-block;
    left: 397px;
    top: 48px
}

.robotnew .robotnew-support .robotnew-sport {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 250px;
    z-index: 1
}

.robotnew .robotnew-support .robotnew-sport::before {
    content: '\8FD0\52A8\667A\80FD';
    color: #2c6cff;
    left: 50%;
    top: -30px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px
}

.robotnew .robotnew-support .robotnew-sport::after {
    content: '';
    opacity: 1;
    background: url(/static/img/robotnew/support-sport.png) no-repeat;
    width: 1157px;
    height: 112px;
    background-size: 1157px auto;
    position: absolute;
    left: -573px;
    top: -101px
}

.robotnew .robotnew-support .robotnew-perception {
    left: 50%;
    bottom: 142px
}

.robotnew .robotnew-support .robotnew-perception::before {
    content: '\611F\77E5\667A\80FD';
    width: 60px;
    left: -160px;
    bottom: 147px
}

.robotnew .robotnew-support .robotnew-perception::after {
    background: url("/static/img/robotnew/support-perception.png") no-repeat;
    width: 490px;
    height: 266px;
    background-size: auto 266px;
    content: '';
    left: -546px;
    top: -268px
}

.robotnew .robotnew-brief {
    width: 1200px;
    margin: 0 auto;
    background-image: url("/static/img/robotnew/brief_left.png"),url("/static/img/robotnew/brief_right.png");
    background-position: 0 40px, right top;
    background-size: auto 124px, auto 292px;
    background-repeat: no-repeat no-repeat;
    overflow: hidden;
    padding-left: 85px;
    padding-top: 100px;
    box-sizing: border-box
}

.robotnew .robotnew-brief .robotnew-brief-text {
    width: 354px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #646b97;
    line-height: 28px
}

.robotnew .robotnew-entity-person {
    background-color: #f8fcff
}

.robotnew .robotnew-structure {
    background: #f8fcff
}

.robotnew .robotnew-structure .robotnew-structure-bg {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    background: url("/static/img/robotnew/structure.png") no-repeat center/auto 100%
}

.robotnew .robotnew-advantage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px 140px;
    width: 1200px;
    margin: 0 auto
}

.robotnew .robotnew-advantage .robotnew-advantage-card .robotnew-advantage-card-title {
    height: 80px;
    line-height: 80px;
    --icon: url('/static/img/robotnew/advantage0.png');
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #191c3d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.robotnew .robotnew-advantage .robotnew-advantage-card .robotnew-advantage-card-title:before {
    content: '';
    background: var(--icon) no-repeat center/contain;
    width: 70px;
    height: 70px;
    margin-left: 40px
}

.robotnew .robotnew-advantage .robotnew-advantage-card .robotnew-advantage-card-desc {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: justifyLeft;
    color: #646b97;
    line-height: 28px
}

.robotnew .robotnew-entity {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.robotnew .robotnew-entity .robotnew-entity-card {
    --bg: url('/static/img/robotnew/entity0.png');
    background: var(--bg) no-repeat center/auto 100%;
    width: 100%;
    height: 240px;
    position: relative
}

.robotnew .robotnew-entity .robotnew-entity-card:before {
    position: absolute;
    content: attr(data-desc);
    left: 10px;
    bottom: 10px;
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #191c3d;
    display: inline-block
}

.robotnew .robotnew-cooperation {
    width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.robotnew .robotnew-cooperation .robotnew-cooperation-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #191c3d;
    margin-top: 14px
}

.robotnew .robotnew-cooperation:before {
    content: '';
    background: url("/static/img/robotnew/cooperation-process.png") no-repeat center/contain;
    width: 100%;
    height: 76px
}

.robotnew .robotnew-person {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 74px;
    width: 1200px;
    margin: 0 auto
}

.robotnew .robotnew-person .robotnew-person-item {
    --title: '';
    --img: '';
    display: grid;
    grid-column-gap: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #191c3d
}

.robotnew .robotnew-person .robotnew-person-item::before {
    content: '';
    height: 150px;
    background: var(--img) no-repeat center/contain;
    margin-bottom: 14px
}

.robotnew .robotnew-person .robotnew-person-item::after {
    margin-top: 14px;
    content: attr(data-desc);
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #646b97;
    line-height: 24px
}

.robotnew .robotnew-banner {
    width: 100%
}

.robotnew .robotnew-banner.banner-bg {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/static/img/robotnew/bg.png");
    overflow: hidden
}

.robotnew .robotnew-banner.banner-bg .banner-content {
    width: 1200px;
    margin: auto;
    padding-left: 110px
}

.robotnew .robotnew-banner.banner-bg .banner-content .banner-title {
    margin-top: 156px;
    font-size: 60px;
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi-Bold;
    font-weight: 700;
    color: #1a1d3c;
    line-height: 40px;
    position: relative
}

.robotnew .robotnew-banner.banner-bg .banner-content .banner-desc {
    margin-top: 34px;
    width: 500px;
    height: 52px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #1a1d3c;
    line-height: 36px
}

.robotnew .robotnew-banner.banner-bg .banner-content .banner-btn {
    margin-top: 90px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #2c6cff;
    border-radius: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    text-align: center
}

@keyframes highOpacity1 {
    0%,16.67%,100% {
        opacity: 1
    }

    33.33%,83.33% {
        opacity: 0.6
    }
}

@keyframes highColor1 {
    0%,16.67%,100% {
        color: #2c6cff
    }

    33.33%,83.33% {
        color: #191c3d
    }
}

@keyframes highOpacity2 {
    33.333%,50% {
        opacity: 1
    }

    0%,100%,16.667%,66.667% {
        opacity: 0.6
    }
}

@keyframes highColor2 {
    33.333%,50% {
        color: #2c6cff
    }

    0%,100%,16.667%,66.667% {
        color: #191c3d
    }
}

@keyframes highOpacity3 {
    66.667%,83.333% {
        opacity: 1
    }

    0%,50%,100% {
        opacity: 0.6
    }
}

@keyframes highColor3 {
    66.667%,83.333% {
        color: #2c6cff
    }

    0%,50%,100% {
        color: #191c3d
    }
}

.robotnew {
    background-color: #fff
}

.robotnew .main-wrapper {
    background-color: transparent
}

@media only screen and (max-width: 576px) {
    .robotnew {
        background-color:#f9fbff
    }

    .robotnew .main-wrapper {
        margin-top: 50px
    }

    .robotnew .section-title {
        margin-top: 19px;
        margin-bottom: 19px
    }

    .robotnew .section {
        padding: 0 18px
    }
}


.gaia-btn {
    display: inline-block;
    box-sizing: content-box;
    padding: 0 20px;
    font-size: 14px;
    line-height: 32px;
    height: 30px;
    border: 1px solid #8393ac;
    cursor: pointer;
    text-decoration: none;
    color: #8393ac;
    border-radius: 3px;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.gaia-btn:hover {
    background-color: #4a81ff;
    color: #fff;
    border-color: #4a81ff
}

.gaia-btn:disabled {
    cursor: not-allowed
}

.gaia-btn,.gaia-btn:active,.gaia-btn:focus {
    outline: 0
}

.gaia-btn-small {
    font-size: 12px;
    line-height: 20px;
    height: 20px
}

.gaia-btn-large {
    font-size: 16px;
    line-height: 44px;
    height: 44px
}

.gaia-btn-primary {
    background-color: #4a81ff;
    border-color: #4a81ff;
    color: #fff
}

.gaia-btn-primary:hover {
    opacity: .86
}

.gaia-btn-success {
    background-color: #21c286;
    border-color: #21c286;
    color: #fff
}

.gaia-btn-success:hover {
    background-color: rgba(33,194,134,0.86);
    border-color: rgba(33,194,134,0.86)
}

.gaia-btn-warning {
    background-color: #ec971f;
    border-color: #ec971f;
    color: #fff
}

.gaia-btn-warning:hover {
    background-color: rgba(236,151,31,0.86);
    border-color: rgba(236,151,31,0.86)
}

.gaia-btn-danger {
    background-color: #ff4d4f;
    border-color: #ff4d4f;
    color: #fff
}

.gaia-btn-danger:hover {
    background-color: rgba(255,77,79,0.86);
    border-color: rgba(255,77,79,0.86)
}

.gaia-btn-link {
    border-color: transparent;
    background-color: transparent
}

.gaia-btn-link:hover {
    color: #4a81ff;
    border-color: transparent;
    background-color: transparent;
    opacity: .86
}

.gaia-btn-background-ghost {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.gaia-btn-background-ghost:hover {
    background-color: #fff;
    color: #4a81ff;
    border-color: #fff
}

.gaia-btn-primary.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #4a81ff;
    color: #4a81ff
}

.gaia-btn-primary.gaia-btn-background-ghost:hover {
    background-color: #4a81ff;
    color: #fff;
    border-color: #4a81ff
}

.gaia-btn-success.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #21c286;
    color: #21c286
}

.gaia-btn-success.gaia-btn-background-ghost:hover {
    background-color: rgba(33,194,134,0.86);
    border-color: rgba(33,194,134,0.86);
    color: #fff
}

.gaia-btn-warning.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #ec971f;
    color: #ec971f
}

.gaia-btn-warning.gaia-btn-background-ghost:hover {
    background-color: rgba(236,151,31,0.86);
    border-color: rgba(236,151,31,0.86);
    color: #fff
}

.gaia-btn-danger.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #ff4d4f;
    color: #ff4d4f
}

.gaia-btn-danger.gaia-btn-background-ghost:hover {
    background-color: rgba(255,77,79,0.86);
    border-color: rgba(255,77,79,0.86);
    color: #fff
}

@media only screen and (max-width: 576px) {
    .gaia-btn {
        display:inline-block;
        padding: 0 16px;
        font-size: 14px;
        line-height: 25px;
        height: 25px
    }

    .gaia-btn-small {
        font-size: 12px;
        line-height: 20px;
        height: 20px
    }

    .gaia-btn-large {
        font-size: 14px;
        line-height: 30px;
        height: 30px
    }
}

.gaia-tabs {
    overflow: hidden;
    background-color: #ffffff
}

.gaia-tabs-bar {
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #e6e8f4
}

.gaia-tabs-nav {
    display: -ms-flexbox;
    display: flex
}

.gaia-tabs-nav .gaia-tab {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    cursor: pointer
}

.gaia-tabs-nav .gaia-tab:hover,.gaia-tabs-nav .gaia-tab.gaia-tab-active {
    color: #4a81ff
}

.gaia-tabs-nav .gaia-tab span {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding: 0 16px
}

.gaia-tabs-nav .gaia-tab::before {
    content: '';
    position: absolute;
    right: 0;
    top: 27px;
    height: 16px;
    width: 1px;
    background-color: #e6e8f4
}

.gaia-tabs-nav .gaia-tab:last-child::before {
    display: none
}

.gaia-tabs-content {
    display: -ms-flexbox;
    display: flex;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    background-color: #ffffff
}

.gaia-tab-pane.gaia-tab-pane-inactive {
    height: 0;
    padding: 0 !important;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.gaia-tab-pane {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    opacity: 1;
    transition: opacity .45s
}

.gaia-tabs-inkbar {
    background-color: #4a81ff;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.gaia-tabs-horizontal {
    display: -ms-flexbox;
    display: flex
}

.gaia-tabs-horizontal .gaia-tabs-bar {
    float: left;
    z-index: 2;
    border-bottom: none;
    border-right: 1px solid #e6e8f4
}

.gaia-tabs-horizontal .gaia-tabs-nav {
    display: block
}

.gaia-tabs-horizontal .gaia-tabs-inkbar {
    position: absolute;
    left: 0;
    top: 0
}

.gaia-tabs-horizontal .gaia-tabs-nav .gaia-tab::before {
    display: none
}

.gaia-tabs-horizontal .gaia-tabs-content {
    display: block
}

.gaia-callapse {
    border: 1px solid #e6e8f4
}

.gaia-collapse-item {
    border-bottom: 1px solid #e6e8f4
}

.gaia-collapse-item:last-child {
    border-bottom: none
}

.gaia-collapse-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 45px 0 20px;
    background-color: #f5f6ff;
    color: #24374e;
    cursor: pointer
}

.gaia-collapse-header .gaia-collapse-arrow {
    position: absolute;
    right: 25px;
    top: 21px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #999999;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: transform .2s
}

.gaia-collapse-content {
    border-top: 1px solid #e6e8f4;
    background-color: #ffffff;
    transition: all .2s;
    overflow: hidden;
    padding: 0 20px
}

.gaia-collapse-item-active .gaia-collapse-header {
    font-weight: 500
}

.gaia-collapse-item-active .gaia-collapse-header .gaia-collapse-arrow {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width: 576px) {
    .gaia-collapse-header {
        -ms-flex-pack:center;
        justify-content: center
    }
}

.tooltip {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.tooltip a {
    cursor: pointer
}

.tooltip-content.left {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    right: 110%;
    top: -4px
}

.tooltip-content.left::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.left img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.left p {
    padding: 5px
}

.tooltip-content.left::before {
    right: -4px;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.tooltip-content.left-top {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    right: 154%;
    top: -4px
}

.tooltip-content.left-top::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.left-top img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.left-top p {
    padding: 5px
}

.tooltip-content.left-top::before {
    right: -4px;
    top: 4%;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.tooltip-content.right-top {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -4px
}

.tooltip-content.right-top::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.right-top img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.right-top p {
    padding: 5px
}

.tooltip-content.right-top::before {
    left: -4px;
    top: 10px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tooltip-content.top-left {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    left: -5px;
    bottom: calc(100% + 15px)
}

.tooltip-content.top-left::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.top-left img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.top-left p {
    padding: 5px
}

.tooltip-content.top-left::before {
    top: calc(100% - 8px);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tooltip-content.right {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -4px
}

.tooltip-content.right::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.right img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.right p {
    padding: 5px
}

.tooltip-content.right::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -4px
}

.tooltip .qrcode {
    text-align: center
}

.tooltip .qrcode img {
    width: 100px;
    height: 100px
}

.tooltip .qrcode .qrcode-p {
    font-size: 10px !important
}

.gaia-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,0.45);
    filter: alpha(opacity=50)
}

.gaia-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    outline: 0
}

.gaia-modal {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
    position: relative;
    top: 100px;
    width: auto;
    margin: 0 auto;
    padding-bottom: 24px;
    pointer-events: none
}

.gaia-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    pointer-events: auto
}

.gaia-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    height: 55px;
    width: 55px;
    color: rgba(0,0,0,0.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-align: center
}

.gaia-modal-close .icon-close {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-transform: none;
    text-rendering: auto
}

.gaia-modal-close .icon-close::before,.gaia-modal-close .icon-close::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 2px;
    background-color: rgba(0,0,0,0.45);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    transition: background-color .3s
}

.gaia-modal-close .icon-close::after {
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.gaia-modal-close:hover .icon-close::before,.gaia-modal-close:hover .icon-close::after {
    background-color: rgba(0,0,0,0.85)
}

.gaia-modal-header {
    padding: 16px 24px;
    color: rgba(0,0,0,0.65);
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0
}

.gaia-modal-title {
    margin: 0;
    color: rgba(0,0,0,0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word
}

.gaia-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word
}

.gaia-modal-body .gaia-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: rgba(0,0,0,0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.gaia-modal-body .gaia-modal-confirm-content {
    margin-top: 8px;
    color: rgba(0,0,0,0.65);
    font-size: 14px
}

.gaia-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: 0 0;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px
}

.gaia-modal-footer button+button {
    margin-bottom: 0;
    margin-left: 8px
}


.header a {
    text-decoration: none
}

.header .top-header {
    height: 40px;
    background-color: #fff;
    box-sizing: border-box
}

.header .top-header .top-header-container {
    width: 1200px;
    margin: 0 auto
}

.header .top-header .i18n {
    float: left;
    margin-right: 20px;
    width: 88px;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    color: #333333;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QjYxRjUyQjI3MzExRUE4QUUzOEY3QjUyOENFREU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBNTcxMURDQjI3NTExRUE4QUUzOEY3QjUyOENFREU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCNjFGNTBCMjczMTFFQThBRTM4RjdCNTI4Q0VERTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCNjFGNTFCMjczMTFFQThBRTM4RjdCNTI4Q0VERTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4pwLOUAAADEUlEQVR42nyUS0xTQRSGp+1tb6EvaHmUVioRJUDwSYJu0Ii6IqIxJMZEFyYkEheYmKhxZ9y7IHHlRmOIxoULg4kaAUVwIYKioNCKRN60pS/6uI/2tv4DvVia1pN8mTkzc/47M/ecUbR0TZE8VgwaC1mmQUoRvUpBIgyjnFiPil8x7pcX9XfXbgUwOUTKtCzTYTZqTxbp2H2sRmlRqZREkpLEE+SHIDaCNR7QA5YzA7eJ1TjM7Qi6a9SpdztsJnWJiSEKxeZclCfCRJ/rG7qPwSlwHbwAQ3K8MkPrMAK7qytNdY31FnVp0T8hahqGsI5yY4tSqXDAvQfegDMnrk0fyxYzW0zaGzsrDDaHtSDnBapxhuYD1np7if4W3IPgLXgFTkPQninWUV6sO5JPiJo3mCCLnigJRoRZuBH5/sE6uCLfmdGo0+yt22W25xOaXYqGJ2Z871OpFBeOiQ8w9Ctj+hHowu5sdGfNhgKNrdioyrur+ZXwsjcQe74W5M7D/Zg5h9SYT3ePUrGawkK1RZ7kBUIW3Tzx4ViyxYTEHzQSyW807yroMXWGAnU5HRHjhIw7vVwgIn4OR4W52ipzlbVEt389ItB8WviPWAgYGCQkJMiGmC8kEE+A6/cEYm1wq0d+rHaipUk6CT7kUnn6bqPRgziDJHVF+cQKHJsgSoJvnad/KwVmwG36xczyoanAapjWRELipGSKJjAtr1IwTo856PHHhr5M+fd4ghwH8eGMwHiWkLVIz15oarC2iXGJXfXG2ofHvZM4nQtxQ1TMHwjzIwEnv5gule/5LqayzHDVpNecQz6y1LeX6XeM/vQoIfSp42ztnJy0z3KU1zZzVBibIHQTLSuPiWIy7vZFB9NFvxW8BF6Di+B4LrE1f+yyQadhbaWbWm6/GB8YXehFRTzBrmayX40+kASt4FD6RZiRJxUqZUiLAqV5OLsQSjgXgr2+EPcQQi/zvWcDYA5cAp1yWYIwx8fZMae7Z8yJLyZToQgXv4/x6bzvWdp+gzugCjTRzKb1CwH6yrrRd2XV5pb9FWAArpU09dMRYYAAAAAASUVORK5CYII=) left center no-repeat
}

.header .top-header .i18n .caret {
    margin-left: 5px;
    font-size: 12px;
    transition: all .1s ease-out
}

.header .top-header .i18n:hover .caret {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .top-header .i18n:hover .global-panel {
    display: block
}

.header .top-header .i18n .global-panel {
    display: none;
    position: absolute;
    top: 36px;
    right: 6px;
    width: 80px;
    height: 25px;
    border: 1px solid #bababa;
    z-index: 9999;
    background: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.header .top-header .i18n .global-panel a {
    font-size: 12px;
    color: #333
}

.header .top-header .i18n .global-panel a:hover {
    color: #4263af
}

.header .top-header .top-nav-list {
    padding: 0;
    margin: 0;
    overflow: hidden;
    margin-left: 120px;
    margin-right: 140px;
    box-sizing: border-box
}

.header .top-header .top-nav-list.is-login {
    margin-right: 210px
}

.header .top-header .top-nav-list li {
    float: left;
    margin-right: 16px;
    color: #333333;
    list-style: none;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    font-size: 12px
}

.header .top-header .top-nav-list li a {
    display: inline-block;
    text-decoration: none
}

.header .top-header .top-nav-list li a:hover {
    color: #4671fe
}

.header .top-header .top-nav-list li:nth-last-child(1),.header .top-header .top-nav-list li:nth-last-child(2) {
    float: right
}

.header .top-header .top-nav-list .quick-link {
    color: #333333;
    font-size: 12px
}

.header .top-header .sign-up {
    float: right;
    width: 120px;
    height: 40px;
    font-size: 0;
    line-height: 40px
}

.header .top-header .sign-up .btn-link {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer
}

.header .top-header .sign-up .btn-link.active {
    color: #4671fe
}

.header .top-header .sign-up .icons-splite {
    display: inline-block;
    font-style: normal;
    margin: 0 10px;
    font-size: 12px;
    color: #a7a7a7;
    line-height: 40px;
    overflow: hidden
}

.header .top-header .user-info {
    color: #333333;
    font-size: 12px;
    float: right;
    height: 40px;
    line-height: 40px;
    width: 210px;
    text-align: right;
    position: relative;
    z-index: 99;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    cursor: pointer
}

.header .top-header .user-info .console-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #333
}

.header .top-header .user-info .console-link:hover {
    color: #4671fe
}

.header .top-header .user-info .console-link .anticon {
    font-size: 16px;
    margin-right: 5px
}

.header .top-header .user-info .icons-splite {
    display: inline-block;
    font-style: normal;
    margin: 0 10px;
    font-size: 12px;
    color: #a7a7a7;
    line-height: 40px;
    overflow: hidden
}

.header .top-header .user-info .nick-name {
    max-width: 100px;
    display: inline-block;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMTk4MTk4QjQ3QzExRUE4MDVBQkFBQTI2Nzg5MjVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1Qjg3MTBBQjRBMzExRUE4MDVBQkFBQTI2Nzg5MjVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUYxOTgxOTZCNDdDMTFFQTgwNUFCQUFBMjY3ODkyNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUYxOTgxOTdCNDdDMTFFQTgwNUFCQUFBMjY3ODkyNUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6uRyAnAAABjUlEQVR42nzTzSvEQRzH8d0NeVglLooUStQmhVKkFbFIEQ6Km4sLjhz8By5ykaubIsraLLEoDxfFBXk4IG250CrylPdX35+maXenXrXzm/l9fjOz33FvrO+4rJaOThQjGyn4wivuEUTMmdza7v+bYLY2NOMBxzjDC7yoRBWmcIRl5yUzZAj1mMG58dyrqzhQpRhDAWbNkBY1jE991q3PZEvPCGELNxjFHHqx5NEz6NdlOgE+9GiAtBwMYNBY4QQC4VAkT0K6cIU7Y0KtK37zGb9ldSfyMQkpw6E12ZMg5M3q76PQ2c6lNfieIOTJ6l/L3+/Rw41Zg+4EId44H/uRkG9kWYPbCUKCVj9Nti4hHyi3Bh9hl7IU2Kn1rER2IiG3aIjz1TWrH44zp0nOSUJWUYEiY1Dqos96oQOpRj8XdVJszqFK0Djm4Ue17tdsNZjW+7SLEalgLmDUKfsVfWnSlbzJChuV3KMF+wIu6iEHkJEkSObsOQF2iLOiTd2SlHg+MrVSo7hAREv+v/0KMACRbVSoau3aogAAAABJRU5ErkJggg==) left center no-repeat
}

.header .top-header .user-info .msg-count {
    display: inline;
    position: absolute;
    bottom: 50%;
    left: 100%;
    margin-left: -25px;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    background-color: #f56c6c;
    border-radius: 10px;
    line-height: 14px;
    text-align: center;
    white-space: nowrap
}

.header .top-header .user-info .balance-number {
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
    white-space: nowrap;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.header .top-header .user-info .user-level {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e6a23c;
    color: #e6a23c;
    border-radius: 5px;
    padding: 0 4px;
    margin-left: 10px
}

.header .top-header .user-info:hover .user-panel {
    display: block
}

.header .top-header .user-info .user-panel {
    position: absolute;
    width: 210px;
    right: 0;
    top: 41px;
    z-index: 99;
    background: #fff;
    display: none;
    border-radius: 2px;
    text-align: left;
    line-height: 20px
}

.header .top-header .user-info .user-panel .msg-count {
    left: 120px
}

.header .top-header .user-info .user-panel .user-top-info {
    padding: 10px 16px;
    border-bottom: 1px solid #d1dce5
}

.header .top-header .user-info .user-panel .user-top-info:hover {
    background: #eff2f7
}

.header .top-header .user-info .user-panel .email {
    text-align: left;
    line-height: 2;
    font-size: 14px
}

.header .top-header .user-info .user-panel .user-authentication {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.header .top-header .user-info .user-panel .user-authentication .certi-welfare {
    white-space: nowrap
}

.header .top-header .user-info .user-panel .user-authentication .certi-welfare .welfare-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAARCAYAAADDjbwNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDNUNFNzYzMTFBQTExRUE4ODFDQkRDMjg0QUJFNDkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDNUNFNzY0MTFBQTExRUE4ODFDQkRDMjg0QUJFNDkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkM1Q0U3NjExMUFBMTFFQTg4MUNCREMyODRBQkU0OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkM1Q0U3NjIxMUFBMTFFQTg4MUNCREMyODRBQkU0OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4P/fzMAAADSklEQVR42oyUW2wUVRjH/2dmdqdVIUSJGCsEEkgj2lhUSDCQmNhETMv1qVEiSKM2hBeCPDTpowYVL71YaSgSeVNpjISL4VJ88QESI6EhWGxjamKNaSCkvIjszo6/M3N2urtplJP9zbl95/t/55tv1sStm6VCUSoWH1Jc2i2ZdnlmpYwXyvP+hLMypkfSqGbbAsXxPuynVYo/Uam0jXGvYq2V0YMaOfubapqHY36mSb4/qiD3gfK5VcqHoepCKQwfVy73hoLgZ/bfQpQTXrN8b4K1buxb2Q9gDfNlyZ7ML2rZsLRWKFDgP4rQOcaP0QuHDpzaIOJYROzDa0R9mMVW1h9JRG2A6f6ziiKblefp8xxqwm6yWigfdmNcI+LbvVvwFU6mFBVDFSM7ts4/I7W+PD9CrJ75Btafc0LPgBVu1MZtLeyf1olhewmZ+PWOP+gbElljUqQfYCvMJBFbJxEOolK6b28TBOn42BFp55v7sfsQgQnslmN3lLOr2H+aoBoIqs3jUEN2izQdd6EdZtytF7H+LcYncb4au0/hIvtbXFDSl0MHsfme/eVkSKqvb0qoq/OZ97HeGHDoJqYLK9J5heimk5uk7SccPpEEEsdtmXNjXoRGRuNpWXk2Ra/ANKyGAnwDL8Mae6OvXTWV07Y4rYKsPZyltWyT2tnHiszKmMXJvu9fcBm6BEdYe0FfDE54GBxgcidzYKOXtlcIvau5269wJhl1dC5y6bbnf8RflBTC4YERDX0+ln5HxkxZ04pIbRtw17ftALwDpQqRS0lp27br7Qd4HofbzsckHISPaj7Y5NrDPLsqbjUPbLTrnPjH8BRcZb4X1jK+R78AvoP1MOHOTulQXxdE1UL2pVuMeZ95d8W7WEg/Qr8HDIwBX756XHDNYAtlmROwfzvn4cZcefay6krF3oOdcM+J5aEfzsMS5zAHNqDLsBTGne1FvLRxk3/mEgoqblTuj7F+HYZxsMTtvwTXWBtKStiYJ53o72AL6VUN9p/SfzQTd3RWl+5smw99COzIgpkt5bJtL/1RREb1P232Hdn/sUpn0h2wadxEEH9l31pKIakqY7ruR6RaqCxWK2jMyeQfwJhDUHDVaCtwP/yt+2z/CjAAhssLhFzjYucAAAAASUVORK5CYII=) no-repeat center center;
    background-size: contain
}

.header .top-header .user-info .user-panel .user-authentication a {
    color: #475669;
    font-size: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header .top-header .user-info .user-panel .user-authentication .lejoin {
    white-space: nowrap
}

.header .top-header .user-info .user-panel .user-authentication .user-icon {
    width: 25px;
    text-align: center;
    background-size: contain;
    height: 25px;
    line-height: 18px;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAATCAYAAABsmQZ/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBMDg4RkYzMTFBQjExRUFCQzUwQkIyOTA3M0ZCQTZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBMDg4RkY0MTFBQjExRUFCQzUwQkIyOTA3M0ZCQTZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUEwODhGRjExMUFCMTFFQUJDNTBCQjI5MDczRkJBNkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUEwODhGRjIxMUFCMTFFQUJDNTBCQjI5MDczRkJBNkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7puO+dAAACnUlEQVR42rSVX0hTYRjG33Pm3Mam6x/MYEF/lmItR1ZE3sS8kcqWA/PCGwkSoi68yqFgBNKFRJnSTUiBN11kwZo16ma7yRwEoxUUCGqRoStdpc5NcFvPWe+Bw9qZSuuBH+N837vvec/7fe93hGAwuI2I7gMXEKl4SgMfuAgWlBMl4B5oouJL5HXXwPnciXP0f9WULxutSvB38AJ8/EfTknym+XQTWMEpcAC4QaKYdc/Vc+AB18E08IJXoJPnXwIb2FOAQyC64VeHHoDToIufd4MZTuQO2MvnIF3gZYzAvBnTb+BwzphkFOcS7we3NlvSaqeTjMPDFG9ry2t6hA9QEuh5zMclNfFzDHwp4CH9r0ppuN6bXgUPwXEu43vwFDxRxFzgRP6SPR6nVGPj2YTd/kg3OSknHQC3wTO1g/QJ6MA7DvRycp9z9v2tCkuWTMa31e3Wi4kESeh7epwYG5UTF3ANZhSLfQDHwEnQzyX6weY3wF1wWa2mpvFx2tXdTeaxMdI5HDRfW0uC1UrbfT5a8ftpuaVFCnPlmp7h/ZJaRJOz5jVOZEZxMoPKMttaW69oZ2dtYmUl7QiHaTUSIdFkIk1FBc1bLHJYUFneRT5AnXkM5b1e5RhZIS5/Fu3c3M7sTT8xQYt9faSvq6PSmhr61dGhXOeo0vQr955DpXplYB/HyeriCyRL2mAwbqB7BKVpNXjNPammx/ypyqtk1Z8u0dTXU7nHQ/GREVqbmiLzwABJJWe9EfnTI+vEOlkeBOVqkwvNzdnfLUNDlIpGswfnZ3s7iUYjmQYH5bB+kfejKFqW9jAUIg0OjWQmKRUIZPfX0NBAZV6vH0OjkuklNk4XwziCvgyjnEuxWCZTWpoiQVhJ9vYGo4Lg4u6g3wIMAG9vw3RweiC5AAAAAElFTkSuQmCC) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.no-vip {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNBNTkxRDYzMTFBQjExRUE4MEUxOEIxNEJFNkUwQzhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNBNTkxRDY0MTFBQjExRUE4MEUxOEIxNEJFNkUwQzhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0E1OTFENjExMUFCMTFFQTgwRTE4QjE0QkU2RTBDOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0E1OTFENjIxMUFCMTFFQTgwRTE4QjE0QkU2RTBDOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56qMRPAAADSklEQVR42oyUSUubURSGz/flc4hDHLFKjKILEXVj6EIQLegPcNE/UCiUVjrRRaXQbbHQRXGqltLQFNqtG3+GdamgqChRVJziFMfY81y9ElqHHLjk49573vec9z03XldXl6REsKen509jY6N/f39fzs/Prw78fr/MzMzI3NycdHR0SDKZNItwHEdyc3NlfHw80dvbe1+3YjbPq6+vNx/5+fkA/j44OLgHOItEwnVdOTs7k9nZWZmenpaamhqpqqqSRCJxAeJ5cnR0JKurq4Hm5uZfuv8gHo9f5KZU/zAcDrfv7u4acJKVzKzDw0NZXFyU09NTA7y0tCTr6+vmHueA093y8rI0NTW1g3XVweWv29raGqFiQE5OTkz7W1tb4vP5TCcAFRcXS0ZGhhwfH8va2pqRjbsQbWxsSElJieTk5EhbW1tkbGxsVHGTHh5o1QPl5eWB7e1tA4IkgAKSlZUlhYWFUlBQYDxhcc5vLBYzwJCWlZWZYpBS7wc6OzsH9bcbicK1tbXdtBEIBAwB4FSCjrSv5OaMVVRUZAzNzs42JAsLC+a7oqLC+EgxFNDQ0PAMbE8NGwUQSaypJGZmZhrg6upqqaysNESc84s/gLS0tBgZg8Gg6YAzm8+5ko06ExMTL3Z2dvrRkxZpl6mAACMh5oxkzEZziOxij674xhvO8ZFhUU9eYvKATkBc249a5yECFPOmpqaupgoy6w/fAOqbMbLs7e2ZPeuTFv1IBydqp+inmuPoxR+wWyA6wWSqQnf27MNiqpCmtLRUGA46tznq3WO9Fk0dUyKqevpU7++QYDBVAwwgiTaYFPbr6uqMjMjJgmRlZeWJXonYu6kPjYjMz88/pV0qRCpmm+lAMiaLRQDOVFEEe3l5eTw0JudbKqAn/8dXbdnR1ofR2MqCmRCiL5UylpubmwaYNzI5OflcOx35F+w6AmJEQRwF/4I8kFiNIQqFQkYyNdJ0p+/gleYMXQd0EwExrOCuAg8CBgHV842xECGb3nmjd/tvArmNgBjSCXK1yn6MZVExnVw+vLd65/NtAK7cHQM6Ua/5O6Bi9EY29emdnn26KzkdAqIPEl4sRDpp73XvYzqJnqQffQoe0pft1+8P6Sb9FWAAz5e0Mp/hFoQAAAAASUVORK5CYII=) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.personal-vip {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2NDk0OTAzMTFBNzExRUE4Qjk3Q0JDNkU2OTNFMEFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2NDk0OTA0MTFBNzExRUE4Qjk3Q0JDNkU2OTNFMEFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY0OTQ5MDExMUE3MTFFQThCOTdDQkM2RTY5M0UwQUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY0OTQ5MDIxMUE3MTFFQThCOTdDQkM2RTY5M0UwQUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6esKmYAAADh0lEQVR42oxUTWhUVxT+zpu/l0kyJrFqazu0mK0/YF2U2saNtCsXRYQuUwK1SmlFQSh0JwVRSxtjWkuLkILiprrtwqYIdelGbKFCamlsCDEmk3GSzE9mTr9zzxuxojEH7ru/5zv3+865T65/gMft5bcO4qZs2teBaonTZrKsQLYPOnsNmKtB+neHJbQavicCxNz/5+flK8PYxcV7bcD0m7t8IL38NHAJNWxCnfsrJXf0Y0B9HnhQg05x2ncD0rON8Rc8QJQDFqeBCgrvvY2Luow9/8498nxk++UVDKDOUb3MAHN+S7NUFlq+HwjJBs6NXOZvfiKjQZRO6Nw09CH3+zGgt7GfGz+FizdGA0QUbcc8BAVUDaRINgyytAChvxJHW4liKe4nqvA81NoKx4tOBtnQlyfHYZq0ouj1PKKtGJFCVwEZIuXNkX2jCSn+AOzR0EuGSJ3ci30buyvAzgmTFeDN0cHW5ZpINwrFAZwrvuMcd0pf8bDtSm49JE8NhFfqWA/MXHKJXtwHaUYQrkmqG9j8ZZAFpZsgb8ploHm/fYxATzZkDxl2Wnq3XuX1SKaVXA2uayoPnf8FUroF9Gxn/ANA7g6kepfzN/zY/StQ5hfd1rZQ73KiG/0jBokbV9N4+McZrVbOmjwiDJ+iR8Q+nfUbWWlagN69wOTlEBs9O1gxfwHly0FSSVnif4c21fNkuagF2c5YFY3gARaQbY2pLHG65MJl/JDUjgGvHQwy4U+u9SfyzP6KFlOgBZdFG+rA7baMQXkVY21NfuTiIHIJcORMrdeqsfiNIBshG98HXiCTFZbM1CloH491eXWZumIJzga8IbYxJFBtG2PUoZAkC1QPD4+02c/f8BMvDTIX/ZRnArp4xx+nJihZb1rHhxxdaING+L9dYFV8FPSrJyxM3+kTQHWGMr2byHPNKycWL9O0M9cKrHK+fxzwyQBm35HJoVDXbUdjMXvdd02ee8xLVze0pn5zJlpL+Jij80+CpfF0O8+bC8N/E6rONJ5KfKuT4WXz7XulxIHlp/yOPg3oWQHMvk0YnjOZWkvjkIlxL8N1FL+x4N6Co/yefRZIhNVtlEn8xN6hgdl/B3HkmV2xh4njnHy1GkAaz7cRrfFd5lNfQ0kl0xnKi+X7GZmdfp5zhLXZsFabRxD3MEDMhFY+59rJtTimsXYbRq6zqDN3rb6+WKvTfwIMAO7aHjeTZg/cAAAAAElFTkSuQmCC) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.company-vip {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczQTYwNzIzMTFBODExRUE5RDUxOEQwRDcyRUYwNUE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczQTYwNzI0MTFBODExRUE5RDUxOEQwRDcyRUYwNUE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzNBNjA3MjExMUE4MTFFQTlENTE4RDBENzJFRjA1QTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzNBNjA3MjIxMUE4MTFFQTlENTE4RDBENzJFRjA1QTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5OnkUdAAAEJElEQVR42oxUa2wUVRT+7szs7M4+Zrcv1lLbggYUrU1EFIkaouCj0RhixShiJJFIFKP1gYkG/6nRmGigrW0jGkqsf4ya6C8fsT+aYNVUE4FWAm2x7ALd0na33ffuzHjOXZZoefUkd2Zy5jy/850r8H+pu/M679DqZYaRzjvnlY7jwKMrGI5k8fepHB662ZT6ol2yUQTgpf8Hj6UzQ+OZNaSKlH21BQm+SGad8FzGRjJrQ4iSUlGAbMGRwU/Hizh6OoflS3SkyIZT6KpAMldEdLbAmfvorC8HVP8TvHVlrXtXrmCjKqCRg4180ZHHshxEZ4rY8vgdMHSB4xNxWXGe9EWr1MWxyTxG6dQEtMZ03j5MqhHWn6sRyi3LjVlq1ZxNWWiq98iKz84XoZKSjbY9fTeeemwtfv3jBJ5/tU8m8LoFChZkt2zLkJkeFZbtzE1MFyrIzVbWr/KhucHTXhvSTI9LkdWLc7ieITimyXHzo+vQsuFGvLirD6bPjZ4Pn4TPrSBCXfFcTs0WUOlTsTTkkh1eXeUyw0Gt4/qlbqjLavTV9VX6Pm5D14R05Ko5WVbz4O03H8amB5rx7vvfoLmpAV99fRA3rKrHju0bkMoU0P/bSVT6Nay4SodGfpyA/WsrXLfOZ+zv1I1N/kFqN8g/TENFgFr00PfKFXXY17kd84kUPv/kWySnZ9D28iMYOTSK/p+G4AgVWzevhel3YSpyBo01ugxuelVZpJcOzaNFpYc1PpVvYRyZPSkabo4Ge3Z6Hn+OxBA0vVDcPgz8fgKtrbfj+4Ex5IWOf6JxdPT8iL8OR+D3KEhkLMwkLZqFhdhcEWOxApPgLaZp+5FILhH0Kr3liauyVQWDxw/h3o3NOBlLon84BdsGdr/24Hna3dXajtFoAiHCn+CgfaGp0qP0xrbqgNFb3oMDzKiAoe4nBkgDlbivqQIL5YmdB/DzLxPy2+0irGmwzDyeHxfGfoTEM7bl9C5ctN65jKXWVbg+LRC3uaJwOCiXLRgwcM+6Bmm0pDogv1lfG/Kgf3BcJnJTAhcVRIv4LJl9Vg4q7rvJj4GjaRBEUkHBd1T6tO5k1sIPX+5EmAI6zgWNSBpzkvu3dGNqMiGvkrFY/jlSdbM5L+Caa4wLrgqWnkTaEtUBtWvT1i4KJECbSYtnSxpyMu7wtmsNTCYsgqcoZ3Akkn1BCNG9MNjFErB0uzQhFEV8LI3oMuL7hivmDW+sdkm8CVLQ3HhnXiKzzosFulQCli6KodDwOhzGVyvhpNO7xtSQoa6Y75T0FVLvvVSQyyVg6SQ4FLpf9lqEDdM05C2xhXeFGnud1B9dLoCCK0t7PG21GXppO02j5BJPWW/Q64MrOS8mAcseGnxbBQ3TKLFlN+neW4yjhsXLHuJ6/XA0Z9D3O4t1+leAAQC2NamqZsrvVQAAAABJRU5ErkJggg==) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.PERSONAL {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1MDYwMTgzMTFBQTExRUE4QTdFOEUzNjAxRThCQzNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1MDYwMTg0MTFBQTExRUE4QTdFOEUzNjAxRThCQzNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzUwNjAxODExMUFBMTFFQThBN0U4RTM2MDFFOEJDM0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzUwNjAxODIxMUFBMTFFQThBN0U4RTM2MDFFOEJDM0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4h6QCaAAACJ0lEQVR42qSVTUhUURTHzzzEGidrYDScEoXKhqGFG10pwYCClV9gIS1EFEXIJvITTFuOG78WIkguoo2LaZkIKpRR1KIW0cLWCorOvAELxybE0f+9nYePx9z3Bjzwmzv3vvf+59xzz3nP1f/+hBRWAF6Ch+Aa2AZREAEJcrCp0P8xR3FdCH4Bpaa166APNIEqsEtZmMrBgkXcbDfAPGjOdPHnnWr+91n+aoro7zsE1giKstlBJgeBLJ5zgVvq6O0dHFB2lnQSVzn4AXQH8T2h6SSuOuQj8AK8snEwAo7thO12YFTRMPhnWU+BfvD6V6CZzlOmwibAIqgHfm60ZR4Na+DeqOT5NzANluwciCrqBkMstgGCYNUk/gDUgaeWZ0NMhFOdsDp4AmZALlgBa6AXtAIfd7f7T/6nxaMc/bJq622eztHkycGWx3WpwnwG4mDnWFzYcz6jOp7f47FH9721E6e7F0LUlWjbwjSumTozYrlXCJZxXoV9Z+cDNb6AFFKJD+6HSU/Hy2tj1TJCN5hVdOszMM5zEUAHKP6YWpdCZidm8d/pfeN5eciPQIlix+1gFEyCr6I8ZaMk/TSohWnSexaXRdyoKLmDFptS9YAurqjH4Kb8UCRapZAQFMIZxImLhVz44OxwnatsE9zmV0jQWNy9ukCxwjd0RfPKuUVcpHPMSJHfoRlLOTVB82JRrJvy/gZJ90Xp0L2BVFyktJb6wJG/M+47FWAANzWT7uT8b/AAAAAASUVORK5CYII=) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.STUDENT {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRjFDQTYzMTFBQTExRUE5ODA4OEZGN0I0RTVFODBDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGRjFDQTY0MTFBQTExRUE5ODA4OEZGN0I0RTVFODBDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEZGMUNBNjExMUFBMTFFQTk4MDg4RkY3QjRFNUU4MEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEZGMUNBNjIxMUFBMTFFQTk4MDg4RkY3QjRFNUU4MEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6OuF8LAAACXUlEQVR42rTVXUhTYRgH8GfHpYXBNNeqi6LvyAVdJFZg9oFeSOVVYYSDEg2JDKoR0cdFgVAUdBEREvRBhRCIWHcpamCBVDebQWCJHRBsuphMW2nnnP7v63PicPZxZtgLP7ads/2f9333vJvrbLdBDsMPx+EwrAIV2uAhhJ0+rKS57oFG6IcBOMfhxI9nIATv4SQUZFNAPK+AZzAK96DUYYLb4C6/vxUq7ZMWL7xwFYagE47CQprbyIMj8AqG4Rr4xA03vIUNNH9jJVyBAKwRK9Do/wzD3KILfGFknoKHectLzS1y8Y2DUAjH4BAsmkPoD27dR9Bjzt4sYF1SNzsFNVAHOzIEv+Hz8DxcvC+u6Lmk5UzKG52+vpTnYDO0wB7+4E6+dpMPmBifoRk2hvxlN0L+XbXh4t0RvJ6Bd3DAGihW8Ak+cC+LVjvBvsETeADnmRwxTxeN+u63zL7PIMOlyV7RcqZL8OQlT0AUjIoCE3xIftlWswyCrJ8LDfDhOj2dO7I+3b4F8usuTRmTar5rcYmb9/uiQ7tuZ3J8L3xBGcKpPG8v1UcDaqu3fUzhPb8MT7NtmYqiTTIoXXgw1kTj+tjWykiZ/JJV3rPxbAu8/tkrg6xFrOETeozM9nf/y0mamVpBQaWJbhXc+XvNFk7cUUltmsimgDdaI4NEoAhOES7GbbkM2x/OOvjIv44ZB9qUIksfk0eZ/SuwhTfz95q0gi+wH746FVgeaaDV6nXS4msp/juhIyrBPxPVZniqFZhjAReqgi3i1MISy4TEIRzk89EBfSF/OYL0pKA/AgwAG8W4CoQadrsAAAAASUVORK5CYII=) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.BUSINESS_TEAM {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATCAYAAACORR0GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5RUU3QkUzMTFBQTExRUFBQ0FFQjIwOTc0MkZDQzI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5RUU3QkU0MTFBQTExRUFBQ0FFQjIwOTc0MkZDQzI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDlFRTdCRTExMUFBMTFFQUFDQUVCMjA5NzQyRkNDMjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDlFRTdCRTIxMUFBMTFFQUFDQUVCMjA5NzQyRkNDMjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UXulRAAACWElEQVR42pTVX0hTURwH8J9zNkxLRZOG9E8ixRcxNAhqYCQoRpEEEjQi0YcEUYYopAQ+CAYVRC9BPdRLDwWiKEJIs1L7Qw/1UPhma2TJlqb74/+79T1356zD4a5794MP2727nu/O2e8c7R5vnEzKDi3QClWwA5/gETyGGFkou8nnu2EMzih/c5K7BE2wYRZkM/n8gRKiVgPcszIjNegijMN1qAC3hTHa4Ch0wiicMwvqg2FoBB9cIGuVwQf3w3m+1J5UQQdgQLr/Cw6R9WLP/pCuh8BpFHQaMqX72RBOI+gP5EnXWeAy6jr1t2Jt/DaNoM9QqdzbFm/u1P4LmgJNmlUz1ME3OGISMg8T8E4JmRUh8owW4Abc4tcu3tZX4QVfSqNahysLzrsDmw5f9Vr2XGLQnYLvW7t+1iQ6eCbRMdLJwAZ7yTciqwAcg3Lw8s0rV5R9ma/l9c1aZsST4osMThbPsNktiRkdhxHefayW+bET5zvfYTCII1j0tAshl1OtqTunpS8aj/hzMnKrWROU8OURISFgK7sIX6BH6chkI4Vz3/8vhFyOWmpdcrP9FWRBN6FIeqadv3qlcMM6W1imD5gqpHulg37HgpV1gVN6WzdJz7Duew7PYK9ZT7/eeKUPKIfJIauxFXFy6F03DaXix4NrUGZl82xHndRt66Db+feT95QQVh/VrhP1AU5YCQrtmSXfwV7Ks+Unw5QQEuefGsRaPGLh30eyFosfUmDfEz2MlRLCVqjf6OjZhDdpHD20P9BGh/1DpIVLKaStaXx/TfGZ9Ivn/gowACALpn542OmAAAAAAElFTkSuQmCC) center center no-repeat
}

.header .top-header .user-info .user-panel .user-authentication .user-icon.COMPANY {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0QzVBRUUzMTFBQTExRUE5RThEQjJCMDU5RjU1REU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0QzVBRUU0MTFBQTExRUE5RThEQjJCMDU5RjU1REU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDRDNUFFRTExMUFBMTFFQTlFOERCMkIwNTlGNTVERTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDRDNUFFRTIxMUFBMTFFQTlFOERCMkIwNTlGNTVERTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vKt17AAACJElEQVR42qSUS0hUURzGz4yG6J0xHV3oJu1BC8UiUHShowONC+nlSoIENXFjBolutFUkgvgCF64UoY2JYJAL24jCSFbQQuyxyBIXJqn41iJy/P7Td/V6mBkd/ODHvR/n3u+e87//c2z1434VQpdALXCBShWB7Jq3gWLwGnwD9SBRRahoXp2gAjwCV9UZJaE9DHSEeOYCx8NpQA+V2S2DVZACYsAa2KTPAPfCBN4NFiqqAa/ABCgEz0A38IHLJ4T6Q9X0ISgCV+hLQTq4GGk9OzxHobe0MTcRLYEbXIFVf0CvHmid6UvwlT8kDbwB06AKnAPxnLlVezOZ+eraJ5+S63/5joUOsqZFDB1jTW+yppPCj7RGteV4exv3T0CO/OTv6Y/NlY7qNR3RZtFF9OWXAK/1wW3jo+JmaQF/pYuiT1n/+BXXsAez9IZ6oNyoat7xby8YNke2uU0fcDtO0TfRv6OfXEztdoYJVO4Yj6peLV+Qnjdnmssfkkyfxd500eeVxpa5HXZDvdjpDxrYsF6nNvbXr3t/5R/WtE77+H1i1lRN/B7/15bYGSX3ZrAWaB5Ih6HvwU8gvZEEZsEcKOD49Jp/eQove9oTeo6a+Xig6IP16Gvlcmfp++i/iGEfdsnLEiJhQQLNrlE2HNKyd+fBBrepARZ5yIjfAqkMf45L83l7QiBBC5SWemoNPbU2nT61kjSkdmM/B3zcXob06h32akAHAgwA6JCjseZ9pPAAAAAASUVORK5CYII=) center center no-repeat
}

.header .top-header .user-info .user-panel .opt-list {
    padding: 0;
    margin: 0
}

.header .top-header .user-info .user-panel .opt-list li {
    font-size: 14px;
    color: #475669;
    position: relative
}

.header .top-header .user-info .user-panel .opt-list li>a {
    display: block;
    text-decoration: none;
    padding: 8px 16px;
    color: #475669
}

.header .top-header .user-info .user-panel .opt-list li .balance {
    padding: 8px 16px
}

.header .top-header .user-info .user-panel .opt-list li .anticon {
    margin-right: 5px
}

.header .top-header .user-info .user-panel .opt-list li:hover {
    background: #eff2f7
}

.header .top-header .user-info .user-panel .opt-list .btn-charge {
    width: 60px;
    height: 24px;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    color: #c4c4c4;
    line-height: 24px;
    text-align: center;
    transition: all .2s ease;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    float: right;
    text-decoration: none
}

.header .top-header .user-info .user-panel .opt-list .btn-charge:hover {
    border-color: #00a0e9;
    color: #00a0e9
}

.header .top-header .user-info .user-panel .login-out {
    padding: 8px 10px;
    text-align: center;
    color: #475669;
    border-top: 1px solid #d1dce5
}

.header .top-header .user-info .user-panel .login-out:hover {
    background: #eff2f7
}

.header .top-header .user-info .user-panel .login-out .anticon {
    margin-right: 10px
}

.header .main-header {
    height: 60px;
    color: #fff;
    background-color: #4263af;
    background: linear-gradient(to bottom, #324b86, #385599);
    position: relative;
    display:none
}

.header .main-header.index {
    background: transparent;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 90;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.header .main-header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 1px 3px 1px rgba(44,53,76,0.35)
}

.header .main-header .main-header-container {
    width: 1200px;
    margin: 0 auto
}

.header .main-header .xfyun-logo,.header .main-header .logo {
    float: left;
    margin-top: 8px;
    height: 43px
}

.header .main-header .logo {
    width: 150px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAAgCAYAAAAWu0rOAAAKu0lEQVR4nO1bC3AW1RX+SEIQRRLwUUYeDYo1DY1ghYCVikIKVlCogobQkqkoSquV2mFCtdN2KpV0amdQ1BH6sNqBUm1rJdBCYslYqFIV6KADYqsFeSctJICRR8zpXPvdmePt7t7d/ROiY76Znd29e+5r99xzz2u7iAhS4AoAMwCMBNAfQHcA9QD+DuAZAL8G0Jym4U58dJGUmT4NYDGAz3voDGPdDWBpJ298fJCEmUopdXokeDsPAZgDIJX486AAwF4AJ9qh7Y7EuQAanHdmJP9pLGs8RWPLAzBO3VcDOBZVIS4zDQPwPIDTUwzqPgA/ATARwCAARwC8AGBDirYs5gO4F8BOAEMBVAKY56nzKoCLeZ3n+SgFbNviNgBjeW3GPxfAQQAPALg55RyeA3AjgHy+X4M7AEwCsBbAApa9DeBHACYD2AfgLqcd8x53cdF+N+VYTBvXOGVPUJUBGek6byuGmTxHroi8IenRKiLNAbVfEJELY/QfdDyv2ikRkQUxRrdFtdNTRA6q45Ci267oskVkkXpWLyLD1PNHM3gvK9jGKA9dmYi8E/LsiIjks515GYxlnfOOb1DPTN8DQ77DWBGp4tE/zoe7NYNB+nBARM5PwUxXich6EXlQRLJUeSP7W6nKtrBsS0R7I9U4F7EsT0TWqPIdIlIYUt/2IRF9hNEMEpHN6tlidTwiIpPVs8fVxzNHuWqnF9+lOXJU+WxVX9PnK/quqryPiDSoOvdEzGmqovtyTgwR+JVUgjMezqVeNTFhvToAo9pwHKXqugbA+QBWABjMsq0AxgPY3YZ9WvwTwGpu1wZvOc9v5PkwgNsBHGfZQABnKrrLAKzitdkSn/X0+1MAU6if9VXlSwCczevXqaKEYZMqH+Jjpp4AhntoMsUXyUwr27mfKIzns5MAWgD8Tb1Qcz0BwH9O0ViqnPtR1NMMSqj7PU799UFFZxbBAQCfAPBVDzP1VjrQcs4b1CWvVXSFPqVbYUhWQGEupdE6vsDTYjaWFlmUAvcbgyBGG1to1QivM4VZMCPYxgZ+LHN/AY8rTyEjgVLnZ+p+D4AxAGYB+AEV/tM5/8cUnVkEy3htFug5EX1M43c2eDKDsdrFZzDUlUwl5PqiGA3t5zYVxJAaTeT4KBgm+rY6R8GI+/cAZCuaSm5N3XlfTH/YSzHmYZilK6/N6h7giP3DEatzPhnPbDkWtSG0Lo2xFm8JoHtaSUWDVqoCD3GsxSyv4zak8SsA3ySjlDuSS6OC12b7fsWZa++QOj60aGVqQojVFYRK1inz0N1LuoqY7RpMi6GAa6V6BC3GIIyNoYA/rOoZRby/iLyqyrZHWDMrE8zLhR6PtkZdpXmAiPRwLE6DKSFjsmPfFKKAD1b3lU7dvAzms85KFcPtT6mV7cOf+Hy1h66a5xUJOHxRDEmmYZyWN3F7sCEcoxh+CcCfY9S3jrlDAF6mz+YK+tUMPkW/2CUBdW/hVrhdlV0Qcrg0rl8nCkcpdSyMv+kPIfR22zLjHRLw3EqlVk+EopnGQNSxQ1fI4dbyRIRDsoVKmgmlXMoycc5ghyv4ET/pPG9VdPVkMqPU9gno7ywAswMU0TBs5gFaKPC8bA3jnLyQ92u5fYKMNZ4fcCrHaZjrejobLfbzrL3wrjWGBDRRMIv9Tj6vVbqKiyXqfQTpek9zO3/XY53WxbCyP+D8zWGFoFVnYQb3dTLbPiqsQSin5bPc492+nWGZsc6H0ahIwEyZQIcLXF3HmOBlDNncRTN8FRXgjog5TlLX1zGsdVSVTWbgXaPU+bZl1JMsrOVmdMLvpxjTu/rGMNN0T4VdPDeTC8OYaZ9zDkMDy+sjaAopDfZH0LQFvqDaWBPQXivDFAuVodEecUYfujthm3yGeLQPaBwlehSudUx/i6aUzPSBuKhhps+1wWTbA0UxmCmXls8htUWFwVh/vbgghPc23raDL7RXSN2mDn4X05WVZa3jb9Bas9vdMqYAuRjNXcPg5yEWblCw/GzHmeuFYabz2mS6bY+wD6txESXdxfQPRaGIwdl8fpDhqo8CPouLOP6wtOjJALLG13j9BqXko3RhXE9dymA9DxfZipnWKl+UDyMi3ByByCFnZ0fQ2JSTLh5r7wyefZkFuc45DFHSYDclkZVGdu9u5NZ01KE9gzpQs6I1VtpGzxg6AuJI5BKl9zxGo+B+LopvKWYKw2Gl8B/10LZE6LE+vGZSULZRRwlDPdM9LqXyDCUJtDZfS8+tobkqgs4o5w9zz49KsjPuitc66IMmRT+1SMIstSIuxpMBnvtBlI7I4GN2OAwzLaarPglsIHGoMkODMJEWkI/ORRNdBD49qBMfMma6jE65JGhkYHaMR+f6N5luHHPF4+JJ5VzrxEcENtOyOkUaSHtBmHm4ydP+5QCu5rZRHSD5bmawU+i8q1FuDtBEdmOQvwXwJq9HU5dc67T5i4gxFSnT+x2ml9Qop20/6j/VEW0U0l/0S6d8JMekcZwKOehVnxIxH1BpL6OSv5n+Pu1QHq18VSfpY6vmXCxm0xDQ0YX352x9J7PaKVcnDZbEYCSTNnsPvbQvMwg6w6GZQ0X2XwzkrnOCrWXUc3S4QP9RYxj1d45EneMZ11B+jLforpgJ4IfqeQH7jUIlf8YY4NA0st1cLnw3nFHInSJsPsPJGHsZBivlX0QaV3On2cgg8kgnjAOmR9+n7rP4/st0kK9IRHYlDO7tzCAwGAQT/DzTE+Q9S0TeZDqxLevNsXdzgsF5TortTep+KVNmw/pZQJpaEemi2owaWznr2XuTlvyKuh/FNsPqm/FuZLC7KoQmrI0JnGNY23UiMtwpW82sVT3n2U725h6njvnmy1XW6RgRedaMSaePGDf7Z8mJrYhGI6XDAQ9dEmxj8POIp84lTJvQjraD3FJcq/RKerlnUm970Xk+l6kq9nCxiqv/jgTzKOCqn0SplMRXU87YmYkr3pAg8G4xWs3F/bmgmFJcozYgBDOZoawHGGv9cUA/v1ESdhpDaHDzmRq4XVRxYqUM2ubx2VYq3ks58LbKwjS+klvpE/HhuMo/0sh3Y0Xcdo6RQcfwTw+NpU4+TxDuJhPWxJxLH7pRWth+lH7kYhZ1me9R15uaMHltK9UEBLyLE9QBtYXcLcD7/TrdE9PpxlmI/8cfuR1XMaftfV00LG3XDOo7PMJwZ8SzOBB6bOcn+FBgMLmYTG5/RyqiLvEPh3ahx/m5N0YE/wg90K5CHIYN/DUpKYZRz3qE9V6ifpKEmRoiHLE1lCY2SJ1LZnWtZstMdZRcFcwq0ThOH+A8nV4U54eCIPTnSvfhBLeJ3XxRTZzwdlpJOxP1+j+cYB7RM5SSXbmFVaQIws51fphYpvKYNP4C4K9OlkFalDhb6m08z6RUscywkVmnI7iAMsVcbqGXMxX4GvYXlvr8Hse0npaba6CZre735IXPIMXv4RYzArgVZJbnGIF/kXpQezkee/DDHKMucNJ5XkSmDet/YECK6tsqq6Evtwobs+tG83srwtGbes6eiDFf5JRZ5hlMyaq3nX6c1wGnjXNopWrk8XC3co0sbsF53E7dfKe+7L9BlQ2i+mGzPIoZ1cjmXLbaMaVlpiXUcUBpsIahlJUUgZ34GCLtNnceLb6n+MfEtk7m6URaZtrBLebDGHXvREcAwH8BnwFXCHJKH/cAAAAASUVORK5CYII=) left center no-repeat
}

.header .main-header .pc-logo {
    float: left;
    margin-left: 10px;
    margin-top: 14px;
    border-left: 1px solid #57689b
}

.header .main-header .pc-logo .industry-pcLogo {
    padding: 6px 20px 6px 10px;
    height: 18px
}

.header .main-header .header-menu-h5 {
    display: none
}

.header .main-header .nav-list {
    float: left;
    margin: 20px 0 0 30px
}

.header .main-header .nav-list li {
    float: left;
    list-style: none;
    padding: 0 0 11px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 32px;
    font-size: 14px;
    position: relative
}

.header .main-header .nav-list li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 3px solid #ffffff;
    transition: width 0.2s;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform: translate3d(-50%, 0, 0)
}

.header .main-header .nav-list li.active::after {
    width: 100%
}

.header .main-header .nav-list li a {
    color: #fff;
    text-decoration: none
}

.header .main-header .nav-list li .badge {
    height: 15px;
    margin-left: 5px;
    position: relative
}

.header .main-header .second-menu {
    position: absolute;
    top: 60px;
    z-index: 97;
    box-shadow: 0 6px 6px 0 rgba(0,0,0,0.16);
    box-sizing: border-box;
    background-color: #ffffff;
    transform: translate3d(-50%, 0, 0);
    transition: opacity 0.2s, transform 0.2s;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translate3d(-50%, 10px, 0)
}

.header .main-header .second-menu.expand {
    opacity: 1;
    visibility: visible;
    transform: translate3d(-50%, 0, 0)
}

.header .main-header .second-menu .second-menu-container {
    color: #333333;
    padding: 14px 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.header .main-header .second-menu .second-menu-item-col {
    padding-right: 10px
}

.header .main-header .second-menu .second-menu-item-col:last-child {
    padding-right: 0
}

.header .main-header .second-menu .second-menu-item-col .second-menu-item {
    padding-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    min-width: 170px;
    max-width: 210px
}

.header .main-header .second-menu .second-menu-item-col .second-menu-item:last-child {
    padding-bottom: 8px
}

.header .main-header .second-menu .second-menu-item-col .second-menu-item-single {
    padding-bottom: 4px;
    min-width: 132px
}

.header .main-header .second-menu .second-menu-item-col .second-menu-item-single:last-child {
    padding-bottom: 0px
}

.header .main-header .second-menu .second-menu-item-col .second-menu-item-single:last-child>a {
    margin-bottom: 0
}

.header .main-header .second-menu .menu-title,.header .main-header .second-menu .menu-title-link {
    font-weight: 500;
    margin: 0;
    color: #131523;
    font-size: 14px;
    padding: 5px 0px 8px;
    margin-bottom: 8px;
    line-height: 22px;
    padding-left: 10px
}

.header .main-header .second-menu .menu-title-link {
    display: block;
    cursor: pointer
}

.header .main-header .second-menu .menu-title-link .icon-arrow {
    vertical-align: -4px;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: all .3s ease
}

.header .main-header .second-menu .menu-title,.header .main-header .second-menu .menu-title-link,.header .main-header .second-menu .menu-title-link {
    padding-right: 6px;
    position: relative
}

.header .main-header .second-menu .menu-title::before,.header .main-header .second-menu .menu-title-link::before,.header .main-header .second-menu .menu-title-link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: calc(100% - 10px);
    height: 2px;
    border-bottom: 1px solid #f3f3f5
}

.header .main-header .second-menu .menu-title>span,.header .main-header .second-menu .menu-title-link>span,.header .main-header .second-menu .menu-title-link>span {
    position: relative
}

.header .main-header .second-menu .menu-title>span::before,.header .main-header .second-menu .menu-title-link>span::before,.header .main-header .second-menu .menu-title-link>span::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #4A81FF
}

.header .main-header .second-menu .menu-title.menu-title-noborder,.header .main-header .second-menu .menu-title-noborder.menu-title-link,.header .main-header .second-menu .menu-title-link.menu-title-noborder {
    border-bottom: none;
    padding-right: 0;
    font-weight: 500;
    transition: color 0.2s;
    padding: 5px 0 5px 10px
}

.header .main-header .second-menu .menu-title.menu-title-noborder::before,.header .main-header .second-menu .menu-title-noborder.menu-title-link::before,.header .main-header .second-menu .menu-title-link.menu-title-noborder::before {
    display: none
}

.header .main-header .second-menu .menu-title.menu-title-noborder:hover,.header .main-header .second-menu .menu-title-noborder.menu-title-link:hover,.header .main-header .second-menu .menu-title-link.menu-title-noborder:hover {
    color: #4A81FF;
    background-color: rgba(74,129,255,0.1)
}

.header .main-header .second-menu .menu-title.menu-title-noborder:hover .icon-arrow,.header .main-header .second-menu .menu-title-noborder.menu-title-link:hover .icon-arrow,.header .main-header .second-menu .menu-title-link.menu-title-noborder:hover .icon-arrow {
    opacity: 1;
    transform: translate3d(4px, 0, 0)
}

.header .main-header .second-menu .menu-title.menu-title-noborder>span::before,.header .main-header .second-menu .menu-title-noborder.menu-title-link>span::before,.header .main-header .second-menu .menu-title-link.menu-title-noborder>span::before {
    display: none
}

.header .main-header .second-menu .title-icon {
    height: 20px;
    vertical-align: sub;
    margin-right: 8px
}

.header .main-header .second-menu .second-menu-list {
    padding: 0;
    margin: 0
}

.header .main-header .second-menu .second-menu-list li {
    color: #646b97;
    list-style: none;
    font-size: 13px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 8px
}

.header .main-header .second-menu .second-menu-list li:hover {
    background-color: rgba(74,129,255,0.1)
}

.header .main-header .second-menu .second-menu-list li:hover a {
    color: #4A81FF
}

.header .main-header .second-menu .second-menu-list li:hover .icon-arrow {
    transform: translate3d(2px, 1px, 0);
    opacity: 1
}

.header .main-header .second-menu .second-menu-list li a {
    padding: 6px 5px 6px 0;
    text-decoration: none;
    color: #44485E;
    height: 100%;
    display: block;
    max-width: calc(100% - 20px);
    overflow: hidden;
    transition: color 0.32
}

.header .main-header .second-menu .second-menu-list li .icon-arrow {
    transform: translate3d(-4px, 1px, 0);
    opacity: 0;
    transition: all .3s ease
}

.header .main-header .second-menu .badge {
    height: 15px;
    margin-left: 3px;
    vertical-align: middle
}

@media only screen and (max-width: 576px) {
    .header .top-header {
        display:none
    }

    .header .main-header {
        background: #fff;
        color: #333;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 9999;
        height: 50px;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1)
    }

    .header .main-header .main-header-container {
        width: 100%;
        height: 100%;
        padding: 0 16px;
        box-sizing: border-box
    }

    .header .main-header .main-header-container .logo {
        width: 140px;
        margin-top: 3px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPcAAAA3CAYAAADQZNznAAAS+UlEQVR4nO1dC7hWUxp+z3FSTjkVuTdDJrdIDTPlktuUDFPGbaZ0GNdIDPIwMZSiZDQIkcu4hWIiTcqlkpiDUIMmNESNuyN0inNOderMs3jXPGu+WWv/a9/+/6/2+zz7qbP/fVl77/Wt9X3vd1klXYY1Ik/YEkB7ABUAmgGoAfARgCX5aoAPap+qREPNe8XUpAwZIqEsxddWAuAwAH0A9ACws+O45QCqAEwG8CiAldmnzJAhPkpTeIdKqE8AsBDAswDOChBshVYAegG4B8CHAEZwX4YMGWIgaeHeAcDTACYB6BDhfCXUlwN4B0DvhNuWIcNGhSSFe38A8wH0TOBa2wL4G4DhCVwrQ4aNEknZ3IcCmAageYIvUan3QwFsBuAPCV43CXTnILYUwL0A6nnNdgC2iHj9tQDesOz/FYDyENdRA+wHMZ+xDYnPtKHMsIaAe+wK4CgA3wB4DMC3juOOA7CJ8bcyB7/2bLsieVum/Jyq3f8K+F21fQKAn4j9swBcGvWmSQj3bgCmJCzYJi4B8AmAm7hvdwD7ANgGwCoAHwN4CcCylO4vMQDAOGPf8QAOB9BIvqBfxOvWOLiG2wD8OMR1DggQ7p58nxKK0LyKzwD+/5xwzY+EHSngNnQDMJOeFYVBALrym5vYnYKvsZb9w8XbfAfgC+PvMRxA04R6vwcFXF8922/FvlUx+tL3iCvcTQBMzMPIdx1nEsW872n5XXXKGQBGAvh7ym35vfhbzeKdHLNuvqE8D6867nkuO7L85tMBjDYEO59YY9xrVI5ZqpOhIWlcaHkeNQu+GXAdNWjdXqgPZMFenBQk1Dd5N86F49rcasT5acxr+GBTziY2wQZV+CMAPM+ZrkmKbVlr2SdnkyRRQ7VUbjWWe8y2tE919lsAjLUIwkMAjlXu/RTbH4Q4911NVfaYEOdUA7g/xj2joqnjPNWvx1t+V7Ef13jeqyOA98WmTJlYwl0Rxx5ICSUcmScLGyxJjBQC9CjZfXCwU3ZTZ8v99G96G+3Zpr1px8vtN5ZjZ4q/NwfwBIDzLMcqgT9ZzJ4aFxv3uidEm+Q2xnJuN+OYFZ7vwIbp/A77hzhHPXOd2NfX81ls72Enz3N7ONozxDE5nm9ppwuLabbtbGzKfImllquO0TrG+WmiF9W8NIi4RwC8RTt7KVl9jWpuNjOlWtjCvoSPC4db9s8w/q/IvalU+ySG5fBE1Bqzqk0r0dpELkg1GhRo27mjaQvfaOz7NMBW/ZozlDmIK7Nka8eA5UIv2v4aCwA8ZTnW9h6WWzSo3sIN/AFdwxJKAC+z7J9KctoXdeyPnYzjv59c4gh3LGM/DxhEFeytFG61kFshIV2OS4zBY3+SnFuLY9ZxVri1wG234WsOgCaU2rqv43hFoP5a7HtSCHZ7MTPWWQSnnVCB/80ZcF2EZ1DydBfJXo2LLMeVUx2X2mUtv09YzBfCvTdiCHcrPfUXMcpIfg0o8nZGwTb6AxrQs3Zfuueaid+VjXoa7dT1Bcol91dHW6vIrzxr7HtRHHODCIa63yLcD5LQ0iaqmsUPAfBchHf0SyHYDY73fTHdfBJLInoppAtNmQutogp35xRt2iShTIeXC0SipIke5BdMzKKqPcTyWy1t9Cc3mDfwA2ZSoM1+rAawF9jBpYvLxpJ/RCL2MGPfqRGF+3eW9n1hOW5bx/l7BpDGYdEpjHDvy5jxHpZZo1ih1J/7OKKeHoKksEGx9ZWW/beHIMeSwhHiOopYeptC3cdyj3eKwIyIgnrO0Apt6dM2sYwuSNNH/EcK90BBGL8OYK6jDeOFcB9P16EraMYGRZwdbbluodDZR7gVaXElgC4FbGhc9GXnONqTCLKhjSMBJmpEWlSUWNjX1yjcb+e5LWmj2iAOz6EaLnGzEO6enIhOE8cF+bYfIw+hIwGbU8DDaHx9hUtrhSBbTXxIOzkpfEMS1xzMyoOEW6kOd25ACRw64qm7w0ccF2UcBJs4/Jp9DY0nTg67Yr+3E/tmJfwslzLKC8a/Jh5yMOES7S377jRmxCsAvBKzrS9yVtbEWQldoW2MY2pycA0rKYgnGvtODSncp4i/JwVoitdySxUu4e5KttVlG/hCuRTupstM2YPbhzy/kefPZljlgJgM/74kUI6OEJE1gSrgKMdsfSY7qwu9jYHyjBjPYHOBzWSbnuB7kpjKwcXXLOkp1FSJbjHav5/xf5sfPArGCEGU4boPeqjY44VwH0y7falHe/awaLYPBBx/ZkIJVkEYahOUQ0i8hElWsOE1+hC1S0HZO/8MeY2b6NICw1wVOXF1zHb14jVvCHleFbfLLcJdziQXH3zIzmZzkfhACve3JA3XUF23RW0dzdm9t6d/Pc0IvzSgYg+uF7O1iXEe91Tv53NjQislIevT3+SsvZR2vwv7OIKQksTNUrg7UD2JK9ggA2n6CheKl+cDye5OTkC4wWtM9hyVffAL+tO1T72MmXIm9PPfT7dUFDTl4GtijuHbrSPpOdbiAjyAcfdH0ZcbhNHGzNPPcs/LPAeJY0lmmriKiUCIMNi7sIo2tU1zesEz1qGBE8ggY98pdJMFaXnKa3SS2PdQgWL1/wemcDdjKGVSSSC2VL6wnVqqkWHYyyCUsyOcmdD1pgn/aUtGL5kYlYCPuRtTYE3MEH+vJfn0KU0h0y3WgTbqkTkEa6rx/84W4Z4QkM1lop1FuB9NUKhN3MaIxE3F/jBJIuOFcCv/8YEGY29DDxYpkdcJi/tiDPodbKaSKdxX0HYIg0ZGRW0ZozTSAgpxF4t/1heLGI0VhrnWo3JSs3c+YLO3XWTa1UyHvVN85x04mx1D7WpDwWesAmS6o+qpofniDeaGm+/rqxznfirY+vqI2VwXxiB6z7EJt6bOtxMjlg8aaL+2p6p9b4RGVTJsbj+qtmFigkG1/zgOStuGHKXLLLZSsUOSMB8bSSs23MsQze/Eb2ogfoYq/IaCUhGCCWqj0jzKhcfJdOst6P2CWoh5/BPF8j71CHV2BDt7hmETK5vnAkbo+EauLRZq6hyOvGFcb1X8GODAMIguDBl66ULfBEo5pZ3LrrGVpfPKLDAbnuTAOY3X0FD2+8OcMcbm4wFSRm+RAKIxiAOZC76FRmQADXhuUCUZE5WW2PlUoYU7ShKItClX0ib27eyfW/Z9HLIN8vh6vkDfyiXqg/2IIYjFjh6WFF0f4QYLOBxILUeiOVX1T4IvUfRwxWT3pE3qCvA5NMYAHUYr8J1wEkMZSYNd8n3jIsLP1hPhlir5upDBK2qlhT8l3KZiwa4BfuMSEm2nbqDP7kSZCCrYGNHRUO2LGZJMU6WEvtzIv53GeTnI2BPpvvvM8tsYz1m1p6WwwpgQVXjiFKaIhDJLutjGhrhReMpNdAc5hDgJJM2MkERZ4WZPi7tFuU0Gx7ifiRkM4SxWdHSEwSq0YLCJCRX8NNAIxtmUfw+xnD/M85krLMI9LMFQ5jci5pDDVam2rIirqeQLcQmxDtyqYgp3U0NYpXDbXGBdE8ypX1Hkwt0vICbhJOGGXU0X53bCRTWARRniZAamiZ2SvnZpSksK5QtR/eImClUcMAxswp3hB8j6cJOYCnqj2N9mPXR9xkJZDLVCxvG2ZkE+X7SlcJphekFritnQTuxrEUHNDmsLTXfEMC8y/r/OUjtcRtctctTWsqE6xLFR8H6K104Cn1hSJJeSL9pepPHqOPK5dK+a7sPTaUJFCQ1dZCEwfd1gElM8QoDjYmlZjA/bg767CRTqO0JqATvRxzycwtA/QqbMfrSlbqdL5y+W8MNcCLs6x0CPY1Z6cBlTuPlA5ibnE0NZF8z8tjY3pg13G2WQ1nCAWxxwfBWfVX9DPSCODfDFB0UlBmW2hcXN3JLADEvYcOIoi2FrlTK7aRwDYHyCV6QaPYRBFKscs6E83naPW+niaRYxHXRBhHM2JiyLsZrL4hzCLPEhY6wzJIBShs/5jsQ2bO4QOlkLaitHPvfmAal6MtZdRmhptIgo2PVMTc2QYYNDKe2PNCpi9ib725y29CMRiipeySgg1c6fR8jBzoVnPCuKZMiw3kHbUeNikANBuJZ20/sR7Z/tWYVyNUMoJYEWF4UsYJchQ6rQquxiFhGIU/4nTaRRRnmJyFuOgnaMY6+neZPLrVZheZaaHMELpR6+eNs1NiMPsdzBDremzzes5rKZJaKr1iNSqyVJtSiuRx2kEeTZ8HlP6yzeoWaWHHkTK3NMfOWsa9eC5GyuFOImPFbC51vo/hN0rI5bWW4yoIPznbVSYAyLoa30YPjnB3S3zGVe7+gcoYxVrGBibmuZAHO5w2/f1nKO3NpazhvKY851tOVrkplhMdRy/3oKwUTLKicairj8c4T7bcl++XkANwPP92QjTy/McY4rPLsFC0R8xSKPz3LCeNlRx06jp+M+dQwnHh4wmen+4yob1dm4XoVMSu9HOzTNBQcaEwo+iYMXcxSwC8IJTJVU6aln0dtQwUipEewM3QOqarwiygGVM+d6BE2YmxznjWKhSBuCBuVr+U3fS/gdmoE1TZi8cQ3DZA9O8D4nc/BrTjeZKwqwWrSpN5fmMVMtg2bGYyx573DUey/nt9iFKaWTqVV05necw3TioEIRRxkL8pcyoq6Sg+fnAQL8HctXDbBoS/2onXw/aUuG+VmG+d2TkgCuKYLieysYqRQlkKEV383jDG3U11jGJIJ5rG5yCVcDtWGZJRhiKrPTTg4Q7oURShjXcdAez0odtuWHo0K25SnOskNoqviUYfLBGRxI1zGt83qHGVMv2qQzHas82zInREDXZfTcdBXrss9lWakZjLmYbUmN1vhYxFgsZo27g5no4hLupzkZHCniJEo5oMxh/r416OQ+jiBJrjndyGIBhV6CaC0FKGrgTh+67q50DA5VfPn9IwyOX4aM8PPBagpH1wSTTIKghSip5ziQ9uxEckLtLEsE5Rsl/L6ThWBrNNDEah2hwmkJcwyCzMVqDmJyZZmDjCWbv4fLNzyRdaBUFcfdYr68T6lC3FDgOPZGfpQ4JFoXjsRBK3vMpsq1Y4j6bF3ZkYNckl0dZag+y1HAbxaju67kAJtW0E4ran3VEWuI2XAGVdeX+P3eJIeQRimjYyxk3z8sE8GOXOzv5YBrzTXqAt7lOKatYQY04TXPpNs4V5nsR/hNy4029+HKKf+dlIMCP+ZzhYwLuCqhiyhxYSVVixFUp2yrT+QL9VTFXStG+qKNR0lfnWPtmr26UX3XaMlQ1SWOlESN8x3Lu05nLbsgXEp18QHGC0StsmnCfIam7JSl7GRha+HZUEHTxywtfDfNn/YhI998YIuMG2hRjzWpFxS118h+sGXAMbJs91oOvMd7FHWczHb1Yp9uQi2hjzkZ54rqWk0C41YSSX1oE9iofFCIXuYIMoEB/S0sKYz5xLu0RZJIaVzhoXLqD7rS8bu0uevoRnsyB+FTGSPYqJb17arIxtoWfQ8L8xkamAgxnZpaEuhHEm1rw6TYggPIwBiLOrjQytPm1jZ0UD8ooVoeNBFoQq0ZZ+z+zM/wqda6ghxHXwp3T8rqnDDCrVFLUmY8z2lPwqIFX/Z3JAcWWWaFswuUM15H8iXJHN7nyYrvEVAVsxtVUxeJs6hAg91cxuAPTsC/jzw8wxkknTpy0/iArPkVBUrXXcJZWRfpsKEThX9ewHVMQu0iytE4Tgo+g/gEamIVHAgflkRjlHjsBnbQRR7HavIhn/iKTOUtKRT9m0RN5lq6IyRrewDrZo+MUVUjTQynKlfs65V3pvfgJPI+JrpTa6gMsGfTxFrWgv8DTYRXxc024YSynALni8FkucexrnyuYqHTaf70YZ87SB4QZ1E9H+yXACGXC7V0E71KpnpGQjafDTVUoSaSnBpCO6k1K4teR/X/uhTuvZdl6V6NRZ6VY1fTW1CoZJm2jmeYJ1xG/al62mrbzeaMN7BAwg0K7+GMHxhMM3QFZ+yr+VtlgBvMhlXUSOZy8Dgqx/F1dIVdQy3x/5j7tIVbLkYeBrW0Rd8jY/k+bXi91VPYcq0IkTQeYzLLrULtqqXGkJa6eFmArWwjflxYQOZ8VAptzIXejrr0BxmMfznVzEmO99jI93wNPQwvFuA5aqlBjOTsbarnr9MGdgUcBWE+TcnB1FoezHH8wxysraullnQZlup6ZfO4bK4PaqhuzeLotTClZJZA1D5ViYYa72CunVl0opZC4xNbvi7kmmc+MdO22O7NyGLbZg99zTix5d94HGtCLg5vwozf3oTvKShevYw2bVD7m3KgyBW7r2PLXTH4uVBOTmBT2uO5NCgdW77CEVSkn3+NpZ9U8D3pfqa/47eGtqqfe3mawt2MHy1IO6jm6DOZI3DehVkipHBnyFC0SFMt7xBw/edIeE1L0T7OkGGjRprCLYsdriMRNZqRRhkyZEgRaQr3dvy3kazeUEeGTYYMGVJAmsLdnDHY51ENz5AhQx6RZiLHFC6/kgl2hgz5BoD/AIKna95N+vVfAAAAAElFTkSuQmCC) left center no-repeat;
        background-size: contain
    }

    .header .main-header .main-header-container .xfyun-logo {
        margin-top: 3px
    }

    .header .main-header .main-header-container .pc-logo {
        margin-top: 13px;
        border-left: 1px solid #bababa
    }

    .header .main-header .main-header-container .pc-logo .industry-pcLogo {
        padding: 4px 0 4px 10px;
        height: 16px
    }

    .header .main-header .main-header-container .header-menu-h5 {
        float: right;
        display: block;
        margin-top: 5px;
        font-size: 24px
    }

    .header .main-header .main-header-container .header-menu-h5 .user-link {
        color: inherit;
        font-size: 22px;
        border: 2px solid #333;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 20px;
        display: inline-block;
        vertical-align: middle;
        height: 22px;
        line-height: 22px
    }

    .header .main-header .main-header-container .header-menu-h5 .anticon {
        vertical-align: middle
    }

    .header .main-header .nav-list {
        display: none
    }

    .header .second-menu-h5 {
        position: fixed;
        left: 0;
        top: 50px;
        right: 0;
        bottom: 0;
        z-index: 998;
        background: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header .second-menu-h5 .menu-list {
        position: relative;
        width: 120px;
        background: #f5f5f5;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header .second-menu-h5 .menu-list .nav-item-h5 {
        display: block;
        position: relative;
        font-size: 14px;
        line-height: 22px;
        color: #252b3a;
        white-space: nowrap;
        padding: 12px
    }

    .header .second-menu-h5 .menu-list .nav-item-h5.active {
        background: #fff;
        font-weight: 500
    }

    .header .second-menu-h5 .menu-content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 20px 15px 16px 20px;
        background-color: #fff;
        overflow-y: scroll
    }

    .header .second-menu-h5 .menu-content .menu-title-h5 {
        font-size: 14px;
        line-height: 22px;
        color: #252b3a;
        padding: 0 0 24px;
        margin: 0;
        font-weight: 500
    }

    .header .second-menu-h5 .menu-content .collapse-header {
        padding: 12px 0;
        border-bottom: 1px solid #dfe1e6
    }

    .header .second-menu-h5 .menu-content .collapse-header .list-title {
        font-size: 14px
    }

    .header .second-menu-h5 .menu-content .collapse-header a {
        color: #252b3a
    }

    .header .second-menu-h5 .menu-content .collapse-header .collapse-icon {
        float: right;
        color: #252b3a;
        font-size: 12px;
        margin-top: 2px;
        transition: all .2s linear;
        margin-right: 10px
    }

    .header .second-menu-h5 .menu-content .collapse-body {
        font-size: 14px;
        height: 0px;
        max-height: 0;
        overflow: hidden;
        padding-left: 15px;
        transition: all .4s linear
    }

    .header .second-menu-h5 .menu-content .collapse-body a {
        color: #252b3a;
        display: block;
        padding: 8px 0
    }

    .header .second-menu-h5 .menu-content .second-menu-list-h5-item.active .collapse-body {
        height: auto;
        max-height: 800px
    }

    .header .second-menu-h5 .menu-content .second-menu-list-h5-item.active .collapse-icon {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header .second-menu-h5 .close-menu-icon {
        position: absolute;
        height: 30px;
        width: 30px;
        background: #eeeeee;
        color: #a2a5ab;
        border-radius: 50%;
        bottom: 10px;
        left: 50%;
        text-align: center;
        line-height: 30px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
.gaia-btn {
    display: inline-block;
    box-sizing: content-box;
    padding: 0 20px;
    font-size: 14px;
    line-height: 32px;
    height: 30px;
    border: 1px solid #8393ac;
    cursor: pointer;
    text-decoration: none;
    color: #8393ac;
    border-radius: 3px;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.gaia-btn:hover {
    background-color: #4a81ff;
    color: #fff;
    border-color: #4a81ff
}

.gaia-btn:disabled {
    cursor: not-allowed
}

.gaia-btn,.gaia-btn:active,.gaia-btn:focus {
    outline: 0
}

.gaia-btn-small {
    font-size: 12px;
    line-height: 20px;
    height: 20px
}

.gaia-btn-large {
    font-size: 16px;
    line-height: 44px;
    height: 44px
}

.gaia-btn-primary {
    background-color: #4a81ff;
    border-color: #4a81ff;
    color: #fff
}

.gaia-btn-primary:hover {
    opacity: .86
}

.gaia-btn-success {
    background-color: #21c286;
    border-color: #21c286;
    color: #fff
}

.gaia-btn-success:hover {
    background-color: rgba(33,194,134,0.86);
    border-color: rgba(33,194,134,0.86)
}

.gaia-btn-warning {
    background-color: #ec971f;
    border-color: #ec971f;
    color: #fff
}

.gaia-btn-warning:hover {
    background-color: rgba(236,151,31,0.86);
    border-color: rgba(236,151,31,0.86)
}

.gaia-btn-danger {
    background-color: #ff4d4f;
    border-color: #ff4d4f;
    color: #fff
}

.gaia-btn-danger:hover {
    background-color: rgba(255,77,79,0.86);
    border-color: rgba(255,77,79,0.86)
}

.gaia-btn-link {
    border-color: transparent;
    background-color: transparent
}

.gaia-btn-link:hover {
    color: #4a81ff;
    border-color: transparent;
    background-color: transparent;
    opacity: .86
}

.gaia-btn-background-ghost {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.gaia-btn-background-ghost:hover {
    background-color: #fff;
    color: #4a81ff;
    border-color: #fff
}

.gaia-btn-primary.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #4a81ff;
    color: #4a81ff
}

.gaia-btn-primary.gaia-btn-background-ghost:hover {
    background-color: #4a81ff;
    color: #fff;
    border-color: #4a81ff
}

.gaia-btn-success.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #21c286;
    color: #21c286
}

.gaia-btn-success.gaia-btn-background-ghost:hover {
    background-color: rgba(33,194,134,0.86);
    border-color: rgba(33,194,134,0.86);
    color: #fff
}

.gaia-btn-warning.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #ec971f;
    color: #ec971f
}

.gaia-btn-warning.gaia-btn-background-ghost:hover {
    background-color: rgba(236,151,31,0.86);
    border-color: rgba(236,151,31,0.86);
    color: #fff
}

.gaia-btn-danger.gaia-btn-background-ghost {
    background-color: transparent;
    border-color: #ff4d4f;
    color: #ff4d4f
}

.gaia-btn-danger.gaia-btn-background-ghost:hover {
    background-color: rgba(255,77,79,0.86);
    border-color: rgba(255,77,79,0.86);
    color: #fff
}

@media only screen and (max-width: 576px) {
    .gaia-btn {
        display:inline-block;
        padding: 0 16px;
        font-size: 14px;
        line-height: 25px;
        height: 25px
    }

    .gaia-btn-small {
        font-size: 12px;
        line-height: 20px;
        height: 20px
    }

    .gaia-btn-large {
        font-size: 14px;
        line-height: 30px;
        height: 30px
    }
}

.gaia-tabs {
    overflow: hidden;
    background-color: #ffffff
}

.gaia-tabs-bar {
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #e6e8f4
}

.gaia-tabs-nav {
    display: -ms-flexbox;
    display: flex
}

.gaia-tabs-nav .gaia-tab {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    cursor: pointer
}

.gaia-tabs-nav .gaia-tab:hover,.gaia-tabs-nav .gaia-tab.gaia-tab-active {
    color: #4a81ff
}

.gaia-tabs-nav .gaia-tab span {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding: 0 16px
}

.gaia-tabs-nav .gaia-tab::before {
    content: '';
    position: absolute;
    right: 0;
    top: 27px;
    height: 16px;
    width: 1px;
    background-color: #e6e8f4
}

.gaia-tabs-nav .gaia-tab:last-child::before {
    display: none
}

.gaia-tabs-content {
    display: -ms-flexbox;
    display: flex;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    background-color: #ffffff
}

.gaia-tab-pane.gaia-tab-pane-inactive {
    height: 0;
    padding: 0 !important;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.gaia-tab-pane {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    opacity: 1;
    transition: opacity .45s
}

.gaia-tabs-inkbar {
    background-color: #4a81ff;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.gaia-tabs-horizontal {
    display: -ms-flexbox;
    display: flex
}

.gaia-tabs-horizontal .gaia-tabs-bar {
    float: left;
    z-index: 2;
    border-bottom: none;
    border-right: 1px solid #e6e8f4
}

.gaia-tabs-horizontal .gaia-tabs-nav {
    display: block
}

.gaia-tabs-horizontal .gaia-tabs-inkbar {
    position: absolute;
    left: 0;
    top: 0
}

.gaia-tabs-horizontal .gaia-tabs-nav .gaia-tab::before {
    display: none
}

.gaia-tabs-horizontal .gaia-tabs-content {
    display: block
}

.gaia-callapse {
    border: 1px solid #e6e8f4
}

.gaia-collapse-item {
    border-bottom: 1px solid #e6e8f4
}

.gaia-collapse-item:last-child {
    border-bottom: none
}

.gaia-collapse-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 45px 0 20px;
    background-color: #f5f6ff;
    color: #24374e;
    cursor: pointer
}

.gaia-collapse-header .gaia-collapse-arrow {
    position: absolute;
    right: 25px;
    top: 21px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #999999;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: transform .2s
}

.gaia-collapse-content {
    border-top: 1px solid #e6e8f4;
    background-color: #ffffff;
    transition: all .2s;
    overflow: hidden;
    padding: 0 20px
}

.gaia-collapse-item-active .gaia-collapse-header {
    font-weight: 500
}

.gaia-collapse-item-active .gaia-collapse-header .gaia-collapse-arrow {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width: 576px) {
    .gaia-collapse-header {
        -ms-flex-pack:center;
        justify-content: center
    }
}

.gaia-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,0.45);
    filter: alpha(opacity=50)
}

.gaia-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    outline: 0
}

.gaia-modal {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
    position: relative;
    top: 100px;
    width: auto;
    margin: 0 auto;
    padding-bottom: 24px;
    pointer-events: none
}

.gaia-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    pointer-events: auto
}

.gaia-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    height: 55px;
    width: 55px;
    color: rgba(0,0,0,0.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-align: center
}

.gaia-modal-close .icon-close {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-transform: none;
    text-rendering: auto
}

.gaia-modal-close .icon-close::before,.gaia-modal-close .icon-close::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 2px;
    background-color: rgba(0,0,0,0.45);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    transition: background-color .3s
}

.gaia-modal-close .icon-close::after {
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.gaia-modal-close:hover .icon-close::before,.gaia-modal-close:hover .icon-close::after {
    background-color: rgba(0,0,0,0.85)
}

.gaia-modal-header {
    padding: 16px 24px;
    color: rgba(0,0,0,0.65);
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0
}

.gaia-modal-title {
    margin: 0;
    color: rgba(0,0,0,0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word
}

.gaia-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word
}

.gaia-modal-body .gaia-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: rgba(0,0,0,0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.gaia-modal-body .gaia-modal-confirm-content {
    margin-top: 8px;
    color: rgba(0,0,0,0.65);
    font-size: 14px
}

.gaia-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: 0 0;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px
}

.gaia-modal-footer button+button {
    margin-bottom: 0;
    margin-left: 8px
}

.h-header {
    font-size: 14px;
    width: 100%
}

.h-header ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.h-header ::-webkit-scrollbar-track {
    background-color: transparent
}

.h-header ::-webkit-scrollbar-thumb {
    background-color: #EAEBEC;
    border-radius: 5px
}

.h-header ::-webkit-scrollbar-thumb:hover {
    background-color: #EAEBEC
}

.h-header a {
    text-decoration: none
}

.h-header .yatiao {
    display: none;
    width: 100%;
    height: 50px;
    background: url(https://openres.xfyun.cn/xfyundoc/2024-06-27/8ff5ddaa-e841-4223-afd4-00f963d84f23/1719451148214/topbanner.png) center center/cover no-repeat;
    position: relative
}

.h-header .yatiao .close-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.h-header .h-menu-wrap {
    height: 75px;
    width: 100%;
    box-sizing: border-box;
    background: #F5F7FB;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    position: relative;
    z-index: 2
}

.h-header .h-menu-wrap .menu-container {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.h-header .h-menu-wrap .menu-container>li {
    margin-right: 28px
}

.h-header .h-menu-wrap .menu-container>li:nth-last-child(1),.h-header .h-menu-wrap .menu-container>li:nth-last-child(2) {
    margin-right: 0
}

.h-header .h-menu-wrap .menu-container .logo {
    display: inline-block;
    width: 149px;
    height: 33px;
    background: url(/static/img/layout/header/logo.svg) center center/100% 100% no-repeat;
    margin-right: 28px
}

.h-header .h-menu-wrap .menu-container .console {
    position: relative;
    width: 112.5px;
    height: 34px;
    background: url("https://openres.xfyun.cn/xfyundoc/2024-05-11/f77f6036-feb2-4828-ac16-65f781a80056/1715416905912/button%402x%20%281%29.png") center center/100% 100% no-repeat;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    transition: all 0.2s
}

.h-header .h-menu-wrap .menu-container .console:hover {
    opacity: 0.85
}

.h-header .h-menu-wrap .menu-container .console>img {
    width: 14.5px;
    height: 14.5px
}

.h-header .h-menu-wrap .menu-container .console .msgCount {
    display: inline-block;
    position: absolute;
    top: -4px;
    right: -4px;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    background-color: #f56c6c;
    border-radius: 10px;
    line-height: 14px;
    text-align: center;
    white-space: nowrap
}

.h-header .h-menu-wrap .menu-container .station {
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.h-header .h-menu-wrap .menu-container .station span {
    color: #1f7eff
}

.h-header .h-menu-wrap .menu-container .station .line {
    height: 14px;
    border-right: 2px solid #d6deea
}

.h-header .h-menu-wrap .menu-container .station a {
    transition: all 0.1s;
    color: #d6deea
}

.h-header .h-menu-wrap .menu-container .station a:hover {
    color: #1f7eff
}

.h-header .h-menu-wrap .menu-container .cn-station {
    width: 106px;
    height: 27px;
    background: #E9EFF7;
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1);
    border-radius: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    cursor: default;
    position: relative;
    font-size: 12px
}

.h-header .h-menu-wrap .menu-container .cn-station>i {
    display: inline-block
}

.h-header .h-menu-wrap .menu-container .cn-station .icon-earth {
    width: 15px;
    height: 15px;
    background: url(/static/img/layout/header/i18n.png) center center/100% 100% no-repeat;
    margin-right: 6px
}

.h-header .h-menu-wrap .menu-container .cn-station .caret {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(/static/img/layout/header/arrow.svg) center center/100% 100% no-repeat;
    transition: all .1s ease-out;
    margin-left: 10px
}

.h-header .h-menu-wrap .menu-container .cn-station .global-panel {
    display: none;
    position: absolute;
    top: 27px;
    right: 6px;
    width: 80px;
    height: 25px;
    border: 1px solid #bababa;
    z-index: 9999;
    background: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.h-header .h-menu-wrap .menu-container .cn-station .global-panel a {
    font-size: 12px;
    color: #333
}

.h-header .h-menu-wrap .menu-container .cn-station .global-panel a:hover {
    color: #4263af
}

.h-header .h-menu-wrap .menu-container .cn-station:hover .caret {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.h-header .h-menu-wrap .menu-container .cn-station:hover .global-panel {
    display: block
}

.h-header .h-menu-wrap .menu-container .menu-item {
    cursor: default;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.h-header .h-menu-wrap .menu-container .menu-item>span,.h-header .h-menu-wrap .menu-container .menu-item>a {
    color: #252B3A;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.h-header .h-menu-wrap .menu-container .menu-item>span:hover,.h-header .h-menu-wrap .menu-container .menu-item>a:hover {
    color: #1975FF
}

.h-header .h-menu-wrap .menu-container .menu-item .menu-item-wrap {
    width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.h-header .h-menu-wrap .menu-container .menu-item .menu-item-wrap .menu-item-icon {
    max-width: 60%;
    max-height: 60%
}

.h-header .h-menu-wrap .menu-container .menu-item .menu-item-wrap.multify {
    position: absolute;
    top: -12px;
    right: -2px
}

.h-header .h-menu-wrap .menu-container .menu-item .menu-item-wrap.multify .menu-item-icon {
    max-width: 100%;
    max-height: 100%
}

.h-header .h-menu-wrap .menu-container .menu-item .arrow {
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(/static/img/layout/header/arrow.svg) center center/100% 100% no-repeat;
    margin-left: 9px;
    color: #9C9C9C;
    transition: all 0.2s
}

.h-header .h-menu-wrap .menu-container .menu-item__active>span,.h-header .h-menu-wrap .menu-container .menu-item__active>a {
    color: #1975FF
}

.h-header .h-menu-wrap .menu-container .menu-item__active .arrow {
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    background-image: url(/static/img/layout/header/arrowblue.svg)
}

.h-header .menu-panel {
    width: 100%;
    min-width: 1200px;
    box-shadow: 0px 12px 11px 0px rgba(0,0,0,0.09);
    position: absolute;
    left: 0;
    top: 75px;
    overflow: hidden;
    transition: height 0.3s;
    background-color: #F6F8FC;
    z-index: 9;
    margin: 0 auto
}

.h-header .menu-panel_yatiao {
    top: 125px
}

.h-header .menu-panel .icon-close {
    position: absolute;
    top: 18px;
    right: 23px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(/static/img/layout/header/close.svg) center center/100% 100% no-repeat
}

.h-header .menu-panel .icon-close:hover {
    opacity: 0.8
}

.h-header .menu-panel::before {
    content: "";
    width: 100%;
    box-shadow: 0 2px 14px 10px rgba(177,195,233,0.6);
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 3
}

.h-header .menu-panel .sub-menu {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.h-header .menu-panel .sub-menu .sm__left {
    -ms-flex: auto;
    flex: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    width: calc((100% - 804px) / 2 - 42px)
}

.h-header .menu-panel .sub-menu .sm__left-noscheme {
    width: calc((100% - 972px) / 2 + 114px)
}

.h-header .menu-panel .sub-menu .sm__left-noscheme .sm__left-menu {
    width: 228px;
    padding: 31px 40px 0 0
}

.h-header .menu-panel .sub-menu .sm__left-wrap {
    -ms-flex: auto;
    flex: auto;
    width: calc((100% - 738px) / 2 + 63px)
}

.h-header .menu-panel .sub-menu .sm__left-wrap .sm__left-menu {
    width: 294px;
    padding: 31px 0 0 0
}

.h-header .menu-panel .sub-menu .sm__left-menu {
    width: 156px;
    height: 100%;
    box-sizing: border-box;
    padding: 31px 20px 0 0;
    float: right;
    overflow: hidden;
    position: relative
}

.h-header .menu-panel .sub-menu .sm__left-menu .sm__left__title {
    font-size: 20px;
    color: #252B3A
}

.h-header .menu-panel .sub-menu .sm__left-menu .sm__left__desc {
    padding-top: 10px;
    color: #7B818D;
    line-height: 1.6
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    cursor: pointer
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item:last-child {
    margin-bottom: 0
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item__title {
    color: #252B3A;
    font-size: 14px;
    padding-bottom: 12px;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item__title::after {
    content: "";
    width: 100%;
    height: 0;
    box-sizing: border-box;
    border-bottom: 2px solid #1975FF;
    position: absolute;
    bottom: -1px;
    left: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition: transform 0.3s
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item__title .icon-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 12px
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item__title .icon-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item__active .st-item__title {
    color: #252B3A;
    font-weight: 600
}

.h-header .menu-panel .sub-menu .sm__left-menu .st-item__active .st-item__title::after {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.h-header .menu-panel .sub-menu .sm__left-menu-max {
    display: -ms-flexbox;
    display: flex
}

.h-header .menu-panel .sub-menu .sm__left-menu-max-item {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px
}

.h-header .menu-panel .sub-menu .sm__middle {
    height: 100%;
    width: 804px;
    box-sizing: border-box;
    padding-top: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    box-shadow: 12px 0px 5px -6px rgba(0,0,0,0.04)
}

.h-header .menu-panel .sub-menu .sm__middle__noboxshadow {
    width: 738px;
    box-shadow: none
}

.h-header .menu-panel .sub-menu .sm__middle__noscheme {
    width: 972px;
    box-shadow: none
}

.h-header .menu-panel .sub-menu .sm__middle_scroll {
    height: 100%;
    overflow-y: scroll
}

.h-header .menu-panel .sub-menu .sm__middle .menu-title {
    color: #252B3A;
    font-size: 20px;
    margin-bottom: 18px;
    padding-left: 33px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children {
    padding: 0 40px 0 33px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct {
    margin-bottom: 8px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 29px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__title .text {
    color: #7B818D
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__title .border {
    -ms-flex: 1;
    flex: 1;
    margin-left: 11px;
    border-bottom: 1px solid #e3e3e3
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item {
    width: 30%;
    height: 36px;
    display: inline-block;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 25px;
    margin-right: 31px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item:nth-child(3n) {
    margin-right: 0
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item:hover .mct__children_item_title {
    color: #1975FF
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item:hover .mct__children_item_title .icon-arrow {
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 1
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item_title {
    position: relative;
    color: #252B3A;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 600
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item_title .icon {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #FF8E4D
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item_title .icon-arrow {
    opacity: 0;
    transition: all 0.3s
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item .desc {
    color: #AFB4C0;
    font-size: 12px;
    padding-top: 3px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct .mct__children .mct__children_item_nodesc {
    height: 22px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct__sthz:first-child {
    margin-top: 0 !important
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct__sthz .mct__children .mct__children_item {
    width: 21.25% !important;
    margin-right: 43px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct__sthz .mct__children .mct__children_item:nth-child(3n) {
    margin-right: 43px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct__sthz .mct__children .mct__children_item:nth-child(4n) {
    margin-right: 0
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children .sub-menu_mct__fwzc .mct__title {
    display: none !important
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc {
    padding: 3px 48px 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc .sub_menu_fwzc {
    width: 21.3%;
    margin-right: 40px;
    margin-bottom: 80px
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc .sub_menu_fwzc:nth-child(4n) {
    margin: 0
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc .sub_menu_fwzc .fwzc-title {
    display: block;
    color: #1975FF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc .sub_menu_fwzc .fwzc-title:hover .icon-arrow {
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc .sub_menu_fwzc .fwzc-title .icon-arrow {
    vertical-align: -4px;
    margin-left: 3px;
    transition: transform 0.3s
}

.h-header .menu-panel .sub-menu .sm__middle .sub-menu__children_fwzc .sub_menu_fwzc .fwzc-desc {
    padding-top: 8px;
    color: #7B818D;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.h-header .menu-panel .sub-menu .sm__right {
    -ms-flex: auto;
    flex: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    width: calc((100% - 804px) / 2 + 42px)
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap {
    display: none
}

.h-header .menu-panel .sub-menu .sm__right__none {
    width: calc((100% - 972px) / 2 - 114px)
}

.h-header .menu-panel .sub-menu .sm__right__none .sm__right__content {
    display: none
}

.h-header .menu-panel .sub-menu .sm__right__none_wrap {
    width: calc((100% - 738px) / 2 - 63px)
}

.h-header .menu-panel .sub-menu .sm__right__none_wrap .sm__right__content {
    display: none
}

.h-header .menu-panel .sub-menu .sm__right__none_wrap .card-wrap {
    display: block
}

.h-header .menu-panel .sub-menu .sm__right__content {
    width: 240px;
    height: 100%;
    padding: 31px 0 0 27px;
    box-sizing: border-box;
    overflow: hidden;
    float: left
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme {
    box-sizing: border-box;
    position: relative
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme .scheme-title {
    width: 100%;
    color: #252B3A;
    font-size: 20px;
    padding-bottom: 18px
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme .scheme-ul {
    overflow-y: scroll;
    height: calc(100% - 54.4px)
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme .scheme-ul .scheme-item {
    padding-right: 10px;
    padding-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme .scheme-ul .scheme-item:last-child {
    padding-bottom: 0
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme .scheme-ul .scheme-item>a {
    color: #252B3A;
    font-size: 14px
}

.h-header .menu-panel .sub-menu .sm__right__content .scheme .scheme-ul .scheme-item>a:hover {
    color: #1975FF
}

.h-header .menu-panel .sub-menu .sm__right__content .community {
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 37px
}

.h-header .menu-panel .sub-menu .sm__right__content .community .community-title {
    color: #252B3A;
    font-size: 20px;
    padding-bottom: 18px
}

.h-header .menu-panel .sub-menu .sm__right__content .community .cy-ul__content {
    padding-right: 10px;
    height: calc(100% - 90.4px);
    overflow-y: scroll
}

.h-header .menu-panel .sub-menu .sm__right__content .community .cy-ul__content .cy-item__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 12px;
    padding-right: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dadada
}

.h-header .menu-panel .sub-menu .sm__right__content .community .cy-ul__content .cy-item__content:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.h-header .menu-panel .sub-menu .sm__right__content .community .cy-ul__content .cy-item__content .tag {
    height: 19px;
    background: #DCEAFF;
    border-radius: 2px;
    line-height: 19px;
    color: #7A8EAB;
    font-size: 12px;
    text-align: center;
    padding: 2px 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.h-header .menu-panel .sub-menu .sm__right__content .community .cy-ul__content .cy-item__content .text {
    padding-left: 10px;
    color: #252B3A;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.h-header .menu-panel .sub-menu .sm__right__content .community .cy-ul__content .cy-item__content .text:hover {
    color: #1975FF
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap {
    padding-top: 40px;
    padding-left: 12px
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card {
    width: 159px;
    height: 240px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 25px 13px 0 19px;
    margin-bottom: 15px
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card:last-child {
    margin-bottom: 0
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card .c-title {
    color: #252B3A;
    font-size: 18px
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card .c-desc {
    font-size: 12px;
    color: #5B6680;
    line-height: 17px;
    padding: 5px 0 15px
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card .btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #1975FF
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card .btn .icon-arrow {
    transition: transform 0.3s
}

.h-header .menu-panel .sub-menu .sm__right .card-wrap .card .btn:hover .icon-arrow {
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

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

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

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

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -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-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-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-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-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-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-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -ms-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-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;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

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

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

.swiper-container-3d {
    -o-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 {
    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: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    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: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

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

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

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

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

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

.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,.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-cube .swiper-slide {
    visibility: hidden;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.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-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

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

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    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-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: 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-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-scrollbar-cursor-drag {
    cursor: move
}

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

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    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")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
@keyframes wave-gone {
    0% {
        opacity: 0.5;
        width: 0px;
        height: 0px
    }

    100% {
        opacity: 0;
        width: 500px;
        height: 500px
    }
}

@keyframes thing1-1 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 232px, 0);
        opacity: 0
    }
}

@keyframes thing1-2 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 232px, 0);
        opacity: 0
    }
}

@keyframes thing1-3 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(118px, 217px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 223px, 0);
        opacity: 0
    }
}

@keyframes thing1-4 {
    0% {
        transform: translate3d(32px, 246px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 224px, 0);
        opacity: 0
    }
}

@keyframes thing1-5 {
    0% {
        transform: translate3d(322px, 283px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(395px, 312px, 0);
        opacity: 0
    }
}

@keyframes thing1-6 {
    0% {
        transform: translate3d(322px, 281px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(395px, 310px, 0);
        opacity: 0
    }
}

@keyframes thing2 {
    0% {
        transform: translate3d(582px, 331px, 0)
    }

    70% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(645px, 303px, 0);
        opacity: 0
    }
}

@keyframes thing3-copy1 {
    0% {
        transform: translate3d(607px, 215px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(565px, 202px, 0);
        opacity: 0
    }
}

@keyframes thing3-copy2 {
    0% {
        transform: translate3d(693px, 229px, 0)
    }

    100% {
        transform: translate3d(731px, 157px, 0)
    }
}

@keyframes thing4 {
    0% {
        transform: translate3d(733px, 139px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(574px, 96px, 0);
        opacity: 0
    }
}

@keyframes thing5 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes fadeOut {
    from {
        opacity: 0.9
    }

    to {
        opacity: 0
    }
}

@keyframes ball {
    from {
        transform: translate3d(596px, 392px, 0);
        opacity: 1
    }

    50% {
        opacity: 0.3
    }

    to {
        transform: translate3d(548px, 370px, 0);
        opacity: 0
    }
}

@keyframes arrow {
    from {
        background: url(/static/img/arrow-dark.png) center center no-repeat
    }

    to {
        background: url(/static/img/arrow-light.png) center center no-repeat
    }
}

@keyframes image {
    0% {
        background: url(/static/img/image-light.png) center center no-repeat
    }

    to {
        background: url(/static/img/image-dark.png) center center no-repeat
    }
}

@keyframes voice {
    0%,50% {
        background: url(/static/img/voice-light.png) center center no-repeat
    }

    to {
        background: url(/static/img/voice-dark.png) center center no-repeat
    }
}

@keyframes nlp {
    from {
        background: url(/static/img/nlp-dark.png) center center no-repeat
    }

    to {
        background: url(/static/img/nlp-light.png) center center no-repeat
    }
}

@keyframes shake {
    from,to,89% {
        transform: rotate(0)
    }

    90%,100% {
        transform: rotate(-15deg)
    }

    95% {
        transform: rotate(15deg)
    }
}

@keyframes wave-gone {
    0% {
        opacity: 0.5;
        width: 0px;
        height: 0px
    }

    100% {
        opacity: 0;
        width: 500px;
        height: 500px
    }
}

@keyframes thing1-1 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 232px, 0);
        opacity: 0
    }
}

@keyframes thing1-2 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 232px, 0);
        opacity: 0
    }
}

@keyframes thing1-3 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(118px, 217px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 223px, 0);
        opacity: 0
    }
}

@keyframes thing1-4 {
    0% {
        transform: translate3d(32px, 246px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 224px, 0);
        opacity: 0
    }
}

@keyframes thing1-5 {
    0% {
        transform: translate3d(322px, 283px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(395px, 312px, 0);
        opacity: 0
    }
}

@keyframes thing1-6 {
    0% {
        transform: translate3d(322px, 281px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(395px, 310px, 0);
        opacity: 0
    }
}

@keyframes thing2 {
    0% {
        transform: translate3d(582px, 331px, 0)
    }

    70% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(645px, 303px, 0);
        opacity: 0
    }
}

@keyframes thing3-copy1 {
    0% {
        transform: translate3d(607px, 215px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(565px, 202px, 0);
        opacity: 0
    }
}

@keyframes thing3-copy2 {
    0% {
        transform: translate3d(693px, 229px, 0)
    }

    100% {
        transform: translate3d(731px, 157px, 0)
    }
}

@keyframes thing4 {
    0% {
        transform: translate3d(733px, 139px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(574px, 96px, 0);
        opacity: 0
    }
}

@keyframes thing5 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes fadeOut {
    from {
        opacity: 0.9
    }

    to {
        opacity: 0
    }
}

@keyframes ball {
    from {
        transform: translate3d(596px, 392px, 0);
        opacity: 1
    }

    50% {
        opacity: 0.3
    }

    to {
        transform: translate3d(548px, 370px, 0);
        opacity: 0
    }
}

@keyframes arrow {
    from {
        background: url(/static/img/arrow-dark.png) center center no-repeat
    }

    to {
        background: url(/static/img/arrow-light.png) center center no-repeat
    }
}

@keyframes image {
    0% {
        background: url(/static/img/image-light.png) center center no-repeat
    }

    to {
        background: url(/static/img/image-dark.png) center center no-repeat
    }
}

@keyframes voice {
    0%,50% {
        background: url(/static/img/voice-light.png) center center no-repeat
    }

    to {
        background: url(/static/img/voice-dark.png) center center no-repeat
    }
}

@keyframes nlp {
    from {
        background: url(/static/img/nlp-dark.png) center center no-repeat
    }

    to {
        background: url(/static/img/nlp-light.png) center center no-repeat
    }
}

@keyframes shake {
    from,to,89% {
        transform: rotate(0)
    }

    90%,100% {
        transform: rotate(-15deg)
    }

    95% {
        transform: rotate(15deg)
    }
}

.animate {
    width: 900px;
    height: 540px
}

.animate-content {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(/static/img/foot.png) center center no-repeat
}

.animate-thing1-1 {
    position: absolute;
    width: 29px;
    height: 29px;
    background: url(/static/img/thing1-1.png) center center no-repeat;
    animation: thing1-1 3s linear 0s infinite both
}

.animate-thing1-3 {
    position: absolute;
    width: 25px;
    height: 33px;
    background: url(/static/img/thing1-3.png) center center no-repeat;
    animation: thing1-3 3s linear -1s infinite both
}

.animate-thing1-4 {
    position: absolute;
    width: 31px;
    height: 33px;
    background: url(/static/img/thing1-4.png) center center no-repeat;
    animation: thing1-4 3s linear -2s infinite both
}

.animate-thing1-5 {
    position: absolute;
    width: 30px;
    height: 37px;
    background: url(/static/img/thing1-5.png) center center no-repeat;
    animation: thing1-5 2s linear -1s infinite both
}

.animate-thing1-6 {
    position: absolute;
    width: 29px;
    height: 38px;
    background: url(/static/img/thing1-6.png) center center no-repeat;
    animation: thing1-6 2s linear 0s infinite both
}

.animate-thing2 {
    width: 27px;
    height: 25px;
    background: url(/static/img/thing2-2.png) center center no-repeat;
    animation: thing2 1s linear 0s infinite both
}

.animate-thing3-copy1 {
    width: 32px;
    height: 27px;
    position: absolute;
    background: url(/static/img/thing3-3.png) center center no-repeat;
    animation: thing3-copy1 1s linear 0s infinite both
}

.animate-thing3-copy2 {
    width: 32px;
    height: 27px;
    position: absolute;
    background: url(/static/img/thing3-3.png) center center no-repeat;
    animation: thing3-copy2 1s linear 0s infinite both
}

.animate-thing4 {
    width: 32px;
    height: 43px;
    position: absolute;
    background: url(/static/img/thing4-4.png) center center no-repeat;
    animation: thing4 2s linear -1s infinite both
}

.animate-thing5 {
    top: 174px;
    left: 733px;
    width: 32px;
    height: 43px;
    position: absolute;
    background: url(/static/img/thing3-3.png) center center no-repeat;
    animation: thing5 2s steps(1, start) 0s infinite both
}

.animate-fan1 {
    width: 121px;
    height: 121px;
    top: 29px;
    left: 109px;
    position: absolute;
    background: url(/static/img/fan1.png) center center no-repeat;
    animation: rotate 4s linear infinite
}

.animate-fan2 {
    width: 86px;
    height: 86px;
    top: 43px;
    left: 219px;
    position: absolute;
    background: url(/static/img/fan2.png) center center no-repeat;
    animation: rotate 2s linear infinite
}

.animate-fan3 {
    width: 61px;
    height: 61px;
    top: 61px;
    left: 298px;
    position: absolute;
    background: url(/static/img/fan3.png) center center no-repeat;
    animation: rotate 1s linear infinite
}

.animate-rocket {
    width: 97px;
    height: 129px;
    top: 100px;
    left: 50px;
    position: absolute;
    background: url(/static/img/rocket.png) center center no-repeat;
    animation: shake 2s linear infinite
}

.animate .wave-frame {
    top: -218px;
    position: absolute;
    left: 452px;
    width: 600px;
    height: 600px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotateX(45deg) rotateY(5deg)
}

.animate .wave-frame .wave-item {
    position: absolute;
    border-radius: 1000px;
    border: solid 1px #ffffff;
    background: url(/static/img/wave-bg.png);
    opacity: 0
}

.animate .wave-frame .wave-1 {
    animation: wave-gone 6s linear infinite
}

.animate .wave-frame .wave-2 {
    animation: wave-gone 6s linear infinite;
    animation-delay: 2s
}

.animate .wave-frame .wave-3 {
    animation: wave-gone 6s linear infinite;
    animation-delay: 4s
}

.animate-circle1 {
    position: absolute;
    width: 200px;
    height: 200px;
    display: block;
    border: none;
    border-bottom: 1px solid #6392ff;
    border-radius: 50%;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 280px;
    top: -34px;
    animation: fadeOut 3s linear infinite;
    right: 100px;
    top: -34px
}

.animate-circle1::after {
    content: "";
    background: #ffffff;
    opacity: 0;
    position: absolute;
    z-index: 1
}

.animate-circle2 {
    position: absolute;
    width: 300px;
    height: 300px;
    display: block;
    border: none;
    border-bottom: 1px solid #6392ff;
    border-radius: 50%;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 280px;
    top: -34px;
    animation: fadeOut 3s linear infinite -2s;
    right: 100px;
    top: -48px
}

.animate-circle2::after {
    content: "";
    background: #ffffff;
    opacity: 0;
    position: absolute;
    z-index: 1
}

.animate-circle3 {
    position: absolute;
    width: 400px;
    height: 400px;
    display: block;
    border: none;
    border-bottom: 1px solid #6392ff;
    border-radius: 50%;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 280px;
    top: -34px;
    animation: fadeOut 3s linear infinite -1s;
    right: 100px;
    top: -61px
}

.animate-circle3::after {
    content: "";
    background: #ffffff;
    opacity: 0;
    position: absolute;
    z-index: 1
}

.animate-ball {
    width: 23px;
    height: 23px;
    position: absolute;
    transform: translate3d(696px, 392px, 0);
    background: url(/static/img/ball.png) center center no-repeat;
    animation: ball 1s linear -1s infinite both
}

.animate-arrow-copy1 {
    position: absolute;
    top: 93px;
    left: 384px;
    width: 21px;
    height: 24px;
    background: url(/static/img/arrow-dark.png) center center no-repeat;
    animation: arrow 1s steps(2) 0s infinite both
}

.animate-arrow-copy2 {
    position: absolute;
    top: 101px;
    left: 405px;
    width: 21px;
    height: 24px;
    background: url(/static/img/arrow-dark.png) center center no-repeat;
    animation: arrow 1s steps(2) -0.6s infinite both
}

.animate-arrow-copy3 {
    position: absolute;
    top: 109px;
    left: 426px;
    width: 21px;
    height: 24px;
    background: url(/static/img/arrow-dark.png) center center no-repeat;
    animation: arrow 1s steps(2) -0.3s infinite both
}

.animate-image {
    position: absolute;
    top: 363px;
    left: 505px;
    width: 19px;
    height: 29px;
    animation: image 1s cubic-bezier(1, 0, 0, 1) 0s infinite both alternate-reverse
}

.animate-voice {
    position: absolute;
    top: 352px;
    left: 533px;
    width: 19px;
    height: 29px;
    animation: voice 1s cubic-bezier(1, 0, 0, 1) 0s infinite both alternate-reverse
}

.animate-nlp {
    position: absolute;
    top: 340px;
    left: 561px;
    width: 19px;
    height: 29px;
    animation: nlp 1s cubic-bezier(1, 0, 0, 1) 0s infinite both alternate-reverse
}

.tooltip {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.tooltip a {
    cursor: pointer
}

.tooltip-content.left {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    right: 110%;
    top: -4px
}

.tooltip-content.left::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.left img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.left p {
    padding: 5px
}

.tooltip-content.left::before {
    right: -4px;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.tooltip-content.left-top {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    right: 154%;
    top: -4px
}

.tooltip-content.left-top::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.left-top img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.left-top p {
    padding: 5px
}

.tooltip-content.left-top::before {
    right: -4px;
    top: 4%;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.tooltip-content.right-top {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -4px
}

.tooltip-content.right-top::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.right-top img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.right-top p {
    padding: 5px
}

.tooltip-content.right-top::before {
    left: -4px;
    top: 10px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tooltip-content.top-left {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    left: -5px;
    bottom: calc(100% + 15px)
}

.tooltip-content.top-left::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.top-left img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.top-left p {
    padding: 5px
}

.tooltip-content.top-left::before {
    top: calc(100% - 8px);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tooltip-content.right {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -4px
}

.tooltip-content.right::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30%;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px 0 #eee
}

.tooltip-content.right img {
    max-width: 150px;
    max-height: 150px
}

.tooltip-content.right p {
    padding: 5px
}

.tooltip-content.right::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -4px
}

.tooltip .qrcode {
    text-align: center
}

.tooltip .qrcode img {
    width: 100px;
    height: 100px
}

.tooltip .qrcode .qrcode-p {
    font-size: 10px !important
}

@keyframes wave-gone {
    0% {
        opacity: 0.5;
        width: 0px;
        height: 0px
    }

    100% {
        opacity: 0;
        width: 500px;
        height: 500px
    }
}

@keyframes thing1-1 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 232px, 0);
        opacity: 0
    }
}

@keyframes thing1-2 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 232px, 0);
        opacity: 0
    }
}

@keyframes thing1-3 {
    0% {
        transform: translate3d(32px, 255px, 0)
    }

    72% {
        transform: translate3d(118px, 217px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 223px, 0);
        opacity: 0
    }
}

@keyframes thing1-4 {
    0% {
        transform: translate3d(32px, 246px, 0)
    }

    72% {
        transform: translate3d(110px, 220px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(168px, 224px, 0);
        opacity: 0
    }
}

@keyframes thing1-5 {
    0% {
        transform: translate3d(322px, 283px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(395px, 312px, 0);
        opacity: 0
    }
}

@keyframes thing1-6 {
    0% {
        transform: translate3d(322px, 281px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(395px, 310px, 0);
        opacity: 0
    }
}

@keyframes thing2 {
    0% {
        transform: translate3d(582px, 331px, 0)
    }

    70% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(645px, 303px, 0);
        opacity: 0
    }
}

@keyframes thing3-copy1 {
    0% {
        transform: translate3d(607px, 215px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(565px, 202px, 0);
        opacity: 0
    }
}

@keyframes thing3-copy2 {
    0% {
        transform: translate3d(693px, 229px, 0)
    }

    100% {
        transform: translate3d(731px, 157px, 0)
    }
}

@keyframes thing4 {
    0% {
        transform: translate3d(733px, 139px, 0)
    }

    80% {
        opacity: 0.8
    }

    100% {
        transform: translate3d(574px, 96px, 0);
        opacity: 0
    }
}

@keyframes thing5 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes fadeOut {
    from {
        opacity: 0.9
    }

    to {
        opacity: 0
    }
}

@keyframes ball {
    from {
        transform: translate3d(596px, 392px, 0);
        opacity: 1
    }

    50% {
        opacity: 0.3
    }

    to {
        transform: translate3d(548px, 370px, 0);
        opacity: 0
    }
}

@keyframes arrow {
    from {
        background: url(/static/img/arrow-dark.png) center center no-repeat
    }

    to {
        background: url(/static/img/arrow-light.png) center center no-repeat
    }
}

@keyframes image {
    0% {
        background: url(/static/img/image-light.png) center center no-repeat
    }

    to {
        background: url(/static/img/image-dark.png) center center no-repeat
    }
}

@keyframes voice {
    0%,50% {
        background: url(/static/img/voice-light.png) center center no-repeat
    }

    to {
        background: url(/static/img/voice-dark.png) center center no-repeat
    }
}

@keyframes nlp {
    from {
        background: url(/static/img/nlp-dark.png) center center no-repeat
    }

    to {
        background: url(/static/img/nlp-light.png) center center no-repeat
    }
}

@keyframes shake {
    from,to,89% {
        transform: rotate(0)
    }

    90%,100% {
        transform: rotate(-15deg)
    }

    95% {
        transform: rotate(15deg)
    }
}

.footer-top .top-btn,.footer-small-top .top-btn {
    width: 290px;
    height: 43px;
    background: linear-gradient(179deg, #2F92FF 0%, #2D75E1 100%);
    border-radius: 4px;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 53px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.footer-top .top-btn .right-arrow,.footer-small-top .top-btn .right-arrow {
    width: 15px;
    height: 11px;
    display: inline-block;
    margin-left: 8px;
    background: url(/static/img/arrow-right.png) center center no-repeat;
    background-size: contain
}

.footer-top .top-btn:hover .right-arrow,.footer-small-top .top-btn:hover .right-arrow {
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    transition: transform .2s
}

.footer-small-top .top-btn {
    padding: 0 30px;
    margin-top: 15px;
    margin-bottom: 100px;
    font-size: 12px;
    width: 140px;
    border: 1px solid #c4c4c4
}

.footer {
    overflow: hidden;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-feature-settings: 'tnum'
}

.footer .footer-top {
    width: 100%;
    height: 575px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background: url(/static/img/footer.png) top center no-repeat;
    background-size: cover
}

.footer .footer-top .top-text {
    margin-top: 90px;
    color: #ffffff
}

.footer-content {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 1200px;
    margin: -264px 0 20px 0px
}

.footer-content .content-text {
    margin: 210px 0px 0 30px;
    position: relative;
    z-index: 10
}

.footer-content .content-text .im {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    padding: 10px 0
}

.footer-content .content-text .im .im-logo {
    width: 43px;
    height: 43px;
    margin-right: 10px;
    background: url(/static/img/im.png) center top no-repeat
}

.footer-content .content-text .im a {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #4a81ff;
    cursor: pointer
}

.footer-content .content-text .phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    margin: -10px 0 25px 0
}

.footer-content .content-text .phone-left {
    width: 43px;
    height: 43px;
    background: url(/static/img/phone-light.png) center top no-repeat;
    margin-right: 10px
}

.footer-content .content-text .phone-right .right-top {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #4a81ff
}

.footer-content .content-text .phone-right .right-bottom {
    font-size: 14px;
    color: #bcc6d2;
    text-align: center
}

.footer-content .content-text .phone-left-shake {
    background: url(/static/img/phone.png) center top no-repeat;
    animation: shake 2s linear 0s infinite both
}

.footer-content .content-text .support {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-content .content-text .support-item {
    width: 50%;
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-content .content-text .support-item .item {
    margin-right: 30px;
    display: -ms-flexbox;
    display: flex
}

.footer-content .content-text .support a,.footer-content .content-text .support p {
    width: 100%;
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: #1a1d3c
}

.footer-content .content-text .support a:hover {
    color: #4679f1
}

.footer-content .content-text .contact {
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    margin-top: 60px
}

.footer-content .content-text .contact .weixin {
    width: 24px;
    height: 24px;
    background: url("/static/img/weixin.png") center center no-repeat
}

.footer-content .content-text .contact .weixin:hover {
    background: url("/static/img/weixin-light.png") center center no-repeat
}

.footer-content .content-text .contact .weibo {
    width: 24px;
    height: 24px;
    background: url("/static/img/weibo.png") center center no-repeat
}

.footer-content .content-text .contact .weibo:hover {
    background: url("/static/img/weibo-light.png") center center no-repeat
}

.footer-content .content-text .contact .facebook {
    width: 24px;
    height: 24px;
    background: url("/static/img/facebook.png") center center no-repeat
}

.footer-content .content-text .contact .facebook:hover {
    background: url("/static/img/facebook-light.png") center center no-repeat
}

.footer-content .content-text .contact .twitte {
    width: 24px;
    height: 24px;
    background: url("/static/img/twite.png") center center no-repeat
}

.footer-content .content-text .contact .twitte:hover {
    background: url("/static/img/twite-light.png") center center no-repeat
}

.footer-content .content-text .contact .google {
    width: 24px;
    height: 24px;
    background: url("/static/img/google.png") center center no-repeat
}

.footer-content .content-text .contact .google:hover {
    background: url("/static/img/google-light.png") center center no-repeat
}

.footer-content .content-image {
    margin-top: 180px;
    width: 27px;
    background: url(/static/img/content-divide.png) center center no-repeat;
    background-size: contain;
    margin-right: 26px
}

.footer-bottom {
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-bottom .icons {
    height: 100px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 16px 0 8px
}

.footer-bottom .icons .logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-bottom .icons .logo img {
    max-width: 66px;
    max-height: 67px
}

.footer-bottom .icons .logo p {
    font-size: 12px;
    color: #40425c;
    margin: 5px 0
}

.footer-bottom .icons .logo p {
    letter-spacing: 2px
}

.footer-bottom .icons .logo div {
    height: 67px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom .icons .logo img {
    max-width: 154px
}

.footer-bottom .icons .divide {
    border-left: 1px solid #f1f1f4
}

.footer-bottom .icons-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-bottom .icons-item img {
    max-width: 66px;
    max-height: 67px
}

.footer-bottom .icons-item p {
    font-size: 12px;
    color: #40425c;
    margin: 5px 0
}

.footer-bottom .texts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 8px 10px 20px
}

.footer-bottom .texts p,.footer-bottom .texts a {
    padding: 5px 2px;
    color: #acadb8;
    font-size: 12px;
    margin: 0px;
    text-decoration: none
}

.footer-bottom .texts a:hover {
    color: #4679f1
}

.footer-bottom .texts-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-bottom .texts-left-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-bottom .texts-left-top p {
    margin-right: 30px
}

.footer-bottom .texts-left-top a:not(:last-child)::after {
    content: '\B7';
    margin-left: 5px
}

.footer-bottom .texts-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom .texts-right a {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom .texts-right a:not(:last-child)::after {
    content: '|';
    margin: 0 5px 0 8px
}

.footer-bottom .texts-right a img {
    max-width: 100px;
    max-height: 37px
}

.footer-bottom .texts .texts-left-bottom {
    margin-top: 0px
}

.footer-bottom .texts .texts-left-bottom .sf-beian {
    background: url(/static/img/beian.png) no-repeat left;
    background-size: contain;
    padding-left: 20px;
    background-size: 16px 16px
}

.footer-small {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-small-top {
    width: 100%;
    height: 470px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background: url(/static/img/footer-phone.png) top center no-repeat;
    background-size: 100% 100%;
    height: 275px
}

.footer-small-top .top-text {
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    text-align: center
}

.footer-small-top .top-text p {
    margin: 0
}

.footer-small-content {
    width: 100%;
    height: 470px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background: url(/static/img/footer-phone-animate.png) top center no-repeat;
    background-size: 100% 100%;
    height: 290px;
    margin-top: -108px;
    margin-bottom: 10px
}

.footer-small-bottom {
    width: 100%;
    font-size: 14px
}

.footer-small-bottom .items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4
}

.footer-small-bottom .items-icon {
    width: 32%;
    height: 125px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #40425c
}

.footer-small-bottom .items-icon img {
    width: 50px;
    height: 50px
}

.footer-small-bottom .items-icon p {
    text-align: center;
    font-size: 12px
}

.footer-small-bottom .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #30334e;
    padding-bottom: 20px
}

.footer-small-bottom .content .logo {
    min-height: 30px;
    margin-top: 30px;
    margin-bottom: 10px
}

.footer-small-bottom .content .wechat {
    margin: 16px 0 10px;
    max-width: 130px
}

.footer-small-bottom .content .phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-top: -10px
}

.footer-small-bottom .content .phone-left {
    width: 43px;
    height: 43px;
    background: url(/static/img/phone-light.png) center top no-repeat;
    margin-right: 10px
}

.footer-small-bottom .content .phone-right .right-top {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #4a81ff
}

.footer-small-bottom .content .phone-right .right-bottom {
    font-size: 14px;
    color: #bcc6d2;
    text-align: center
}

.footer-small-bottom .content .phone-left {
    background: url(/static/img/phone.png) center top no-repeat
}

.footer-small-bottom .content .im {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    padding: 10px 0;
    margin-bottom: 20px
}

.footer-small-bottom .content .im .im-logo {
    width: 43px;
    height: 43px;
    margin-right: 10px;
    background: url(/static/img/im.png) center top no-repeat
}

.footer-small-bottom .content .im a {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #4a81ff;
    cursor: pointer
}

.footer-small-bottom .content .text {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.footer-small-bottom .content .text .sf-beian {
    background: url(/static/img/beian.png) no-repeat left;
    background-size: contain;
    padding-left: 20px;
    background-size: 16px 16px
}

.footer-small-bottom .content .text a,.footer-small-bottom .content .text p {
    text-decoration: none;
    color: #1a1d3c;
    margin: 0;
    color: #acadb8
}

.footer-small-bottom .content .bold {
    font-weight: 500;
    margin-bottom: 10px
}

.footer-small-bottom .content .bold a {
    color: #1a1d3c
}

.footer-small-bottom .content .bold a:not(:last-child)::after {
    content: '|';
    margin: 0 8px 0 10px;
    color: #d9d9d9
}

.section-title {
    margin-top: 70px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 400
}

.section-title span {
    position: relative
}

.section-title span::before {
    content: '';
    position: absolute;
    left: -80px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* color: #4a81ff; */
    width:60px;
    height: 1px;
    background-color: #4a81ff
}

.section-title span::after {
    content: '';
    position: absolute;
    right: -80px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* color: #4a81ff; */
    width: 60px;
    height: 1px;
    background-color: #4a81ff
}

@media only screen and (max-width: 576px) {
    .section-title {
        margin-top:30px;
        margin-bottom: 30px;
        font-size: 18px
    }

    .section-title span {
        position: relative
    }

    .section-title span::before {
        left: -80px
    }

    .section-title span::after {
        right: -80px
    }
}

.ability-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0;
    background-color: #ffffff;
    border: solid 1px #e6e8f4;
    transition: box-shadow ease-in-out .3s
}

.ability-card:hover {
    box-shadow: 0px 3px 10px 0px rgba(43,75,196,0.11)
}

.ability-card__left {
    width: 230px;
    height: 105px;
    font-size: 18px;
    line-height: 30px;
    color: #24374e;
    text-align: center;
    border-right: solid 1px #e2e3e7
}

.ability-card__left .ability-logo {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.ability-card__right {
    -ms-flex: 1;
    flex: 1;
    height: 105px;
    padding: 0 45px;
    font-size: 14px;
    line-height: 20px;
    color: #7a8ba6
}

.ability-card__more {
    position: absolute;
    right: 25px;
    bottom: 20px
}

.ability-card__more .gaia-btn {
    margin-right: 10px
}

.ability-card__more .gaia-btn:last-child {
    margin-right: 0px
}

@media only screen and (max-width: 576px) {
    .ability-card {
        padding:40px 0;
        font-size: 12px
    }

    .ability-card__left {
        width: 110px;
        height: 80px;
        font-size: 12px;
        line-height: normal
    }

    .ability-card__left .ability-logo {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px
    }

    .ability-card__right {
        -ms-flex: 1;
        flex: 1;
        height: 80px;
        padding: 0 22px;
        font-size: 12px;
        line-height: 21px;
        color: #7a8ba6
    }

    .ability-card__more {
        right: 15px;
        bottom: 10px
    }

    .ability-card__more .gaia-btn {
        font-size: 12px
    }
}

.title-desc-desc {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 30px;
    font-size: 16px;
    color: #6474a4;
    letter-spacing: 2px
}

@media only screen and (max-width: 400px) {
    .media-title-desc-desc {
        font-size:12px;
        margin-bottom: 18px
    }
}

.section-banner {
    min-height: 365px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    color: #24374e
}

.section-banner.left {
    text-align: left
}

.section-banner.center {
    text-align: center
}

.section-banner.center .service-banner-desc {
    width: 540px;
    margin-left: auto;
    margin-right: auto
}

.section-banner.dark {
    color: #fff
}

.service-banner-title {
    margin-top: 80px;
    margin-bottom: 17px;
    font-size: 38px
}

.service-banner-title span {
    position: relative
}

.service-banner-title .badge-icon {
    position: absolute;
    top: -5px;
    left: 100%
}

.service-banner-title .play-icon {
    width: 40px;
    height: 40px;
    vertical-align: -8px;
    margin-left: 8px;
    cursor: pointer;
    transition: transform .2s ease-in
}

.service-banner-title .play-icon:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.service-banner-desc {
    width: 500px;
    line-height: 2;
    font-size: 14px;
    margin-bottom: 26px
}

.service-banner-btns .gaia-btn {
    margin-right: 10px
}

.service-banner-btns .gaia-btn:last-child {
    margin-right: 0px
}

.service-banner-extra {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px
}

.service-banner-extra p {
    -webkit-margin-before: 10px;
    margin-block-start:10px;-webkit-margin-after: 10px;
    margin-block-end:10px}

.video-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.35s;
    z-index: 12000;
    background-color: rgba(0,0,0,0.3)
}

.video-modal-wrap.modal-show {
    display: -ms-flexbox;
    display: flex
}

.video-modal-wrap .por-player {
    width: 700px;
    height: 500px;
    position: relative;
    background-color: #000
}

.video-modal-wrap .por-player .por-player-close {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.video-modal-wrap .por-player .por-player-close>svg {
    transition: transform .2s ease-in
}

.video-modal-wrap .por-player .por-player-close>svg:hover {
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.video-modal-wrap .por-player>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none
}

@media only screen and (min-width: 576.01px) {
    .service-banner-btns .gaia-btn:first-child {
        padding:0 30px
    }

    .section-banner.center .service-banner-btns .gaia-btn {
        padding: 0 30px
    }
}

@media only screen and (max-width: 576px) {
    .section-banner {
        min-height:200px;
        background-size: auto 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #eff4fa
    }

    .service-banner-title {
        margin-top: 35px;
        margin-bottom: 17px;
        font-size: 16px
    }

    .service-banner-title .badge-icon {
        top: -15px;
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .service-banner-title .play-icon {
        width: 18px;
        height: 18px;
        vertical-align: -4px;
        margin-left: 4px
    }

    .service-banner-desc {
        width: 64%;
        font-size: 12px
    }

    .service-banner-extra {
        display: none
    }

    .service-banner-btns {
        margin-bottom: 20px
    }

    .video-modal-wrap .por-player {
        width: 100%;
        height: 71.42857143vw
    }
}

.hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.hs-banner .slick-list:focus {
    outline: none
}

.hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.hs-banner .slick-slider .slick-track,.hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hs-banner .slick-track:before,.hs-banner .slick-track:after {
    display: table;
    content: ''
}

.hs-banner .slick-track:after {
    clear: both
}

.hs-banner .slick-loading .slick-track {
    visibility: hidden
}

.hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.hs-banner [dir='rtl'] .slick-slide {
    float: right
}

.hs-banner .slick-slide img {
    display: block
}

.hs-banner .slick-slide.slick-loading img {
    display: none
}

.hs-banner .slick-slide.dragging img {
    pointer-events: none
}

.hs-banner .slick-initialized .slick-slide {
    display: block
}

.hs-banner .slick-loading .slick-slide {
    visibility: hidden
}

.hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.hs-banner .slick-arrow.slick-hidden {
    display: none
}

.hs-banner .slick-prev,.hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover,.hs-banner .slick-prev:focus,.hs-banner .slick-next:hover,.hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover:before,.hs-banner .slick-prev:focus:before,.hs-banner .slick-next:hover:before,.hs-banner .slick-next:focus:before {
    opacity: 1
}

.hs-banner .slick-prev.slick-disabled:before,.hs-banner .slick-next.slick-disabled:before {
    opacity: .25
}

.hs-banner .slick-prev:before,.hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-prev {
    left: -25px
}

.hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.hs-banner .slick-prev:before {
    content: '\2190'
}

.hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'
}

.hs-banner .slick-next {
    right: -25px
}

.hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.hs-banner .slick-next:before {
    content: '\2192'
}

.hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'
}

.hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.hs-banner .slick-dots li button:hover,.hs-banner .slick-dots li button:focus {
    outline: none
}

.hs-banner .slick-dots li button:hover:before,.hs-banner .slick-dots li button:focus:before {
    opacity: 1
}

.hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li.slick-active button:before {
    opacity: 1
}

.hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

.banner-container .banner1 .double-circle {
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: transparent
}

.banner-container .banner1 .double-circle .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #eee;
    border-radius: 50%
}

.banner-container .banner1 .circle-size-0 {
    width: 16px;
    height: 6px
}

.banner-container .banner1 .circle-size-0 .size-0 {
    width: 44px;
    height: 14px;
    margin-top: -7px;
    margin-left: -22px
}

.banner-container .banner1 .circle-size-1 {
    width: 16px;
    height: 8px
}

.banner-container .banner1 .circle-size-1 .size-1 {
    width: 56px;
    height: 28px;
    margin-top: -14px;
    margin-left: -28px
}

.banner-container .banner1 .circle-size-2 {
    width: 24px;
    height: 12px
}

.banner-container .banner1 .circle-size-2 .size-2 {
    width: 56px;
    height: 28px;
    margin-top: -14px;
    margin-left: -28px
}

.banner-container .banner1 .inner-delay-0 {
    animation: banner-move1 12s linear infinite
}

.banner-container .banner1 .outer-delay-0 {
    opacity: 0;
    animation: banner-move1 12s linear 2s infinite
}

.banner-container .banner1 .inner-delay-1 {
    opacity: 0;
    animation: banner-move1 12s linear 3s infinite
}

.banner-container .banner1 .outer-delay-1 {
    opacity: 0;
    animation: banner-move1 12s linear 5s infinite
}

.banner-container .banner1 .inner-delay-2 {
    opacity: 0;
    animation: banner-move1 12s linear 6s infinite
}

.banner-container .banner1 .outer-delay-2 {
    opacity: 0;
    animation: banner-move1 12s linear 8s infinite
}

.banner-container .banner1 .left-0 {
    top: 518px;
    margin-left: -557px;
    transform: rotateX(45deg)
}

.banner-container .banner1 .left-1 {
    top: 561px;
    margin-left: -396px;
    transform: rotateX(30deg)
}

.banner-container .banner1 .left-2 {
    top: 476px;
    margin-left: -127px
}

.banner-container .banner1 .right-0 {
    top: 515px;
    margin-left: 94px;
    transform: rotateX(30deg)
}

.banner-container .banner1 .right-1 {
    top: 487px;
    margin-left: 312px;
    transform: rotateX(30deg)
}

.banner-container .banner1 .right-2 {
    top: 528px;
    margin-left: 590px;
    transform: rotateX(45deg)
}

.banner-container .banner1 .bg-blur {
    position: absolute;
    top: 335px;
    left: 0;
    width: 100%;
    height: 283px;
    background: url(/static/img/banner-index/bg-1024-blur.png) no-repeat bottom center
}

.banner-container .banner1 .bubble {
    position: absolute;
    transition-duration: 3s;
    left: 50%;
    top: 0;
    width: 1616px;
    height: 640px;
    margin-left: -808px;
    background: url(/static/img/banner-index/bubble.png) no-repeat center center;
    background-size: contain;
    animation: 6s rote infinite
}

.banner-container .banner1 .aurora-wrap {
    position: absolute;
    top: 330px;
    left: 0;
    width: 100%;
    height: 300px
}

.banner-container .banner1 .aurora-wrap .green-round {
    width: 100%;
    height: 100%;
    background: url(/static/img/banner-index/green-round.png) no-repeat bottom center;
    animation: grad-change 8s linear infinite
}

.banner-container .banner1 .aurora-wrap .red-aurora {
    position: absolute;
    top: -70px;
    left: 50%;
    width: 1050px;
    height: 300px;
    margin-left: -700px;
    background: url(/static/img/banner-index/red-aurora.png) no-repeat;
    animation: grad-change 3s linear infinite
}

.banner-container .banner1 .aurora-wrap .green-aurora {
    position: absolute;
    top: 70px;
    left: 48%;
    width: 505px;
    height: 84px;
    background: url(/static/img/banner-index/green-aurora.png) no-repeat;
    animation: grad-change1 3s linear infinite
}

.banner-container .banner1 .aurora-wrap .blue-aurora {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 1016px;
    height: 302px;
    margin-left: -508px;
    background: url(/static/img/banner-index/blue-aurora.png) no-repeat;
    animation: grad-change 3s linear infinite;
    opacity: 0.7
}

.banner-container .banner1 .banner-line {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 2180px;
    height: 193px;
    margin-left: -1090px;
    opacity: 0.7
}

@keyframes grad-change {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 1
    }
}

@keyframes grad-change1 {
    0% {
        opacity: 0.7
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0.7
    }
}

@keyframes banner-move1 {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0
    }

    40% {
        transform: scale(1.6, 1.6);
        opacity: 1
    }

    80% {
        transform: scale(3, 3);
        opacity: 0
    }

    100% {
        transform: scale(3, 3);
        opacity: 0
    }
}

@keyframes rote {
    0% {
        transform: rotate(-15deg) scale(1) translate3d(0, 0, 0px)
    }

    50% {
        transform: rotate(0) scale(1.2) translate3d(15px, 5px, 2px)
    }

    100% {
        transform: rotate(-15deg) scale(1) translate3d(0, 0, 0)
    }
}

@media only screen and (max-width: 576px) {
    .section-banner-mobile .banner-each {
        width:100vw;
        height: 60vw;
        overflow: hidden;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .section-banner-mobile .banner1 {
        position: relative;
        background-image: url(/static/img/index/index-banner-mobile.jpg);
        cursor: default
    }

    .section-banner-mobile .cls-1 {
        fill: none;
        stroke: #fff;
        stroke-dasharray: 3;
        animation: dash 5s linear infinite
    }

    @keyframes dash {
        from {
            stroke-dashoffset: 0
        }

        to {
            stroke-dashoffset: 100
        }
    }
}

.hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.hs-banner .slick-list:focus {
    outline: none
}

.hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.hs-banner .slick-slider .slick-track,.hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hs-banner .slick-track:before,.hs-banner .slick-track:after {
    display: table;
    content: ''
}

.hs-banner .slick-track:after {
    clear: both
}

.hs-banner .slick-loading .slick-track {
    visibility: hidden
}

.hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.hs-banner [dir='rtl'] .slick-slide {
    float: right
}

.hs-banner .slick-slide img {
    display: block
}

.hs-banner .slick-slide.slick-loading img {
    display: none
}

.hs-banner .slick-slide.dragging img {
    pointer-events: none
}

.hs-banner .slick-initialized .slick-slide {
    display: block
}

.hs-banner .slick-loading .slick-slide {
    visibility: hidden
}

.hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.hs-banner .slick-arrow.slick-hidden {
    display: none
}

.hs-banner .slick-prev,.hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover,.hs-banner .slick-prev:focus,.hs-banner .slick-next:hover,.hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover:before,.hs-banner .slick-prev:focus:before,.hs-banner .slick-next:hover:before,.hs-banner .slick-next:focus:before {
    opacity: 1
}

.hs-banner .slick-prev.slick-disabled:before,.hs-banner .slick-next.slick-disabled:before {
    opacity: .25
}

.hs-banner .slick-prev:before,.hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-prev {
    left: -25px
}

.hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.hs-banner .slick-prev:before {
    content: '\2190'
}

.hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'
}

.hs-banner .slick-next {
    right: -25px
}

.hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.hs-banner .slick-next:before {
    content: '\2192'
}

.hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'
}

.hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.hs-banner .slick-dots li button:hover,.hs-banner .slick-dots li button:focus {
    outline: none
}

.hs-banner .slick-dots li button:hover:before,.hs-banner .slick-dots li button:focus:before {
    opacity: 1
}

.hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li.slick-active button:before {
    opacity: 1
}

.hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

.banner-container .banner1 .double-circle {
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: transparent
}

.banner-container .banner1 .double-circle .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #eee;
    border-radius: 50%
}

.banner-container .banner1 .circle-size-0 {
    width: 16px;
    height: 6px
}

.banner-container .banner1 .circle-size-0 .size-0 {
    width: 44px;
    height: 14px;
    margin-top: -7px;
    margin-left: -22px
}

.banner-container .banner1 .circle-size-1 {
    width: 16px;
    height: 8px
}

.banner-container .banner1 .circle-size-1 .size-1 {
    width: 56px;
    height: 28px;
    margin-top: -14px;
    margin-left: -28px
}

.banner-container .banner1 .circle-size-2 {
    width: 24px;
    height: 12px
}

.banner-container .banner1 .circle-size-2 .size-2 {
    width: 56px;
    height: 28px;
    margin-top: -14px;
    margin-left: -28px
}

.banner-container .banner1 .inner-delay-0 {
    animation: banner-move1 12s linear infinite
}

.banner-container .banner1 .outer-delay-0 {
    opacity: 0;
    animation: banner-move1 12s linear 2s infinite
}

.banner-container .banner1 .inner-delay-1 {
    opacity: 0;
    animation: banner-move1 12s linear 3s infinite
}

.banner-container .banner1 .outer-delay-1 {
    opacity: 0;
    animation: banner-move1 12s linear 5s infinite
}

.banner-container .banner1 .inner-delay-2 {
    opacity: 0;
    animation: banner-move1 12s linear 6s infinite
}

.banner-container .banner1 .outer-delay-2 {
    opacity: 0;
    animation: banner-move1 12s linear 8s infinite
}

.banner-container .banner1 .left-0 {
    top: 518px;
    margin-left: -557px;
    transform: rotateX(45deg)
}

.banner-container .banner1 .left-1 {
    top: 561px;
    margin-left: -396px;
    transform: rotateX(30deg)
}

.banner-container .banner1 .left-2 {
    top: 476px;
    margin-left: -127px
}

.banner-container .banner1 .right-0 {
    top: 515px;
    margin-left: 94px;
    transform: rotateX(30deg)
}

.banner-container .banner1 .right-1 {
    top: 487px;
    margin-left: 312px;
    transform: rotateX(30deg)
}

.banner-container .banner1 .right-2 {
    top: 528px;
    margin-left: 590px;
    transform: rotateX(45deg)
}

.banner-container .banner1 .bg-blur {
    position: absolute;
    top: 335px;
    left: 0;
    width: 100%;
    height: 283px;
    background: url(/static/img/banner-index/bg-1024-blur.png) no-repeat bottom center
}

.banner-container .banner1 .bubble {
    position: absolute;
    transition-duration: 3s;
    left: 50%;
    top: 0;
    width: 1616px;
    height: 640px;
    margin-left: -808px;
    background: url(/static/img/banner-index/bubble.png) no-repeat center center;
    background-size: contain;
    animation: 6s rote infinite
}

.banner-container .banner1 .aurora-wrap {
    position: absolute;
    top: 330px;
    left: 0;
    width: 100%;
    height: 300px
}

.banner-container .banner1 .aurora-wrap .green-round {
    width: 100%;
    height: 100%;
    background: url(/static/img/banner-index/green-round.png) no-repeat bottom center;
    animation: grad-change 8s linear infinite
}

.banner-container .banner1 .aurora-wrap .red-aurora {
    position: absolute;
    top: -70px;
    left: 50%;
    width: 1050px;
    height: 300px;
    margin-left: -700px;
    background: url(/static/img/banner-index/red-aurora.png) no-repeat;
    animation: grad-change 3s linear infinite
}

.banner-container .banner1 .aurora-wrap .green-aurora {
    position: absolute;
    top: 70px;
    left: 48%;
    width: 505px;
    height: 84px;
    background: url(/static/img/banner-index/green-aurora.png) no-repeat;
    animation: grad-change1 3s linear infinite
}

.banner-container .banner1 .aurora-wrap .blue-aurora {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 1016px;
    height: 302px;
    margin-left: -508px;
    background: url(/static/img/banner-index/blue-aurora.png) no-repeat;
    animation: grad-change 3s linear infinite;
    opacity: 0.7
}

.banner-container .banner1 .banner-line {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 2180px;
    height: 193px;
    margin-left: -1090px;
    opacity: 0.7
}

@keyframes grad-change {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 1
    }
}

@keyframes grad-change1 {
    0% {
        opacity: 0.7
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0.7
    }
}

@keyframes banner-move1 {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0
    }

    40% {
        transform: scale(1.6, 1.6);
        opacity: 1
    }

    80% {
        transform: scale(3, 3);
        opacity: 0
    }

    100% {
        transform: scale(3, 3);
        opacity: 0
    }
}

@keyframes rote {
    0% {
        transform: rotate(-15deg) scale(1) translate3d(0, 0, 0px)
    }

    50% {
        transform: rotate(0) scale(1.2) translate3d(15px, 5px, 2px)
    }

    100% {
        transform: rotate(-15deg) scale(1) translate3d(0, 0, 0)
    }
}

.section-banner .banner-each {
    width: 100%;
    height: 640px;
    overflow: hidden;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat
}

.section-banner .banner1 {
    position: relative;
    background-image: url(/static/img/index/index-banner.jpg);
    cursor: default
}

.section-banner .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-dasharray: 3
}

@keyframes dash {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 100
    }
}

.bottom-banner-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bottom-banner-content {
    display: -ms-flexbox;
    display: flex;
    padding: 0 100px;
    -ms-flex-align: center;
    align-items: center;
    min-height: 110px;
    overflow: hidden;
    color: #ffffff
}

.bottom-banner-title {
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #24374e
}

.bottom-banner-divider {
    height: 28px;
    width: 1px;
    background-color: #ffffff;
    margin: 0 18px
}

.bottom-banner-desc {
    font-size: 18px;
    -ms-flex: 1;
    flex: 1;
    color: #8393ac
}

.dark .bottom-banner-title {
    color: #fff
}

.dark .bottom-banner-desc {
    color: #fff
}

.bottom-banner-btns .gaia-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 30px
}

.bottom-banner-content.vertical {
    display: block;
    text-align: center;
    padding: 80px 0;
    min-height: 0
}

.bottom-banner-content.vertical .bottom-banner-divider {
    display: none
}

.bottom-banner-content.vertical .bottom-banner-title {
    margin-top: 0;
    margin-bottom: 20px
}

.bottom-banner-content.vertical .bottom-banner-desc {
    margin: 0
}

.bottom-banner-content.vertical .bottom-banner-btns {
    margin-top: 26px
}

.bottom-banner-content.vertical .bottom-banner-btns .gaia-btn {
    padding: 0 55px
}

@media only screen and (max-width: 576px) {
    .bottom-banner-content {
        display:block;
        padding: 25px 0;
        height: auto;
        text-align: center
    }

    .bottom-banner-divider {
        display: none
    }

    .bottom-banner-title {
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 0
    }

    .bottom-banner-desc {
        font-size: 12px;
        margin: 8px 0 15px
    }

    .bottom-banner-btns .gaia-btn {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        padding: 0 18px
    }

    .bottom-banner-content.vertical {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0
    }

    .bottom-banner-content.vertical .bottom-banner-title {
        margin-top: 0;
        margin-bottom: 10px
    }

    .bottom-banner-content.vertical .bottom-banner-btns {
        margin-top: 20px
    }

    .bottom-banner-content.vertical .bottom-banner-btns .gaia-btn {
        padding: 0 18px
    }
}

.section-anchor {
    z-index: 1;
    background-color: #f9faff
}

.anchor-tabs,.anchor-tab-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.anchor-tabs {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e8f4
}

.anchor-tab-item {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: 65px
}

.anchor-tab-item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 25px;
    height: 15px;
    width: 1px;
    background-color: #e6e8f4
}

.anchor-tab-item:last-child::before {
    display: none
}

.anchor-tab-item a {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    font-size: 16px;
    text-decoration: none;
    line-height: 65px;
    height: 65px;
    color: #24374e;
    cursor: pointer
}

.anchor-tab-item:hover a,.anchor-tab-item.active a {
    color: #4a81ff
}

.anchor-tab-item.active a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #4a81ff
}

.product-price-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    padding: 20px 18px;
    font-size: 14px
}

.product-price-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    width: 50px;
    height: 4px;
    background-color: #4a81ff
}

.product-price-card__head {
    padding: 15px 0 20px;
    border-bottom: 1px solid #e6e8f4
}

.product-price-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin-bottom: 12px
}

.product-price-card__head .desc {
    color: #8393ac;
    height: 40px;
    overflow: hidden
}

.product-price-card__body {
    padding-top: 16px;
    height: 174px;
    border-bottom: 1px solid #e6e8f4
}

.product-price-card__body .spec {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    color: #24374e
}

.product-price-card__body .spec>div {
    -ms-flex: 1;
    flex: 1
}

.product-price-card__body .spec:last-child {
    margin-bottom: 0
}

.product-price-card__footer {
    padding-top: 20px;
    padding-bottom: 4px;
    text-align: center
}

.product-price-card__footer .price {
    margin-bottom: 15px
}

.product-price-card__footer .price span {
    font-size: 22px;
    color: #fe581c;
    font-weight: 500
}

.product-price-card__footer .price .old-price {
    display: block;
    margin-left: 15px;
    font-weight: normal;
    font-size: 14px;
    color: #8393ac;
    text-decoration: line-through
}

.product-price-card__footer .btns {
    min-height: 32px
}

@media only screen and (max-width: 576px) {
    .product-price-card {
        padding:15px 10px;
        font-size: 12px
    }

    .product-price-card__head {
        padding: 10px 0 15px
    }

    .product-price-card__head .title {
        font-size: 14px;
        margin-bottom: 6px
    }

    .product-price-card__body {
        padding-top: 12px;
        height: 140px
    }

    .product-price-card__body .spec {
        margin-bottom: 12px
    }
}

.developer-resource-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    background-image: url(/static/img/bg_developer-resource.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 30px 20px;
    font-size: 14px
}

.developer-resource-card__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.developer-resource-card__head img {
    margin-right: 20px
}

.developer-resource-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500
}

.developer-resource-card__body {
    height: 100px;
    overflow: hidden
}

.developer-resource-card__body .desc {
    color: #8393ac;
    line-height: 1.8
}

.developer-resource-card__footer .gaia-btn {
    margin-right: 20px
}

.developer-resource-card__footer .gaia-btn:last-child {
    margin-right: 0px
}

@media only screen and (max-width: 576px) {
    .developer-resource-card {
        padding:15px 10px;
        font-size: 12px
    }

    .developer-resource-card__head {
        margin-bottom: 10px
    }

    .developer-resource-card__head .title {
        font-size: 14px
    }

    .developer-resource-card__body {
        height: 88px
    }
}

.guide-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    padding: 30px 20px;
    font-size: 14px
}

.guide-card img {
    float: right;
    position: relative;
    top: -1px
}

.guide-card .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin-bottom: 18px
}

.guide-card .desc {
    color: #8393ac
}

@media only screen and (max-width: 576px) {
    .guide-card {
        padding:15px 10px;
        font-size: 12px
    }

    .guide-card .title {
        margin-bottom: 8px
    }

    .guide-card img {
        width: 35px;
        height: 35px;
        top: 5px
    }
}

.tutorial-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    font-size: 14px
}

.tutorial-card .cover {
    height: 145px;
    width: 100%;
    overflow: hidden
}

.tutorial-card .cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

.tutorial-card .title {
    font-size: 15px;
    color: #24374e;
    font-weight: 500;
    padding: 0 10px;
    margin: 10px 0;
    height: 45px;
    overflow: hidden
}

.tutorial-card .desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: #8393ac;
    padding: 0 10px 12px
}

.tutorial-card .desc span {
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px
}

.tutorial-card .desc .icon {
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.tutorial-card .desc .icon.user {
    background-image: url(/static/img/ic_user.png);
    width: 10px;
    height: 13px
}

.tutorial-card .desc .icon.play {
    background-image: url(/static/img/ic_play.png);
    width: 19px;
    height: 19px
}

.tutorial-card:hover .cover img {
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

@media only screen and (max-width: 576px) {
    .tutorial-card {
        font-size:12px
    }

    .tutorial-card .title {
        font-size: 12px;
        height: 50px
    }

    .tutorial-card .desc {
        font-size: 11px
    }
}

.case-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    padding: 30px 20px;
    font-size: 14px
}

.case-card__head .case-logo {
    width: 100%;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.case-card__title {
    margin-top: 25px;
    font-size: 18px;
    text-align: center
}

.case-card__body {
    padding-top: 30px;
    padding-bottom: 30px;
    height: 200px;
    color: #8393ac;
    line-height: 1.8
}

.case-card__footer {
    text-align: center
}

@media only screen and (max-width: 576px) {
    .case-card {
        padding:15px 10px;
        font-size: 12px
    }

    .case-card__title {
        margin-top: 10px;
        font-size: 14px
    }

    .case-card__body {
        padding-top: 15px;
        padding-bottom: 15px;
        height: 170px;
        text-align: justify
    }
}

.scene-card {
    font-size: 14px;
    padding: 0 20px
}

.scene-card__head .scene-logo {
    width: 100%;
    height: 46px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.scene-card__head .title {
    margin: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    text-align: center
}

.scene-card__body {
    height: 75px;
    margin-bottom: 20px;
    overflow: hidden;
    color: #8393ac;
    line-height: 1.8
}

.scene-card__footer {
    text-align: center
}

@media only screen and (max-width: 576px) {
    .scene-card {
        padding:20px 10px;
        background-color: #ffffff;
        border: 1px solid #e6e8f4;
        font-size: 12px
    }

    .scene-card__head .title {
        margin-bottom: 10px;
        font-size: 14px
    }

    .scene-card__body {
        height: 66px;
        margin-bottom: 10px
    }
}

.scene-card-1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 255px;
    font-size: 14px;
    padding: 50px 35px 35px;
    background-color: #ffffff;
    background-image: url(/static/img/bg_scene1.png);
    background-position: right 205px;
    background-size: auto;
    background-repeat: no-repeat;
    border: solid 1px #e6e8f4;
    transition: box-shadow ease-in-out .3s
}

.scene-card-1:hover {
    box-shadow: 0px 3px 10px 0px rgba(43,75,196,0.11)
}

.scene-card-1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -24px;
    width: 48px;
    height: 4px;
    background-color: #2976ff
}

.scene-card-1__head {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #24374e;
    text-align: center
}

.scene-card-1__body {
    -ms-flex: 1;
    flex: 1;
    margin-top: 30px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #7a8ba6
}

.scene-card-1__footer {
    display: -ms-flexbox;
    display: flex
}

.scene-card-1__footer .btn-label {
    font-size: 16px;
    color: #374567;
    margin-right: 20px;
    line-height: 32px
}

.scene-card-1__footer .btn-items {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.scene-card-1__footer .btn-items .gaia-btn {
    margin-bottom: 5px;
    margin-right: 5px
}

.scene-card-1__footer .btn-items .gaia-btn:last-child {
    margin-right: 0
}

@media only screen and (max-width: 576px) {
    .scene-card-1 {
        padding:20px 10px;
        background-color: #ffffff;
        border: 1px solid #e6e8f4;
        font-size: 12px;
        height: 200px
    }

    .scene-card-1__head {
        font-size: 14px
    }

    .scene-card-1__footer .btn-label {
        font-size: 14px;
        margin-right: 10px;
        line-height: 27px
    }
}

.section-scene-tab .scene-tab {
    background-color: #ffffff;
    border: 1px solid #e6e8f4
}

.section-scene-tab .scene-tabpane-content {
    display: -ms-flexbox;
    display: flex;
    margin: 30px;
    box-sizing: border-box
}

.section-scene-tab .scene-tabpane-content__left {
    height: 370px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #e6e8f4;
    padding-right: 20px
}

.section-scene-tab .scene-tabpane-content__left img {
    display: block;
    height: 320px;
    width: 490px;
    margin: 0 auto
}

.section-scene-tab .scene-tabpane-content__right {
    -ms-flex: 1;
    flex: 1;
    height: 370px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 25px
}

.section-scene-tab .scene-tabpane-content__right .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500
}

.section-scene-tab .scene-tabpane-content__right .desc {
    color: #8393ac;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px
}

.section-scene-tab .scene-tabpane-content__right .body {
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    padding: 10px 0;
    font-size: 14px;
    border-top: 1px dashed #e6e8f4
}

.section-scene-tab .scene-tabpane-content__right .body p {
    margin-top: 10px;
    margin-bottom: 10px
}

.section-scene-tab .scene-tabpane-content__right .footer {
    border-top: 1px dashed #e6e8f4;
    padding-top: 15px;
    padding-bottom: 20px
}

.section-scene-tab .scene-tabpane-content__right .footer .btns {
    margin-top: 16px;
    width: 100%
}

.section-scene-tab .scene-tabpane-content__right .footer .gaia-btn {
    margin-right: 10px
}

.section-scene-tab .scene-tabpane-content__right .footer .gaia-btn:last-child {
    margin-right: 0px
}

.section-scene-tab .scene-tab .gaia-callapse {
    display: none
}

@media only screen and (max-width: 576px) {
    .section-scene-tab .scene-tab {
        border:none;
        font-size: 12px
    }

    .section-scene-tab .scene-tab .gaia-tabs {
        display: none
    }

    .section-scene-tab .scene-tab .gaia-callapse {
        display: block
    }

    .section-scene-tab .gaia-collapse-header {
        font-size: 14px
    }

    .section-scene-tab .gaia-collapse-content {
        padding: 0 10px
    }

    .section-scene-tab .scene-tabpane-content {
        display: block;
        margin: 0;
        overflow: hidden
    }

    .section-scene-tab .scene-tabpane-content__left {
        width: 100%;
        height: auto;
        padding: 25px 0;
        box-sizing: border-box;
        border-right: none;
        text-align: center
    }

    .section-scene-tab .scene-tabpane-content__left img {
        width: 245px;
        height: 160px
    }

    .section-scene-tab .scene-tabpane-content__right {
        height: auto
    }

    .section-scene-tab .scene-tabpane-content__right .title {
        font-size: 14px
    }
}

.section-scene-tab-swiper .scene-tab {
    border: none
}

.section-scene-tab-swiper .scene-tab,.section-scene-tab-swiper .gaia-tabs,.section-scene-tab-swiper .gaia-tabs-bar,.section-scene-tab-swiper .gaia-tabs-content {
    background-color: transparent
}

.section-scene-tab-swiper .scene-tabpane-content {
    display: -ms-flexbox;
    display: flex;
    margin: 30px;
    padding-top: 50px;
    box-sizing: border-box
}

.section-scene-tab-swiper .scene-tabpane-content__left {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 330px;
    display: -ms-flexbox;
    display: flex;
    margin-right: 60px;
    -ms-flex-direction: column;
    flex-direction: column;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right bottom
}

.section-scene-tab-swiper .scene-tabpane-content__left .head {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin: 25px 0
}

.section-scene-tab-swiper .scene-tabpane-content__left .body {
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    color: #8393ac;
    line-height: 1.8;
    font-size: 14px;
    white-space: pre-wrap
}

.section-scene-tab-swiper .scene-tabpane-content__left .footer {
    border-top: 1px dashed #e6e8f4;
    padding-top: 15px;
    padding-bottom: 20px
}

.section-scene-tab-swiper .scene-tabpane-content__left .footer .btns {
    margin-top: 16px;
    width: 100%
}

.section-scene-tab-swiper .scene-tabpane-content__left .footer .gaia-btn {
    margin-right: 10px
}

.section-scene-tab-swiper .scene-tabpane-content__left .footer .gaia-btn:last-child {
    margin-right: 0px
}

.section-scene-tab-swiper .scene-tabpane-content__right {
    position: relative;
    width: 620px;
    height: 330px
}

.section-scene-tab-swiper .scene-tabpane-content__right .swiper-img {
    border-radius: 5px;
    width: 620px;
    height: 330px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev,.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
    background-size: 8px 13px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    outline: none;
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(16,62,237,0.39)
}

.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev::after,.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next::after {
    font-size: 14px
}

.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev {
    left: -15px
}

.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
    right: -15px
}

.section-scene-tab-swiper .scene-tab .gaia-callapse {
    display: none
}

@media only screen and (max-width: 576px) {
    .section-scene-tab-swiper .scene-tab {
        border:none;
        font-size: 12px
    }

    .section-scene-tab-swiper .scene-tab .gaia-tabs {
        display: none
    }

    .section-scene-tab-swiper .scene-tab .gaia-callapse {
        display: block
    }

    .section-scene-tab-swiper .gaia-collapse-header {
        font-size: 14px
    }

    .section-scene-tab-swiper .gaia-collapse-content {
        padding: 0
    }

    .section-scene-tab-swiper .scene-tabpane-content {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0;
        padding: 15px;
        overflow: hidden
    }

    .section-scene-tab-swiper .scene-tabpane-content__left {
        width: 100%;
        height: auto;
        margin-right: 0;
        box-sizing: border-box;
        border-right: none
    }

    .section-scene-tab-swiper .scene-tabpane-content__left .head {
        font-size: 12px;
        margin: 25px 0 0
    }

    .section-scene-tab-swiper .scene-tabpane-content__left .body {
        font-size: 12px;
        margin-top: 5px
    }

    .section-scene-tab-swiper .scene-tabpane-content__right {
        height: auto;
        width: 100%;
        text-align: center;
        margin: -15px;
        padding: 15px
    }

    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev,.section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
        display: none
    }

    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-img {
        width: 310px;
        height: 166px
    }
}

.section-step .steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-step .steps-item:not(:last-child) {
    position: relative;
    -ms-flex: 1;
    flex: 1
}

.section-step .steps-item:not(:last-child)::after {
    position: absolute;
    content: '';
    top: 90px;
    right: 10px;
    left: 150px;
    border-top: 1px solid #d6deff
}

.section-step .steps-item-content {
    width: 210px;
    /* width: 140px; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.section-step .steps-item-content img {
    width: 52px;
    height: 52px
}

.section-step .steps-item-content .steps-item-nth {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 1px;
    color: #4a81ff;
    margin: 20px 0 0
}

.section-step .steps-item-content .steps-item-title {
    font-size: 18px;
    color: #3d4665
}

.section-step .steps-item-content .steps-item-desc {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #7a8ba6;
    overflow: hidden;
    text-align: center
}
.steps-hz{
    flex-wrap:wrap;
    max-width:900px;
    margin:0 auto;
}
.steps-hz-item{
    /* padding:20px; */
    font-zsie:16px;
    font-weight:bold;
    box-sizing:border-box;
    margin-bottom:15px;
    /* background-color: #558cfd; */
    color:#fff;
    border-radius:8px;
}
@media only screen and (max-width: 576px) {
    .section-step .steps {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-step .steps-item {
        position: relative;
        background-color: #ffffff;
        border: solid 1px #e6e8f4;
        padding: 20px 15px 20px 65px
    }
    .section-step .steps-item1 {
        padding: 20px 15px 20px 105px
    }

    .section-step .steps-item:not(:last-child) {
        margin-bottom: 15px
    }

    .section-step .steps-item:not(:last-child)::after {
        display: none
    }
    .steps-hz{
        flex-direction: row !important;
    }
    .steps-hz-item{
        text-align:center;
        width:48%
    }
    .section-step .steps-item-content {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .section-step .steps-item-content img {
        position: absolute;
        top: 24px;
        left: 22px;
        width: 28px;
        height: 28px
    }

    .section-step .steps-item-content .steps-item-nth {
        font-size: 15px;
        line-height: normal;
        color: #4a81ff;
        margin: 0
    }

    .section-step .steps-item-content .steps-item-title {
        font-size: 14px;
        color: #3d4665
    }

    .section-step .steps-item-content .steps-item-desc {
        width: 100%;
        height: 32px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 15px;
        color: #7a8ba6;
        overflow: hidden;
        text-align: justify
    }
}

.advantage-card {
    font-size: 14px;
    padding: 40px 20px;
    background-color: #ffffff;
    border: 1px solid #e6e8f4
}

.advantage-card__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    height: 40px;
    overflow: hidden
}

.advantage-card__head img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.advantage-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500
}

.advantage-card__body {
    height: 100px;
    overflow: hidden;
    color: #8393ac;
    line-height: 1.8
}

.advantage-card.style2 {
    padding: 25px 20px
}

.advantage-card.style2 .advantage-card__head {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    height: 95px
}

.advantage-card.style2 .advantage-card__head img {
    width: 46px;
    height: 46px;
    margin-bottom: 15px;
    margin-right: 0
}

.advantage-card.style2 .advantage-card__body {
    height: 100px;
    overflow: hidden
}

@media only screen and (max-width: 576px) {
    .advantage-card {
        font-size:12px;
        padding: 20px 10px
    }

    .advantage-card__head {
        margin-bottom: 10px;
        height: 20px
    }

    .advantage-card__head img {
        width: 20px;
        height: 20px;
        margin-right: 5px
    }

    .advantage-card__head .title {
        font-size: 14px
    }

    .advantage-card.style2 {
        padding: 15px 10px
    }

    .advantage-card.style2 .advantage-card__head {
        height: 55px
    }

    .advantage-card.style2 .advantage-card__head img {
        width: 25px;
        height: 25px;
        margin-bottom: 6px;
        margin-right: 0
    }

    .advantage-card.style2 .advantage-card__body {
        height: auto
    }
}

.speakers-tabs-table {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e6e8f4
}

.speakers-tabs-table .gaia-tabs-bar {
    padding-top: 75px
}

.speakers-tabs-table table {
    width: 100%
}

.speakers-tabs-table thead th {
    height: 75px;
    vertical-align: middle;
    color: #4a81ff;
    text-align: center
}

.speakers-tabs-table .speakers-table-body {
    max-height: 596px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    overflow-y: auto
}

.speakers-tabs-table tbody td {
    text-align: center;
    vertical-align: middle;
    height: 45px;
    font-size: 14px;
    color: #24374e
}

.speakers-tabs-table .price {
    color: #fe581c
}

.speakers-tabs-table .price .old-price {
    text-decoration: line-through;
    color: #ccc;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 5px
}

.speakers-tabs-table .service-tips {
    color: #8f9dae;
    margin-top: 30px;
    font-size: 14px
}

.speakers-tabs .gaia-tab {
    width: 180px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    transition: all .3s
}

.speakers-tabs .gaia-tab.gaia-tab-active {
    background-color: #f4f5f9
}

.speakers-tabs .gaia-tab-pane {
    transition: none
}

.speakers-tabs-table .scene-title {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 180px;
    height: 75px;
    line-height: 75px;
    color: #4a81ff;
    font-weight: bold;
    z-index: 2
}

.speakers-tabs-table .scene-title span {
    position: relative
}

.speakers-tabs-table .scene-title .badge-icon {
    position: absolute;
    top: -8px;
    left: 100%
}

.audio-player {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-right: 13px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/img/player.png);
    vertical-align: middle;
    cursor: pointer
}

.audio-player.play {
    background-position: left center
}

.audio-player audio {
    pointer-events: none
}

.section-picture img {
    display: block;
    width: 100%
}

.section-industry-picture .container {
    padding-bottom: 50px
}

@media only screen and (max-width: 576px) {
    .section-industry-picture .container {
        padding-bottom:30px
    }
}

.section-video-tutorial .video-tutorial-wrap {
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    border: solid 1px #e6e8f4
}

.section-video-tutorial .video-box {
    position: relative;
    width: 781px;
    height: 450px;
    background-color: #000
}

.section-video-tutorial .video-box video {
    width: 100%;
    height: 100%;
    outline: none
}

.section-video-tutorial .video-box .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.23);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-video-tutorial .video-box .mask .icon-play {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(/static/img/ic_play-1.png);
    cursor: pointer
}

.section-video-tutorial .tutorial-box {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    padding: 0 35px;
    font-size: 14px;
    color: #2b3e54;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(/static/img/bg_video-tutorial.png)
}

.section-video-tutorial .tutorial-box .tutorial-title {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #2b3e54;
    margin: 40px 0
}

.section-video-tutorial .tutorial-box .tutorial-title::after {
    position: absolute;
    content: '';
    top: 45px;
    left: 0;
    width: 44px;
    height: 4px;
    background-color: #4a81ff
}

.section-video-tutorial .tutorial-box .tutorial-desc {
    color: #7a8ba6;
    line-height: 1.8;
    white-space: pre-wrap
}

.section-video-tutorial .tutorial-box .tutorial-lecturer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 35px
}

.section-video-tutorial .tutorial-box .tutorial-lecturer .icon-user {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/static/img/ic_user.png);
    margin-right: 8px
}

.section-video-tutorial .tutorial-box .tutorial-lecturer .title {
    margin-left: 18px;
    color: #7a8ba6
}

@media only screen and (max-width: 576px) {
    .section-video-tutorial .video-tutorial-wrap {
        display:block;
        padding: 16px 12px
    }

    .section-video-tutorial .video-box {
        position: relative;
        width: 100% !important;
        height: auto !important
    }

    .section-video-tutorial .tutorial-box {
        background: none;
        padding: 0;
        font-size: 12px
    }

    .section-video-tutorial .tutorial-box .tutorial-title {
        margin: 16px 0 10px;
        font-size: 12px;
        line-height: normal
    }

    .section-video-tutorial .tutorial-box .tutorial-title::after {
        display: none
    }

    .section-video-tutorial .tutorial-box .tutorial-desc {
        margin: 10px 0 25px;
        line-height: 1.8
    }

    .section-video-tutorial .tutorial-box .tutorial-lecturer {
        position: static;
        padding: 0
    }

    .section-video-tutorial .tutorial-box .tutorial-lecturer .icon-user {
        margin-right: 6px
    }

    .section-video-tutorial .tutorial-box .tutorial-lecturer .title {
        margin-left: 9px
    }
}

.section-rich-text {
    position: relative;
    padding: 30px 20px;
    font-size: 14px
}

.section-industry-richtext .container {
    padding-bottom: 50px
}

@media only screen and (max-width: 576px) {
    .section-rich-text {
        padding:15px 10px;
        font-size: 12px
    }

    .section-industry-richtext .container {
        padding-bottom: 30px
    }
}

.hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.hs-banner .slick-list:focus {
    outline: none
}

.hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.hs-banner .slick-slider .slick-track,.hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hs-banner .slick-track:before,.hs-banner .slick-track:after {
    display: table;
    content: ''
}

.hs-banner .slick-track:after {
    clear: both
}

.hs-banner .slick-loading .slick-track {
    visibility: hidden
}

.hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.hs-banner [dir='rtl'] .slick-slide {
    float: right
}

.hs-banner .slick-slide img {
    display: block
}

.hs-banner .slick-slide.slick-loading img {
    display: none
}

.hs-banner .slick-slide.dragging img {
    pointer-events: none
}

.hs-banner .slick-initialized .slick-slide {
    display: block
}

.hs-banner .slick-loading .slick-slide {
    visibility: hidden
}

.hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.hs-banner .slick-arrow.slick-hidden {
    display: none
}

.hs-banner .slick-prev,.hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover,.hs-banner .slick-prev:focus,.hs-banner .slick-next:hover,.hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover:before,.hs-banner .slick-prev:focus:before,.hs-banner .slick-next:hover:before,.hs-banner .slick-next:focus:before {
    opacity: 1
}

.hs-banner .slick-prev.slick-disabled:before,.hs-banner .slick-next.slick-disabled:before {
    opacity: .25
}

.hs-banner .slick-prev:before,.hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-prev {
    left: -25px
}

.hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.hs-banner .slick-prev:before {
    content: '\2190'
}

.hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'
}

.hs-banner .slick-next {
    right: -25px
}

.hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.hs-banner .slick-next:before {
    content: '\2192'
}

.hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'
}

.hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.hs-banner .slick-dots li button:hover,.hs-banner .slick-dots li button:focus {
    outline: none
}

.hs-banner .slick-dots li button:hover:before,.hs-banner .slick-dots li button:focus:before {
    opacity: 1
}

.hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li.slick-active button:before {
    opacity: 1
}

.hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

.section-industry-banner {
    width: 100%
}

.section-industry-banner div {
    outline: none
}

.section-industry-banner .banner-bg {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden
}

.section-industry-banner .banner-bg .banner-title {
    margin-top: 180px;
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    text-align: center
}

.section-industry-banner .banner-bg .banner-desc {
    margin: 8px auto 0;
    width: 776px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    letter-spacing: 2px
}

.section-industry-banner .banner-bg .industry-banner-btns {
    margin-top: 37px;
    text-align: center
}

.section-industry-banner .banner-bg .industry-banner-btns .gaia-btn {
    margin-right: 30px
}

.section-industry-banner .banner-bg .industry-banner-btns .gaia-btn:nth-last-child(1) {
    margin-right: 0
}

.section-industry-banner .banner-bg .industry-banner-btns button {
    padding: 0px 28px
}

@media only screen and (max-width: 576px) {
    .section-industry-banner .banner-bg {
        height:230px
    }

    .section-industry-banner .banner-bg .banner-title {
        margin-top: 43px;
        padding-left: 16px;
        font-size: 20px;
        text-align: left
    }

    .section-industry-banner .banner-bg .banner-desc {
        margin: 5px 0;
        padding-left: 16px;
        width: 280px;
        font-size: 10px;
        line-height: 18px;
        text-align: left
    }

    .section-industry-banner .banner-bg .industry-banner-btns {
        margin-top: 14px;
        text-align: left;
        padding-left: 16px
    }

    .section-industry-banner .banner-bg .industry-banner-btns button {
        padding: 0px 12px
    }
}

.section-industry-policy {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.section-industry-policy .card-list {
    margin-bottom: 35px
}

.section-industry-policy .block-info .info-wrap {
    position: relative;
    padding: 10px 20px;
    margin: 3px 30px 3px 0;
    height: 110px
}

.section-industry-policy .block-info .info-wrap:hover {
    box-shadow: 3px 3px 6px #eee
}

.section-industry-policy .block-info .info-wrap p {
    margin: 0;
    letter-spacing: 1px
}

.section-industry-policy .block-info .info-wrap .info-title {
    position: relative;
    margin: 9px 0 9px 12px;
    font-size: 18px;
    line-height: 21px;
    color: #191c3d
}

.section-industry-policy .block-info .info-wrap .info-title::before {
    content: '';
    position: absolute;
    left: -12px;
    width: 4px;
    height: 21px;
    background-color: #4a81ff
}

.section-industry-policy .block-info .info-wrap .info-desc {
    font-size: 14px;
    line-height: 20px;
    color: #646b97
}

.section-industry-policy .block-info .info-wrap .info-wrap-link {
    position: absolute;
    left: 20px;
    bottom: 15px;
    font-size: 14px;
    color: #4a81ff;
    text-decoration: none
}

.section-industry-policy .block-window {
    position: relative;
    height: 400px;
    padding: 0;
    background-color: #ebf2fb;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-industry-policy .block-window .window-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-color: rgba(74,129,255,0.82)
}

.section-industry-policy .block-window .window-wrap .window-wrap-title {
    position: relative;
    margin-top: 20px;
    margin-left: 36px;
    width: 430px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px
}

.section-industry-policy .block-window .window-wrap .window-wrap-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 9px;
    width: 400px;
    height: 1px;
    background-color: #fff
}

.section-industry-policy .block-window .window-wrap .window-wrap-link {
    position: absolute;
    right: 30px;
    bottom: 18px;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width: 576px) {
    .section-industry-policy .gaia-row {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        margin-bottom: 0
    }

    .section-industry-policy .gaia-row .block-window {
        height: 178px
    }

    .section-industry-policy .gaia-row .block-window .window-wrap {
        height: 64px
    }

    .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-title {
        margin-top: 6px;
        margin-left: 25px;
        width: 75%;
        font-size: 12px;
        line-height: 20px
    }

    .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-title::after {
        bottom: -7px;
        left: 0;
        width: 90%;
        height: 1px;
        background-color: #fff
    }

    .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-link {
        right: 18px;
        bottom: 5px;
        font-size: 12px
    }

    .section-industry-policy .gaia-row .block-info {
        background-color: #fff
    }

    .section-industry-policy .gaia-row .block-info .info-wrap {
        padding: 14px 0;
        margin: 0 20px;
        height: auto;
        border-bottom: 1px solid #eff0f3
    }

    .section-industry-policy .gaia-row .block-info .info-wrap:last-child {
        border-bottom: none
    }

    .section-industry-policy .gaia-row .block-info .info-wrap:hover {
        box-shadow: none
    }

    .section-industry-policy .gaia-row .block-info .info-wrap .info-title {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold
    }

    .section-industry-policy .gaia-row .block-info .info-wrap .info-title::before {
        display: none
    }

    .section-industry-policy .gaia-row .block-info .info-wrap .info-desc {
        margin-top: 4px;
        font-size: 12px;
        line-height: 18px
    }

    .section-industry-policy .gaia-row .block-info .info-wrap .info-wrap-link {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0
    }
}

.section-industry-solution {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.section-industry-solution .card-list .solution-card {
    padding: 0 50px;
    height: 394px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #3c3d6e;
    transition: all .5s;
    color: #fff;
    overflow: hidden
}

.section-industry-solution .card-list .solution-card i {
    display: inline-block;
    margin-top: 140px;
    width: 66px;
    height: 66px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    transition: all .5s
}

.section-industry-solution .card-list .solution-card p {
    margin: 0
}

.section-industry-solution .card-list .solution-card .info-title {
    font-size: 18px;
    line-height: 44px;
    font-weight: bold
}

.section-industry-solution .card-list .solution-card .info-desc {
    font-size: 14px
}

.section-industry-solution .card-list .solution-card .info-wrap-link {
    display: inline-block;
    margin-top: 400px;
    width: 154px;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    background-color: #4a81ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all .5s
}

.section-industry-solution .card-list .solution-card:hover {
    background-size: 110%;
    background-color: #1689ff
}

.section-industry-solution .card-list .solution-card:hover i {
    margin-top: 56px;
    transition: all .5s
}

.section-industry-solution .card-list .solution-card:hover .info-wrap-link {
    margin-top: 80px;
    background-color: #fff;
    color: #000;
    transition: all .5s
}

@media only screen and (max-width: 576px) {
    .section-industry-solution {
        margin-bottom:15px
    }

    .section-industry-solution .card-list .solution-card {
        padding: 0 14px;
        height: auto
    }

    .section-industry-solution .card-list .solution-card i {
        margin-top: 8px;
        width: 33px;
        height: 33px
    }

    .section-industry-solution .card-list .solution-card p {
        margin: 0
    }

    .section-industry-solution .card-list .solution-card .info-title {
        font-size: 14px;
        line-height: 22px
    }

    .section-industry-solution .card-list .solution-card .info-desc {
        margin-top: 4px;
        min-height: 32px;
        max-height: 80px;
        font-size: 12px;
        overflow: hidden
    }

    .section-industry-solution .card-list .solution-card .info-wrap-link {
        margin-top: 8px;
        margin-bottom: 14px;
        width: 82px;
        height: 24px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 2px
    }

    .section-industry-solution .card-list .solution-card:hover {
        background-size: 110%;
        background-color: #4a81ff
    }

    .section-industry-solution .card-list .solution-card:hover i {
        margin-top: 8px;
        transition: all .5s
    }

    .section-industry-solution .card-list .solution-card:hover .info-wrap-link {
        margin-top: 8px;
        background-color: #fff;
        color: #000;
        transition: all .5s
    }
}

.section-industry-advantage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.section-industry-advantage .card-list .advantage-card {
    margin: 25px;
    padding: 0;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    color: #3d4665;
    box-shadow: 0 2px 20px rgba(56,115,187,0.2);
    overflow: hidden
}

.section-industry-advantage .card-list .advantage-card i {
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
    width: 66px;
    height: 66px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.section-industry-advantage .card-list .advantage-card p {
    margin: 0
}

.section-industry-advantage .card-list .advantage-card .info-title {
    margin-top: 46px;
    font-size: 18px;
    color: #4f4f4f;
    line-height: 20px;
    text-align: center
}

.section-industry-advantage .card-list .advantage-card .info-desc {
    margin-top: 15px;
    padding: 0 30px;
    font-size: 14px;
    line-height: 23px;
    white-space:  pre-wrap
}

@media only screen and (max-width: 576px) {
    .section-industry-advantage {
        margin-top:0 !important;
        padding-bottom: 0 !important
    }

    .section-industry-advantage .card-list {
        margin-bottom: 0
    }

    .section-industry-advantage .card-list .gaia-col-sm-1 {
        margin-bottom: 0
    }

    .section-industry-advantage .card-list .gaia-col-sm-1 .advantage-card {
        height: 160px
    }

    .section-industry-advantage .card-list .gaia-col-sm-2 {
        padding: 0
    }

    .section-industry-advantage .card-list .gaia-col-sm-2:nth-of-type(odd) .advantage-card {
        margin-left: 25px;
        margin-right: 15px
    }

    .section-industry-advantage .card-list .advantage-card {
        margin: 15px;
        height: 190px;
        box-shadow: 0 2px 6px rgba(56,115,187,0.2)
    }

    .section-industry-advantage .card-list .advantage-card i {
        margin-top: -15px;
        margin-left: -15px;
        width: 32px;
        height: 32px
    }

    .section-industry-advantage .card-list .advantage-card .info-title {
        margin-top: 18px;
        padding: 0 10px;
        font-size: 14px
    }

    .section-industry-advantage .card-list .advantage-card .info-desc {
        margin-top: 10px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 20px
    }
}

.hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.hs-banner .slick-list:focus {
    outline: none
}

.hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.hs-banner .slick-slider .slick-track,.hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hs-banner .slick-track:before,.hs-banner .slick-track:after {
    display: table;
    content: ''
}

.hs-banner .slick-track:after {
    clear: both
}

.hs-banner .slick-loading .slick-track {
    visibility: hidden
}

.hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.hs-banner [dir='rtl'] .slick-slide {
    float: right
}

.hs-banner .slick-slide img {
    display: block
}

.hs-banner .slick-slide.slick-loading img {
    display: none
}

.hs-banner .slick-slide.dragging img {
    pointer-events: none
}

.hs-banner .slick-initialized .slick-slide {
    display: block
}

.hs-banner .slick-loading .slick-slide {
    visibility: hidden
}

.hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.hs-banner .slick-arrow.slick-hidden {
    display: none
}

.hs-banner .slick-prev,.hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover,.hs-banner .slick-prev:focus,.hs-banner .slick-next:hover,.hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover:before,.hs-banner .slick-prev:focus:before,.hs-banner .slick-next:hover:before,.hs-banner .slick-next:focus:before {
    opacity: 1
}

.hs-banner .slick-prev.slick-disabled:before,.hs-banner .slick-next.slick-disabled:before {
    opacity: .25
}

.hs-banner .slick-prev:before,.hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-prev {
    left: -25px
}

.hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.hs-banner .slick-prev:before {
    content: '\2190'
}

.hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'
}

.hs-banner .slick-next {
    right: -25px
}

.hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.hs-banner .slick-next:before {
    content: '\2192'
}

.hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'
}

.hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.hs-banner .slick-dots li button:hover,.hs-banner .slick-dots li button:focus {
    outline: none
}

.hs-banner .slick-dots li button:hover:before,.hs-banner .slick-dots li button:focus:before {
    opacity: 1
}

.hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li.slick-active button:before {
    opacity: 1
}

.hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

.section-industry-case {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.section-industry-case .container {
    position: relative
}

.section-industry-case .container .card-list .slick-dots li.slick-active .partner-dot {
    color: #fff;
    background-color: #4a81ff !important
}

.section-industry-case .industry-case-block {
    position: relative;
    outline: none
}

.section-industry-case .industry-case-block .info-wrap {
    position: relative;
    padding-left: 50px;
    padding-right: 140px;
    width: 550px;
    height: 470px;
    background-color: #fafbff;
    overflow: hidden
}

.section-industry-case .industry-case-block .info-wrap p {
    margin: 0;
    letter-spacing: 1px
}

.section-industry-case .industry-case-block .info-wrap .info-title {
    position: relative;
    margin-top: 60px;
    font-size: 20px;
    line-height: 21px;
    color: #191c3d
}

.section-industry-case .industry-case-block .info-wrap .info-desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 26px;
    color: #646b97;
    white-space: pre-wrap
}

.section-industry-case .industry-case-block .info-wrap .case-use-ability {
    position: absolute;
    top: 278px
}

.section-industry-case .industry-case-block .info-wrap .case-use-ability p {
    margin-bottom: 30px;
    font-size: 18px;
    color: #191c3d
}

.section-industry-case .industry-case-block .info-wrap .case-use-ability .use-ability-link {
    display: inline-block;
    padding: 10px 14px;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 14px;
    text-decoration: none;
    font-size: 14px;
    color: #3d4665;
    border: 1px solid #e7eaf1;
    background-color: #fff;
    border-radius: 17px
}

.section-industry-case .industry-case-block .industry-case-img {
    position: absolute;
    right: 0;
    top: 58px;
    width: 510px;
    height: 354px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 576px) {
    .section-industry-case .industry-case-block .info-wrap {
        margin-top:144px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: auto
    }

    .section-industry-case .industry-case-block .info-wrap p {
        margin: 0;
        letter-spacing: 1px
    }

    .section-industry-case .industry-case-block .info-wrap .info-title {
        margin-top: 16px;
        font-size: 14px;
        line-height: 14px
    }

    .section-industry-case .industry-case-block .info-wrap .info-desc {
        margin-top: 12px;
        font-size: 12px;
        line-height: 20px;
        color: #3d4665;
        white-space: pre-wrap
    }

    .section-industry-case .industry-case-block .info-wrap .case-use-ability {
        position: relative;
        top: 0
    }

    .section-industry-case .industry-case-block .info-wrap .case-use-ability p {
        margin-top: 16px;
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: bold
    }

    .section-industry-case .industry-case-block .info-wrap .case-use-ability .use-ability-link {
        display: inline-block;
        padding: 4px 6px;
        margin-right: 12px;
        margin-bottom: 4px;
        font-size: 12px;
        line-height: 12px;
        border-radius: 12px
    }

    .section-industry-case .industry-case-block .industry-case-img {
        left: 0;
        top: 0;
        width: 100%;
        height: 144px;
        background-size: auto
    }
}

.section-industry-process {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.section-industry-process .card-list .process-card {
    position: relative;
    margin: 27px 47px 77px;
    padding: 0 20px;
    height: 190px;
    color: #3d4665;
    box-shadow: 0 2px 20px rgba(56,115,187,0.2);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right
}

.section-industry-process .card-list .process-card i {
    display: inline-block;
    margin-top: 36px;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.section-industry-process .card-list .process-card p {
    margin: 0
}

.section-industry-process .card-list .process-card .info-title {
    margin-top: 18px;
    font-size: 18px;
    color: #4f4f4f;
    font-weight: bold;
    line-height: 20px
}

.section-industry-process .card-list .process-card .info-desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #9da0ad;
    white-space:  pre-wrap
}

.section-industry-process .card-list .process-card::after {
    content: '';
    position: absolute;
    right: -75px;
    top: 77px;
    width: 36px;
    height: 36px;
    background-image: url(/static/img/industry/icon-next.jpg)
}

.section-industry-process .card-list .process-card:nth-of-type(4) {
    background-color: #000
}

.section-industry-process .card-list>div:last-child .process-card::after {
    display: none
}

@media only screen and (max-width: 576px) {
    .section-industry-process .card-list {
        margin-bottom:10px
    }

    .section-industry-process .card-list .process-card {
        margin: 5px;
        padding: 15px;
        height: 120px;
        box-shadow: 0 2px 5px rgba(56,115,187,0.2)
    }

    .section-industry-process .card-list .process-card i {
        margin-top: 0;
        width: 40px;
        height: 40px
    }

    .section-industry-process .card-list .process-card .info-title {
        margin-top: 14px;
        font-size: 14px
    }

    .section-industry-process .card-list .process-card .info-desc {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px
    }

    .section-industry-process .card-list .process-card::after {
        display: none
    }
}

.hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.hs-banner .slick-list:focus {
    outline: none
}

.hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.hs-banner .slick-slider .slick-track,.hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hs-banner .slick-track:before,.hs-banner .slick-track:after {
    display: table;
    content: ''
}

.hs-banner .slick-track:after {
    clear: both
}

.hs-banner .slick-loading .slick-track {
    visibility: hidden
}

.hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.hs-banner [dir='rtl'] .slick-slide {
    float: right
}

.hs-banner .slick-slide img {
    display: block
}

.hs-banner .slick-slide.slick-loading img {
    display: none
}

.hs-banner .slick-slide.dragging img {
    pointer-events: none
}

.hs-banner .slick-initialized .slick-slide {
    display: block
}

.hs-banner .slick-loading .slick-slide {
    visibility: hidden
}

.hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.hs-banner .slick-arrow.slick-hidden {
    display: none
}

.hs-banner .slick-prev,.hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover,.hs-banner .slick-prev:focus,.hs-banner .slick-next:hover,.hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.hs-banner .slick-prev:hover:before,.hs-banner .slick-prev:focus:before,.hs-banner .slick-next:hover:before,.hs-banner .slick-next:focus:before {
    opacity: 1
}

.hs-banner .slick-prev.slick-disabled:before,.hs-banner .slick-next.slick-disabled:before {
    opacity: .25
}

.hs-banner .slick-prev:before,.hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-prev {
    left: -25px
}

.hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.hs-banner .slick-prev:before {
    content: '\2190'
}

.hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'
}

.hs-banner .slick-next {
    right: -25px
}

.hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.hs-banner .slick-next:before {
    content: '\2192'
}

.hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'
}

.hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.hs-banner .slick-dots li button:hover,.hs-banner .slick-dots li button:focus {
    outline: none
}

.hs-banner .slick-dots li button:hover:before,.hs-banner .slick-dots li button:focus:before {
    opacity: 1
}

.hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hs-banner .slick-dots li.slick-active button:before {
    opacity: 1
}

.hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

@keyframes animation {
    from {
        width: 0px
    }

    to {
        width: 80px
    }
}

.section-industry-partner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-industry-partner .industry-partner-card {
    outline: none
}

.section-industry-partner .industry-partner-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    margin: 0 auto;
    padding: 50px 40px;
    width: 850px;
    font-size: 0;
    background-color: #fff;
    border: 1px solid #e4eaf9
}

.section-industry-partner .industry-partner-wrap .slick-dots-ul {
    margin: 0
}

.section-industry-partner .industry-partner-wrap .icon-wrap {
    padding-right: 40px;
    border-right: 1px solid #e4eaf9
}

.section-industry-partner .industry-partner-wrap .icon-wrap i {
    display: inline-block;
    width: 130px;
    height: 130px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.section-industry-partner .industry-partner-wrap .info-wrap {
    position: relative;
    margin-left: 40px;
    width: 630px;
    overflow: hidden
}

.section-industry-partner .industry-partner-wrap .info-wrap p {
    margin: 0;
    letter-spacing: 1px
}

.section-industry-partner .industry-partner-wrap .info-wrap .info-title {
    position: relative;
    font-size: 18px;
    line-height: 24px
}

.section-industry-partner .industry-partner-wrap .info-wrap .info-desc {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #3d4665;
    white-space:  pre-wrap
}

.section-industry-partner .apply-buttons {
    text-align: center
}

.section-industry-partner .apply-buttons .apply-link {
    display: inline-block;
    margin-top: 114px;
    margin-bottom: 55px;
    width: 154px;
    height: 46px;
    line-height: 46px;
    background-color: #4a81ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 20px rgba(56,115,187,0.2)
}

.section-industry-partner .apply-buttons .apply-link:hover {
    background-color: rgba(74,129,255,0.77)
}

.section-industry-partner .slick-dots li.slick-active .partner-dot {
    color: #fff;
    background-color: #4a81ff !important
}

@media only screen and (max-width: 576px) {
    .section-industry-partner {
        margin-top:0 !important
    }

    .section-industry-partner .industry-partner-wrap {
        padding: 18px;
        width: auto;
        border: none
    }

    .section-industry-partner .industry-partner-wrap .icon-wrap {
        position: absolute;
        padding: 0;
        bottom: 18px;
        right: 18px;
        border-right: none;
        opacity: 0.5
    }

    .section-industry-partner .industry-partner-wrap .icon-wrap i {
        background-position: bottom
    }

    .section-industry-partner .industry-partner-wrap .info-wrap {
        margin-left: 0;
        width: auto
    }

    .section-industry-partner .industry-partner-wrap .info-wrap .info-title {
        font-size: 14px;
        line-height: 20px
    }

    .section-industry-partner .industry-partner-wrap .info-wrap .info-desc {
        margin-top: 8px;
        height: 140px;
        font-size: 12px;
        overflow: hidden
    }

    .section-industry-partner .apply-buttons .apply-link {
        margin-top: 48px;
        margin-bottom: 15px;
        width: 150px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        border-radius: 2px
    }

    .section-industry-partner .slick-dots {
        margin-bottom: 18px !important
    }
}

.section-industry-ability {
    overflow: hidden;
    background: linear-gradient(#fff 284px, #f9fbff 285px)
}

.section-industry-ability .scene-tab {
    border: none;
    background-color: transparent
}

.section-industry-ability .scene-tab .gaia-tabs-bar {
    border: none;
    background-color: transparent
}

.section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav {
    padding: 0 200px
}

.section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav span {
    height: auto
}

.section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab::before {
    display: none
}

.section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab:hover {
    color: #000
}

.section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab-active:hover {
    color: #4a81ff
}

.section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs i {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs p {
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 18px;
    color: #191c3d;
    line-height: 20px
}

.section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tab-active .ability-tabs p {
    color: #4a81ff
}

.section-industry-ability .scene-tab .gaia-tabs,.section-industry-ability .scene-tab .gaia-tabs-content {
    min-height: 390px;
    background-color: transparent
}

.section-industry-ability .industry-ability-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 70px;
    box-sizing: border-box
}

.section-industry-ability .industry-ability-block .industry-ability-wrap {
    margin: 0 10px;
    width: 380px;
    font-size: 0;
    text-align: center
}

.section-industry-ability .industry-ability-block .industry-ability-wrap a {
    text-decoration: none;
    color: #000
}

.section-industry-ability .industry-ability-block .industry-ability-wrap p {
    margin: 0;
    font-size: 14px
}

.section-industry-ability .industry-ability-block .industry-ability-wrap i {
    display: inline-block;
    width: 66px;
    height: 66px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left
}

.section-industry-ability .industry-ability-block .industry-ability-wrap .info-title {
    margin-top: 16px
}

.section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc {
    padding: 0 20px;
    margin-top: 26px;
    margin-bottom: 85px;
    line-height: 22px;
    text-align: center;
    color: #646b97;
    white-space:  pre-wrap
}

.section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc span {
    display: inline-block;
    text-align: left
}

@media only screen and (max-width: 576px) {
    .section-industry-ability {
        margin-bottom:15px;
        background: none;
        background-color: #f9fbff
    }

    .section-industry-ability .industry-ability-block {
        display: inline-block;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-top: 4px;
        box-sizing: border-box
    }

    .section-industry-ability .industry-ability-block .industry-ability-wrap {
        margin: 0;
        width: 100%;
        text-align: left
    }

    .section-industry-ability .industry-ability-block .industry-ability-wrap a {
        text-decoration: none;
        color: #000
    }

    .section-industry-ability .industry-ability-block .industry-ability-wrap p {
        margin: 0;
        font-size: 12px
    }

    .section-industry-ability .industry-ability-block .industry-ability-wrap i {
        display: none
    }

    .section-industry-ability .industry-ability-block .industry-ability-wrap .info-title {
        margin-top: 20px;
        font-weight: bold
    }

    .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc {
        margin-top: 12px;
        margin-bottom: 35px;
        padding: 0;
        line-height: 22px;
        text-align: left
    }
}

.section-industry-scene .scene-tab {
    margin-bottom: 50px;
    background-color: #ffffff;
    border: none
}

.section-industry-scene .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab span {
    margin: 10px 36px 10px 0;
    padding: 0;
    height: 43px;
    width: 320px;
    text-align: right;
    line-height: 43px
}

.section-industry-scene .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab::before {
    display: none
}

.section-industry-scene .scene-tab .gaia-tabs-horizontal .gaia-tabs-inkbar {
    left: 356px
}

.section-industry-scene .scene-tab .gaia-tabs-content {
    margin-left: 45px;
    padding: 0 68px 0 42px;
    width: 810px;
    height: 450px;
    border: 1px solid #2767fc;
    border-bottom-right-radius: 100px
}

.section-industry-scene .industry-scene-block {
    box-sizing: border-box
}

.section-industry-scene .industry-scene-block .industry-scene-wrap {
    min-height: 225px;
    overflow: hidden;
    font-size: 0;
    border-bottom: 1px solid #f3f3f3
}

.section-industry-scene .industry-scene-block .industry-scene-wrap:last-child {
    border: none
}

.section-industry-scene .industry-scene-block .industry-scene-wrap p {
    margin: 0
}

.section-industry-scene .industry-scene-block .industry-scene-wrap .info-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px;
    font-size: 16px;
    font-weight: bold
}

.section-industry-scene .industry-scene-block .industry-scene-wrap .info-title i {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left
}

.section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc {
    margin-top: 8px;
    line-height: 22px;
    font-size: 14px;
    text-align: left
}

.section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc span {
    display: inline-block;
    margin-right: 32px;
    color: #666;
    line-height: 38px
}

.section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p {
    margin-bottom: 13px
}

.section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p span {
    display: inline;
    margin-right: 0;
    line-height: 25px
}

@media only screen and (max-width: 576px) {
    .section-industry-scene .scene-tab {
        margin-bottom:15px
    }

    .section-industry-scene .industry-scene-block {
        box-sizing: border-box
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap {
        margin: 0;
        width: 100%;
        min-height: auto;
        text-align: left
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title {
        margin-top: 12px;
        font-size: 14px;
        font-weight: bold
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title i {
        display: none
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc span {
        margin-right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 20px
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p {
        margin-bottom: 13px
    }

    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p span {
        display: inline;
        line-height: 20px
    }
}

.sf-footer {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 1200px;
    font-size: 12px;
    background: #141519;
    color: #7e8187;
    z-index: 1
}

.sf-footer .sf-footer-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 21px;
    width: 1200px;
    height: auto
}

.sf-footer .sf-footer-top .footer-top-left {
    display: -ms-flexbox;
    display: flex
}

.sf-footer .sf-footer-top .top-item {
    padding-top: 20px;
    padding-right: 100px;
    min-width: 60px
}

.sf-footer .sf-footer-top .top-item h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 28px
}

.sf-footer .sf-footer-top .top-item h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #7e8187;
    line-height: 18px
}

.sf-footer .sf-footer-top .top-item ul {
    margin-top: 10px
}

.sf-footer .sf-footer-top .top-item li {
    display: block;
    list-style: none;
    line-height: 26px;
    color: #ccc;
    font-size: 12px
}

.sf-footer .sf-footer-top .top-item li p {
    margin: 0
}

.sf-footer .sf-footer-top .top-item li a {
    color: #ccc;
    text-decoration: none
}

.sf-footer .sf-footer-top .top-item li a:hover {
    color: #4679f1
}

.sf-footer .sf-footer-top .top-item li span {
    color: #7e8187
}

.sf-footer .sf-footer-top .fucusus .wx {
    width: 62px;
    height: 62px;
    margin-top: 6px;
    margin-right: 35px;
    color: #7e8187;
    text-align: center;
    font-size: 12px;
    background-size: cover
}

.sf-footer .sf-footer-top .fucusus .office-wechat {
    margin-top: 5px;
    font-size: 12px
}

.sf-footer .sf-footer-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    border-top: 1px solid #2a3345;
    line-height: 48px;
    color: #7e8187;
    text-align: center
}

.sf-footer .sf-footer-bottom a {
    margin: 0 15px;
    text-decoration: none;
    color: #7e8187
}

.sf-footer .sf-footer-bottom a:hover {
    color: #4679f1
}

.sf-footer .sf-footer-bottom .sf-beian {
    background: url(/static/img/beian.png) no-repeat left;
    background-size: contain;
    padding-left: 20px;
    background-size: 16px 16px
}

@media only screen and (max-width: 576px) {
    .sf-footer .scene-tab {
        margin-bottom:15px
    }

    .sf-footer .industry-scene-block {
        box-sizing: border-box
    }

    .sf-footer .industry-scene-block .industry-scene-wrap {
        margin: 0;
        width: 100%;
        min-height: auto;
        text-align: left
    }

    .sf-footer .industry-scene-block .industry-scene-wrap .info-title {
        margin-top: 12px;
        font-size: 14px;
        font-weight: bold
    }

    .sf-footer .industry-scene-block .industry-scene-wrap .info-title i {
        display: none
    }

    .sf-footer .industry-scene-block .industry-scene-wrap .info-desc {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .sf-footer .industry-scene-block .industry-scene-wrap .info-desc span {
        margin-right: 20px;
        font-size: 12px;
        color: #666;
        line-height: 20px
    }

    .sf-footer .industry-scene-block .industry-scene-wrap .info-desc p {
        margin-bottom: 13px
    }

    .sf-footer .industry-scene-block .industry-scene-wrap .info-desc p span {
        display: inline;
        line-height: 20px
    }
}

.frist-drictory-tab {
    margin: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    border-bottom: #e6e8f4 solid 1px;
    position: relative
}

.frist-drictory-tab .directory-tab {
    cursor: pointer;
    width: 100px;
    text-align: center;
    line-height: 61px;
    margin: 0px 20px;
    position: relative
}

.frist-drictory-tab .directory-tab .frist-icon {
    position: absolute;
    padding-right: 5px;
    left: 0px
}

.frist-drictory-tab .frist-drictory-active {
    border-bottom: #4a81ff solid 3px;
    color: #4a81ff
}

.second-drictory-tab {
    margin-bottom: 20px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px
}

.second-drictory-tab .directory-tab {
    position: relative;
    cursor: pointer;
    /* width: 120px; */
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 20px 10px 0 20px;
    border: #e6e8f4 solid 1px;
    padding:0 5px;
}

.second-drictory-tab .second-drictory-active {
    border: #4a81ff solid 1px;
    color: #4a81ff
}

.no-direc-display {
    display: none
}

@media only screen and (max-width: 400px) {
    .media-frist-drictory-tab {
        font-size:14px
    }

    .media-frist-drictory-tab .media-directory-tab {
        line-height: 41px
    }

    .media-second-drictory-tab {
        font-size: 13px;
        margin-bottom: 10px
    }

    .media-second-drictory-tab .media-directory-tab {
        height: 30px;
        margin: 10px 10px 0 10px;
        line-height: 30px
    }
}

.new-product-block {
    width: 100%;
    position: relative;
    /* border: #e6e8f4 solid 1px; */
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new-product-block .left {
    position: relative;
    /* width: 580px; */
    width: 80%;
    left: 0px;
    margin:0 auto;
    padding-top: 0px;
    padding-bottom: 20px;
    border: #e6e8f4 solid 1px;
    /* border-right: #e6e8f4 solid 1px */
}

.new-product-block .left .left-icon {
    position: absolute;
    top: 0px;
    left: 0px
}

.new-product-block .left .left-top {
    position: relative;
    padding-top: 20px
}

.new-product-block .left .left-top .item-desc {
    padding: 13px 20px 0 20px;
    height: 100px;
    border-bottom: #e6e8f4 solid 1px
}

.new-product-block .left .left-top .item-desc .item-desc-title {
    font-size: 16px;
    letter-spacing: 2px;
    margin: 10px 0px
}

.new-product-block .left .left-top .item-desc .item-desc-desc {
    font-size: 14px;
    color: #93a1b7;
    letter-spacing: 1px
}

.new-product-block .left .left-top .item-desc:last-child {
    border: none;
    padding-bottom: 10px
}

.new-product-block .left .left-top .item-desc:first-child {
    padding-top: 0px
}

.new-product-block .left .left-bottom {
    width: 100%;
    left: 30px;
    bottom: 20px;
    position: absolute;
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px
}

.new-product-block .left .left-bottom .bottom-item {
    position: relative;
    padding-right: 5%;
    margin-top: 20px;
    margin-right: 5%;
    border-right: #e6e8f4 solid 1px;
    text-align: left
}

.new-product-block .left .left-bottom .bottom-item .bottom-title {
    color: #93a1b7;
    margin-bottom: 10px
}

.new-product-block .left .left-bottom .bottom-item:first-child {
    padding-left: 0px
}

.new-product-block .left .left-bottom .bottom-item:last-child {
    border: none
}

.new-product-block .right {
    position: relative;
    top: 0px;
    left: 0px;
    width: 340px;
    font-size: 14px;
    margin: 0 auto
}

.new-product-block .right .resouce-type {
    height: 33px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
    left: 10%;
    line-height: 33px
}

.new-product-block .right .resouce-type .type-title {
    color: #93a1b7
}

.new-product-block .right .resouce-type .select-select {
    width: 180px;
    height: 33px;
    position: absolute;
    left: 23%
}

.new-product-block .right .resouce-type select {
    border: solid #e6e8f4 2px;
    font-size: 14px
}

.new-product-block .right .resouce-desc {
    position: relative
}

.new-product-block .right .resouce-desc .resource-item-desc {
    margin-bottom: 20px;
    position: relative;
    left: 10%
}

.new-product-block .right .resouce-desc .resource-item-desc .item-desc-title {
    color: #93a1b7
}

.new-product-block .right .resouce-desc .resource-item-desc .item-desc-desc {
    position: absolute;
    left: 23%
}

.new-product-block .right .actual-price {
    position: relative;
    left: 10%;
    color: #fe581c;
    margin-bottom: 5px;
    font-size: 20px
}

.new-product-block .right .actual-price .price-price {
    font-size: 26px
}

.new-product-block .right .actual-price .price-unit {
    color: black
}

.new-product-block .right .actual-price .no-price {
    display: none
}

.new-product-block .right .save-price {
    width: 250px;
    position: relative;
    left: 10%;
    color: #93a1b7;
    margin-bottom: 20px;
    height: 20px
}

.new-product-block .right .save-price .save-price-icon {
    display: inline-block;
    margin-right: 5px;
    background-position: center;
    vertical-align: middle
}

.new-product-block .right .save-price .save-price-icon img {
    background-position: center
}

.new-product-block .right .save-price .save-price-price {
    display: inline-block;
    text-align: center
}

.new-product-block .right .save-price .no-save-price {
    display: none
}

.new-product-block .right .purchase-btn {
    cursor: pointer;
    position: relative;
    bottom: 0px;
    margin-bottom: 20px;
    background-color: #4a81ff;
    border-radius: 10px;
    color: #ffffff;
    width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    left: 30px;
    font-size: 16px;
    letter-spacing: 2px
}

.new-product-block .right .no-btn {
    display: none
}

.new-product-block .no-display {
    display: none
}

@media only screen and (max-width: 500px) {
    .media-new-product-block {
        font-size:12px !important
    }

    .media-new-product-block .left .media-left-top {
        width: 100%;
        padding-top: 20px
    }

    .media-new-product-block .left .media-left-top .media-item-desc {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 10px;
        height: 120px
    }

    .media-new-product-block .left .media-left-top .media-item-desc .media-item-desc-title {
        font-size: 14px;
        margin: 4px 0px 0px 0px
    }

    .media-new-product-block .left .media-left-top .media-item-desc .media-left-top-desc {
        font-size: 13px;
        line-height: 13x
    }

    .media-new-product-block .left .media-left-bottom {
        width: 310px;
        font-size: 13px;
        position: relative
    }

    .media-new-product-block .media-right {
        position: relative;
        border-top: #e6e8f4 solid 1px;
        font-size: 14px;
        margin: 0 auto
    }

    .media-new-product-block .media-right .resouce-type select {
        font-size: 13px
    }

    .media-new-product-block .media-right .resouce-desc .resource-item-desc .media-item-desc-desc {
        font-size: 13px
    }

    .media-new-product-block .media-right .media-purchase-btn {
        width: 80%
    }
}

.price-table-frist-directory {
    margin: 0px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    border-bottom: #e6e8f4 solid 1px;
    position: relative
}

.price-table-frist-directory .price-frist-drictory {
    cursor: pointer;
    width: 100px;
    text-align: center;
    line-height: 61px;
    margin: 0px 20px;
    position: relative
}

.price-table-frist-directory .price-frist-drictory-active {
    border-bottom: #4a81ff solid 3px;
    color: #4a81ff
}

.price-table-frist-directory.price-no-display {
    display: none
}

@media only screen and (max-width: 400px) {
    .price-table-frist-directory .media-price-frist-drictory {
        font-size:14px;
        line-height: 41px;
        margin: 0px 10px;
        width: 80px
    }
}

.price-table-desc {
    position: relative;
    margin: 0px auto;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    overflow-x: auto
}

.price-table-desc .table-desc-title {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    color: #6474a4;
    letter-spacing: 1px
}

.price-table-desc .table-desc-desc {
    width: 100%;
    overflow-x: auto;
    margin: 0px auto;
    text-align: center
}

.price-table-desc .table-desc-desc table {
    margin: 0 auto !important
}

.price-table-no-display {
    display: none
}

@media only screen and (max-width: 400px) {
    .media-price-table-desc {
        overflow-x:auto;
        font-size: 14px
    }
}

.ads-section {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 10px;
    background-color: #f9f9f9
}

.ads-section .item-ads-section {
    position: relative;
    margin-bottom: 35px
}

.ads-section .item-ads-section .section-title {
    font-size: 16px;
    position: relative;
    margin-bottom: 14px;
    margin-top: 10px;
    text-align: left;
    padding-left: 5px
}

.ads-section .item-ads-section .section-label-desc {
    font-size: 14px;
    position: relative;
    padding: 0px;
    padding-top: 4px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.ads-section .item-ads-section .section-label-desc .section-label {
    padding: 0px 10px;
    height: 34px;
    background-color: #ffebdd;
    color: #ff975b;
    line-height: 35px;
    text-align: center
}

.ads-section .item-ads-section .section-label-desc .section-desc {
    position: relative;
    padding-left: 5%;
    width: 70%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 35px
}

.ads-section .item-ads-section .section-label-desc .section-desc:hover {
    color: #ff975b
}

.ads-no-display {
    display: none
}

@media only screen and (max-width: 470px) {
    .ads-section {
        width:100%;
        font-size: 14px !important
    }

    .ads-section .media-item-ads-section {
        width: 100%;
        margin-bottom: 25px
    }

    .ads-section .media-item-ads-section .media-section-title {
        font-size: 14px;
        margin-bottom: 6px
    }

    .ads-section .media-item-ads-section .media-section-label-desc {
        line-height: 100%;
        width: 100%
    }

    .ads-section .media-item-ads-section .media-section-label-desc .media-section-label {
        height: 23px;
        font-size: 13px;
        padding: 2px 8px;
        letter-spacing: 1px;
        position: relative;
        line-height: 20px;
        text-align: center;
        width: 20%
    }

    .ads-section .media-item-ads-section .media-section-label-desc .media-section-desc {
        position: relative;
        font-size: 13px;
        line-height: 20px;
        width: 240px
    }
}

.section-text-link-ads2 {
    width: 100%;
    padding-top: 30px !important
}

.section-text-link-ads2 .container {
    width: 1200px;
    padding-left: 260px;
    box-sizing: border-box;
    margin: 0 auto
}

.section-text-link-ads2 .container .tag-wrap {
    background-color: #fff;
    border: 1px solid #EEEFF8;
    border-radius: 2px;
    padding: 24px 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px
}

.section-text-link-ads2 .container .tag-wrap>a {
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px
}

.section-text-link-ads2 .container .tag-wrap>a:nth-last-child(1),.section-text-link-ads2 .container .tag-wrap>a:nth-last-child(2) {
    margin-bottom: 0px
}

.section-text-link-ads2 .container .tag-wrap>a:nth-child(odd) {
    margin-right: 20px
}

.section-text-link-ads2 .container .tag-wrap>a .tag {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #000000;
    border-radius: 2px;
    margin-right: 10px
}

.section-text-link-ads2 .container .tag-wrap>a .desc {
    color: #213146
}

@media only screen and (max-width: 550px) {
    .section-text-link-ads2 {
        width:100%;
        overflow: hidden
    }

    .section-text-link-ads2 .container {
        width: 100%;
        padding-left: 0px;
        font-size: 12px
    }

    .section-text-link-ads2 .container .tag-wrap {
        padding: 12px 16px;
        border: 1px solid #EEEFF8;
        font-size: 12px
    }

    .section-text-link-ads2 .container .tag-wrap>a {
        width: 100% !important;
        margin-bottom: 10px !important;
        margin-right: 0 !important
    }

    .section-text-link-ads2 .container .tag-wrap>a:nth-last-child(1) {
        margin-bottom: 0px !important
    }

    .section-text-link-ads2 .container .tag-wrap>a .tag {
        border: 1px solid #000000
    }
}

/*!
 * Viewer.js v1.10.2
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-10-22T13:59:46.805Z
 */
.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
}

.viewer-zoom-in::before {
    background-position: 0 0;
    content: 'Zoom In';
}

.viewer-zoom-out::before {
    background-position: -20px 0;
    content: 'Zoom Out';
}

.viewer-one-to-one::before {
    background-position: -40px 0;
    content: 'One to One';
}

.viewer-reset::before {
    background-position: -60px 0;
    content: 'Reset';
}

.viewer-prev::before {
    background-position: -80px 0;
    content: 'Previous';
}

.viewer-play::before {
    background-position: -100px 0;
    content: 'Play';
}

.viewer-next::before {
    background-position: -120px 0;
    content: 'Next';
}

.viewer-rotate-left::before {
    background-position: -140px 0;
    content: 'Rotate Left';
}

.viewer-rotate-right::before {
    background-position: -160px 0;
    content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
    background-position: -180px 0;
    content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
    background-position: -200px 0;
    content: 'Flip Vertical';
}

.viewer-fullscreen::before {
    background-position: -220px 0;
    content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
    background-position: -240px 0;
    content: 'Exit Full Screen';
}

.viewer-close::before {
    background-position: -260px 0;
    content: 'Close';
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.viewer-container::selection, .viewer-container *::selection {
    background-color: transparent;
}

.viewer-container:focus {
    outline: 0;
}

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
}

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.viewer-list {
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
}

.viewer-list > li:focus, .viewer-list > li:hover {
    opacity: 0.75;
}

.viewer-list > li:focus {
    outline: 0;
}

.viewer-list > li + li {
    margin-left: 1px;
}

.viewer-list > .viewer-loading {
    position: relative;
}

.viewer-list > .viewer-loading::after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
}

.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
    opacity: 1;
}

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
}

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
}

.viewer-toolbar > ul > li {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 24px;
    overflow: hidden;
    transition: background-color 0.15s;
    width: 24px;
}

.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
    position: relative;
    z-index: 1;
}

.viewer-toolbar > ul > li::before {
    margin: 2px;
}

.viewer-toolbar > ul > li + li {
    margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
    margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
    margin: 5px;
}

.viewer-tooltip {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 5% 5px;
    max-width: 90%;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.15s;
    white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
}

.viewer-button {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    transition: background-color 0.15s;
    width: 80px;
}

.viewer-button:focus, .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
}

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
}

.viewer-fixed {
    position: fixed;
}

.viewer-open {
    overflow: hidden;
}

.viewer-show {
    display: block;
}

.viewer-hide {
    display: none;
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
    visibility: hidden;
}

.viewer-move {
    cursor: move;
    cursor: grab;
}

.viewer-fade {
    opacity: 0;
}

.viewer-in {
    opacity: 1;
}

.viewer-transition {
    transition: all 0.3s;
}

@keyframes viewer-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
}

@media (max-width: 767px) {
    .viewer-hide-xs-down {
        display: none;
    }
}

@media (max-width: 991px) {
    .viewer-hide-sm-down {
        display: none;
    }
}

@media (max-width: 1199px) {
    .viewer-hide-md-down {
        display: none;
    }
}

.cf-wrap {
    overflow: hidden;
    padding-bottom: 20px
}

.cf-wrap .c-framework {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 20px
}

.cf-wrap .c-framework .img-wrap {
    width: 64%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.cf-wrap .c-framework .img-wrap>img {
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.06);
    cursor: pointer
}

.cf-wrap .c-framework .richtext {
    width: 34%;
    padding-left: 20px;
    box-sizing: border-box
}

.cf-wrap .c-framework .richtext hr {
    border: none;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 576px) {
    .cf-wrap .c-framework {
        width:100%;
        padding: 0 10px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cf-wrap .c-framework .img-wrap {
        width: 100%
    }

    .cf-wrap .c-framework .richtext {
        width: 100%;
        padding: 10px
    }

    .cf-wrap .c-framework .richtext strong {
        font-size: 13px !important
    }

    .cf-wrap .c-framework .richtext span,.cf-wrap .c-framework .richtext div,.cf-wrap .c-framework .richtext p,.cf-wrap .c-framework .richtext hr {
        font-size: 12px !important;
        line-height: 1.3 !important
    }

    .cf-wrap .c-framework .richtext hr {
        border: none;
        border-bottom: 1px solid #eee
    }
}

.pa-wrap {
    overflow: hidden
}

.pa-wrap .pa-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1200px;
    margin: 0 auto
}

.pa-wrap .pa-ul .pa-item {
    width: 290px;
    height: 300px;
    box-sizing: border-box;
    padding: 40px 24px 16px 24px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 13.33px;
    margin-bottom: 20px
}

.pa-wrap .pa-ul .pa-item:nth-child(4n) {
    margin-right: 0
}

.pa-wrap .pa-ul .pa-item:hover {
    box-shadow: 0px 2px 10px 0px rgba(53,101,210,0.06)
}

.pa-wrap .pa-ul .pa-item .img-wrap {
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.pa-wrap .pa-ul .pa-item .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.pa-wrap .pa-ul .pa-item .title {
    font-weight: 500;
    color: #202020;
    margin: 14px 0;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.pa-wrap .pa-ul .pa-item .desc {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #6E758C;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 576px) {
    .pa-wrap .pa-ul {
        width:100%;
        margin-right: 0;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pa-wrap .pa-ul .pa-item {
        width: 46%;
        height: 250px;
        padding: 10px;
        margin-bottom: 10px;
        margin-right: 0
    }

    .pa-wrap .pa-ul .pa-item .img-wrap {
        width: 50px;
        height: 50px
    }

    .pa-wrap .pa-ul .pa-item .title {
        font-size: 14px
    }

    .pa-wrap .pa-ul .pa-item .desc {
        font-size: 12px
    }
}

.sp-wrap {
    overflow: hidden;
    padding-bottom: 20px
}

.sp-wrap .sp-ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sp-wrap .sp-ul .sp-left {
    width: 346px;
    height: 390px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 10px 0px rgba(54,101,210,0.06);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sp-wrap .sp-ul .sp-left .img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    height: 90px
}

.sp-wrap .sp-ul .sp-left .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.sp-wrap .sp-ul .sp-left div {
    max-width: 80%;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.sp-wrap .sp-ul .sp-left .subTitle {
    color: #202020;
    font-size: 18px;
    margin: 40px 0 20px
}

.sp-wrap .sp-ul .sp-left .subDesc {
    color: #6e758c;
    font-size: 16px
}

.sp-wrap .sp-ul .sp-left .btn {
    margin-top: 40px;
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #4a81ff;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.sp-wrap .sp-ul .sp-left .btn:hover {
    opacity: 0.8
}

.sp-wrap .sp-ul .sp-right {
    width: calc(100% - 374px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.sp-wrap .sp-ul .sp-right .sp-item {
    width: 49%;
    height: 188px;
    box-sizing: border-box;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 14px;
    transition: .3s
}

.sp-wrap .sp-ul .sp-right .sp-item:hover {
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.1)
}

.sp-wrap .sp-ul .sp-right .sp-item:hover .sp-item-right .title {
    color: #4a81ff
}

.sp-wrap .sp-ul .sp-right .sp-item .img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 100%
}

.sp-wrap .sp-ul .sp-right .sp-item .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.sp-wrap .sp-ul .sp-right .sp-item .sp-item-right {
    width: calc(100% - 118px);
    border-left: 2px solid #f3f3f3;
    padding-left: 16px
}

.sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .title {
    width: 100%;
    font-size: 16px;
    color: #202020;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .desc {
    color: #6E758C;
    font-size: 14px;
    line-height: 24 px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    letter-spacing: 1px;
    margin: 10px 0
}

.sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn {
    text-decoration: none;
    color: #4a81ff;
    font-size: 14px;
    position: relative
}

.sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn:hover::after {
    -ms-transform: translate(2px);
    transform: translate(2px)
}

.sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn::after {
    content: ">";
    position: absolute;
    right: -12px;
    font-weight: bold;
    top: 0;
    transition: .2s
}

@media only screen and (max-width: 576px) {
    .sp-wrap {
        overflow:hidden;
        padding-bottom: 10px
    }

    .sp-wrap .sp-ul {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sp-wrap .sp-ul .sp-left {
        background-color: transparent;
        width: 100%;
        height: auto
    }

    .sp-wrap .sp-ul .sp-left .img-wrap {
        width: 150px;
        height: 60px
    }

    .sp-wrap .sp-ul .sp-left .subTitle {
        margin: 10px 0 8px;
        font-size: 15px
    }

    .sp-wrap .sp-ul .sp-left .subDesc {
        font-size: 13px;
        padding-bottom: 18px
    }

    .sp-wrap .sp-ul .sp-left .btn {
        display: none
    }

    .sp-wrap .sp-ul .sp-right {
        width: 100%;
        padding-left: 2%;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sp-wrap .sp-ul .sp-right .sp-item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 10px;
        height: 200px;
        width: 47%;
        box-sizing: border-box;
        margin-right: 2%
    }

    .sp-wrap .sp-ul .sp-right .sp-item:nth-child(3n) {
        margin-right: 2%
    }

    .sp-wrap .sp-ul .sp-right .sp-item:nth-child(2n) {
        margin-right: 0
    }

    .sp-wrap .sp-ul .sp-right .sp-item .img-wrap {
        width: 50px;
        height: 50px
    }

    .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right {
        width: 100%;
        border-left: none;
        padding-left: 0
    }

    .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .title {
        font-size: 14px;
        color: #4a81ff
    }

    .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .desc {
        font-size: 12px;
        margin: 4px 0
    }

    .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn {
        font-size: 12px
    }
}

.cc-wrap {
    overflow: hidden;
    padding-bottom: 20px
}

.cc-wrap .cc-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1200px;
    margin: 0 auto
}

.cc-wrap .cc-ul .cc-item {
    width: 364px;
    height: 314px;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 40px 24px 16px 24px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 54px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.cc-wrap .cc-ul .cc-item:nth-child(3n) {
    margin-right: 0
}

.cc-wrap .cc-ul .cc-item:hover {
    box-shadow: 0 5px 15px 0 rgba(83,92,126,0.1)
}

.cc-wrap .cc-ul .cc-item:hover .mask {
    animation: maskAni .3s linear .4s;
    animation-fill-mode: forwards
}

.cc-wrap .cc-ul .cc-item .img-wrap {
    width: 200px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-wrap .cc-ul .cc-item .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.cc-wrap .cc-ul .cc-item .title {
    font-weight: 500;
    color: #202020;
    margin: 14px 0;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.cc-wrap .cc-ul .cc-item .desc {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #6E758C;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.cc-wrap .cc-ul .cc-item .mask {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #4a81ff;
    transition: .5s;
    text-align: center;
    padding: 30px
}

.cc-wrap .cc-ul .cc-item .mask .title {
    color: #fff;
    font-size: 18px
}

.cc-wrap .cc-ul .cc-item .mask .desc {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
    text-align: left;
    letter-spacing: 1px;
    text-indent: 2em;
    -webkit-line-clamp: 7
}

.cc-wrap .cc-ul .cc-item .mask .btn {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-size: 14px
}

.cc-wrap .cc-ul .cc-item .mask .btn:hover {
    opacity: 0.8
}

@keyframes maskAni {
    from {
        opacity: 0.5;
        transform: translateY(0px)
    }

    to {
        opacity: 1;
        transform: translateY(-314px)
    }
}

@media only screen and (max-width: 576px) {
    .cc-wrap {
        padding-bottom:10px
    }

    .cc-wrap .cc-ul {
        width: 100%;
        padding-left: 2%
    }

    .cc-wrap .cc-ul .cc-item {
        width: 47%;
        height: 214px;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 14px 10px;
        margin-right: 2%
    }

    .cc-wrap .cc-ul .cc-item:nth-child(3n) {
        margin-right: 2%
    }

    .cc-wrap .cc-ul .cc-item:nth-child(2n) {
        margin-right: 0
    }

    .cc-wrap .cc-ul .cc-item:last-child {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .cc-wrap .cc-ul .cc-item .img-wrap {
        width: 100px;
        height: 40px
    }

    .cc-wrap .cc-ul .cc-item .title {
        font-size: 14px;
        margin: 10px 0 8px
    }

    .cc-wrap .cc-ul .cc-item .desc {
        font-size: 12px;
        line-height: 1.5
    }

    .cc-wrap .cc-ul .cc-item .mask {
        padding: 6px
    }

    .cc-wrap .cc-ul .cc-item .mask .title {
        font-size: 14px
    }

    .cc-wrap .cc-ul .cc-item .mask .desc {
        font-size: 12px;
        margin: 6px 0 10px;
        line-height: 1.3
    }

    @keyframes maskAni {
        from {
            opacity: 0.5;
            transform: translateY(0px)
        }

        to {
            opacity: 1;
            transform: translateY(-214px)
        }
    }
}

.bc-wrap {
    overflow: hidden;
    padding-bottom: 20px
}

.bc-wrap .bc-ul {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bc-wrap .bc-ul .bc-item {
    width: 48%;
    box-sizing: border-box;
    margin-bottom: 20px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 24px
}

.bc-wrap .bc-ul .bc-item .img-wrap {
    width: 70px;
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bc-wrap .bc-ul .bc-item .img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.bc-wrap .bc-ul .bc-item .bc-info {
    padding-left: 20px;
    width: calc(100% - 70px)
}

.bc-wrap .bc-ul .bc-item .bc-info .title {
    font-size: 18px;
    font-weight: 500;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bc-wrap .bc-ul .bc-item .bc-info .desc {
    font-size: 14px;
    color: #6E758C;
    padding-top: 6px;
    line-height: 22px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 576px) {
    .bc-wrap {
        padding-bottom:10px
    }

    .bc-wrap .bc-ul {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .bc-wrap .bc-ul .bc-item {
        width: 46%;
        padding: 10px
    }

    .bc-wrap .bc-ul .bc-item .img-wrap {
        width: 38px;
        height: 38px
    }

    .bc-wrap .bc-ul .bc-item .bc-info {
        width: calc(100% - 38px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

    .bc-wrap .bc-ul .bc-item .bc-info .title {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }

    .bc-wrap .bc-ul .bc-item .bc-info .desc {
        display: none
    }
}

.sf-wrap {
    overflow: hidden;
    padding-bottom: 20px
}

.sf-wrap .s-framework {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 20px
}

.sf-wrap .s-framework .img-wrap {
    width: 64%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.sf-wrap .s-framework .img-wrap>img {
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.06);
    cursor: pointer
}

.sf-wrap .s-framework .right {
    width: 34%;
    padding-left: 20px;
    box-sizing: border-box
}

.sf-wrap .s-framework .right .r-top,.sf-wrap .s-framework .right .r-middle,.sf-wrap .s-framework .right .r-bottom {
    border-bottom: 2px solid #F7F8FA;
    padding-bottom: 20px
}

.sf-wrap .s-framework .right .r-top.r-bottom,.sf-wrap .s-framework .right .r-middle.r-bottom,.sf-wrap .s-framework .right .r-bottom.r-bottom {
    border-bottom: none
}

.sf-wrap .s-framework .right .r-top .title,.sf-wrap .s-framework .right .r-middle .title,.sf-wrap .s-framework .right .r-bottom .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sf-wrap .s-framework .right .r-top .btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    text-align: center;
    background-color: #4a81ff;
    border-radius: 4px;
    margin-top: 10px
}

.sf-wrap .s-framework .right .r-top .btn:hover {
    opacity: .8
}

.sf-wrap .s-framework .right .r-middle {
    padding-top: 20px
}

.sf-wrap .s-framework .right .r-bottom {
    padding-top: 20px
}

.sf-wrap .s-framework .right .r-bottom .bt-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sf-wrap .s-framework .right .r-bottom .bt-item {
    display: inline-block;
    width: 120px;
    height: 80px;
    box-sizing: border-box;
    border: 1px solid #F7F8FA;
    padding: 10px;
    margin-top: 10px;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.sf-wrap .s-framework .right .r-bottom .bt-item:hover {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.06)
}

.sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px
}

.sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.sf-wrap .s-framework .right .r-bottom .bt-item .bt-title {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #A1A5B4;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (max-width: 576px) {
    .sf-wrap .s-framework {
        width:100%;
        padding: 0 10px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sf-wrap .s-framework .img-wrap {
        width: 100%
    }

    .sf-wrap .s-framework .right {
        width: 100%;
        padding: 10px
    }

    .sf-wrap .s-framework .right .r-top .btn {
        height: 26px;
        line-height: 26px;
        font-size: 12px
    }

    .sf-wrap .s-framework .right .r-bottom .bt-item {
        width: 100px;
        height: 60px;
        padding: 6px
    }

    .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap {
        width: 20px;
        height: 20px
    }

    .sf-wrap .s-framework .right .r-bottom .bt-item .bt-title {
        margin-top: 6px
    }

    .sf-wrap .s-framework .right strong {
        font-size: 13px !important
    }

    .sf-wrap .s-framework .right span,.sf-wrap .s-framework .right div,.sf-wrap .s-framework .right p,.sf-wrap .s-framework .right hr {
        font-size: 12px !important;
        line-height: 1.3 !important
    }
}

.ov-wrap {
    overflow: hidden;
    padding-bottom: 20px
}

.ov-wrap .ov-tabs {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #F7F8FA
}

.ov-wrap .ov-tabs .ov-tab {
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.ov-wrap .ov-tabs .ov-tab::after {
    content: "";
    width: 0%;
    height: 2px;
    background-color: #4A81FF;
    position: absolute;
    left: 50%;
    bottom: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width .2s linear
}

.ov-wrap .ov-tabs .ov-tab:hover,.ov-wrap .ov-tabs .ov-tab.active {
    color: #4A81FF
}

.ov-wrap .ov-tabs .ov-tab:hover::after,.ov-wrap .ov-tabs .ov-tab.active::after {
    width: 50%
}

.ov-wrap .swiper-container {
    width: 1200px;
    margin: 0 auto
}

.ov-wrap .swiper-container .swiper-wrapper {
    padding: 40px 0
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap {
    width: 49%;
    height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap>img {
    width: 100%;
    height: auto;
    cursor: pointer
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext {
    width: 49%;
    max-height: 400px;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 30px
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar {
    width: 10px
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px
}

.ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar-thumb {
    border-radius: 7px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #E8E8E8
}

@media only screen and (max-width: 576px) {
    .ov-wrap .ov-tabs {
        width:100%;
        border-bottom: 1px solid #F7F8FA
    }

    .ov-wrap .ov-tabs .ov-tab {
        height: 30px;
        font-size: 12px;
        line-height: 30px
    }

    .ov-wrap .ov-tabs .ov-tab::after {
        height: 1px
    }

    .ov-wrap .swiper-container {
        width: 100%;
        height: auto
    }

    .ov-wrap .swiper-container .swiper-wrapper {
        padding: 10px 0
    }

    .ov-wrap .swiper-container .swiper-wrapper .swiper-slide {
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        height: 0px
    }

    .ov-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
        height: auto !important
    }

    .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap {
        height: auto;
        width: 100%
    }

    .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext {
        width: 100%;
        height: auto;
        max-height: none;
        overflow-y: visible;
        font-size: 12px;
        padding: 10px;
        line-height: 1.5
    }

    .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext strong>span {
        font-size: 14px !important
    }
}

.ailab {
    width: 1200px;
    padding-top: 70px;
    margin: 0 auto 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ailab .ailab_title {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

.ailab .ailab_title span {
    position: relative;
    font-size: 28px
}

.ailab .ailab_title span::before {
    content: '<';
    position: absolute;
    left: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4a81ff
}

.ailab .ailab_title span::after {
    content: '>';
    position: absolute;
    right: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4a81ff
}

.ailab .ailab_desc {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 30px;
    font-size: 16px;
    color: #6474a4;
    letter-spacing: 2px
}

.ailab .ailab_items {
    position: relative;
    width: 224px;
    height: 292px;
    box-sizing: border-box;
    background: #fff;
    padding: 32px 20px 0;
    transition: all 0.3s;
    box-shadow: 0 0 10px 2px rgba(221,227,240,0.1);
    cursor: pointer
}

.ailab .ailab_items:hover {
    box-shadow: 0 0 10px 2px #dde3f0;
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.ailab .ailab_items img {
    width: 140px;
    height: 80px;
    display: block;
    margin: 0 auto
}

.ailab .ailab_items .ailab_item_title,.ailab .ailab_items .ailab_item_desc {
    width: 100%;
    font-size: 16px
}

.ailab .ailab_items .ailab_item_title {
    margin-top: 36px;
    text-align: center
}

.ailab .ailab_items .ailab_item_desc {
    margin-top: 22px;
    color: #939395;
    text-align: justify;
    font-size: 14px
}

.ailab .fill_item {
    width: 224px;
    height: 0
}

.ailab_demo {
    width: 100%;
    height: auto
}

.ailab_demo .demo_header {
    width: 1200px;
    height: auto;
    padding: 20px 0 30px;
    margin: 0 auto
}

@media screen and (max-width: 576px) {
    .ailab_demo .demo_header {
        width:95vw;
        height: auto;
        padding: 20px 0 30px;
        margin: 0 auto
    }
}

.ailab_demo .iframe_wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin: 0 auto
}

.ailab_demo iframe {
    width: 1200px;
    height: 1000px;
    border: none
}



.layui-tab .layui-tab-title{
    display:flex;
    justify-content:center;
}
.layui-tab-content{
    display:flex;
    justify-content:center;
}
.layui-tab-title .layui-this{
  font-size:20px;
}
.layui-tab .layui-tab-title li{
    font-size:16px;
    line-height:1.3;
}
.layui-tab .layui-tab-title li.layui-this{
    color:#4a81ff;
}
.layui-tab .layui-tab-title li.layui-this::after{
    border-bottom:3px solid #4a81ff;
}
#tabHeader{
    display:flex;
    justify-content:center;
}
.layui-show p{
    padding:30px;
    border:1px solid #e6e8f4;
    width:80%;
    margin:20px auto;
    color:#93a1b7;
}
.layui-show p span{
    font-size:18px;
    color:#93a1b7;
}
.container .section-title {
    margin-top: 10px
}
.card-list.gaia-row{
    display:flex;
    flex-wrap:wrap;
}
.layui-btn-primary:hover{
    color:#4a81ff;
    border-color:#4a81ff;
}
.demo-tab-header .layui-btn.layui-this{
    color:#4a81ff;
    border-color:#4a81ff;
}
.service-banner-title,.service-banner-desc{
    color:#fff;
}
@media screen and (max-width: 576px) {
    #tabHeader{
      justify-content:inital !important;
      flex-wrap:wrap !important;
    }
    .ailab_demo iframe {
        width:88vw;
        height: 1000px;
        border: none
    }
}

.ailab_demo .demo_title {
    width: 100%;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ailab_demo .demo_title .title_text {
    color: #4a8df1;
    font-size: 18px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.ailab_demo .demo_title .title_text::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #4a8df1;
    margin-right: 10px;
    border-radius: 50%
}

.ailab_demo .demo_title .tags {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 22px;
    color: #5a5a5a;
    border-right: 1px dashed #5a5a5a
}

.ailab_demo .demo_title .tags:nth-last-child(2) {
    border-right: 0
}

.ailab_demo .fork_tags {
    width: 100%;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px
}

.ailab_demo .fork_tags .tags {
    font-size: 14px;
    padding: 3px 10px 4px;
    border: 2px solid #eaebf0;
    color: #939395;
    margin: 4px 10px 20px
}

.ailab_demo .demo_desc {
    display: block;
    margin-left: 20px;
    color: #939395
}

.ailab_demo .fork_btn {
    width: 193px;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16669230539752917%2F%E7%9F%A9%E5%BD%A2%201%20%E6%8B%B7%E8%B4%9D%402x%20%EF%BC%881%EF%BC%89.png") center 2px/contain no-repeat;
    color: #fff;
    margin: 10px 20px;
    cursor: pointer;
    font-size: 14px
}

.ailab_demo .fork_btn:hover {
    opacity: 0.8
}

.ailab_demo .fork_btn img {
    width: 15px;
    height: 15px;
    margin-right: 13px
}

.ailab_demo .ailab_modal {
    background: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #565656;
    z-index: 1000
}

.ailab_demo .ailab_modal .ailab_loading {
    width: 432px;
    height: 351px;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px
}

.ailab_demo .ailab_modal .ailab_loading .animation_box {
    position: absolute;
    left: 50%;
    top: 68px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 118px;
    height: 118px;
    border-radius: 50%;
    overflow: hidden
}

.ailab_demo .ailab_modal .ailab_loading .animation_box .ailab_modal_loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16679840055189512%2F%E7%AD%89%E5%BE%85%E5%8A%A0%E8%BD%BD300.gif") center 4px/100% 100% no-repeat;
    transition: all 0.8s
}

.ailab_demo .ailab_modal .ailab_loading .animation_box .ailab_modal_tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16679813338966401%2F34%402x.png") center center/100% no-repeat;
    animation: tick 0.8s linear forwards
}

.ailab_demo .ailab_modal .ailab_loading .animation_box .ailab_modal_tick::before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60%;
    height: 60%;
    background-color: #1369ee;
    animation: tick2 1.6s linear forwards
}

@keyframes tick {
    0% {
        opacity: 0%
    }

    100% {
        opacity: 100%
    }
}

@keyframes tick2 {
    0% {
        width: 100%
    }

    50% {
        width: 100%
    }

    100% {
        width: 0%
    }
}

.ailab_demo .ailab_modal .ailab_loading .create_text {
    margin-top: 215px;
    color: #565656;
    text-align: center
}

.ailab_demo .ailab_modal .ailab_loading .create_text .create_title {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.ailab_demo .ailab_modal .ailab_loading .create_text .create_tip {
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
    text-align: center
}

.ailab_demo .ailab_modal .ailab_loading .create_complete {
    width: 100%;
    height: auto;
    margin-top: 215px
}

.ailab_demo .ailab_modal .ailab_loading .create_complete .complete_text {
    color: #565656;
    font-size: 19px;
    text-align: center
}

.ailab_demo .ailab_modal .ailab_loading .create_complete .create_tip {
    color: #709bfe;
    font-size: 12px;
    text-align: center;
    margin-top: 10px
}

.ailab_demo .ailab_modal .ailab_loading .create_complete .goto_btn {
    height: 26px;
    width: 225px;
    margin: 28px auto 0;
    line-height: 25px;
    background: #7ea5ff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 13px;
    cursor: pointer
}

.ailab_demo .ailab_modal .ailab_loading .ailab_modal_close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url("https://1024-cdn.xfyun.cn/2022_1024%2Fcms%2F16669251708804634%2Fcha-2%402x.png") center center/cover no-repeat;
    cursor: pointer
}