.banner[data-v-99c0aace] {
  width: 100%;
  height: 400px;
}
.banner i[data-v-99c0aace] {
    display: block;
    width: 100%;
    height: 400px;
    background-size: cover;
}
.banner[data-v-99c0aace] .el-carousel__arrow {
    font-size: 16px;
}

.software[data-v-26017654] {
  width: 100%;
  background: #ffffff;
  padding: 100px 0;
}
.software .software_card[data-v-26017654] {
    width: 1200px;
    margin: 0 auto;
}
.software .software_card > h2[data-v-26017654] {
      font-size: 48px;
      line-height: 48px;
      font-weight: bold;
      color: #333333;
      margin-bottom: 20px;
      text-align: center;
}
.software .software_card > p[data-v-26017654] {
      font-weight: 400;
      font-size: 16px;
      color: #999999;
      text-align: center;
}
.software .software_card[data-v-26017654] .el-carousel {
      position: relative;
      margin-top: 60px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container {
        position: relative;
        height: 712px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .el-carousel__arrow {
          top: auto;
          bottom: 0;
          font-size: 17px;
          background: #f5f7f9;
          color: #cccccc;
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .el-carousel__arrow.el-carousel__arrow--left {
            left: 50%;
            margin-left: -48px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .el-carousel__arrow.el-carousel__arrow--right {
            right: 50%;
            margin-right: -48px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .el-carousel__arrow:hover {
            background: #e2e2e5;
            color: #666666;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .el-carousel__arrow i {
            font-weight: bold;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel {
          height: 640px;
          position: relative;
          overflow: hidden;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel * {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item {
            width: 376px;
            height: 300px;
            background: #fff;
            position: absolute;
            border-radius: 24px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(1) {
              top: 0;
              left: 0;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(2) {
              top: 0;
              left: 412px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(3) {
              top: 0;
              left: 824px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(4) {
              top: 336px;
              left: 0;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(5) {
              top: 336px;
              left: 412px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(6) {
              top: 336px;
              left: 824px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item::before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: calc(100% - 2px);
              height: calc(100% - 2px);
              border-radius: 24px;
              border: 1px solid #ddd;
              -webkit-transition: all 0.2s ease-in;
              transition: all 0.2s ease-in;
              z-index: 1;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:nth-child(n + 4) {
              margin-top: auto;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner {
              width: 376px;
              height: 300px;
              padding: 30px 40px 0;
              border-radius: 24px;
              -webkit-transition: all 0.2s ease-in;
              transition: all 0.2s ease-in;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              position: absolute;
              z-index: 3;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner em {
                width: 80px;
                height: 80px;
                background: #f5f7f9;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner h3 {
                font-weight: bold;
                font-size: 20px;
                color: #333333;
                margin-top: 24px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner .software_carousel-item-inner-desc {
                font-weight: 400;
                font-size: 14px;
                color: #666666;
                line-height: 24px;
                margin-top: 12px;
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner .software_carousel-item-inner-desc.long {
                  height: 0;
                  overflow: hidden;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner .software_carousel-item-inner-banner {
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                position: absolute;
                z-index: 1;
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                bottom: 75px;
                opacity: 0;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner a {
                font-weight: 400;
                font-size: 15px;
                color: #999999;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                position: absolute;
                z-index: 6;
                bottom: 30px;
                left: 40px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner a i {
                  margin-left: 8px;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item .software_carousel-item-inner a:hover {
                  -webkit-transition: all 0.1s ease-in;
                  transition: all 0.1s ease-in;
                  color: #f2973b;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover {
              z-index: 6;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover::before {
                border: 0 solid #ddd;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner {
                height: 636px;
                background: #f5f7f9;
                z-index: 4;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner::before {
                  content: "";
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: calc(100% - 2px);
                  height: calc(100% - 2px);
                  border-radius: 24px;
                  border: 1px solid #f5f7f9;
                  z-index: 5;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner em {
                  background: #ffffff;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner .software_carousel-item-inner-desc.short {
                  display: none;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner .software_carousel-item-inner-desc.long {
                  height: auto;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner .software_carousel-item-inner-banner {
                  opacity: 1;
}
.software .software_card[data-v-26017654] .el-carousel .el-carousel__container .software_carousel .software_carousel-item:hover .software_carousel-item-inner.end-line {
                  -webkit-transition: -webkit-transform 0.2s ease-in;
                  transition: -webkit-transform 0.2s ease-in;
                  transition: transform 0.2s ease-in;
                  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
                  -webkit-transform: translateY(-336px);
                          transform: translateY(-336px);
}

.enjoy[data-v-87868ba4] {
  background: #fff9f2;
}
.enjoy .enjoy_card[data-v-87868ba4] {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
}
.enjoy .enjoy_card > h2[data-v-87868ba4] {
      font-size: 48px;
      line-height: 48px;
      font-weight: bold;
      color: #333333;
      margin-bottom: 20px;
}
.enjoy .enjoy_card > p[data-v-87868ba4] {
      font-weight: 400;
      font-size: 16px;
      color: #999999;
      margin-bottom: 20px;
}
.enjoy .enjoy_card a[data-v-87868ba4] {
      font-size: 15px;
      color: #f2973b;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 40px;
}
.enjoy .enjoy_card a img[data-v-87868ba4] {
        margin-left: 4px;
}
.enjoy .enjoy_card ul[data-v-87868ba4] {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.enjoy .enjoy_card ul li[data-v-87868ba4] {
        width: 260px;
        height: 260px;
        background: linear-gradient(208deg, #53473e 0%, #312121 100%);
        border-radius: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.enjoy .enjoy_card ul li p[data-v-87868ba4] {
          font-weight: bold;
          font-size: 24px;
          color: #ffdb96;
          margin-top: 24px;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: white;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19F;
          box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px;
}
.flickity-prev-next-button.next { right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.vip-user-feedback[data-v-6abd5e10] {
  width: 100%;
  background: #ffffff;
  position: relative;
  padding: 100px 0 133px;
}
.vip-user-feedback[data-v-6abd5e10] .flickity-page-dots {
    bottom: -20px;
}
.vip-user-feedback[data-v-6abd5e10] .flickity-page-dots .dot.is-selected {
      background: #ffbf65;
}
.vip-user-feedback .vip-user-feedback__content[data-v-6abd5e10] {
    max-width: 1660px;
    min-width: 1200px;
    margin: 0 auto;
}
.vip-user-feedback .vip-user-feedback__content h3[data-v-6abd5e10] {
      text-align: center;
      font-size: 32px;
      font-weight: bold;
      color: #333333;
      margin-bottom: 20px;
}
.vip-user-feedback .vip-user-feedback__content .linear__left[data-v-6abd5e10] {
      position: absolute;
      left: 0;
      top: 0;
      background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(69%, rgba(255, 255, 255, 0.9412)), to(#ffffff));
      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9412) 69%, #ffffff 100%);
      width: 320px;
      height: 100%;
      z-index: 8;
}
.vip-user-feedback .vip-user-feedback__content .linear__right[data-v-6abd5e10] {
      position: absolute;
      right: 0;
      top: 0;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(69%, rgba(255, 255, 255, 0.9412)), to(#ffffff));
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9412) 69%, #ffffff 100%);
      width: 320px;
      height: 100%;
      z-index: 8;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card[data-v-6abd5e10] {
      background: #ffffff;
      height: 220px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell[data-v-6abd5e10] {
        width: 540px;
        height: 180px;
        margin: 0 10px;
        border-radius: 16px;
        -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.0588);
                box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.0588);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell .vip-user-feedback__left[data-v-6abd5e10] {
          margin: 0 46px 0 48px;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell .vip-user-feedback__left .vip-user-feedback__head[data-v-6abd5e10] {
            margin: 34px 0 13px;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell .vip-user-feedback__left span[data-v-6abd5e10] {
            font-weight: bold;
            color: #333333;
            font-size: 14px;
            display: block;
            text-align: center;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell .vip-user-feedback__left i[data-v-6abd5e10] {
            font-weight: 400;
            color: #999999;
            font-size: 12px;
            margin-top: 12px;
            display: block;
            text-align: center;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell .vip-user-feedback__left .vip-user-feedback__symbol[data-v-6abd5e10] {
            position: absolute;
            top: 16px;
            right: 16px;
}
.vip-user-feedback .vip-user-feedback__content .carousel-cell-card .carousel-cell p[data-v-6abd5e10] {
          font-size: 14px;
          font-weight: 400;
          color: #666666;
          line-height: 25px;
          word-wrap: break-word;
          word-break: break-all;
          white-space: normal;
          display: inline-block;
          vertical-align: middle;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 309px;
          right: 80px;
          text-align: left;
}

.tutorial[data-v-b62ce6ea] {
  width: 100%;
  background: #f5f7f9;
}
.tutorial .tutorial__content[data-v-b62ce6ea] {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
}
.tutorial .tutorial__content h3[data-v-b62ce6ea] {
      font-size: 32px;
      font-weight: bold;
      color: #333333;
      text-align: center;
      margin-bottom: 18px;
}
.tutorial .tutorial__content em[data-v-b62ce6ea] {
      font-size: 16px;
      font-weight: 400;
      color: #999999;
      display: block;
      text-align: center;
      margin-bottom: 40px;
}
.tutorial .tutorial__content .item[data-v-b62ce6ea] {
      width: 580px;
      height: 160px;
      -webkit-box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.0588);
              box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.0588);
      background: rgba(255, 255, 255, 0.8);
      border-radius: 16px;
      margin-bottom: 20px;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
}
.tutorial .tutorial__content .item > img[data-v-b62ce6ea] {
        width: 120px;
        height: 120px;
        border-radius: 16px;
        margin-right: 18px;
}
.tutorial .tutorial__content .item h4[data-v-b62ce6ea] {
        font-size: 16px;
        color: #424242;
        line-height: 20px;
}
.tutorial .tutorial__content .item h4 span[data-v-b62ce6ea] {
          display: block;
          font-weight: bold;
          max-width: 400px;
}
.tutorial .tutorial__content .item .int[data-v-b62ce6ea] {
        width: 400px;
        height: 40px;
        font-size: 12px;
        color: #999999;
        line-height: 20px;
        margin: 16px 0 24px;
}
.tutorial .tutorial__content .item ul:last-child li[data-v-b62ce6ea] {
        margin-left: 16px;
}
.tutorial .tutorial__content .item ul:first-child li[data-v-b62ce6ea] {
        margin-right: 16px;
}
.tutorial .tutorial__content .item ul li[data-v-b62ce6ea] {
        font-size: 12px;
        color: #999999;
        line-height: 1.4;
}
.tutorial .tutorial__content .item ul li span[data-v-b62ce6ea] {
          margin-left: 4px;
}
.tutorial .tutorial__content .item ul li span.line1[data-v-b62ce6ea] {
            max-width: 80px;
}
.tutorial .tutorial__content .item ul li .time[data-v-b62ce6ea] {
          width: 67px;
}
.tutorial .tutorial__content .item[data-v-b62ce6ea]:hover {
        -webkit-box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
}
.tutorial .tutorial-more[data-v-b62ce6ea] {
    font-size: 16px;
    font-weight: 400;
    color: #f2973b;
    margin: 20px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
}
.tutorial .tutorial-more img[data-v-b62ce6ea] {
      width: 7px;
      height: 12px;
      margin: 2px 0 0 5px;
}

.index[data-v-498142aa] {
  background: #fff;
  height: 100%;
}
.index .index-goTop[data-v-498142aa] {
    position: fixed;
    bottom: 100px;
    right: 60px;
    z-index: 8;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    background: #dddddd;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.index .index-goTop i[data-v-498142aa] {
      font-size: 22px;
      font-weight: 900;
}
.index .index-goTop[data-v-498142aa]:hover {
      background: #999;
      color: #fff;
}

.didiConfirmDialog .el-message-box__message,
.didiConfirmDialog .el-message-box__btns {
  text-align: center;
}
.didiConfirmDialog .el-button {
  width: 120px;
  height: 40px;
  color: #333333 !important;
  background: -webkit-gradient(linear, left top, right top, from(#ffde9b), to(#ffbf65)) !important;
  background: linear-gradient(90deg, #ffde9b 0%, #ffbf65 100%) !important;
  border-radius: 20px;
  text-align: center;
  font-size: 14px;
  border: none;
}
.didiConfirmDialog .el-button:hover {
    color: #333333 !important;
    background: -webkit-gradient(linear, left top, right top, from(#ffe4ae), to(#ffcd85)) !important;
    background: linear-gradient(90deg, #ffe4ae 0%, #ffcd85 100%) !important;
}

