/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    min-width: 1280px;
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button {
    display: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

body {
    font-family: Microsoft YaHei;
    word-wrap: break-word;
    word-break: break-all
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img, video {
    max-width: 100%;
    max-height: 100%
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    list-style: none
}

button {
    line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    color: rgba(0, 0, 0, .65);
    background-color: #fff;
    border: 1px solid #d9d9d9
}

a, button {
    cursor: pointer;
    outline: none
}

a {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

a:focus {
    text-decoration: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

a:active, a:hover {
    text-decoration: none;
    outline: 0
}

a[disabled] {
    color: #f9f9f9;
    cursor: not-allowed;
    pointer-events: none
}

@-webkit-keyframes moveTag {
    0% {
        top: -5px
    }
    50% {
        top: -10px
    }
    to {
        top: -5px
    }
}

@keyframes moveTag {
    0% {
        top: -5px
    }
    50% {
        top: -10px
    }
    to {
        top: -5px
    }
}

.x-more {
    position: relative;
    padding-right: 8px
}

.x-more:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 5px;
    background-image: url(../images/more.d4b37d83.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mt-badge {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

.mt-badge-sm {
    width: 16px;
    height: 16px
}

.mt-badge-bj {
    background-image: url(../images/bj.6a8061fd.png)
}

.mt-badge-d {
    background-image: url(../images/d.59faf7c4.png)
}

.mt-badge-dy {
    background-image: url(../images/dy.bdd7f001.png)
}

.mt-badge-ks {
    background-image: url(../images/ks.c23f1bf2.png)
}

.mt-badge-qe {
    background-image: url(../images/qe.3036d686.png)
}

.mt-badge-qq {
    background-image: url(../images/qq.a5588687.png)
}

.mt-badge-sh {
    background-image: url(../images/sh.a6b73821.png)
}

.mt-badge-tt {
    background-image: url(../images/tt.2ef65322.png)
}

.mt-badge-uc {
    background-image: url(../images/uc.78ccab29.png)
}

.mt-badge-v {
    background-image: url(../images/v.845877d2.png)
}

.mt-badge-wb {
    background-image: url(../images/wb.27f8bd37.png)
}

.mt-badge-wx {
    background-image: url(../images/wx.1c47e08f.png)
}

.mt-badge-wy {
    background-image: url(../images/wy.a1160962.png)
}

.mt-badge-xcx {
    background-image: url(../images/xcx.5c6f5b4b.png)
}

.mt-badge-xhs {
    background-image: url(../images/xhs.2085a187.png)
}

.mt-badge-bb {
    background-image: url(../images/bb.dtw678.png)
}

.mt-badge-yd {
    background-image: url(../images/yd.4dd61400.png)
}

.mt-badge-z {
    background-image: url(../images/z.e93549c0.png)
}

.clearfix {
    zoom: 1
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

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

.home {
    width: 100%;
    min-width: 1200px
}

.home-jumbotron {
    width: 100%;
    height: 560px;
    padding-top: 10px;
    position: relative;
    overflow: hidden
}

.home-jumbotron #bannerSwiper.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-jumbotron #bannerSwiper .swiper-slide {
    position: relative
}

.home-jumbotron #bannerSwiper .swiper-slide a {
    width: 1200px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.home-jumbotron #bannerSwiper .swiper-slide img {
    width: 100%;
    height: 100%
}

.home-jumbotron #bannerSwiper .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 140px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.home-jumbotron #bannerSwiper .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background: #fff;
    opacity: .5;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-jumbotron #bannerSwiper .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
    width: 40px;
    border-radius: 8px;
    background: #e4def9;
    opacity: 1
}

.home-jumbotron .xg-jumbotron {
    width: 1200px;
    height: 540px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    pointer-events: none
}

.home-jumbotron .xg-tabs {
    width: 88px;
    background-image: url(../images/bg.8554eb2c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    pointer-events: auto
}

.home-jumbotron .xg-tabs__item {
    display: block;
    width: 88px;
    height: 90px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding-top: 20px
}

.home-jumbotron .xg-tabs__item:not(:last-child) {
    border-bottom: 1px dashed #444
}

.home-jumbotron .xg-tabs__item i {
    display: block;
    margin: 0 auto 13px;
    background-repeat: no-repeat
}

.home-jumbotron .xg-tabs__item:first-child i {
    width: 32px;
    height: 24px;
    background-image: url(../images/0.2184bd52.png)
}

.home-jumbotron .xg-tabs__item:first-child.active i {
    background-image: url(../images/0_f.85d88806.png)
}

.home-jumbotron .xg-tabs__item:nth-child(2) i {
    width: 32px;
    height: 24px;
    background-image: url(../images/1.c694180f.png)
}

.home-jumbotron .xg-tabs__item:nth-child(2).active i {
    background-image: url(../images/1_f.5a084d4f.png)
}

.home-jumbotron .xg-tabs__item:nth-child(3) i {
    width: 28px;
    height: 28px;
    background-image: url(../images/2.b43501cw.png)
}

.home-jumbotron .xg-tabs__item:nth-child(3).active i {
    background-image: url(../images/2_f.1a3f1f3w.png)
}

.home-jumbotron .xg-tabs__item:nth-child(4) i {
    width: 31px;
    height: 26px;
    background-image: url(../images/2.b43501c0.png)
}

.home-jumbotron .xg-tabs__item:nth-child(4).active i {
    background-image: url(../images/2_f.1a3f1f33.png)
}

.home-jumbotron .xg-tabs__item:nth-child(5) i {
    width: 28px;
    height: 26px;
    background-image: url(../images/4.2e8b28fw.png)
}

.home-jumbotron .xg-tabs__item:nth-child(5).active i {
    background-image: url(../images/4_f.111f5e1w.png)
}

.home-jumbotron .xg-tabs__item:nth-child(6) i {
    width: 26px;
    height: 26px;
    background-image: url(../images/5.9b0d9154.png)
}

.home-jumbotron .xg-tabs__item:nth-child(6).active i {
    background-image: url(../images/5_f.b3bf86bf.png)
}

.home-jumbotron .xg-tabs__item.active {
    color: #2765e0;
    background-color: #fff;
    border-bottom-color: rgba(0, 0, 0, 0)
}

.home-jumbotron .xg-container {
    height: 540px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 10;
    pointer-events: auto
}

.home-jumbotron .xg-container__item {
    display: none;
    float: left;
    height: 540px
}

.home-jumbotron .xg-container__item:first-child .xg-options__item {
    padding: 0 15px
}

.home-jumbotron .xg-container__item .xg-options__item {
    padding: 0 16px
}

.home-jumbotron .xg-container__item.active, .home-jumbotron .xg-container__item.active .xg-main, .home-jumbotron .xg-container__item.on {
    display: block
}

.home-jumbotron .xg-container .xg-account {
    width: 386px;
    height: 136px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: height .2s ease-out, -webkit-transform .3s;
    transition: height .2s ease-out, -webkit-transform .3s;
    transition: height .2s ease-out, transform .3s;
    transition: height .2s ease-out, transform .3s, -webkit-transform .3s;
    -webkit-box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    float: left
}

.home-jumbotron .xg-container .xg-account:not(:last-child) {
    margin-right: 20px
}

.home-jumbotron .xg-container .xg-account:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.home-jumbotron .xg-container .xg-account__wrap {
    float: left
}

.home-jumbotron .xg-container .xg-account__wrap:not(:nth-child(3n)) {
    margin-right: 6px
}

.home-jumbotron .xg-container .xg-account--active {
    height: 320px;
    background-image: url(../images/account_bg.b9d34882.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-jumbotron .xg-container .xg-account__stage {
    padding: 12px 22px 0;
    margin-bottom: 8px
}

.home-jumbotron .xg-container .xg-account__stage a {
    font-size: 12px;
    color: #afacbf;
    float: right
}

.home-jumbotron .xg-container .xg-account__stage a i {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 14px;
    height: 13px;
    background-image: url(../images/star.efd59ac2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-jumbotron .xg-container .xg-account__stage a i.active {
    background-image: url(../images/star_fill.7c08d4ab.png)
}

.home-jumbotron .xg-container .xg-account__title {
    padding: 0 0 0 22px;
    margin-bottom: 8px
}

.home-jumbotron .xg-container .xg-account__title span {
    display: inline-block;
    width: 90%;
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.home-jumbotron .xg-container .xg-account__title i {
    float: right;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background-color: #fd4249;
    border-radius: 50%;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #fff
}

.home-jumbotron .xg-container .xg-account__time {
    font-size: 12px;
    color: #a4a1b2;
    padding: 0 22px 15px;
    margin-bottom: 12px;
    position: relative
}

.home-jumbotron .xg-container .xg-account__time:after {
    content: "";
    width: 29px;
    position: absolute;
    bottom: 0;
    left: 22px;
    border-bottom: 1px dashed #e7e7e7
}

.home-jumbotron .xg-container .xg-account__price {
    padding: 0 22px;
    font-weight: 700;
    font-size: 18px;
    color: #fd4249
}

.home-jumbotron .xg-container .xg-account__price span {
    font-size: 12px;
    color: #acacac;
    font-weight: 400;
    text-decoration: line-through
}

.home-jumbotron .xg-container .xg-account__info .xg-cell {
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
    height: 54px
}

.home-jumbotron .xg-container .xg-account__info .xg-cell:first-child, .home-jumbotron .xg-container .xg-account__info .xg-cell:nth-child(2) {
    border-top: 1px solid #ebebeb
}

.home-jumbotron .xg-container .xg-account__info .xg-cell:nth-child(2n-1) {
    border-right: 1px solid #ebebeb
}

.home-jumbotron .xg-container .xg-account__info .xg-cell__value {
    font-size: 14px;
    color: #555266;
    margin-bottom: 5px
}

.home-jumbotron .xg-container .xg-account__info .xg-cell__label {
    font-size: 12px;
    color: #a8a8a8
}

.home-jumbotron .xg-container .xg-account__footer {
    padding-top: 20px
}

.home-jumbotron .xg-container .xg-account__footer a {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 13px;
    color: #afacbf
}

.home-jumbotron .xg-container .xg-account__footer a i {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url(../images/detail.40fa7a9c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-jumbotron .xg-container .xg-account__footer a:first-child {
    border-right: 1px solid #edeef5;
    color: #fd4249
}

.home-jumbotron .xg-container .xg-account__footer a:first-child i {
    width: 18px;
    height: 15px;
    background-image: url(../images/buy.05023c3f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-jumbotron .xg-container .xg-menu {
    width: 142px;
    height: 100%;
    background-color: #fff;
    margin-right: 2px;
    float: left;
    padding: 20px 8px 0 9px
}

.home-jumbotron .xg-container .xg-menu__title {
    font-weight: 700;
    font-size: 15px;
    color: #2e2e2e;
    margin-bottom: 15px
}

.home-jumbotron .xg-container .xg-menu__title a, .home-jumbotron .xg-container .xg-menu__title span {
    position: relative
}

.home-jumbotron .xg-container .xg-menu__title a:after, .home-jumbotron .xg-container .xg-menu__title span:after {
    content: "";
    width: 23px;
    height: 11px;
    position: absolute;
    right: -28px;
    top: 50%;
    margin-top: -5px;
    background-image: url(../images/hot.e6acc23e.png);
    background-repeat: no-repeat
}

.home-jumbotron .xg-container .xg-menu__subtitle {
    font-size: 13px;
    color: #545454;
    margin-bottom: 14px
}

.home-jumbotron .xg-container .xg-menu__subtitle a, .home-jumbotron .xg-container .xg-menu__subtitle span {
    position: relative
}

.home-jumbotron .xg-container .xg-menu__subtitle a:after, .home-jumbotron .xg-container .xg-menu__subtitle span:after {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    right: -7px;
    top: 50%;
    background-image: url(../images/right.fe6bd935.png);
    background-repeat: no-repeat;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.home-jumbotron .xg-container .xg-menu__content {
    padding-bottom: 5px;
    margin-bottom: 10px;
    zoom: 1
}

.home-jumbotron .xg-container .xg-menu__content:after, .home-jumbotron .xg-container .xg-menu__content:before {
    content: "";
    display: table
}

.home-jumbotron .xg-container .xg-menu__content:after {
    clear: both
}

.home-jumbotron .xg-container .xg-menu__content:not(:last-child) {
    border-bottom: 1px dashed #e4e4e4
}

.home-jumbotron .xg-container .xg-menu__content a, .home-jumbotron .xg-container .xg-menu__content span {
    float: left;
    font-size: 12px;
    color: #a8a8a8;
    margin-right: 5px;
    margin-bottom: 10px
}

.home-jumbotron .xg-container .xg-menu__content a:hover {
    color: #545454
}

.home-jumbotron .xg-container .xg-main {
    width: 1112px;
    height: 100%;
    background-color: #fff;
    float: left;
    display: none
}

.home-jumbotron .xg-container .xg-menu + .xg-main {
    width: 968px
}

.home-jumbotron .xg-container .xg-menu + .xg-main .xg-content {
    width: 718px
}

.home-jumbotron .xg-container .xg-menu + .xg-main .xg-account {
    width: 324px
}

.home-jumbotron .xg-container .xg-content {
    width: 862px;
    height: 100%;
    float: left;
    padding: 16px 30px 0 20px;
    position: relative
}

.home-jumbotron .xg-container .xg-content__list {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.home-jumbotron .xg-container .xg-content__tabs {
    margin-bottom: 25px
}

.home-jumbotron .xg-container .xg-content__tabs a {
    display: inline-block;
    min-width: 87px;
    height: 24px;
    line-height: 24px;
    background-color: #333;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    padding: 0 8px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    margin-right: 7px
}

.home-jumbotron .xg-container .xg-content__tabs a i {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 20px;
    position: relative;
    top: -1px;
    background-image: url(../images/arrow_right.c4d9ae99.png);
    background-repeat: no-repeat
}

.home-jumbotron .xg-container .xg-content__tabs a:hover {
    background-color: #666
}

.home-jumbotron .xg-container .xg-options {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #e1e1e1
}

.home-jumbotron .xg-container .xg-options.planb .xg-options__value {
    width: calc(100% - 155px)
}

.home-jumbotron .xg-container .xg-options__label {
    font-size: 15px;
    font-weight: 700;
    color: #5c5c5c;
    margin-right: 15px;
    float: left;
    min-width: 80px
}

.home-jumbotron .xg-container .xg-options__label.pt {
    padding-top: 10px
}

.home-jumbotron .xg-container .xg-options__value {
    float: left;
    width: calc(100% - 140px);
    zoom: 1
}

.home-jumbotron .xg-container .xg-options__value:after, .home-jumbotron .xg-container .xg-options__value:before {
    content: "";
    display: table
}

.home-jumbotron .xg-container .xg-options__value:after {
    clear: both
}

.home-jumbotron .xg-container .xg-options__wechat {
    margin-bottom: 5px;
    float: left;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(137, 143, 173, .3);
    box-shadow: 0 0 10px 0 rgba(137, 143, 173, .3);
    font-weight: 700;
    font-size: 15px;
    color: #7c59c2;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-jumbotron .xg-container .xg-options__wechat:not(:last-child) {
    margin-right: 9px
}

.home-jumbotron .xg-container .xg-options__wechat:hover {
    color: #333;
    -webkit-box-shadow: 0 0 8px 0 rgba(137, 143, 173, .4);
    box-shadow: 0 0 8px 0 rgba(137, 143, 173, .4)
}

.home-jumbotron .xg-container .xg-options__item {
    float: left;
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    position: relative
}

.home-jumbotron .xg-container .xg-options__item:hover {
    color: #8a5ce5
}

.home-jumbotron .xg-container .xg-options__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-jumbotron .xg-container .xg-options__item:nth-last-child(2):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-jumbotron .xg-container .xg-options__more {
    float: right;
    font-size: 13px;
    color: #a37af5
}

.home-jumbotron .xg-container .xg-aside {
    width: 250px;
    height: 100%;
    float: left;
    background-color: #f2f2f2;
    padding: 15px
}

.home-jumbotron .xg-container .xg-aside a {
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.home-jumbotron .xg-container .xg-aside a:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16)
}

.home-jumbotron .xg-container .xg-aside a:not(:last-child) {
    margin-bottom: 5px
}

.home-jumbotron .xg-ads {
    width: 728px;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    pointer-events: auto
}

.home-jumbotron .xg-ads__text {
    position: absolute;
    top: 25px;
    left: 20px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-jumbotron .xg-ads__icon {
    position: absolute;
    top: 0;
    left: 0
}

.home-jumbotron .xg-ads a {
    float: left;
    position: relative
}

.home-jumbotron .xg-ads a:hover .xg-ads__text {
    margin-top: -3px
}

.home-jumbotron .xg-aside {
    width: 230px;
    height: 540px;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: auto
}

.home-jumbotron .xg-aside__bg {
    width: 100%;
    height: 260px;
    background-image: url(../images/bg.0030fe73.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.home-jumbotron .xg-aside__form {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    padding: 0 10px 0 20px
}

.home-jumbotron .xg-aside__tabs a {
    float: left;
    font-size: 12px;
    color: #aea9ff;
    font-weight: 700;
    margin-right: 5px;
    position: relative;
    padding-bottom: 12px
}

.home-jumbotron .xg-aside__tabs a.active {
    color: #fff
}

.home-jumbotron .xg-aside__tabs a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 0;
    height: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    border-bottom-color: #f2f2f2;
    opacity: .5
}

.home-jumbotron .xg-aside__input {
    width: 100%;
    height: 36px;
    background-image: url(../images/input.63f9ac1f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 28px;
    position: relative;
    margin-bottom: 10px
}

.home-jumbotron .xg-aside__input:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/user_icon.53408807.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-jumbotron .xg-aside__input input {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff
}

.home-jumbotron .xg-aside__input input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.home-jumbotron .xg-aside__input input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.home-jumbotron .xg-aside__input input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.home-jumbotron .xg-aside__input input::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.home-jumbotron .xg-aside__btn {
    display: block;
    width: 100%;
    height: 40px;
    background-image: url(../images/btn.da5b804c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-jumbotron .xg-aside__explore {
    width: 100%;
    height: 73px;
    border-bottom: 1px solid hsla(0, 0%, 85.5%, .67);
    background-color: #fff
}

.home-jumbotron .xg-aside__explore a {
    float: left;
    width: 33.33%;
    height: 73px;
    text-align: center;
    font-size: 13px;
    color: #969696;
    padding-top: 12px
}

.home-jumbotron .xg-aside__explore a:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 85.5%, .67)
}

.home-jumbotron .xg-aside__explore a img {
    margin-bottom: 8px
}

.home-jumbotron .xg-aside .xg-notice {
    width: 100%;
    height: 207px;
    padding: 20px 15px 10px;
    background-color: #fff
}

.home-jumbotron .xg-aside .xg-notice__title {
    font-size: 13px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 20px;
    position: relative
}

.home-jumbotron .xg-aside .xg-notice__title span {
    float: left
}

.home-jumbotron .xg-aside .xg-notice .xg-page {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.home-jumbotron .xg-aside .xg-notice .xg-page__next, .home-jumbotron .xg-aside .xg-notice .xg-page__prev {
    float: left;
    position: relative;
    width: 4px;
    height: 4px;
    cursor: pointer
}

.home-jumbotron .xg-aside .xg-notice .xg-page__next:after, .home-jumbotron .xg-aside .xg-notice .xg-page__prev:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0)
}

.home-jumbotron .xg-aside .xg-notice .xg-page__prev {
    margin-right: 10px
}

.home-jumbotron .xg-aside .xg-notice .xg-page__prev:after {
    border-right-color: #145fbc
}

.home-jumbotron .xg-aside .xg-notice .xg-page__next {
    margin-left: 10px
}

.home-jumbotron .xg-aside .xg-notice .xg-page__next:after {
    border-left-color: #145fbc
}

.home-jumbotron .xg-aside .xg-notice .xg-page .swiper-pagination {
    float: left
}

.home-jumbotron .xg-aside .xg-notice .xg-page .swiper-pagination .swiper-pagination-switch {
    margin-left: 5px;
    width: 5px;
    height: 5px;
    background-color: #c9cdd6;
    border-radius: 50%
}

.home-jumbotron .xg-aside .xg-notice .xg-page .swiper-pagination .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
    background-color: #145fbc
}

.home-jumbotron .xg-aside .xg-notice #noticeSwiper {
    margin-bottom: 15px;
    position: relative;
    height: 75px
}

.home-jumbotron .xg-aside .xg-notice #noticeSwiper a {
    display: block;
    color: #a7a7a7;
    font-size: 12px;
    margin-bottom: 13px;
    position: relative;
    padding-left: 10px
}

.home-jumbotron .xg-aside .xg-notice #noticeSwiper a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left-color: #2b3d63
}

.home-jumbotron .xg-aside .xg-notice__btn {
    display: block;
    height: 43px;
    background-image: url(../images/service_btn.86ce65a7.png);
    background-size: 100% 100%
}

.home-info, .home-jumbotron .xg-aside .xg-notice__btn {
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%
}

.home-info {
    height: 762px;
    background-color: #f4f4f4;
    background-image: url(../images/bg.695590e7.png);
    background-size: 100%;
    overflow: hidden
}

.home-info__wrap {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.home-info__wrap .xg-account {
    display: block;
    width: 295px;
    height: 156px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 9px;
    overflow: hidden;
    -webkit-transition: height .2s ease-out, -webkit-transform .3s;
    transition: height .2s ease-out, -webkit-transform .3s;
    transition: height .2s ease-out, transform .3s;
    transition: height .2s ease-out, transform .3s, -webkit-transform .3s;
    -webkit-box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    float: left
}

.home-info__wrap .xg-account:not(:last-child) {
    margin-right: 11px
}

.home-info__wrap .xg-account:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.home-info__wrap .xg-account__wrap {
    float: left
}

.home-info__wrap .xg-account__wrap:not(:nth-child(3n)) {
    margin-right: 6px
}

.home-info__wrap .xg-account--active {
    height: 320px;
    background-image: url(../images/account_bg.b9d34882.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-info__wrap .xg-account__stage {
    padding: 13px 18px 0;
    margin-bottom: 15px
}

.home-info__wrap .xg-account__stage a {
    font-size: 12px;
    color: #afacbf;
    float: right
}

.home-info__wrap .xg-account__stage a i {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 14px;
    height: 13px;
    background-image: url(../images/star.efd59ac2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-info__wrap .xg-account__stage a i.active {
    background-image: url(../images/star_fill.7c08d4ab.png)
}

.home-info__wrap .xg-account__title {
    padding: 0 15px;
    margin-bottom: 10px
}

.home-info__wrap .xg-account__title span {
    display: inline-block;
    width: 85%;
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.home-info__wrap .xg-account__title i {
    float: right;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background-color: #fd4249;
    border-radius: 50%;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #fff
}

.home-info__wrap .xg-account__time {
    font-size: 12px;
    color: #a4a1b2;
    padding: 0 15px 15px;
    margin-bottom: 12px;
    position: relative
}

.home-info__wrap .xg-account__time:after {
    content: "";
    width: 29px;
    position: absolute;
    bottom: 0;
    left: 15px;
    border-bottom: 1px dashed #e7e7e7
}

.home-info__wrap .xg-account__price {
    padding: 0 15px;
    font-weight: 700;
    font-size: 18px;
    color: #fd4249;
    margin-bottom: 20px
}

.home-info__wrap .xg-account__price span {
    font-size: 12px;
    color: #acacac;
    font-weight: 400;
    text-decoration: line-through
}

.home-info__wrap .xg-account__info .xg-cell {
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
    height: 54px
}

.home-info__wrap .xg-account__info .xg-cell:first-child, .home-info__wrap .xg-account__info .xg-cell:nth-child(2) {
    border-top: 1px solid #ebebeb
}

.home-info__wrap .xg-account__info .xg-cell:nth-child(2n-1) {
    border-right: 1px solid #ebebeb
}

.home-info__wrap .xg-account__info .xg-cell__value {
    font-size: 14px;
    color: #555266;
    margin-bottom: 5px
}

.home-info__wrap .xg-account__info .xg-cell__label {
    font-size: 12px;
    color: #a8a8a8
}

.home-info__wrap .xg-account__footer {
    padding-top: 20px
}

.home-info__wrap .xg-account__footer a {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 13px;
    color: #afacbf
}

.home-info__wrap .xg-account__footer a i {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url(../images/detail.40fa7a9c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-info__wrap .xg-account__footer a:first-child {
    border-right: 1px solid #edeef5;
    color: #fd4249
}

.home-info__wrap .xg-account__footer a:first-child i {
    width: 18px;
    height: 15px;
    background-image: url(../images/buy.05023c3f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-info__header {
    padding-top: 25px;
    text-align: right;
    margin-bottom: 30px
}

.home-info__header img {
    float: left;
    width: 136px;
    height: 27px
}

.home-info__deal {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 700
}

.home-info__show {
    width: 1064px;
    float: left;
    padding-top: 8px
}

.home-info__show b {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 1000
}

.home-info__show b:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
    position: relative
}

.home-info__show b:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 9px;
    background-color: #c1c1c1
}

.home-info__show b span {
    font-size: 20px
}

.home-info__show #activityList {
    height: 21px;
    width: 460px;
    display: inline-block;
    vertical-align: middle
}

.home-info__show #activityList .swiper-slide {
    font-size: 12px;
    color: #8a8989
}

.home-info__show #activityList .swiper-slide i {
    font-style: normal;
    color: #5d67ff;
    font-weight: 700;
    margin-right: 6px
}

.home-info__show #activityList .swiper-slide time {
    display: inline-block;
    background-color: #3f3f3f;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
    position: relative;
    margin-right: 8px
}

.home-info__show #activityList .swiper-slide time:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3f3f3f;
    border-style: solid;
    border-width: 5px 3px
}

.home-info__show #activityList .swiper-slide span {
    display: inline-block;
    width: 345px;
    vertical-align: middle;
    text-align: left
}

.home-info__body {
    position: relative;
    z-index: 10
}

.home-info__tabs {
    margin-bottom: 20px
}

.home-info__tabs span {
    font-weight: 700;
    font-size: 20px;
    color: #313131;
    margin-right: 30px
}

.home-info__tabs #buyTabs {
    display: inline-block
}

.home-info__tabs a {
    font-size: 14px;
    color: #454545;
    font-weight: 700;
    margin-left: 20px
}

.home-info__tabs a.active {
    color: #7f2dff
}

.home-info__main {
    width: 960px;
    height: 410px;
    background-color: #fff;
    background-image: url(../images/main_bg.407e1a35.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    box-shadow: 0 2px 12px 0 rgba(63, 63, 63, .16);
    border-radius: 4px;
    float: left;
    padding: 30px 15px 15px
}

.home-info__box {
    width: 930px;
    height: 330px;
    position: relative
}

.home-info__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-info__item:not(:first-child) {
    display: none
}

.home-info__aside {
    width: 230px;
    height: 410px;
    float: right
}

.home-info__aside0, .home-info__aside1 {
    width: 230px;
    height: 205px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.home-info__aside0 a, .home-info__aside1 a {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.home-info__aside0 a:hover, .home-info__aside1 a:hover {
    -webkit-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px)
}

.home-info__aside0 {
    background-image: url(../images/aside0.6bd589a0.png)
}

.home-info__aside1 {
    background-image: url(../images/aside1.eb6672ad.png)
}

.home-info__footer {
    padding-top: 340px;
    width: 1140px;
    height: 568px;
    background-color: #2b2b2b;
    background-image: url(../images/footer_bg.a3eaaba1.png);
    -webkit-box-shadow: 0 4px 15px 0 rgba(99, 99, 99, .35);
    box-shadow: 0 4px 15px 0 rgba(99, 99, 99, .35);
    border-radius: 4px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.home-info__footer .xg-title {
    float: left;
    padding-left: 22px;
    padding-top: 22px;
    width: 260px
}

.home-info__footer .xg-title > img {
    margin-bottom: 15px
}

.home-info__footer .xg-title p {
    color: #fff
}

.home-info__footer .xg-title p:nth-child(2) {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 5px
}

.home-info__footer .xg-title p:nth-child(3) {
    font-size: 14px;
    margin-bottom: 25px
}

.home-info__footer .xg-title__control {
    margin-bottom: 15px
}

.home-info__footer .xg-title__control a {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #545cff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.home-info__footer .xg-title__control a:hover {
    background-color: #545cff
}

.home-info__footer .xg-title__link {
    font-size: 12px;
    color: #fff;
    opacity: .6
}

.home-info__footer .xg-more {
    float: right;
    width: 880px;
    height: 100%;
    padding: 25px 20px 20px 0
}

.home-info__footer .xg-more #moreAccountList {
    position: relative;
    width: 860px;
    height: 165px;
    margin-top: -10px
}

.home-info__footer .xg-more #moreAccountList .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 99.9%;
    height: 100%;
    padding-top: 10px
}

.home-info__footer .xg-more__links {
    text-align: right;
    margin-bottom: 15px
}

.home-info__footer .xg-more__links #moreTabs {
    display: inline-block;
    margin-right: 30px
}

.home-info__footer .xg-more__links #moreTabs a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-right: 20px;
    opacity: .6
}

.home-info__footer .xg-more__links #moreTabs a.active {
    opacity: 1
}

.home-info__footer .xg-more__links a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-right: 20px
}

.home-info__footer .xg-more .xg-account {
    width: 280px
}

.home-info__footer .xg-more .xg-account:not(:last-child) {
    margin-right: 10px
}

.home .x-account {
    width: 295px;
    height: 150px;
    background-color: #fff;
    background-image: url(../images/item_bg.f0f6ae1d.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 4px;
    margin-bottom: 6px;
    overflow: hidden;
    -webkit-transition: height .2s ease-out;
    transition: height .2s ease-out
}

.home .x-account__wrap {
    float: left
}

.home .x-account__wrap:not(:nth-child(3n)) {
    margin-right: 6px
}

.home .x-account--active {
    height: 350px
}

.home .x-account__stage {
    padding: 13px 18px 0;
    margin-bottom: 15px
}

.home .x-account__stage a {
    font-size: 12px;
    color: #afacbf;
    float: right
}

.home .x-account__stage a i {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 14px;
    height: 13px;
    background-image: url(../images/star.efd59ac2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home .x-account__stage a i.active {
    background-image: url(../images/star_fill.7c08d4ab.png)
}

.home .x-account__tag {
    padding: 3px 7px;
    background-color: #8a40ff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8a40ff), to(#8a40ff)), -webkit-gradient(linear, left top, left bottom, from(#8a40ff), to(#8a40ff));
    background-image: linear-gradient(#8a40ff, #8a40ff), linear-gradient(#8a40ff, #8a40ff);
    background-blend-mode: normal, normal;
    border-radius: 11px;
    font-size: 12px;
    color: #fff
}

.home .x-account__title {
    padding: 0 20px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.home .x-account__title img {
    position: relative;
    top: 2px
}

.home .x-account__time {
    font-size: 12px;
    color: #a4a1b2;
    padding: 0 40px 15px;
    margin-bottom: 12px;
    position: relative
}

.home .x-account__time:after {
    content: "";
    width: 29px;
    position: absolute;
    bottom: 0;
    left: 40px;
    border-bottom: 1px dashed #e7e7e7
}

.home .x-account__price {
    padding: 0 40px;
    font-weight: 700;
    font-size: 18px;
    color: #fd4249;
    margin-bottom: 20px
}

.home .x-account__info .xg-cell {
    float: left;
    width: 50%;
    padding-top: 18px;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
    height: 68px
}

.home .x-account__info .xg-cell:first-child, .home .x-account__info .xg-cell:nth-child(2) {
    border-top: 1px solid #ebebeb
}

.home .x-account__info .xg-cell:nth-child(2n-1) {
    border-right: 1px solid #ebebeb
}

.home .x-account__info .xg-cell__value {
    font-size: 14px;
    color: #555266;
    margin-bottom: 7px
}

.home .x-account__info .xg-cell__label {
    font-size: 12px;
    color: #a8a8a8
}

.home .x-account__footer {
    padding-top: 20px
}

.home .x-account__footer a {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 13px;
    color: #afacbf
}

.home .x-account__footer a i {
    display: inline-block;
    position: relative;
    top: 2px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home .x-account__footer a:first-child {
    border-right: 1px solid #edeef5;
    color: #fd4249
}

.home .x-account__footer a:first-child i {
    width: 18px;
    height: 15px;
    background-image: url(../images/buy.05023c3f.png)
}

.home .x-account__footer a:first-child:hover {
    color: #c739e5
}

.home .x-account__footer a:first-child:hover i {
    background-image: url(../images/buy-fill.728c6b82.png)
}

.home .x-account__footer a:nth-child(2) i {
    width: 16px;
    height: 16px;
    background-image: url(../images/detail.40fa7a9c.png)
}

.home .x-account__footer a:nth-child(2):hover {
    color: #8a40ff
}

.home .x-account__footer a:nth-child(2):hover i {
    background-image: url(../images/detail-fill.3fd572a0.png)
}

.home-account {
    width: 100%;
    height: 1180px;
    background-image: url(../images/bg.10aa5f09.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 65px
}

.home-account .xg-account {
    width: 1200px;
    margin: 0 auto
}

.home-account .xg-account:not(:last-child) {
    margin-bottom: 40px
}

.home-account .xg-account__left {
    width: 294px;
    height: 506px;
    background-color: #fff;
    border-radius: 4px;
    float: left;
    margin-right: 9px
}

.home-account .xg-account__title {
    width: 100%;
    height: 140px;
    background-image: url(../images/0.6c51cfe2.png);
    position: relative
}

.home-account .xg-account__title img {
    position: absolute;
    right: 0;
    top: -100px
}

.home-account .xg-account__tabs {
    height: 364px
}

.home-account .xg-account__tab {
    display: block;
    width: 100%;
    height: 60px;
    padding: 24px 18px 24px 24px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.home-account .xg-account__tab:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.home-account .xg-account__tab--active {
    line-height: 1;
    position: relative
}

.home-account .xg-account__tab--active:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f2f2f2;
    border-style: solid;
    border-width: 9px 7px
}

.home-account .xg-account__tab--active .xg-account__tags {
    opacity: 1
}

.home-account .xg-account__tab--active .xg-account__name {
    font-size: 16px;
    color: #444;
    font-weight: 700
}

.home-account .xg-account__tab--active .xg-account__name i {
    float: right
}

.home-account .xg-account__tab--active.xg-account__tab {
    height: 124px;
    background-color: #f2f2f2
}

.home-account .xg-account__name {
    display: block;
    font-size: 15px;
    margin-bottom: 18px;
    color: #767676
}

.home-account .xg-account__name span {
    float: left;
    margin-right: 5px
}

.home-account .xg-account__name i {
    float: left;
    width: 18px;
    height: 18px;
    background-image: url(../images/arrow.0f4457ab.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-account .xg-account__tags {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    height: 40px;
    overflow: hidden
}

.home-account .xg-account__tags a {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #9f9f9f
}

.home-account .xg-account__right {
    float: left;
    width: 897px;
    height: 506px;
    overflow: hidden;
    position: relative
}

.home-account .xg-account__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-account .xg-account__box:not(:first-child) {
    display: none
}

.home-account .xg-account__ad {
    display: block;
    text-align: center;
    padding-top: 10px
}

.home-account .xg-account.other .xg-account__title {
    background-image: url(../images/1.d199af61.png)
}

.home-account .xg-account.other .x-account__tag {
    background-color: #ec5697;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ec5697), to(#ec5697)), -webkit-gradient(linear, left top, left bottom, from(#8a40ff), to(#8a40ff));
    background-image: linear-gradient(#ec5697, #ec5697), linear-gradient(#8a40ff, #8a40ff);
    background-blend-mode: normal, normal
}

.home-team {
    height: 676px;
    background-color: #f4f4f4;
    padding-top: 50px
}

.home-team__title {
    font-size: 26px;
    text-align: center;
    color: #2e2e2e;
    margin-bottom: 13px
}

.home-team__desc {
    text-align: center;
    font-size: 14px;
    color: #c7c7c7;
    margin-bottom: 24px
}

.home-team__intro {
    padding: 20px;
    width: 1200px;
    height: 360px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 0 rgba(81, 81, 81, .15);
    box-shadow: 0 1px 10px 0 rgba(81, 81, 81, .15);
    border-radius: 4px;
    margin: 0 auto 10px
}

.home-team__left {
    width: 870px;
    float: left
}

.home-team__left .xg-info {
    width: 290px;
    height: 160px;
    background-color: #f4f4f4;
    padding-top: 32px;
    padding-left: 32px;
    float: left;
    position: relative
}

.home-team__left .xg-info:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 11px;
    height: 11px;
    border-top: 2px solid #6100e5;
    border-left: 2px solid #6100e5
}

.home-team__left .xg-info__title {
    font-size: 18px;
    color: #3d3d3d;
    margin-bottom: 7px
}

.home-team__left .xg-info__en {
    font-size: 12px;
    color: #bcbcbc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative
}

.home-team__left .xg-info__en:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 34px;
    border-bottom: 1px dashed #d2d2d2
}

.home-team__left .xg-info__desc {
    font-size: 14px;
    color: #9f9f9f;
    margin-bottom: 13px
}

.home-team__left .xg-avatar {
    float: left;
    width: 145px;
    height: 160px;
    position: relative
}

.home-team__left .xg-avatar:hover .xg-avatar__hover {
    height: 100%
}

.home-team__left .xg-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-team__left .xg-avatar__hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    height: 0;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
    overflow: hidden
}

.home-team__left .xg-avatar__hover p:first-child {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 45px
}

.home-team__left .xg-avatar__hover p:nth-child(2) {
    width: 100px;
    font-size: 14px;
    padding: 0 8px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 26px;
    border-radius: 13px;
    z-index: 1;
    position: relative;
    border: 1px solid #fd5723;
    background: #fd5723;
    color: #fff;
    margin: 0 auto
}

.home-team__right {
    width: 290px;
    height: 320px;
    float: left;
    background-color: #f4f4f4
}

.home-team__right .xg-company {
    width: 50%;
    height: 106px;
    float: left;
    text-align: center;
    padding-top: 30px;
    font-size: 16px;
    color: #5b5b5b;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transition: color .2s;
    transition: color .2s;
	cursor: default;
}

.home-team__right .xg-company i {
    display: block;
    width: 18px;
    height: 22px;
    margin: 0 auto 17px;
    background-image: url(../images/icon.d7041eef.png)
}

.home-team__right .xg-company:hover {
    /* color: #a061f2 */
}

.home-team__right .xg-company:hover i {
    /* background-image: url(../images/icon-fill.18bb0288.png) */
}

.home-team__right .xg-company:last-child, .home-team__right .xg-company:nth-last-child(2) {
    border-bottom: none
}

.home-team__right .xg-company:nth-child(2n-1) {
    border-right: 1px solid #e2e2e2
}

.home-team__more {
    margin: 0 auto;
    width: 1200px;
    height: 130px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 0 rgba(81, 81, 81, .15);
    box-shadow: 0 1px 10px 0 rgba(81, 81, 81, .15);
    border-radius: 4px
}

.home-team__more .xg-count {
    width: 20%;
    height: 100%;
    padding-top: 30px;
    padding-left: 30px;
    float: left
}

.home-team__more .xg-count:not(:last-child) {
    border-right: 1px solid #ebebeb
}

.home-team__more .xg-count.plus span:after {
    content: "";
    width: 14px;
    height: 4px;
    background-color: rgba(85, 85, 85, .4);
    position: absolute;
    top: 5px;
    right: -15px
}

.home-team__more .xg-count.plus span:before {
    content: "";
    height: 14px;
    width: 4px;
    background-color: rgba(85, 85, 85, .4);
    position: absolute;
    top: 0;
    right: -10px
}

.home-team__more .xg-count span {
    background-color: rgba(0, 0, 0, 0);
    font-size: 48px;
    color: #4b4949;
    position: relative
}

.home-team__more .xg-count i {
    position: relative;
    top: -5px;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background-color: #6100e5;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    font-style: normal
}

.home-team__more .xg-count p {
    margin-top: 5px;
    font-size: 14px;
    color: #adadad
}

.home-activity {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    height: 662px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    text-align: center;
    padding-top: 40px;
    background: #fff;
    margin: 20px auto;
}

.home-activity__title {
    display: inline-block;
    font-size: 26px;
    color: #272727;
    margin-bottom: 13px;
    position: relative
}

.home-activity__title:after, .home-activity__title:before {
    content: "";
    width: 34px;
    height: 9px;
    position: absolute;
    top: 50%
}

.home-activity__title:before {
    left: -8px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    background-image: url(../images/left.a0e53163.png)
}

.home-activity__title:after {
    right: -8px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    background-image: url(../images/right.a1f2b53a.png)
}

.home-activity__desc {
    font-size: 14px;
    color: #b4b4b4;
    padding-bottom: 12px;
    margin-bottom: 20px;
    position: relative
}

.home-activity__desc:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 28px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-bottom: 1px dashed #e5e5e5
}

.home-activity__content {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.home-activity__main {
    width: 100%;
    height: 493px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    float: left;
    margin-right: 17px
}

.home-activity .xg-tabs {
    height: 70px;
    line-height: 70px;
    background-color: #eef0f2;
    position: relative;
    z-index: 100
}

.home-activity .xg-tabs:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 1px dotted #c3c3c3
}

.home-activity .xg-tabs__item {
    float: left;
    color: #3a3a3a;
    font-weight: 700;
    padding: 0 18px;
    position: relative;
    border-right: 1px dotted rgba(0, 0, 0, 0);
    border-left: 1px dotted rgba(0, 0, 0, 0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-activity .xg-tabs__item.active {
    border-right-color: #c3c3c3
}

.home-activity .xg-tabs__item.active:not(:first-child) {
    border-left-color: #c3c3c3
}

.home-activity .xg-tabs__item.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #eef0f2;
    z-index: 10
}

.home-activity .xg-tabs__item.active span {
    color: #165fcb
}

.home-activity .xg-tabs__item i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../images/arrow.0f4457ab.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-activity .xg-tabs .x-more {
    float: right;
    margin-right: 25px;
    font-size: 12px;
    color: #787878
}

.home-activity__wrap {
    width: 100%;
    height: 394px;
    overflow: hidden;
    position: relative
}

.home-activity .xg-container {
    width: 100%;
    height: 394px;
    position: absolute;
    top: 0;
    left: 0
}

.home-activity .xg-container:not(:first-child) {
    display: none
}

.home-activity .xg-container__item {
    text-align: left;
    float: left;
    width: 50%;
    padding: 15px 15px 0 35px;
    color: #909090;
    font-size: 14px;
    position: relative
}

.home-activity .xg-container__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left-color: #5d6679
}

.home-activity .xg-container__item span {
    display: inline-block;
    width: 284px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-activity .xg-container__item:hover {
    color: #545454
}

.home-activity .xg-container__item:hover time {
    color: #545454
}

.home-activity .xg-container__item div {
    width: 100%;
    border-bottom: 1px dashed #eee;
    padding-bottom: 15px
}

.home-activity .xg-container__item time {
    float: right;
    color: #b1b1b1;
    font-size: 12px;
    padding-top: 3px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-activity .xg-container .xg-special {
    float: left;
    width: 50%;
    height: 150px;
    background-color: #eef0f2;
    text-align: left;
    padding: 23px 18px 0
}

.home-activity .xg-container .xg-special__img {
    width: 156px;
    float: left;
    margin-right: 12px
}
.home-activity .xg-container .xg-special__img img{
    width: 156px;
    height: 104px;
}
.home-activity .xg-container .xg-special__info {
    width: 370px;
    float: left
}

.home-activity .xg-container .xg-special__title {
    font-size: 16px;
    color: #5f5f5f;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-activity .xg-container .xg-special__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16px;
    border-bottom: 1px dashed #ddd
}

.home-activity .xg-container .xg-special time {
    display: block;
    font-size: 12px;
    color: #d2d2d2;
    margin-bottom: 13px
}

.home-activity .xg-container .xg-special__content {
    font-size: 13px;
    color: #adadad;
    padding-bottom: 15px;
    position: relative
}

.home-activity .xg-container .xg-special__content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 5px;
    background-image: url(../images/arrow.d441222c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-activity .xg-question {
    width: 334px;
    height: 493px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    float: left
}

.home-activity .xg-question__title {
    padding: 26px 16px 26px 45px;
    border-bottom: 1px dotted hsla(0, 0%, 84.7%, .88);
    font-size: 15px;
    font-weight: 700;
    color: #515151;
    text-align: left;
    position: relative
}

.home-activity .xg-question__title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    background-image: url(../images/question.13774eb4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 19px;
    height: 19px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-activity .xg-question__title a {
    float: right;
    font-size: 12px;
    color: #787878
}

.home-activity .xg-question__first {
    padding: 26px 26px 22px 45px;
    text-align: left;
    border-bottom: 1px dotted hsla(0, 0%, 84.7%, .88);
    position: relative;
    display: block
}

.home-activity .xg-question__first:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 13px;
    width: 25px;
    height: 24px;
    background-image: url(../images/01.79e2084a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-activity .xg-question__first p:first-child {
    font-size: 15px;
    color: #5d5d5d;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.home-activity .xg-question__first p:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 1px;
    background-color: rgba(217, 222, 231, .88)
}

.home-activity .xg-question__first p:nth-child(2) {
    font-size: 13px;
    color: #adadad;
    line-height: 24px;
    position: relative;
    padding-bottom: 15px
}

.home-activity .xg-question__first p:nth-child(2):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 5px;
    background-image: url(../images/arrow.d441222c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-activity .xg-question__item {
    text-align: left;
    padding: 16px 30px 16px 47px;
    font-size: 14px;
    color: #909090;
    position: relative;
    display: block
}

.home-activity .xg-question__item:hover {
    color: #666
}

.home-activity .xg-question__item:not(:last-child) {
    border-bottom: 1px dashed #f2f2f2
}

.home-activity .xg-question__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 23px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-activity .xg-question__item:first-child:before {
    background-image: url(../images/02.a7ea1885.png)
}

.home-activity .xg-question__item:nth-child(2):before {
    background-image: url(../images/03.ee9fb303.png)
}

.home-activity .xg-question__item:nth-child(3):before {
    background-image: url(../images/04.dc9291e0.png)
}

.home-activity .xg-question__item:nth-child(4):before {
    background-image: url(../images/05.a46e765a.png)
}

.home-activity .xg-question__item:nth-child(5):before {
    background-image: url(../images/05.a46e765a5.png)
}

.home-about {
    width: 100%;
    height: 590px;
    background-color: #f8f8f8;
    background-image: url(../images/bg.1d331afd.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.home-about__wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 45px
}

.home-about__title {
    font-size: 24px;
    font-weight: 700;
    color: #2e2e2e;
    margin-bottom: 30px
}

.home-about__title span {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #b4b4b4
}

.home-about__content {
    position: relative
}

.home-about__service {
    display: block;
    min-width: 108px;
    height: 30px;
    background-color: #7621ff;
    background-image: linear-gradient(27deg, #7621ff, #8c44ff);
    position: absolute;
    top: 27px;
    right: 27px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    z-index: 10
}

.home-about__tabs {
    width: 348px;
    float: left;
    margin-right: 7px
}

.home-about__container {
    float: left;
    position: relative;
    width: 845px;
    height: 440px
}

.home-about__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/showcase_bg.682453fa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-about .xg-tab {
    width: 170px;
    height: 142px;
    padding-top: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(83, 100, 115, .17);
    box-shadow: 0 1px 7px 0 rgba(83, 100, 115, .17);
    float: left;
    text-align: center;
    -webkit-transition: background-color .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, box-shadow .3s ease;
    transition: background-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease;
    margin-bottom: 7px
}

.home-about .xg-tab:nth-child(2n-1) {
    margin-right: 7px
}

.home-about .xg-tab:first-child .xg-tab__icon {
    background-image: url(../images/0.8f265542.png)
}

.home-about .xg-tab:first-child.active .xg-tab__icon, .home-about .xg-tab:first-child:hover .xg-tab__icon {
    background-image: url(../images/0-fill.12776702.png)
}

.home-about .xg-tab:nth-child(2) .xg-tab__icon {
    background-image: url(../images/1.4dbf824d.png)
}

.home-about .xg-tab:nth-child(2).active .xg-tab__icon, .home-about .xg-tab:nth-child(2):hover .xg-tab__icon {
    background-image: url(../images/1-fill.1dfc7e5e.png)
}

.home-about .xg-tab:nth-child(3) .xg-tab__icon {
    background-image: url(../images/2.a2576599.png)
}

.home-about .xg-tab:nth-child(3).active .xg-tab__icon, .home-about .xg-tab:nth-child(3):hover .xg-tab__icon {
    background-image: url(../images/2-fill.7805153a.png)
}

.home-about .xg-tab:nth-child(4) .xg-tab__icon {
    background-image: url(../images/3.c52c4056.png)
}

.home-about .xg-tab:nth-child(4).active .xg-tab__icon, .home-about .xg-tab:nth-child(4):hover .xg-tab__icon {
    background-image: url(../images/3-fill.ee184d77.png)
}

.home-about .xg-tab:nth-child(5) .xg-tab__icon {
    background-image: url(../images/4.7ce257c8.png)
}

.home-about .xg-tab:nth-child(5).active .xg-tab__icon, .home-about .xg-tab:nth-child(5):hover .xg-tab__icon {
    background-image: url(../images/4-fill.3ac272c3.png)
}

.home-about .xg-tab:nth-child(6) .xg-tab__icon {
    background-image: url(../images/5.7f769d5a.png)
}

.home-about .xg-tab:nth-child(6).active .xg-tab__icon, .home-about .xg-tab:nth-child(6):hover .xg-tab__icon {
    background-image: url(../images/5-fill.0c50050d.png)
}

.home-about .xg-tab__icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.home-about .xg-tab__line {
    width: 31px;
    border: 1px dashed #848484;
    margin: 10px auto
}

.home-about .xg-tab__arrow {
    width: 16px;
    height: 16px
}

.home-about .xg-tab__title {
    font-size: 15px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 5px
}

.home-about .xg-tab.active, .home-about .xg-tab:hover {
    background-color: #7621ff;
    background-image: linear-gradient(27deg, #7621ff, #8c44ff), linear-gradient(#3573ec, #3573ec);
    -webkit-box-shadow: none;
    box-shadow: none
}

.home-about .xg-tab.active .xg-tab__title, .home-about .xg-tab:hover .xg-tab__title {
    color: #fff
}

.home-about .xg-tab.active .xg-tab__line, .home-about .xg-tab:hover .xg-tab__line {
    border-color: hsla(0, 0%, 100%, .8)
}

.home-about .xg-image {
    width: 250px;
    height: 215px;
    float: left;
    position: relative
}

.home-about .xg-image:not(:last-child) {
    margin-right: 5px
}

.home-about .xg-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.home-about .xg-image__title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, .7)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .7))
}

.home-about .xg-swiper {
    position: relative
}

.home-about .xg-swiper__next, .home-about .xg-swiper__prev {
    width: 48px;
    height: 48px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(83, 100, 115, .17);
    box-shadow: 0 1px 7px 0 rgba(83, 100, 115, .17);
    position: absolute;
    top: 50%;
    z-index: 50;
    border-radius: 50%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-about .xg-swiper__next:hover, .home-about .xg-swiper__prev:hover {
    background-color: #c739e5
}

.home-about .xg-swiper__next i, .home-about .xg-swiper__prev i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-about .xg-swiper__next i, .home-about .xg-swiper__prev, .home-about .xg-swiper__prev i {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-about .xg-swiper__prev {
    left: 0
}

.home-about .xg-swiper__prev i {
    background-image: url(../images/left.94d45026.png)
}

.home-about .xg-swiper__prev:hover i {
    background-image: url(../images/left-fill.b65a71aa.png)
}

.home-about .xg-swiper__next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.home-about .xg-swiper__next i {
    background-image: url(../images/right.d9a5852a.png)
}

.home-about .xg-swiper__next:hover i {
    background-image: url(../images/right-fill.91dfb266.png)
}

.home-about .xg-showcase {
    padding: 30px 32px
}

.home-about .xg-showcase__title {
    font-weight: 700;
    font-size: 20px;
    color: #3d3d3d;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.home-about .xg-showcase__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 17px;
    height: 1px;
    background-color: #e1e1e1
}

.home-about .xg-showcase__intro {
    font-weight: 700;
    font-size: 14px;
    color: #565656;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 15px
}

.home-about .xg-showcase__intro:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 39px;
    height: 1px;
    background-color: #e1e1e1
}

.home-about .xg-showcase__desc {
    font-size: 14px;
    color: #b0b0b0;
    line-height: 24px;
    margin-bottom: 25px
}

.home-about .xg-showcase #yzShowcase {
    height: 220px
}

.home-about .xg-showcase #yzShowcase .swiper-container {
    width: 99.9%
}

.home-about .xg-showcase .xg-image {
    float: none;
    display: inline-block
}

.home-about .xg-office {
    padding-top: 30px;
    padding-left: 30px
}

.home-about .xg-office__title {
    font-size: 20px;
    font-weight: 700;
    color: #3d3d3d;
    margin-bottom: 22px
}

.home-about .xg-office__desc {
    font-size: 14px;
    color: #b0b0b0;
    margin-bottom: 25px;
    line-height: 24px;
    padding-right: 80px
}

.home-about .xg-office .xg-image {
    width: 251px;
    height: 131px;
    margin-bottom: 5px
}

.home-about .xg-teamwork {
    padding: 35px
}

.home-about .xg-teamwork #yzTeamwork {
    width: 100%;
    height: 370px
}

.home-about .xg-teamwork #yzTeamwork .swiper-container {
    width: 100%;
    height: 100%
}

.home-about .xg-teamwork .swiper-slide {
    position: relative;
    text-align: center
}

.home-about .xg-teamwork .swiper-slide__title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, .7)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .7))
}

.home-about .xg-teamwork .swiper-slide__desc {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding-left: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .9)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .9))
}

.home-about .xg-teamwork .swiper-slide__desc p:first-child {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.home-about .xg-act {
    padding: 0 35px
}

.home-about .xg-act .xg-container {
    width: 100%
}

.home-about .xg-act .xg-container__item {
    text-align: left;
    float: left;
    width: 50%;
    padding: 22px 15px 22px 10px;
    color: #909090;
    font-size: 14px;
    position: relative;
    border-bottom: 1px dotted #dfdfdf
}

.home-about .xg-act .xg-container__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left-color: #5d6679
}

.home-about .xg-act .xg-container__item span {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-about .xg-act .xg-container__item:hover {
    color: #545454
}

.home-about .xg-act .xg-container__item:hover time {
    color: #545454
}

.home-about .xg-act .xg-container__item div {
    width: 100%;
    border-bottom: 1px dashed #eee;
    padding-bottom: 15px
}

.home-about .xg-act .xg-container__item time {
    float: right;
    color: #b1b1b1;
    font-size: 14px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-about .xg-act .xg-container .xg-special {
    float: left;
    width: 50%;
    height: 150px;
    text-align: left;
    padding: 23px 18px 0;
    border-bottom: 1px dotted #dfdfdf
}

.home-about .xg-act .xg-container .xg-special__img {
    width: 110px;
    height: 110px;
    float: left;
    margin-right: 12px
}

.home-about .xg-act .xg-container .xg-special__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.home-about .xg-act .xg-container .xg-special__info {
    width: 204px;
    float: left
}

.home-about .xg-act .xg-container .xg-special__title {
    font-size: 16px;
    color: #5f5f5f;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-about .xg-act .xg-container .xg-special__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16px;
    border-bottom: 1px dashed #ddd
}

.home-about .xg-act .xg-container .xg-special time {
    display: block;
    font-size: 12px;
    color: #d2d2d2;
    margin-bottom: 13px
}

.home-about .xg-act .xg-container .xg-special__content {
    font-size: 13px;
    color: #adadad;
    padding-bottom: 15px;
    position: relative
}

.home-about .xg-act .xg-container .xg-special__content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 5px;
    background-image: url(../images/arrow.d441222c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-about .xg-video {
    padding-top: 40px;
    text-align: center;
    position: relative
}

.home-about .xg-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-about .xg-video video {
    width: 100%;
    height: 100%
}

.home-about .xg-list {
    padding: 35px
}

.home-about .xg-list .xg-box {
    width: 228px;
    border-bottom: 1px dotted #ddd;
    float: left;
    margin-bottom: 30px;
    margin-right: 30px
}

.home-about .xg-list .xg-box__title {
    font-size: 16px;
    font-weight: 700;
    color: #4d4d4d;
    margin-bottom: 20px;
    display: block
}

.home-about .xg-list .xg-box__title img {
    position: relative;
    top: 3px
}

.home-about .xg-list .xg-box__item {
    margin-bottom: 24px;
    display: block
}

.home-about .xg-list .xg-box__item img {
    float: left;
    margin-right: 10px
}

.home-about .xg-list .xg-box__info {
    float: left
}

.home-about .xg-list .xg-box__info p:first-child {
    font-size: 14px;
    color: #5c5c5c;
    font-weight: 700;
    margin-bottom: 8px
}

.home-about .xg-list .xg-box__info p:nth-child(2) {
    font-size: 12px;
    color: #adadad;
    font-weight: 700
}

.home .x-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 2000;
    display: none
}

.home .x-dialog__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home .x-dialog__close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    background-image: url(../images/video_close.8694685f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 100
}

/*活动氛围浮窗*/

.Pendant_box_tk {
    width: 169px;
    height: 111px;
    position: fixed;
    left: 8px;
    bottom: 210px;
    z-index: 9999;
    -webkit-animation: all 0.3s linear;
    transition: all 0.3s linear;
}
.Pendant_box_tk .jq_activity {
    display: block;
    width: 169px;
    height: 111px;
    background: url("../images/bg1.png") no-repeat;
    position: relative;
}
.Pendant_box_tk .jq_activity_close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 999;
    cursor: pointer;
    background: url("../images/close.png") no-repeat;
}
.jq_activity_text1 {
    width: 101px;
    height: 54px;
    background: url("../images/text1.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 18px;
    left: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: center center;
    transition: all 1s linear;
    transform: translateY(-5px);
}
.jq_activity_text2 {
    width: 101px;
    height: 54px;
    background: url("../images/text2.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 18px;
    left: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: center center;
    transition: all 1s linear;
    transform: translateY(-5px);
}
.jq_activity_text1.active,
.jq_activity_text2.active {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
}
.jq_activity_left {
    width: 56px;
    height: 55px;
    background: url("../images/bg-left.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 34px;
    right: -10px;
    animation: float 2s linear infinite;
}
.jq_activity_right {
    width: 53px;
    height: 55px;
    background: url("../images/bg-right.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 30px;
    left: -10px;
    animation: float 2s linear infinite;
}
.jq_activity_top {
    width: 30px;
    height: 25px;
    background: url("../images/bg-top.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -11px;
    left: 2px;
    animation: float 2s linear infinite;
}
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
}