@media screen and (max-width:640px) {
      .mobile-padding {
        padding-right: 48px !important;
        padding-left: 48px !important
      }
    }

    @media screen and (min-width:641px) {
      .only-mobile {
        display: none !important
      }
    }

    :focus {
      outline: none
    }

    dl,
    dt,
    li,
    ol,
    p,
    ul {
      list-style: none;
      margin: 0;
      padding: 0
    }

    @media screen and (max-width:640px) {
      .only-desktop {
        display: none !important
      }
    }

    @media screen and (max-width:640px) {
      .m-text-center {
        text-align: center
      }
    }

    input:focus {
      outline: none
    }

    .ant-input:hover {
      border-color: none
    }

    @media screen and (max-width:640px) {
      .zen-textarea>textarea.ant-input::-webkit-input-placeholder {
        font-size: 20px !important;
        color: #616e82 !important
      }

      .zen-textarea>textarea.ant-input:-ms-input-placeholder {
        font-size: 20px !important;
        color: #616e82 !important
      }

      .zen-textarea>textarea.ant-input::-ms-input-placeholder {
        font-size: 20px !important;
        color: #616e82 !important
      }

      .zen-textarea>textarea.ant-input::placeholder {
        font-size: 20px !important;
        color: #616e82 !important
      }

      .ant-modal {
        width: 544px !important
      }

      .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector,
      .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
      .button-l {
        height: 64px !important
      }

      .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
      .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
        line-height: 64px !important;
        font-size: 20px !important
      }

      .zen-input {
        height: 64px !important
      }

      .zen-input-label {
        font-size: 20px !important
      }

      .zen-input-label__shrink {
        font-size: 14px !important
      }

      .zen-input-content {
        bottom: 10px !important
      }

      .font-20 {
        font-size: 24px !important;
        line-height: 36px !important
      }
    }

    body {
      overflow-x: hidden;
      font-family: Open Sans, Helvetica, Microsoft YaHei !important;
      color: #616e82 !important;
      min-width: 0 !important;
      font-weight: 300 !important
    }

    @media screen and (min-width:641px) {
      body {
        min-width: 1240px !important
      }
    }

    a,
    ol,
    ul {
      color: inherit;
      text-decoration: none
    }

    p {
      margin-bottom: 0 !important
    }

    .semi-bold {
      font-weight: 600
    }

    .t-color {
      color: #081e5e
    }

    .text-center {
      text-align: center
    }

    .mt-48 {
      margin-top: 48px
    }

    .mt-104 {
      margin-top: 104px
    }

    .mt-64 {
      margin-top: 64px
    }

    .pt-64 {
      padding-top: 64px
    }

    .mt-36 {
      margin-top: 36px
    }

    .mt-32 {
      margin-top: 32px
    }

    .mt-40 {
      margin-top: 40px
    }

    .mt-56 {
      margin-top: 56px
    }

    .mb-32 {
      margin-bottom: 32px
    }

    .mt-8 {
      margin-top: 8px
    }

    .mt-24 {
      margin-top: 24px
    }

    .mt-16 {
      margin-top: 16px
    }

    .font-16 {
      font-size: 16px;
      line-height: 22px
    }

    .font-14 {
      font-size: 14px;
      line-height: 18px
    }

    .font-20 {
      font-size: 20px;
      line-height: 28px
    }

    .font-12 {
      font-size: 12px;
      line-height: 16px
    }

    .font-24 {
      font-size: 24px;
      line-height: 28px
    }

    .font-28 {
      font-size: 28px;
      line-height: 36px
    }

    .font-36 {
      font-size: 36px;
      line-height: 48px
    }

    .font-56 {
      font-size: 56px;
      line-height: 46px
    }

    .vtop {
      vertical-align: top
    }

    .dib {
      display: inline-block
    }

    .clearfix:after {
      content: "020";
      display: block;
      height: 0;
      visibility: hidden
    }

    .clearfix {
      zoom: 1
    }

    .page-middle {
      margin-left: auto;
      margin-right: auto;
      max-width: 1440px
    }

    h2 {
      font-size: 36px;
      font-weight: 700;
      line-height: 46px;
      color: #081e5e !important
    }

    .block-middle {
      margin-left: auto;
      margin-right: auto
    }

    .button-l {
      padding: 0 32px
    }

    .button-primary.white {
      color: #24b7ff;
      background: #fff
    }

    input {
      color: #616e82
    }

    .ant-modal-body {
      padding: 64px 108px !important
    }

    @media (max-width:640px) {
      .ant-modal-body {
        padding: 88px 32px !important
      }
    }

    .zen-modal-title {
      font-size: 36px;
      text-align: center
    }

    .full-bg {
      background-repeat: no-repeat;
      background-position: 50%
    }

    .cookie-banner {
      align-items: center !important;
      z-index: 9999 !important;
      justify-content: center !important
    }

    .cookie-banner .hide {
      display: none
    }

    .cookie-banner a {
      color: #3ebaff
    }

    .cookie-banner button {
      color: #fff !important;
      display: block;
      background: linear-gradient(270deg, #0ca8fd, #4ec3fe 99%);
      border-radius: 4px !important;
      line-height: 32px;
      height: 32px;
      padding: 0 !important;
      width: 284px;
      margin: 8px 24px !important;
      text-align: center;
      font-weight: 600
    }

    .cookie-banner button.decline {
      background: linear-gradient(90deg, #4ec3fe, #0ca8fd 25%, #008cf2 75%, #0069cd)
    }

    .ant-select-selection-item {
      color: #616e82;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400
    }

    .ant-select-selection-placeholder {
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      color: #c4cbd7;
      opacity: 1 !important
    }

    .ant-pagination-item,
    .ant-pagination-jump-next,
    .ant-pagination-next,
    .ant-pagination-prev {
      height: 40px !important;
      width: 40px !important;
      line-height: 40px !important
    }

    .ant-pagination-item {
      background-color: #f5f9ff !important
    }

    .ant-pagination-item,
    .ant-pagination-item a:hover {
      border-radius: 0 8px 0 8px !important
    }

    .ant-pagination-item-active {
      color: #fff !important
    }

    .ant-pagination-item-active,
    .ant-pagination-item-active>a {
      background: linear-gradient(#4ec3fe, #0ca8fd) !important;
      border-radius: 0 8px 0 8px !important
    }

    button {
      cursor: pointer
    }

    .zen-input {
      text-align: left
    }

    @media screen and (min-width:1920px) {
      .cover-1920 {
        background-size: cover
      }
    }

    textarea {
      padding: 16px !important;
      background-image: url(/textarea-icon.svg) !important;
      background-repeat: no-repeat;
      background-position: right 8px bottom 8px
    }

    .ant-select-selector {
      padding: 0 16px !important
    }

    textarea::-webkit-resizer {
      display: none
    }

    @media screen and (max-width:640px) {

      .ant-select-selection-placeholder,
      .zen-input-label {
        color: #616e82 !important
      }
    }

    .ant-modal-mask {
      background-color: rgba(0, 0, 0, .45) !important
    }

    iframe body {
      min-width: auto !important
    }

    @keyframes moveupdown {
      0% {
        background-position-y: -50px
      }

      25% {
        background-position-y: -30px
      }

      50% {
        background-position-y: -50px
      }

      75% {
        background-position-y: -30px
      }

      to {
        background-position-y: -50px
      }
    }

    @keyframes movedownup {
      0% {
        transform: translateY(10px)
      }

      25% {
        transform: translateY(-10px)
      }

      50% {
        transform: translateY(10px)
      }

      75% {
        transform: translateY(-10px)
      }

      to {
        transform: translateY(10px)
      }
    }

    @keyframes fadeInDown {
      0% {
        opacity: 0;
        transform: translateY(-10px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes fadeUpIn {
      0% {
        opacity: 0;
        transform: translateY(10px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(50px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes moveupdownIndex {
      0% {
        transform: translateY(0)
      }

      25% {
        transform: translateY(10px)
      }

      50% {
        transform: translateY(0)
      }

      75% {
        transform: translateY(-10px)
      }

      to {
        transform: translateY(0)
      }
    }

    @keyframes movedownupIndex {
      0% {
        transform: translateY(0)
      }

      25% {
        transform: translateY(-10px)
      }

      50% {
        transform: translateY(0)
      }

      75% {
        transform: translateY(10px)
      }

      to {
        transform: translateY(0)
      }
    }

    .movedownup,
    .moveupdown {
      animation: movedownup 10s linear infinite
    }

    .transparent {
      opacity: 0
    }

    .fadeInUp {
      overflow: hidden;
      opacity: 0;
      animation: fadeInUp .5s ease-in forwards
    }

    .clipInit {
      -webkit-clip-path: inset(100% 0 0 0);
      clip-path: inset(100% 0 0 0)
    }

    .clipUp {
      animation: clipUp .3s ease-in forwards
    }

    @keyframes clipUp {
      0% {
        -webkit-clip-path: inset(100% 0 0 0);
        clip-path: inset(100% 0 0 0)
      }

      to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
      }
    }

    .button {
      font-family: OpenSans, sans-serif;
      font-size: 14px;
      line-height: 18px;
      font-weight: 600;
      font-style: normal;
      border: none;
      display: inline-block;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      height: 48px;
      padding: 0 24px;
      text-align: center;
      color: #fff;
      border-radius: 4px;
      transition: all .3s ease-in-out
    }

    .button__inner {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%
    }

    .button-icon {
      font-size: 16px
    }

    .button-s {
      height: 32px
    }

    .button-l {
      font-family: OpenSans, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 400;
      font-style: normal;
      height: 56px
    }

    .button-primary {
      background: linear-gradient(90deg, #4ec3fe, #0ca8fd 25%, #008cf2 75%, #0069cd);
      background-size: 400%;
      background-position: 0
    }

    .button-primary:hover:not(:disabled):not(.loading) {
      background-position: 75%
    }

    .button-primary__outline {
      color: #24b7ff;
      border: 1px solid #24b7ff;
      cursor: pointer
    }

    .button-alert {
      background: #fd6957
    }

    .button-alert:hover:not(:disabled):not(.loading) {
      background: #d7392f
    }

    .button-normal {
      border: 1px solid #f3f5f9;
      color: #616e82;
      background: #f3f5f9
    }

    .button-normal:hover:not(:disabled):not(.loading) {
      border-color: #e1e7ef;
      background: #e1e7ef
    }

    .button:disabled {
      color: #c4cbd7;
      background: #f3f5f9;
      cursor: not-allowed
    }

    .button.loading {
      opacity: .75
    }

    [class*=ant-]::-ms-clear,
    [class*=ant-] input::-ms-clear,
    [class*=ant-] input::-ms-reveal,
    [class^=ant-]::-ms-clear,
    [class^=ant-] input::-ms-clear,
    [class^=ant-] input::-ms-reveal {
      display: none
    }

    [class*=ant-],
    [class*=ant-] *,
    [class*=ant-] :after,
    [class*=ant-] :before,
    [class^=ant-],
    [class^=ant-] *,
    [class^=ant-] :after,
    [class^=ant-] :before {
      box-sizing: border-box
    }

    body,
    html {
      width: 100%;
      height: 100%
    }

    input::-ms-clear,
    input::-ms-reveal {
      display: none
    }

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

    html {
      font-family: sans-serif;
      line-height: 1.15;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -ms-overflow-style: scrollbar;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    @-ms-viewport {
      width: device-width
    }

    body {
      margin: 0;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
      font-variant: tabular-nums;
      line-height: 1.5715;
      background-color: #fff;
      font-feature-settings: "tnum"
    }

    [tabindex="-1"]:focus {
      outline: none !important
    }

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-top: 0;
      margin-bottom: .5em;
      color: rgba(0, 0, 0, .85);
      font-weight: 500
    }

    p {
      margin-top: 0;
      margin-bottom: 1em
    }

    abbr[data-original-title],
    abbr[title] {
      text-decoration: underline;
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
      border-bottom: 0;
      cursor: help
    }

    address {
      margin-bottom: 1em;
      font-style: normal;
      line-height: inherit
    }

    input[type=number],
    input[type=password],
    input[type=text],
    textarea {
      -webkit-appearance: none
    }

    dl,
    ol,
    ul {
      margin-top: 0;
      margin-bottom: 1em
    }

    ol ol,
    ol ul,
    ul ol,
    ul ul {
      margin-bottom: 0
    }

    dt {
      font-weight: 500
    }

    dd {
      margin-bottom: .5em;
      margin-left: 0
    }

    blockquote {
      margin: 0 0 1em
    }

    dfn {
      font-style: italic
    }

    b,
    strong {
      font-weight: bolder
    }

    small {
      font-size: 80%
    }

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

    sub {
      bottom: -.25em
    }

    sup {
      top: -.5em
    }

    a {
      color: #1890ff;
      text-decoration: none;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      transition: color .3s;
      -webkit-text-decoration-skip: objects
    }

    a:hover {
      color: #40a9ff
    }

    a:active {
      color: #096dd9
    }

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

    a[disabled] {
      color: rgba(0, 0, 0, .25);
      cursor: not-allowed;
      pointer-events: none
    }

    code,
    kbd,
    pre,
    samp {
      font-size: 1em;
      font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
    }

    pre {
      margin-top: 0;
      margin-bottom: 1em;
      overflow: auto
    }

    figure {
      margin: 0 0 1em
    }

    img {
      vertical-align: middle;
      border-style: none
    }

    svg:not(:root) {
      overflow: hidden
    }

    [role=button],
    a,
    area,
    button,
    input:not([type=range]),
    label,
    select,
    summary,
    textarea {
      touch-action: manipulation
    }

    table {
      border-collapse: collapse
    }

    caption {
      padding-top: .75em;
      padding-bottom: .3em;
      color: rgba(0, 0, 0, .45);
      text-align: left;
      caption-side: bottom
    }

    th {
      text-align: inherit
    }

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

    button,
    input {
      overflow: visible
    }

    button,
    select {
      text-transform: none
    }

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

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

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

    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=time] {
      -webkit-appearance: listbox
    }

    textarea {
      overflow: auto;
      resize: vertical
    }

    fieldset {
      min-width: 0;
      margin: 0;
      padding: 0;
      border: 0
    }

    legend {
      display: block;
      width: 100%;
      max-width: 100%;
      margin-bottom: .5em;
      padding: 0;
      color: inherit;
      font-size: 1.5em;
      line-height: inherit;
      white-space: normal
    }

    progress {
      vertical-align: baseline
    }

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

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

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

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

    output {
      display: inline-block
    }

    summary {
      display: list-item
    }

    template {
      display: none
    }

    [hidden] {
      display: none !important
    }

    mark {
      padding: .2em;
      background-color: #feffe6
    }

    ::selection {
      color: #fff;
      background: #1890ff
    }

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

    .clearfix:after {
      clear: both
    }

    .anticon {
      display: inline-block;
      color: inherit;
      font-style: normal;
      line-height: 0;
      text-align: center;
      text-transform: none;
      vertical-align: -.125em;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .anticon>* {
      line-height: 1
    }

    .anticon svg {
      display: inline-block
    }

    .anticon:before {
      display: none
    }

    .anticon .anticon-icon {
      display: block
    }

    .anticon[tabindex] {
      cursor: pointer
    }

    .anticon-spin,
    .anticon-spin:before {
      display: inline-block;
      animation: loadingCircle 1s linear infinite
    }

    .fade-appear,
    .fade-enter,
    .fade-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .fade-appear.fade-appear-active,
    .fade-enter.fade-enter-active {
      animation-name: antFadeIn;
      animation-play-state: running
    }

    .fade-leave.fade-leave-active {
      animation-name: antFadeOut;
      animation-play-state: running;
      pointer-events: none
    }

    .fade-appear,
    .fade-enter {
      opacity: 0
    }

    .fade-appear,
    .fade-enter,
    .fade-leave {
      animation-timing-function: linear
    }

    @keyframes antFadeIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes antFadeOut {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    .move-up-appear,
    .move-up-enter,
    .move-up-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-up-appear.move-up-appear-active,
    .move-up-enter.move-up-enter-active {
      animation-name: antMoveUpIn;
      animation-play-state: running
    }

    .move-up-leave.move-up-leave-active {
      animation-name: antMoveUpOut;
      animation-play-state: running;
      pointer-events: none
    }

    .move-up-appear,
    .move-up-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .move-up-leave {
      animation-timing-function: cubic-bezier(.6, .04, .98, .34)
    }

    .move-down-appear,
    .move-down-enter,
    .move-down-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-down-appear.move-down-appear-active,
    .move-down-enter.move-down-enter-active {
      animation-name: antMoveDownIn;
      animation-play-state: running
    }

    .move-down-leave.move-down-leave-active {
      animation-name: antMoveDownOut;
      animation-play-state: running;
      pointer-events: none
    }

    .move-down-appear,
    .move-down-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .move-down-leave {
      animation-timing-function: cubic-bezier(.6, .04, .98, .34)
    }

    .move-left-appear,
    .move-left-enter,
    .move-left-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-left-appear.move-left-appear-active,
    .move-left-enter.move-left-enter-active {
      animation-name: antMoveLeftIn;
      animation-play-state: running
    }

    .move-left-leave.move-left-leave-active {
      animation-name: antMoveLeftOut;
      animation-play-state: running;
      pointer-events: none
    }

    .move-left-appear,
    .move-left-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .move-left-leave {
      animation-timing-function: cubic-bezier(.6, .04, .98, .34)
    }

    .move-right-appear,
    .move-right-enter,
    .move-right-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .move-right-appear.move-right-appear-active,
    .move-right-enter.move-right-enter-active {
      animation-name: antMoveRightIn;
      animation-play-state: running
    }

    .move-right-leave.move-right-leave-active {
      animation-name: antMoveRightOut;
      animation-play-state: running;
      pointer-events: none
    }

    .move-right-appear,
    .move-right-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .move-right-leave {
      animation-timing-function: cubic-bezier(.6, .04, .98, .34)
    }

    @keyframes antMoveDownIn {
      0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
      }

      to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
      }
    }

    @keyframes antMoveDownOut {
      0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
      }

      to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
      }
    }

    @keyframes antMoveLeftIn {
      0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
      }

      to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
      }
    }

    @keyframes antMoveLeftOut {
      0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
      }

      to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
      }
    }

    @keyframes antMoveRightIn {
      0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
      }

      to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
      }
    }

    @keyframes antMoveRightOut {
      0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
      }

      to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
      }
    }

    @keyframes antMoveUpIn {
      0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
      }

      to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
      }
    }

    @keyframes antMoveUpOut {
      0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
      }

      to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
      }
    }

    @keyframes loadingCircle {
      to {
        transform: rotate(1turn)
      }
    }

    [ant-click-animating-without-extra-node=true],
    [ant-click-animating=true] {
      position: relative
    }

    html {
      --antd-wave-shadow-color: #1890ff;
      --scroll-bar: 0
    }

    .ant-click-animating-node,
    [ant-click-animating-without-extra-node=true]:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      border-radius: inherit;
      box-shadow: 0 0 0 0 #1890ff;
      box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
      opacity: .2;
      animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
      animation-fill-mode: forwards;
      content: "";
      pointer-events: none
    }

    @keyframes waveEffect {
      to {
        box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
      }
    }

    @keyframes fadeEffect {
      to {
        opacity: 0
      }
    }

    .slide-up-appear,
    .slide-up-enter,
    .slide-up-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-up-appear.slide-up-appear-active,
    .slide-up-enter.slide-up-enter-active {
      animation-name: antSlideUpIn;
      animation-play-state: running
    }

    .slide-up-leave.slide-up-leave-active {
      animation-name: antSlideUpOut;
      animation-play-state: running;
      pointer-events: none
    }

    .slide-up-appear,
    .slide-up-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

    .slide-up-leave {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    .slide-down-appear,
    .slide-down-enter,
    .slide-down-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-down-appear.slide-down-appear-active,
    .slide-down-enter.slide-down-enter-active {
      animation-name: antSlideDownIn;
      animation-play-state: running
    }

    .slide-down-leave.slide-down-leave-active {
      animation-name: antSlideDownOut;
      animation-play-state: running;
      pointer-events: none
    }

    .slide-down-appear,
    .slide-down-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

    .slide-down-leave {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    .slide-left-appear,
    .slide-left-enter,
    .slide-left-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-left-appear.slide-left-appear-active,
    .slide-left-enter.slide-left-enter-active {
      animation-name: antSlideLeftIn;
      animation-play-state: running
    }

    .slide-left-leave.slide-left-leave-active {
      animation-name: antSlideLeftOut;
      animation-play-state: running;
      pointer-events: none
    }

    .slide-left-appear,
    .slide-left-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

    .slide-left-leave {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    .slide-right-appear,
    .slide-right-enter,
    .slide-right-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .slide-right-appear.slide-right-appear-active,
    .slide-right-enter.slide-right-enter-active {
      animation-name: antSlideRightIn;
      animation-play-state: running
    }

    .slide-right-leave.slide-right-leave-active {
      animation-name: antSlideRightOut;
      animation-play-state: running;
      pointer-events: none
    }

    .slide-right-appear,
    .slide-right-enter {
      opacity: 0;
      animation-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

    .slide-right-leave {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    @keyframes antSlideUpIn {
      0% {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
      }

      to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
      }
    }

    @keyframes antSlideUpOut {
      0% {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
      }

      to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
      }
    }

    @keyframes antSlideDownIn {
      0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
      }

      to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
      }
    }

    @keyframes antSlideDownOut {
      0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
      }

      to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
      }
    }

    @keyframes antSlideLeftIn {
      0% {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
      }

      to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
      }
    }

    @keyframes antSlideLeftOut {
      0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
      }

      to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
      }
    }

    @keyframes antSlideRightIn {
      0% {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
      }

      to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
      }
    }

    @keyframes antSlideRightOut {
      0% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
      }

      to {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
      }
    }

    .zoom-appear,
    .zoom-enter,
    .zoom-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-appear.zoom-appear-active,
    .zoom-enter.zoom-enter-active {
      animation-name: antZoomIn;
      animation-play-state: running
    }

    .zoom-leave.zoom-leave-active {
      animation-name: antZoomOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-appear,
    .zoom-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    .zoom-big-appear,
    .zoom-big-enter,
    .zoom-big-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-big-appear.zoom-big-appear-active,
    .zoom-big-enter.zoom-big-enter-active {
      animation-name: antZoomBigIn;
      animation-play-state: running
    }

    .zoom-big-leave.zoom-big-leave-active {
      animation-name: antZoomBigOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-big-appear,
    .zoom-big-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-big-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    .zoom-big-fast-appear,
    .zoom-big-fast-enter,
    .zoom-big-fast-leave {
      animation-duration: .1s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-big-fast-appear.zoom-big-fast-appear-active,
    .zoom-big-fast-enter.zoom-big-fast-enter-active {
      animation-name: antZoomBigIn;
      animation-play-state: running
    }

    .zoom-big-fast-leave.zoom-big-fast-leave-active {
      animation-name: antZoomBigOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-big-fast-appear,
    .zoom-big-fast-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-big-fast-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    .zoom-up-appear,
    .zoom-up-enter,
    .zoom-up-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-up-appear.zoom-up-appear-active,
    .zoom-up-enter.zoom-up-enter-active {
      animation-name: antZoomUpIn;
      animation-play-state: running
    }

    .zoom-up-leave.zoom-up-leave-active {
      animation-name: antZoomUpOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-up-appear,
    .zoom-up-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-up-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    .zoom-down-appear,
    .zoom-down-enter,
    .zoom-down-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-down-appear.zoom-down-appear-active,
    .zoom-down-enter.zoom-down-enter-active {
      animation-name: antZoomDownIn;
      animation-play-state: running
    }

    .zoom-down-leave.zoom-down-leave-active {
      animation-name: antZoomDownOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-down-appear,
    .zoom-down-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-down-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    .zoom-left-appear,
    .zoom-left-enter,
    .zoom-left-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-left-appear.zoom-left-appear-active,
    .zoom-left-enter.zoom-left-enter-active {
      animation-name: antZoomLeftIn;
      animation-play-state: running
    }

    .zoom-left-leave.zoom-left-leave-active {
      animation-name: antZoomLeftOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-left-appear,
    .zoom-left-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-left-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    .zoom-right-appear,
    .zoom-right-enter,
    .zoom-right-leave {
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-play-state: paused
    }

    .zoom-right-appear.zoom-right-appear-active,
    .zoom-right-enter.zoom-right-enter-active {
      animation-name: antZoomRightIn;
      animation-play-state: running
    }

    .zoom-right-leave.zoom-right-leave-active {
      animation-name: antZoomRightOut;
      animation-play-state: running;
      pointer-events: none
    }

    .zoom-right-appear,
    .zoom-right-enter {
      transform: scale(0);
      opacity: 0;
      animation-timing-function: cubic-bezier(.08, .82, .17, 1)
    }

    .zoom-right-leave {
      animation-timing-function: cubic-bezier(.78, .14, .15, .86)
    }

    @keyframes antZoomIn {
      0% {
        transform: scale(.2);
        opacity: 0
      }

      to {
        transform: scale(1);
        opacity: 1
      }
    }

    @keyframes antZoomOut {
      0% {
        transform: scale(1)
      }

      to {
        transform: scale(.2);
        opacity: 0
      }
    }

    @keyframes antZoomBigIn {
      0% {
        transform: scale(.8);
        opacity: 0
      }

      to {
        transform: scale(1);
        opacity: 1
      }
    }

    @keyframes antZoomBigOut {
      0% {
        transform: scale(1)
      }

      to {
        transform: scale(.8);
        opacity: 0
      }
    }

    @keyframes antZoomUpIn {
      0% {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
      }

      to {
        transform: scale(1);
        transform-origin: 50% 0
      }
    }

    @keyframes antZoomUpOut {
      0% {
        transform: scale(1);
        transform-origin: 50% 0
      }

      to {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
      }
    }

    @keyframes antZoomLeftIn {
      0% {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
      }

      to {
        transform: scale(1);
        transform-origin: 0 50%
      }
    }

    @keyframes antZoomLeftOut {
      0% {
        transform: scale(1);
        transform-origin: 0 50%
      }

      to {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
      }
    }

    @keyframes antZoomRightIn {
      0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
      }

      to {
        transform: scale(1);
        transform-origin: 100% 50%
      }
    }

    @keyframes antZoomRightOut {
      0% {
        transform: scale(1);
        transform-origin: 100% 50%
      }

      to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
      }
    }

    @keyframes antZoomDownIn {
      0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
      }

      to {
        transform: scale(1);
        transform-origin: 50% 100%
      }
    }

    @keyframes antZoomDownOut {
      0% {
        transform: scale(1);
        transform-origin: 50% 100%
      }

      to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
      }
    }

    .ant-motion-collapse-legacy {
      overflow: hidden
    }

    .ant-motion-collapse,
    .ant-motion-collapse-legacy-active {
      transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
    }

    .ant-motion-collapse {
      overflow: hidden
    }

    .ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
      padding: 8px 0;
      font-size: 14px
    }

    .ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
      padding: 16px 0;
      font-size: 16px
    }

    .ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
      padding: 6px 16px
    }

    .ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
      padding: 7px 16px 6px
    }

    .ant-tabs-rtl {
      direction: rtl
    }

    .ant-tabs-rtl>.ant-tabs-nav .ant-tabs-tab {
      margin: 0 0 0 32px
    }

    .ant-tabs-rtl>.ant-tabs-nav .ant-tabs-tab:last-of-type {
      margin-left: 0
    }

    .ant-tabs-rtl>.ant-tabs-nav .ant-tabs-tab .anticon {
      margin-right: 0;
      margin-left: 12px
    }

    .ant-tabs-rtl>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
      margin-right: 8px;
      margin-left: -4px
    }

    .ant-tabs-rtl>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
      margin: 0
    }

    .ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav {
      order: 1
    }

    .ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,
    .ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav {
      order: 0
    }

    .ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder {
      order: 1
    }

    .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav button.ant-tabs-tab:not(:last-of-type),
    .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav button.ant-tabs-tab:not(:last-of-type) {
      margin: 0 0 0 2px
    }

    .ant-tabs-bottom,
    .ant-tabs-top {
      flex-direction: column
    }

    .ant-tabs-bottom>.ant-tabs-nav,
    .ant-tabs-top>.ant-tabs-nav {
      margin: 0 0 16px
    }

    .ant-tabs-bottom>.ant-tabs-nav:before,
    .ant-tabs-top>.ant-tabs-nav:before {
      position: absolute;
      right: 0;
      left: 0;
      border-bottom: 1px solid #f0f0f0;
      content: ""
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar {
      height: 2px
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated {
      transition: width .3s, left .3s, right .3s
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before {
      top: 0;
      bottom: 0;
      width: 30px
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before {
      left: 0;
      box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .08)
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after {
      right: 0;
      box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .08)
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
    .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
      opacity: 1
    }

    .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
    .ant-tabs-top>.ant-tabs-nav:before {
      bottom: 0
    }

    .ant-tabs-bottom>.ant-tabs-nav {
      order: 1;
      margin-top: 16px;
      margin-bottom: 0
    }

    .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
    .ant-tabs-bottom>.ant-tabs-nav:before {
      top: 0
    }

    .ant-tabs-bottom>.ant-tabs-content-holder {
      order: 0
    }

    .ant-tabs-left>.ant-tabs-nav,
    .ant-tabs-right>.ant-tabs-nav {
      flex-direction: column;
      min-width: 50px
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-tab {
      margin: 0 0 16px;
      padding: 8px 24px;
      text-align: center
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab:last-of-type,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-tab:last-of-type {
      margin-bottom: 0
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap {
      flex-direction: column
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before {
      right: 0;
      left: 0;
      height: 30px
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before {
      top: 0;
      box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .08)
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after {
      bottom: 0;
      box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
      opacity: 1
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar {
      width: 2px
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated {
      transition: height .3s, top .3s
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,
    .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,
    .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations {
      flex-direction: column
    }

    .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar {
      right: 0
    }

    .ant-tabs-left>.ant-tabs-content-holder {
      margin-left: -1px;
      border-left: 1px solid #f0f0f0
    }

    .ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
      padding-left: 24px
    }

    .ant-tabs-right>.ant-tabs-nav {
      order: 1
    }

    .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar {
      left: 0
    }

    .ant-tabs-right>.ant-tabs-content-holder {
      order: 0;
      margin-right: -1px;
      border-right: 1px solid #f0f0f0
    }

    .ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
      padding-right: 24px
    }

    .ant-tabs-dropdown {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-variant: tabular-nums;
      line-height: 1.5715;
      list-style: none;
      font-feature-settings: "tnum";
      position: absolute;
      top: -9999px;
      left: -9999px;
      z-index: 1050;
      display: block
    }

    .ant-tabs-dropdown-hidden {
      display: none
    }

    .ant-tabs-dropdown-menu {
      max-height: 200px;
      margin: 0;
      padding: 4px 0;
      overflow-y: auto;
      text-align: left;
      list-style-type: none;
      background-color: #fff;
      background-clip: padding-box;
      border-radius: 2px;
      outline: none;
      box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
    }

    .ant-tabs-dropdown-menu-item {
      width: 120px;
      margin: 0;
      padding: 5px 12px;
      overflow: hidden;
      color: rgba(0, 0, 0, .65);
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer;
      transition: all .3s
    }

    .ant-tabs-dropdown-menu-item:hover {
      background: #f5f5f5
    }

    .ant-tabs-dropdown-menu-item-disabled,
    .ant-tabs-dropdown-menu-item-disabled:hover {
      color: rgba(0, 0, 0, .25);
      background: transparent;
      cursor: not-allowed
    }

    .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab {
      margin: 0;
      padding: 8px 16px;
      background: #fafafa;
      border: 1px solid #f0f0f0;
      transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }

    .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active {
      color: #1890ff;
      background: #fff
    }

    .ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar {
      visibility: hidden
    }

    .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
    .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
      margin-right: 2px
    }

    .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {
      border-radius: 2px 2px 0 0
    }

    .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
      border-bottom-color: #fff
    }

    .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab {
      border-radius: 0 0 2px 2px
    }

    .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active {
      border-top-color: #fff
    }

    .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
    .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
      margin-bottom: 2px
    }

    .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab {
      border-radius: 2px 0 0 2px
    }

    .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active {
      border-right-color: #fff
    }

    .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab {
      border-radius: 0 2px 2px 0
    }

    .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active {
      border-left-color: #fff
    }

    .ant-tabs {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-variant: tabular-nums;
      line-height: 1.5715;
      list-style: none;
      font-feature-settings: "tnum";
      display: flex;
      overflow: hidden
    }

    .ant-tabs>.ant-tabs-nav {
      position: relative;
      display: flex;
      flex: none;
      align-items: center
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap {
      position: relative;
      display: inline-block;
      display: flex;
      flex: auto;
      overflow: hidden;
      white-space: nowrap;
      transform: translate(0)
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,
    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before {
      position: absolute;
      z-index: 1;
      opacity: 0;
      transition: opacity .3s;
      content: "";
      pointer-events: none
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list {
      position: relative;
      display: flex;
      transition: transform .3s
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations {
      display: flex;
      align-self: stretch
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden {
      position: absolute;
      visibility: hidden;
      pointer-events: none
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-more {
      position: relative;
      padding: 8px 16px;
      background: transparent;
      border: 0
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 5px;
      transform: translateY(100%);
      content: ""
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add {
      padding: 0 8px;
      background: #fafafa;
      border: 1px solid #f0f0f0;
      border-radius: 2px 2px 0 0;
      outline: none;
      cursor: pointer;
      transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover {
      color: #40a9ff
    }

    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,
    .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus {
      color: #096dd9
    }

    .ant-tabs-extra-content {
      flex: none
    }

    .ant-tabs-ink-bar {
      position: absolute;
      background: #1890ff;
      pointer-events: none
    }

    .ant-tabs-tab {
      position: relative;
      display: inline-flex;
      align-items: center;
      margin: 0 32px 0 0;
      padding: 12px 0;
      font-size: 14px;
      background: transparent;
      border: 0;
      outline: none;
      cursor: pointer
    }

    .ant-tabs-tab:last-of-type {
      margin-right: 0;
      margin-left: 0
    }

    .ant-tabs-tab .ant-tabs-tab-remove {
      flex: none;
      margin-right: -4px;
      margin-left: 8px;
      color: rgba(0, 0, 0, .45);
      font-size: 12px;
      outline: none;
      transition: all .3s
    }

    .ant-tabs-tab .ant-tabs-tab-remove .anticon {
      margin: 0
    }

    .ant-tabs-tab .ant-tabs-tab-remove:hover {
      color: rgba(0, 0, 0, .85)
    }

    .ant-tabs-tab .ant-tabs-tab-remove:active,
    .ant-tabs-tab .ant-tabs-tab-remove:focus,
    .ant-tabs-tab:active,
    .ant-tabs-tab:focus {
      color: #096dd9
    }

    .ant-tabs-tab:hover {
      color: #40a9ff
    }

    .ant-tabs-tab.ant-tabs-tab-active {
      color: #1890ff;
      font-weight: 500
    }

    .ant-tabs-tab.ant-tabs-tab-disabled {
      color: rgba(0, 0, 0, .25);
      cursor: not-allowed
    }

    .ant-tabs-tab .anticon {
      margin-right: 12px
    }

    .ant-tabs-content {
      display: flex;
      width: 100%
    }

    .ant-tabs-content-holder {
      flex: auto
    }

    .ant-tabs-content-animated {
      transition: margin .3s
    }

    .ant-tabs-tabpane {
      flex: none;
      width: 100%;
      outline: none
    }

    .zen-tabs .ant-tabs {
      font-size: 14px;
      line-height: 18px;
      overflow: visible
    }

    .zen-tabs .ant-tabs,
    .zen-tabs .ant-tabs-tab {
      font-family: OpenSans, sans-serif;
      font-weight: 400;
      font-style: normal
    }

    .zen-tabs .ant-tabs-tab {
      font-size: 16px;
      line-height: 22px;
      padding: 9px 16px
    }

    .zen-tabs .ant-tabs-ink-bar {
      z-index: inherit
    }

    .zen-tabs .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap {
      justify-content: center
    }

    .ant-tooltip {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-variant: tabular-nums;
      line-height: 1.5715;
      list-style: none;
      font-feature-settings: "tnum";
      position: absolute;
      z-index: 1060;
      display: block;
      max-width: 250px;
      visibility: visible
    }

    .ant-tooltip-hidden {
      display: none
    }

    .ant-tooltip-placement-top,
    .ant-tooltip-placement-topLeft,
    .ant-tooltip-placement-topRight {
      padding-bottom: 8px
    }

    .ant-tooltip-placement-right,
    .ant-tooltip-placement-rightBottom,
    .ant-tooltip-placement-rightTop {
      padding-left: 8px
    }

    .ant-tooltip-placement-bottom,
    .ant-tooltip-placement-bottomLeft,
    .ant-tooltip-placement-bottomRight {
      padding-top: 8px
    }

    .ant-tooltip-placement-left,
    .ant-tooltip-placement-leftBottom,
    .ant-tooltip-placement-leftTop {
      padding-right: 8px
    }

    .ant-tooltip-inner {
      min-width: 30px;
      min-height: 32px;
      padding: 6px 8px;
      color: #fff;
      text-align: left;
      text-decoration: none;
      word-wrap: break-word;
      background-color: rgba(0, 0, 0, .75);
      border-radius: 2px;
      box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
    }

    .ant-tooltip-arrow {
      position: absolute;
      display: block;
      width: 13.07106781px;
      height: 13.07106781px;
      overflow: hidden;
      background: transparent;
      pointer-events: none
    }

    .ant-tooltip-arrow-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 5px;
      height: 5px;
      margin: auto;
      background-color: rgba(0, 0, 0, .75);
      content: "";
      pointer-events: auto
    }

    .ant-tooltip-placement-top .ant-tooltip-arrow,
    .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
    .ant-tooltip-placement-topRight .ant-tooltip-arrow {
      bottom: -5.07106781px
    }

    .ant-tooltip-placement-top .ant-tooltip-arrow-content,
    .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
    .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
      box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
      transform: translateY(-6.53553391px) rotate(45deg)
    }

    .ant-tooltip-placement-top .ant-tooltip-arrow {
      left: 50%;
      transform: translateX(-50%)
    }

    .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
      left: 13px
    }

    .ant-tooltip-placement-topRight .ant-tooltip-arrow {
      right: 13px
    }

    .ant-tooltip-placement-right .ant-tooltip-arrow,
    .ant-tooltip-placement-rightBottom .ant-tooltip-arrow,
    .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
      left: -5.07106781px
    }

    .ant-tooltip-placement-right .ant-tooltip-arrow-content,
    .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,
    .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content {
      box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
      transform: translateX(6.53553391px) rotate(45deg)
    }

    .ant-tooltip-placement-right .ant-tooltip-arrow {
      top: 50%;
      transform: translateY(-50%)
    }

    .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
      top: 5px
    }

    .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
      bottom: 5px
    }

    .ant-tooltip-placement-left .ant-tooltip-arrow,
    .ant-tooltip-placement-leftBottom .ant-tooltip-arrow,
    .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
      right: -5.07106781px
    }

    .ant-tooltip-placement-left .ant-tooltip-arrow-content,
    .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,
    .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content {
      box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
      transform: translateX(-6.53553391px) rotate(45deg)
    }

    .ant-tooltip-placement-left .ant-tooltip-arrow {
      top: 50%;
      transform: translateY(-50%)
    }

    .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
      top: 5px
    }

    .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
      bottom: 5px
    }

    .ant-tooltip-placement-bottom .ant-tooltip-arrow,
    .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
    .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
      top: -5.07106781px
    }

    .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
    .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
    .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
      box-shadow: -3px -3px 7px rgba(0, 0, 0, .07);
      transform: translateY(6.53553391px) rotate(45deg)
    }

    .ant-tooltip-placement-bottom .ant-tooltip-arrow {
      left: 50%;
      transform: translateX(-50%)
    }

    .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
      left: 13px
    }

    .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
      right: 13px
    }

    .ant-tooltip-magenta .ant-tooltip-arrow-content,
    .ant-tooltip-magenta .ant-tooltip-inner,
    .ant-tooltip-pink .ant-tooltip-arrow-content,
    .ant-tooltip-pink .ant-tooltip-inner {
      background-color: #eb2f96
    }

    .ant-tooltip-red .ant-tooltip-arrow-content,
    .ant-tooltip-red .ant-tooltip-inner {
      background-color: #f5222d
    }

    .ant-tooltip-volcano .ant-tooltip-arrow-content,
    .ant-tooltip-volcano .ant-tooltip-inner {
      background-color: #fa541c
    }

    .ant-tooltip-orange .ant-tooltip-arrow-content,
    .ant-tooltip-orange .ant-tooltip-inner {
      background-color: #fa8c16
    }

    .ant-tooltip-yellow .ant-tooltip-arrow-content,
    .ant-tooltip-yellow .ant-tooltip-inner {
      background-color: #fadb14
    }

    .ant-tooltip-gold .ant-tooltip-arrow-content,
    .ant-tooltip-gold .ant-tooltip-inner {
      background-color: #faad14
    }

    .ant-tooltip-cyan .ant-tooltip-arrow-content,
    .ant-tooltip-cyan .ant-tooltip-inner {
      background-color: #13c2c2
    }

    .ant-tooltip-lime .ant-tooltip-arrow-content,
    .ant-tooltip-lime .ant-tooltip-inner {
      background-color: #a0d911
    }

    .ant-tooltip-green .ant-tooltip-arrow-content,
    .ant-tooltip-green .ant-tooltip-inner {
      background-color: #52c41a
    }

    .ant-tooltip-blue .ant-tooltip-arrow-content,
    .ant-tooltip-blue .ant-tooltip-inner {
      background-color: #1890ff
    }

    .ant-tooltip-geekblue .ant-tooltip-arrow-content,
    .ant-tooltip-geekblue .ant-tooltip-inner {
      background-color: #2f54eb
    }

    .ant-tooltip-purple .ant-tooltip-arrow-content,
    .ant-tooltip-purple .ant-tooltip-inner {
      background-color: #722ed1
    }

    .ant-tooltip-rtl {
      direction: rtl
    }

    .ant-tooltip-rtl .ant-tooltip-inner {
      text-align: right
    }

    .name-input {
      border-radius: 4px;
      border: 1px solid #c4cbd7;
      padding: 2px 16px;
      display: flex;
      align-items: center
    }

    .name-input input {
      border: none;
      margin-left: 8px
    }

    .zen-input {
      position: relative;
      z-index: 0;
      height: 48px;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #c4cbd7
    }

    .zen-input__l {
      height: 56px
    }

    .zen-input__error {
      border: 1px solid #fd6957
    }

    .zen-input__disabled {
      background-color: #f3f5f9
    }

    .zen-input .icon-clear {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -8px;
      font-size: 16px;
      color: #a7b1c1;
      z-index: 3
    }

    .zen-input .icon-clear:active {
      color: #616e82
    }

    .zen-input .error-wrap {
      position: absolute;
      left: 3px;
      bottom: -18px;
      color: red;
      font-size: 12px;
      line-height: 18px
    }

    .zen-input-content {
      color: #616e82;
      width: 100%;
      height: 30px;
      border-radius: 4px;
      position: absolute;
      bottom: 0;
      z-index: 1;
      padding: 0 16px;
      border: none
    }

    .zen-input-content:disabled {
      color: #c4cbd7;
      background-color: #f3f5f9;
      cursor: default
    }

    .zen-input-content:-moz-read-only {
      cursor: default
    }

    .zen-input-content:read-only {
      cursor: default
    }

    .zen-input-content__l {
      bottom: 2px
    }

    .zen-input-label {
      font-size: 16px;
      line-height: 22px;
      margin-left: 16px;
      color: #c4cbd7;
      z-index: 2;
      transform: translateY(-50%);
      top: 50%;
      left: 0;
      position: absolute
    }

    .zen-input-label,
    .zen-input-label__l {
      font-family: OpenSans, sans-serif;
      font-weight: 400;
      font-style: normal
    }

    .zen-input-label__l {
      font-size: 20px;
      line-height: 28px
    }

    .zen-input-label__shrink {
      color: #616e82;
      top: 12px;
      font-size: 12px
    }

    .zen-input-label__shrink__l {
      top: 17px
    }

    .zen-input-label__disabled {
      color: #c4cbd7;
      cursor: default
    }

    .zen-input-label__readonly {
      cursor: default
    }

    .zen-input-label__error {
      color: #fd6957
    }

    .zen-input-label__animated {
      transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms, top .2s cubic-bezier(0, 0, .2, 1) 0ms, font-size .2s cubic-bezier(0, 0, .2, 1) 0ms
    }

    .ant-form-item-has-error .zen-input {
      border: 1px solid #fd6957
    }

    .ant-pagination {
      box-sizing: border-box;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-variant: tabular-nums;
      line-height: 1.5715;
      font-feature-settings: "tnum"
    }

    .ant-pagination,
    .ant-pagination ol,
    .ant-pagination ul {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .ant-pagination:after {
      display: block;
      clear: both;
      height: 0;
      overflow: hidden;
      visibility: hidden;
      content: " "
    }

    .ant-pagination-item,
    .ant-pagination-total-text {
      display: inline-block;
      height: 32px;
      margin-right: 8px;
      line-height: 30px;
      vertical-align: middle
    }

    .ant-pagination-item {
      min-width: 32px;
      font-family: Arial;
      text-align: center;
      list-style: none;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      outline: 0;
      cursor: pointer;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ant-pagination-item a {
      display: block;
      padding: 0 6px;
      color: rgba(0, 0, 0, .65);
      transition: none
    }

    .ant-pagination-item a:hover {
      text-decoration: none
    }

    .ant-pagination-item:focus,
    .ant-pagination-item:hover {
      border-color: #1890ff;
      transition: all .3s
    }

    .ant-pagination-item:focus a,
    .ant-pagination-item:hover a {
      color: #1890ff
    }

    .ant-pagination-item-active {
      font-weight: 500;
      background: #fff;
      border-color: #1890ff
    }

    .ant-pagination-item-active a {
      color: #1890ff
    }

    .ant-pagination-item-active:focus,
    .ant-pagination-item-active:hover {
      border-color: #40a9ff
    }

    .ant-pagination-item-active:focus a,
    .ant-pagination-item-active:hover a {
      color: #40a9ff
    }

    .ant-pagination-jump-next,
    .ant-pagination-jump-prev {
      outline: 0
    }

    .ant-pagination-jump-next .ant-pagination-item-container,
    .ant-pagination-jump-prev .ant-pagination-item-container {
      position: relative
    }

    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,
    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon {
      color: #1890ff;
      font-size: 12px;
      letter-spacing: -1px;
      opacity: 0;
      transition: all .2s
    }

    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto
    }

    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,
    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      margin: auto;
      color: rgba(0, 0, 0, .25);
      letter-spacing: 2px;
      text-align: center;
      text-indent: .13em;
      opacity: 1;
      transition: all .2s
    }

    .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
    .ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
    .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
    .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon {
      opacity: 1
    }

    .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
    .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,
    .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
    .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis {
      opacity: 0
    }

    .ant-pagination-jump-next,
    .ant-pagination-jump-prev,
    .ant-pagination-prev {
      margin-right: 8px
    }

    .ant-pagination-jump-next,
    .ant-pagination-jump-prev,
    .ant-pagination-next,
    .ant-pagination-prev {
      display: inline-block;
      min-width: 32px;
      height: 32px;
      color: rgba(0, 0, 0, .65);
      font-family: Arial;
      line-height: 32px;
      text-align: center;
      vertical-align: middle;
      list-style: none;
      border-radius: 2px;
      cursor: pointer;
      transition: all .3s
    }

    .ant-pagination-next,
    .ant-pagination-prev {
      outline: 0
    }

    .ant-pagination-next a,
    .ant-pagination-prev a {
      color: rgba(0, 0, 0, .65);
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ant-pagination-next:hover a,
    .ant-pagination-prev:hover a {
      border-color: #40a9ff
    }

    .ant-pagination-next .ant-pagination-item-link,
    .ant-pagination-prev .ant-pagination-item-link {
      display: block;
      height: 100%;
      font-size: 12px;
      text-align: center;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      outline: none;
      transition: all .3s
    }

    .ant-pagination-next:focus .ant-pagination-item-link,
    .ant-pagination-next:hover .ant-pagination-item-link,
    .ant-pagination-prev:focus .ant-pagination-item-link,
    .ant-pagination-prev:hover .ant-pagination-item-link {
      color: #1890ff;
      border-color: #1890ff
    }

    .ant-pagination-disabled,
    .ant-pagination-disabled:focus,
    .ant-pagination-disabled:hover {
      cursor: not-allowed
    }

    .ant-pagination-disabled .ant-pagination-item-link,
    .ant-pagination-disabled:focus .ant-pagination-item-link,
    .ant-pagination-disabled:focus a,
    .ant-pagination-disabled:hover .ant-pagination-item-link,
    .ant-pagination-disabled:hover a,
    .ant-pagination-disabled a {
      color: rgba(0, 0, 0, .25);
      border-color: #d9d9d9;
      cursor: not-allowed
    }

    .ant-pagination-slash {
      margin: 0 10px 0 5px
    }

    .ant-pagination-options {
      display: inline-block;
      margin-left: 16px;
      vertical-align: middle
    }

    @media (-ms-high-contrast:none) {

      .ant-pagination-options,
      .ant-pagination-options ::-ms-backdrop {
        vertical-align: top
      }
    }

    .ant-pagination-options-size-changer.ant-select {
      display: inline-block;
      width: auto;
      margin-right: 8px
    }

    .ant-pagination-options-quick-jumper {
      display: inline-block;
      height: 32px;
      line-height: 32px;
      vertical-align: top
    }

    .ant-pagination-options-quick-jumper input {
      position: relative;
      display: inline-block;
      width: 100%;
      min-width: 0;
      padding: 4px 11px;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      line-height: 1.5715;
      background-color: #fff;
      background-image: none;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      transition: all .3s;
      width: 50px;
      margin: 0 8px
    }

    .ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
      color: #bfbfbf
    }

    .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
      color: #bfbfbf
    }

    .ant-pagination-options-quick-jumper input::-ms-input-placeholder {
      color: #bfbfbf
    }

    .ant-pagination-options-quick-jumper input::placeholder {
      color: #bfbfbf
    }

    .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
      text-overflow: ellipsis
    }

    .ant-pagination-options-quick-jumper input:placeholder-shown {
      text-overflow: ellipsis
    }

    .ant-pagination-options-quick-jumper input:hover {
      border-color: #40a9ff;
      border-right-width: 1px !important
    }

    .ant-pagination-options-quick-jumper input-focused,
    .ant-pagination-options-quick-jumper input:focus {
      border-color: #40a9ff;
      border-right-width: 1px !important;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
    }

    .ant-pagination-options-quick-jumper input-disabled {
      color: rgba(0, 0, 0, .25);
      background-color: #f5f5f5;
      cursor: not-allowed;
      opacity: 1
    }

    .ant-pagination-options-quick-jumper input-disabled:hover {
      border-color: #d9d9d9;
      border-right-width: 1px !important
    }

    .ant-pagination-options-quick-jumper input[disabled] {
      color: rgba(0, 0, 0, .25);
      background-color: #f5f5f5;
      cursor: not-allowed;
      opacity: 1
    }

    .ant-pagination-options-quick-jumper input[disabled]:hover {
      border-color: #d9d9d9;
      border-right-width: 1px !important
    }

    textarea.ant-pagination-options-quick-jumper input {
      max-width: 100%;
      height: auto;
      min-height: 32px;
      line-height: 1.5715;
      vertical-align: bottom;
      transition: all .3s, height 0s
    }

    .ant-pagination-options-quick-jumper input-lg {
      padding: 6.5px 11px;
      font-size: 16px
    }

    .ant-pagination-options-quick-jumper input-sm {
      padding: 0 7px
    }

    .ant-pagination-simple .ant-pagination-next,
    .ant-pagination-simple .ant-pagination-prev {
      height: 24px;
      line-height: 24px;
      vertical-align: top
    }

    .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,
    .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link {
      height: 24px;
      background-color: transparent;
      border: 0
    }

    .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after,
    .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after {
      height: 24px;
      line-height: 24px
    }

    .ant-pagination-simple .ant-pagination-simple-pager {
      display: inline-block;
      height: 24px;
      margin-right: 8px
    }

    .ant-pagination-simple .ant-pagination-simple-pager input {
      box-sizing: border-box;
      height: 100%;
      margin-right: 8px;
      padding: 0 6px;
      text-align: center;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      outline: none;
      transition: border-color .3s
    }

    .ant-pagination-simple .ant-pagination-simple-pager input:hover {
      border-color: #1890ff
    }

    .ant-pagination.mini .ant-pagination-simple-pager,
    .ant-pagination.mini .ant-pagination-total-text {
      height: 24px;
      line-height: 24px
    }

    .ant-pagination.mini .ant-pagination-item {
      min-width: 24px;
      height: 24px;
      margin: 0;
      line-height: 22px
    }

    .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
      background: transparent;
      border-color: transparent
    }

    .ant-pagination.mini .ant-pagination-next,
    .ant-pagination.mini .ant-pagination-prev {
      min-width: 24px;
      height: 24px;
      margin: 0;
      line-height: 24px
    }

    .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,
    .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link {
      background: transparent;
      border-color: transparent
    }

    .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after,
    .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after {
      height: 24px;
      line-height: 24px
    }

    .ant-pagination.mini .ant-pagination-jump-next,
    .ant-pagination.mini .ant-pagination-jump-prev {
      height: 24px;
      margin-right: 0;
      line-height: 24px
    }

    .ant-pagination.mini .ant-pagination-options {
      margin-left: 2px
    }

    .ant-pagination.mini .ant-pagination-options-size-changer {
      top: 0
    }

    .ant-pagination.mini .ant-pagination-options-quick-jumper {
      height: 24px;
      line-height: 24px
    }

    .ant-pagination.mini .ant-pagination-options-quick-jumper input {
      padding: 0 7px;
      width: 44px
    }

    .ant-pagination.ant-pagination-disabled {
      cursor: not-allowed
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-item {
      background: #f5f5f5;
      border-color: #d9d9d9;
      cursor: not-allowed
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-item a {
      color: rgba(0, 0, 0, .25);
      background: transparent;
      border: none;
      cursor: not-allowed
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
      background: #dbdbdb;
      border-color: transparent
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
      color: #fff
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
    .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus,
    .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover {
      color: rgba(0, 0, 0, .45);
      background: #f5f5f5;
      border-color: #d9d9d9;
      cursor: not-allowed
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon {
      opacity: 0
    }

    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,
    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
    .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis {
      opacity: 1
    }

    @media only screen and (max-width:992px) {

      .ant-pagination-item-after-jump-prev,
      .ant-pagination-item-before-jump-next {
        display: none
      }
    }

    @media only screen and (max-width:576px) {
      .ant-pagination-options {
        display: none
      }
    }

    .ant-pagination-rtl {
      direction: rtl
    }

    .ant-pagination-rtl .ant-pagination-item,
    .ant-pagination-rtl .ant-pagination-jump-next,
    .ant-pagination-rtl .ant-pagination-jump-prev,
    .ant-pagination-rtl .ant-pagination-prev,
    .ant-pagination-rtl .ant-pagination-total-text {
      margin-right: 0;
      margin-left: 8px
    }

    .ant-pagination-rtl .ant-pagination-slash {
      margin: 0 5px 0 10px
    }

    .ant-pagination-rtl .ant-pagination-options {
      margin-right: 16px;
      margin-left: 0
    }

    .ant-pagination-rtl .ant-pagination-options-size-changer.ant-select,
    .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,
    .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
      margin-right: 0;
      margin-left: 8px
    }

    .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
      margin-right: 2px;
      margin-left: 0
    }

    .ant-select-single .ant-select-selector {
      display: flex
    }

    .ant-select-single .ant-select-selector .ant-select-selection-search {
      position: absolute;
      top: 0;
      right: 11px;
      bottom: 0;
      left: 11px
    }

    .ant-select-single .ant-select-selector .ant-select-selection-search-input {
      width: 100%
    }

    .ant-select-single .ant-select-selector .ant-select-selection-item,
    .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      padding: 0;
      line-height: 30px;
      transition: all .3s
    }

    @supports (-moz-appearance:meterbar) {

      .ant-select-single .ant-select-selector .ant-select-selection-item,
      .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
        line-height: 30px
      }
    }

    .ant-select-single .ant-select-selector .ant-select-selection-item {
      position: relative;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      pointer-events: none
    }

    .ant-select-single .ant-select-selector .ant-select-selection-item:after,
    .ant-select-single .ant-select-selector .ant-select-selection-placeholder:after,
    .ant-select-single .ant-select-selector:after {
      display: inline-block;
      width: 0;
      visibility: hidden;
      content: "\A0"
    }

    .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
      right: 25px
    }

    .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
    .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
      padding-right: 18px
    }

    .ant-select-single.ant-select-open .ant-select-selection-item {
      opacity: .4
    }

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      position: relative;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      transition: all .3s cubic-bezier(.645, .045, .355, 1);
      width: 100%;
      height: 32px;
      padding: 0 11px
    }

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
      cursor: pointer
    }

    .ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      cursor: text
    }

    .ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
      cursor: auto
    }

    .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      border-color: #40a9ff;
      border-right-width: 1px !important;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
    }

    .ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      cursor: not-allowed
    }

    .ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
      cursor: not-allowed
    }

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
      background: transparent;
      border: none;
      outline: none;
      height: 30px
    }

    .ant-select-single.ant-select-customize-input .ant-select-selector:after {
      display: none
    }

    .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
      position: static;
      width: 100%
    }

    .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
      position: absolute;
      right: 0;
      left: 0;
      padding: 0 11px
    }

    .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after {
      display: none
    }

    .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
      height: 40px
    }

    .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
    .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
      line-height: 38px
    }

    .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
      height: 38px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
      height: 24px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
    .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
      line-height: 22px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
      height: 22px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
      right: 7px;
      left: 7px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
      padding: 0 7px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
      right: 28px
    }

    .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
    .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
      padding-right: 21px
    }

    .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
      padding: 0 11px
    }

    .ant-select-multiple .ant-select-selector {
      position: relative;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      transition: all .3s cubic-bezier(.645, .045, .355, 1);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 1px 4px
    }

    .ant-select-multiple .ant-select-selector input {
      cursor: pointer
    }

    .ant-select-show-search.ant-select-multiple .ant-select-selector input {
      cursor: auto
    }

    .ant-select-focused.ant-select-multiple .ant-select-selector {
      border-color: #40a9ff;
      border-right-width: 1px !important;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
    }

    .ant-select-disabled.ant-select-multiple .ant-select-selector {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      cursor: not-allowed
    }

    .ant-select-disabled.ant-select-multiple .ant-select-selector input {
      cursor: not-allowed
    }

    .ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
      background: transparent;
      border: none;
      outline: none
    }

    .ant-select-show-search.ant-select-multiple .ant-select-selector {
      cursor: text
    }

    .ant-select-multiple .ant-select-selector:after {
      display: inline-block;
      width: 0;
      margin: 2px 0;
      line-height: 24px;
      content: "\A0"
    }

    .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
      padding-right: 24px
    }

    .ant-select-multiple .ant-select-selection-item {
      position: relative;
      display: flex;
      flex: none;
      box-sizing: border-box;
      max-width: 100%;
      height: 24px;
      margin-top: 2px;
      margin-right: 4px;
      margin-bottom: 2px;
      padding: 0 4px 0 8px;
      line-height: 22px;
      background: #f5f5f5;
      border: 1px solid #f0f0f0;
      border-radius: 2px;
      cursor: default;
      transition: font-size .3s, line-height .3s, height .3s;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ant-select-multiple .ant-select-selection-item-content {
      display: inline-block;
      margin-right: 4px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .ant-select-multiple .ant-select-selection-item-remove {
      color: inherit;
      font-style: normal;
      line-height: 0;
      text-align: center;
      text-transform: none;
      vertical-align: -.125em;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: rgba(0, 0, 0, .45);
      font-weight: 700;
      font-size: 12px;
      line-height: inherit;
      cursor: pointer;
      display: inline-block;
      font-size: 10px
    }

    .ant-select-multiple .ant-select-selection-item-remove>* {
      line-height: 1
    }

    .ant-select-multiple .ant-select-selection-item-remove svg {
      display: inline-block
    }

    .ant-select-multiple .ant-select-selection-item-remove:before {
      display: none
    }

    .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
      display: block
    }

    .ant-select-multiple .ant-select-selection-item-remove>.anticon {
      vertical-align: -.2em
    }

    .ant-select-multiple .ant-select-selection-item-remove:hover {
      color: rgba(0, 0, 0, .75)
    }

    .ant-select-multiple .ant-select-selection-search {
      position: relative;
      margin-left: .5px
    }

    .ant-select-multiple .ant-select-selection-search-input,
    .ant-select-multiple .ant-select-selection-search-mirror {
      font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
      line-height: 1.5715;
      transition: all .3s
    }

    .ant-select-multiple .ant-select-selection-search-input {
      width: 100%;
      min-width: 3px
    }

    .ant-select-multiple .ant-select-selection-search-mirror {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999;
      white-space: nowrap;
      visibility: hidden
    }

    .ant-select-multiple .ant-select-selection-search:first-child .ant-select-selection-search-input {
      margin-left: 6.5px
    }

    .ant-select-multiple .ant-select-selection-placeholder {
      position: absolute;
      top: 50%;
      right: 11px;
      left: 11px;
      transform: translateY(-50%);
      transition: all .3s
    }

    .ant-select-multiple.ant-select-lg .ant-select-selector:after {
      line-height: 32px
    }

    .ant-select-multiple.ant-select-lg .ant-select-selection-item {
      line-height: 30px
    }

    .ant-select-multiple.ant-select-lg .ant-select-selection-search {
      height: 33px;
      line-height: 33px
    }

    .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
    .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
      height: 32px;
      line-height: 30px
    }

    .ant-select-multiple.ant-select-sm .ant-select-selector:after {
      line-height: 16px
    }

    .ant-select-multiple.ant-select-sm .ant-select-selection-item {
      height: 16px;
      line-height: 14px
    }

    .ant-select-multiple.ant-select-sm .ant-select-selection-search {
      height: 17px;
      line-height: 17px
    }

    .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
    .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
      height: 16px;
      line-height: 14px
    }

    .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
      left: 7px
    }

    .ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
      margin-left: 3px
    }

    .ant-select-multiple.ant-select-lg .ant-select-selection-item {
      height: 32px;
      line-height: 32px
    }

    .ant-select-disabled .ant-select-selection-item-remove {
      display: none
    }

    .ant-select {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-variant: tabular-nums;
      line-height: 1.5715;
      list-style: none;
      font-feature-settings: "tnum";
      position: relative;
      display: inline-block;
      cursor: pointer
    }

    .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
      border-color: #40a9ff;
      border-right-width: 1px !important
    }

    .ant-select-selection-item {
      flex: 1 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    @media (-ms-high-contrast:none) {

      .ant-select-selection-item,
      .ant-select-selection-item ::-ms-backdrop {
        flex: auto
      }
    }

    .ant-select-selection-placeholder {
      flex: 1 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      opacity: .4
    }

    @media (-ms-high-contrast:none) {

      .ant-select-selection-placeholder,
      .ant-select-selection-placeholder ::-ms-backdrop {
        flex: auto
      }
    }

    .ant-select-arrow {
      display: inline-block;
      color: inherit;
      font-style: normal;
      line-height: 0;
      text-transform: none;
      vertical-align: -.125em;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 53%;
      right: 11px;
      width: 12px;
      height: 12px;
      margin-top: -6px;
      color: rgba(0, 0, 0, .25);
      font-size: 12px;
      line-height: 1;
      text-align: center;
      pointer-events: none
    }

    .ant-select-arrow>* {
      line-height: 1
    }

    .ant-select-arrow svg {
      display: inline-block
    }

    .ant-select-arrow:before {
      display: none
    }

    .ant-select-arrow .ant-select-arrow-icon {
      display: block
    }

    .ant-select-arrow .anticon {
      vertical-align: top;
      transition: transform .3s
    }

    .ant-select-arrow .anticon>svg {
      vertical-align: top
    }

    .ant-select-arrow .anticon:not(.anticon-down) {
      pointer-events: auto
    }

    .ant-select-clear {
      position: absolute;
      top: 50%;
      right: 11px;
      z-index: 1;
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-top: -6px;
      color: rgba(0, 0, 0, .25);
      font-size: 12px;
      font-style: normal;
      line-height: 1;
      text-align: center;
      text-transform: none;
      background: #fff;
      cursor: pointer;
      opacity: 0;
      transition: color .3s ease, opacity .15s ease;
      text-rendering: auto
    }

    .ant-select-clear:before {
      display: block
    }

    .ant-select-clear:hover {
      color: rgba(0, 0, 0, .45)
    }

    .ant-select:hover .ant-select-clear {
      opacity: 1
    }

    .ant-select-dropdown {
      margin: 0;
      color: rgba(0, 0, 0, .65);
      font-variant: tabular-nums;
      line-height: 1.5715;
      list-style: none;
      font-feature-settings: "tnum";
      position: absolute;
      top: -9999px;
      left: -9999px;
      z-index: 1050;
      box-sizing: border-box;
      padding: 4px 0;
      overflow: hidden;
      font-size: 14px;
      font-variant: normal;
      background-color: #fff;
      border-radius: 2px;
      outline: none;
      box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
    }

    .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,
    .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
      animation-name: antSlideUpIn
    }

    .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft,
    .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft {
      animation-name: antSlideDownIn
    }

    .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
      animation-name: antSlideUpOut
    }

    .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
      animation-name: antSlideDownOut
    }

    .ant-select-dropdown-hidden {
      display: none
    }

    .ant-select-dropdown-empty {
      color: rgba(0, 0, 0, .25)
    }

    .ant-select-item-empty {
      color: rgba(0, 0, 0, .65);
      color: rgba(0, 0, 0, .25)
    }

    .ant-select-item,
    .ant-select-item-empty {
      position: relative;
      display: block;
      min-height: 32px;
      padding: 5px 12px;
      font-weight: 400;
      font-size: 14px;
      line-height: 22px
    }

    .ant-select-item {
      color: rgba(0, 0, 0, .65);
      cursor: pointer;
      transition: background .3s ease
    }

    .ant-select-item-group {
      color: rgba(0, 0, 0, .45);
      font-size: 12px;
      cursor: default
    }

    .ant-select-item-option {
      display: flex
    }

    .ant-select-item-option-content {
      flex: auto;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .ant-select-item-option-state {
      flex: none
    }

    .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
      background-color: #f5f5f5
    }

    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
      color: rgba(0, 0, 0, .65);
      font-weight: 600;
      background-color: #e6f7ff
    }

    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
      color: #1890ff
    }

    .ant-select-item-option-disabled {
      color: rgba(0, 0, 0, .25);
      cursor: not-allowed
    }

    .ant-select-item-option-grouped {
      padding-left: 24px
    }

    .ant-select-lg {
      font-size: 16px
    }

    .ant-select-borderless .ant-select-selector {
      background-color: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important
    }

    .ant-select-rtl {
      direction: rtl
    }

    .ant-select-rtl .ant-select-arrow,
    .ant-select-rtl .ant-select-clear {
      right: auto;
      left: 11px
    }

    .ant-select-dropdown-rtl {
      direction: rtl
    }

    .ant-select-dropdown-rtl .ant-select-item-option-grouped {
      padding-right: 24px;
      padding-left: 12px
    }

    .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
      padding-right: 4px;
      padding-left: 24px
    }

    .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
      margin-right: 0;
      margin-left: 4px;
      padding: 0 8px 0 4px;
      text-align: right
    }

    .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
      margin-right: 0;
      margin-left: 4px;
      text-align: right
    }

    .ant-select-rtl.ant-select-multiple .ant-select-selection-search {
      margin-right: .5px;
      margin-left: 4px
    }

    .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
      right: 0;
      left: auto
    }

    .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
      right: 11px;
      left: auto
    }

    .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
      right: 7px
    }

    .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
    .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      right: 0;
      left: 9px;
      text-align: right
    }

    .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
      right: 11px;
      left: 25px
    }

    .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
    .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
      padding-right: 0;
      padding-left: 18px
    }

    .ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      padding: 0 11px
    }

    .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
      right: 0
    }

    .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
    .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
      padding-right: 0;
      padding-left: 21px
    }

    .ant-empty {
      margin: 0 8px;
      font-size: 14px;
      line-height: 1.5715;
      text-align: center
    }

    .ant-empty-image {
      height: 100px;
      margin-bottom: 8px
    }

    .ant-empty-image img {
      height: 100%
    }

    .ant-empty-image svg {
      height: 100%;
      margin: auto
    }

    .ant-empty-description {
      margin: 0
    }

    .ant-empty-footer {
      margin-top: 16px
    }

    .ant-empty-normal {
      margin: 32px 0;
      color: rgba(0, 0, 0, .25)
    }

    .ant-empty-normal .ant-empty-image {
      height: 40px
    }

    .ant-empty-small {
      margin: 8px 0;
      color: rgba(0, 0, 0, .25)
    }

    .ant-empty-small .ant-empty-image {
      height: 35px
    }

    .ant-empty-img-default-ellipse {
      fill-opacity: .8;
      fill: #f5f5f5
    }

    .ant-empty-img-default-path-1 {
      fill: #aeb8c2
    }

    .ant-empty-img-default-path-2 {
      fill: url(#linearGradient-1)
    }

    .ant-empty-img-default-path-3 {
      fill: #f5f5f7
    }

    .ant-empty-img-default-path-4,
    .ant-empty-img-default-path-5 {
      fill: #dce0e6
    }

    .ant-empty-img-default-g {
      fill: #fff
    }

    .ant-empty-img-simple-ellipse {
      fill: #f5f5f5
    }

    .ant-empty-img-simple-g {
      stroke: #d9d9d9
    }

    .ant-empty-img-simple-path {
      fill: #fafafa
    }

    .ant-empty-rtl {
      direction: rtl
    }

    .zen-pagination .ant-pagination-item {
      font-family: OpenSans, sans-serif;
      font-size: 14px;
      line-height: 18px;
      font-weight: 400;
      font-style: normal;
      border-color: transparent;
      color: #616e82;
      line-height: 30px
    }

    .zen-pagination .ant-pagination-item :hover {
      border-color: #f3f5f9;
      color: currentColor;
      background-color: #f3f5f9;
      transition: all .3s
    }

    .zen-pagination .ant-pagination-item-active {
      border-color: currentColor;
      color: #24b7ff
    }

    .zen-pagination .ant-pagination-item-active:hover {
      background-color: #fff
    }

    .zen-pagination .ant-pagination-item-link-icon {
      color: #616e82 !important
    }

    .zen-pagination .ant-pagination-item-active>a,
    .zen-pagination .ant-pagination-item-active>a:hover,
    .zen-pagination .ant-pagination-item>a,
    .zen-pagination .ant-pagination-item>a:hover {
      color: currentColor
    }

    .zen-pagination .ant-pagination-jump-next,
    .zen-pagination .ant-pagination-jump-prev,
    .zen-pagination .ant-pagination-next,
    .zen-pagination .ant-pagination-prev {
      font-family: OpenSans, sans-serif;
      font-size: 14px;
      line-height: 18px;
      font-weight: 400;
      font-style: normal;
      line-height: 30px
    }

    .zen-pagination .ant-pagination-jump-next:hover,
    .zen-pagination .ant-pagination-jump-prev:hover,
    .zen-pagination .ant-pagination-next:hover,
    .zen-pagination .ant-pagination-prev:hover {
      color: currentColor;
      background-color: #f3f5f9
    }

    .zen-pagination .ant-pagination-jump-next-active>a,
    .zen-pagination .ant-pagination-jump-next>a,
    .zen-pagination .ant-pagination-jump-prev-active>a,
    .zen-pagination .ant-pagination-jump-prev>a,
    .zen-pagination .ant-pagination-next-active>a,
    .zen-pagination .ant-pagination-next>a,
    .zen-pagination .ant-pagination-prev-active>a,
    .zen-pagination .ant-pagination-prev>a {
      border-color: transparent;
      color: currentColor
    }

    .zen-pagination .ant-pagination-jump-next-active>a:hover,
    .zen-pagination .ant-pagination-jump-next>a:hover,
    .zen-pagination .ant-pagination-jump-prev-active>a:hover,
    .zen-pagination .ant-pagination-jump-prev>a:hover,
    .zen-pagination .ant-pagination-next-active>a:hover,
    .zen-pagination .ant-pagination-next>a:hover,
    .zen-pagination .ant-pagination-prev-active>a:hover,
    .zen-pagination .ant-pagination-prev>a:hover {
      border-color: #f3f5f9;
      color: currentColor;
      background-color: #f3f5f9
    }

    .zen-pagination .ant-pagination-jump-next-active>a:visited,
    .zen-pagination .ant-pagination-jump-next>a:visited,
    .zen-pagination .ant-pagination-jump-prev-active>a:visited,
    .zen-pagination .ant-pagination-jump-prev>a:visited,
    .zen-pagination .ant-pagination-next-active>a:visited,
    .zen-pagination .ant-pagination-next>a:visited,
    .zen-pagination .ant-pagination-prev-active>a:visited,
    .zen-pagination .ant-pagination-prev>a:visited {
      color: currentColor;
      background-color: #f3f5f9
    }

    @keyframes loading {
      to {
        transform: rotate(1turn)
      }
    }

    .zen-icon {
      color: inherit;
      font-style: normal;
      line-height: 0;
      text-align: center;
      text-transform: none;
      vertical-align: -.125em;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .zen-icon,
    .zen-icon svg {
      display: inline-block
    }

    .zen-icon * {
      line-height: 1
    }

    .zen-checkbox {
      font-family: OpenSans, sans-serif;
      line-height: 22px;
      font-weight: 400;
      font-style: normal;
      align-items: center;
      cursor: pointer
    }

    .zen-checkbox,
    .zen-checkbox .check {
      font-size: 16px;
      display: inline-block
    }

    .zen-checkbox .check {
      width: 24px;
      height: 24px;
      margin-right: 16px;
      border-radius: 2px;
      text-align: center;
      color: #c4cbd7;
      background-color: #f3f5f9;
      transition: all .2s ease-in-out
    }

    .zen-checkbox .check.active {
      color: #fff;
      background-color: #24b7ff
    }

    .zen-checkbox .check__s {
      width: 16px;
      height: 16px;
      font-size: 12px;
      line-height: 16px
    }

    .zen-checkbox.disabled {
      cursor: default
    }

    .zen-checkbox.disabled .check {
      background-color: #f3f5f9;
      color: #c4cbd7
    }

    .ant-modal {
      box-sizing: border-box;
      color: rgba(0, 0, 0, .65);
      font-size: 14px;
      font-variant: tabular-nums;
      line-height: 1.5715;
      list-style: none;
      font-feature-settings: "tnum";
      position: relative;
      top: 100px;
      width: auto;
      margin: 0 auto;
      padding: 0 0 24px;
      pointer-events: none
    }

    .ant-modal-wrap {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      overflow: auto;
      outline: 0;
      -webkit-overflow-scrolling: touch
    }

    .ant-modal-title {
      margin: 0;
      color: rgba(0, 0, 0, .85);
      font-weight: 500;
      font-size: 16px;
      line-height: 22px;
      word-wrap: break-word
    }

    .ant-modal-content {
      position: relative;
      background-color: #fff;
      background-clip: padding-box;
      border: 0;
      border-radius: 2px;
      box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
      pointer-events: auto
    }

    .ant-modal-close {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      padding: 0;
      color: rgba(0, 0, 0, .45);
      font-weight: 700;
      line-height: 1;
      text-decoration: none;
      background: transparent;
      border: 0;
      outline: 0;
      cursor: pointer;
      transition: color .3s
    }

    .ant-modal-close-x {
      display: block;
      width: 56px;
      height: 56px;
      font-size: 16px;
      font-style: normal;
      line-height: 56px;
      text-align: center;
      text-transform: none;
      text-rendering: auto
    }

    .ant-modal-close:focus,
    .ant-modal-close:hover {
      color: rgba(0, 0, 0, .75);
      text-decoration: none
    }

    .ant-modal-header {
      padding: 16px 24px;
      color: rgba(0, 0, 0, .65);
      background: #fff;
      border-bottom: 1px solid #f0f0f0;
      border-radius: 2px 2px 0 0
    }

    .ant-modal-body {
      padding: 24px;
      font-size: 14px;
      line-height: 1.5715;
      word-wrap: break-word
    }

    .ant-modal-footer {
      padding: 10px 16px;
      text-align: right;
      background: transparent;
      border-top: 1px solid #f0f0f0;
      border-radius: 0 0 2px 2px
    }

    .ant-modal-footer button+button {
      margin-bottom: 0;
      margin-left: 8px
    }

    .ant-modal.zoom-appear,
    .ant-modal.zoom-enter {
      transform: none;
      opacity: 0;
      animation-duration: .3s;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ant-modal-mask {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      height: 100%;
      background-color: rgba(0, 0, 0, .45);
      filter: alpha(opacity=50)
    }

    .ant-modal-mask-hidden {
      display: none
    }

    .ant-modal-open {
      overflow: hidden
    }

    .ant-modal-centered {
      text-align: center
    }

    .ant-modal-centered:before {
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle;
      content: ""
    }

    .ant-modal-centered .ant-modal {
      top: 0;
      display: inline-block;
      text-align: left;
      vertical-align: middle
    }

    @media (max-width:767px) {
      .ant-modal {
        max-width: calc(100vw - 16px);
        margin: 8px auto
      }

      .ant-modal-centered .ant-modal {
        flex: 1 1
      }
    }

    .ant-modal-confirm .ant-modal-close,
    .ant-modal-confirm .ant-modal-header {
      display: none
    }

    .ant-modal-confirm .ant-modal-body {
      padding: 32px 32px 24px
    }

    .ant-modal-confirm-body-wrapper:before {
      display: table;
      content: ""
    }

    .ant-modal-confirm-body-wrapper:after {
      display: table;
      clear: both;
      content: ""
    }

    .ant-modal-confirm-body .ant-modal-confirm-title {
      display: block;
      overflow: hidden;
      color: rgba(0, 0, 0, .85);
      font-weight: 500;
      font-size: 16px;
      line-height: 1.4
    }

    .ant-modal-confirm-body .ant-modal-confirm-content {
      margin-top: 8px;
      color: rgba(0, 0, 0, .65);
      font-size: 14px
    }

    .ant-modal-confirm-body>.anticon {
      float: left;
      margin-right: 16px;
      font-size: 22px
    }

    .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
      margin-left: 38px
    }

    .ant-modal-confirm .ant-modal-confirm-btns {
      float: right;
      margin-top: 24px
    }

    .ant-modal-confirm .ant-modal-confirm-btns button+button {
      margin-bottom: 0;
      margin-left: 8px
    }

    .ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
      color: #ff4d4f
    }

    .ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,
    .ant-modal-confirm-warning .ant-modal-confirm-body>.anticon {
      color: #faad14
    }

    .ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
      color: #1890ff
    }

    .ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
      color: #52c41a
    }

    .ant-modal-wrap-rtl {
      direction: rtl
    }

    .ant-modal-wrap-rtl .ant-modal-close {
      right: auto;
      left: 0
    }

    .ant-modal-wrap-rtl .ant-modal-footer {
      text-align: left
    }

    .ant-modal-wrap-rtl .ant-modal-footer button+button {
      margin-right: 8px;
      margin-left: 0
    }

    .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
      text-align: right
    }

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

    .ant-btn>.anticon {
      line-height: 1
    }

    .ant-btn,
    .ant-btn:active,
    .ant-btn:focus {
      outline: 0
    }

    .ant-btn:not([disabled]):hover {
      text-decoration: none
    }

    .ant-btn:not([disabled]):active {
      outline: 0;
      box-shadow: none
    }

    .ant-btn.disabled,
    .ant-btn[disabled] {
      cursor: not-allowed
    }

    .ant-btn.disabled>*,
    .ant-btn[disabled]>* {
      pointer-events: none
    }

    .ant-btn-lg {
      height: 40px;
      padding: 6.4px 15px;
      font-size: 16px;
      border-radius: 2px
    }

    .ant-btn-sm {
      height: 24px;
      padding: 0 7px;
      font-size: 14px;
      border-radius: 2px
    }

    .ant-btn>a:only-child {
      color: currentColor
    }

    .ant-btn>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn:focus,
    .ant-btn:hover {
      color: #40a9ff;
      background: #fff;
      border-color: #40a9ff
    }

    .ant-btn:focus>a:only-child,
    .ant-btn:hover>a:only-child {
      color: currentColor
    }

    .ant-btn:focus>a:only-child:after,
    .ant-btn:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn.active,
    .ant-btn:active {
      color: #096dd9;
      background: #fff;
      border-color: #096dd9
    }

    .ant-btn.active>a:only-child,
    .ant-btn:active>a:only-child {
      color: currentColor
    }

    .ant-btn.active>a:only-child:after,
    .ant-btn:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-disabled,
    .ant-btn-disabled.active,
    .ant-btn-disabled:active,
    .ant-btn-disabled:focus,
    .ant-btn-disabled:hover,
    .ant-btn.disabled,
    .ant-btn.disabled.active,
    .ant-btn.disabled:active,
    .ant-btn.disabled:focus,
    .ant-btn.disabled:hover,
    .ant-btn[disabled],
    .ant-btn[disabled].active,
    .ant-btn[disabled]:active,
    .ant-btn[disabled]:focus,
    .ant-btn[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-disabled.active>a:only-child,
    .ant-btn-disabled:active>a:only-child,
    .ant-btn-disabled:focus>a:only-child,
    .ant-btn-disabled:hover>a:only-child,
    .ant-btn-disabled>a:only-child,
    .ant-btn.disabled.active>a:only-child,
    .ant-btn.disabled:active>a:only-child,
    .ant-btn.disabled:focus>a:only-child,
    .ant-btn.disabled:hover>a:only-child,
    .ant-btn.disabled>a:only-child,
    .ant-btn[disabled].active>a:only-child,
    .ant-btn[disabled]:active>a:only-child,
    .ant-btn[disabled]:focus>a:only-child,
    .ant-btn[disabled]:hover>a:only-child,
    .ant-btn[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-disabled.active>a:only-child:after,
    .ant-btn-disabled:active>a:only-child:after,
    .ant-btn-disabled:focus>a:only-child:after,
    .ant-btn-disabled:hover>a:only-child:after,
    .ant-btn-disabled>a:only-child:after,
    .ant-btn.disabled.active>a:only-child:after,
    .ant-btn.disabled:active>a:only-child:after,
    .ant-btn.disabled:focus>a:only-child:after,
    .ant-btn.disabled:hover>a:only-child:after,
    .ant-btn.disabled>a:only-child:after,
    .ant-btn[disabled].active>a:only-child:after,
    .ant-btn[disabled]:active>a:only-child:after,
    .ant-btn[disabled]:focus>a:only-child:after,
    .ant-btn[disabled]:hover>a:only-child:after,
    .ant-btn[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn.active,
    .ant-btn:active,
    .ant-btn:focus,
    .ant-btn:hover {
      text-decoration: none;
      background: #fff
    }

    .ant-btn>span {
      display: inline-block
    }

    .ant-btn-primary {
      color: #fff;
      background: #1890ff;
      border-color: #1890ff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
      box-shadow: 0 2px 0 rgba(0, 0, 0, .045)
    }

    .ant-btn-primary>a:only-child {
      color: currentColor
    }

    .ant-btn-primary>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-primary:focus,
    .ant-btn-primary:hover {
      color: #fff;
      background: #40a9ff;
      border-color: #40a9ff
    }

    .ant-btn-primary:focus>a:only-child,
    .ant-btn-primary:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-primary:focus>a:only-child:after,
    .ant-btn-primary:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-primary.active,
    .ant-btn-primary:active {
      color: #fff;
      background: #096dd9;
      border-color: #096dd9
    }

    .ant-btn-primary.active>a:only-child,
    .ant-btn-primary:active>a:only-child {
      color: currentColor
    }

    .ant-btn-primary.active>a:only-child:after,
    .ant-btn-primary:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-primary-disabled,
    .ant-btn-primary-disabled.active,
    .ant-btn-primary-disabled:active,
    .ant-btn-primary-disabled:focus,
    .ant-btn-primary-disabled:hover,
    .ant-btn-primary.disabled,
    .ant-btn-primary.disabled.active,
    .ant-btn-primary.disabled:active,
    .ant-btn-primary.disabled:focus,
    .ant-btn-primary.disabled:hover,
    .ant-btn-primary[disabled],
    .ant-btn-primary[disabled].active,
    .ant-btn-primary[disabled]:active,
    .ant-btn-primary[disabled]:focus,
    .ant-btn-primary[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-primary-disabled.active>a:only-child,
    .ant-btn-primary-disabled:active>a:only-child,
    .ant-btn-primary-disabled:focus>a:only-child,
    .ant-btn-primary-disabled:hover>a:only-child,
    .ant-btn-primary-disabled>a:only-child,
    .ant-btn-primary.disabled.active>a:only-child,
    .ant-btn-primary.disabled:active>a:only-child,
    .ant-btn-primary.disabled:focus>a:only-child,
    .ant-btn-primary.disabled:hover>a:only-child,
    .ant-btn-primary.disabled>a:only-child,
    .ant-btn-primary[disabled].active>a:only-child,
    .ant-btn-primary[disabled]:active>a:only-child,
    .ant-btn-primary[disabled]:focus>a:only-child,
    .ant-btn-primary[disabled]:hover>a:only-child,
    .ant-btn-primary[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-primary-disabled.active>a:only-child:after,
    .ant-btn-primary-disabled:active>a:only-child:after,
    .ant-btn-primary-disabled:focus>a:only-child:after,
    .ant-btn-primary-disabled:hover>a:only-child:after,
    .ant-btn-primary-disabled>a:only-child:after,
    .ant-btn-primary.disabled.active>a:only-child:after,
    .ant-btn-primary.disabled:active>a:only-child:after,
    .ant-btn-primary.disabled:focus>a:only-child:after,
    .ant-btn-primary.disabled:hover>a:only-child:after,
    .ant-btn-primary.disabled>a:only-child:after,
    .ant-btn-primary[disabled].active>a:only-child:after,
    .ant-btn-primary[disabled]:active>a:only-child:after,
    .ant-btn-primary[disabled]:focus>a:only-child:after,
    .ant-btn-primary[disabled]:hover>a:only-child:after,
    .ant-btn-primary[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
      border-right-color: #40a9ff;
      border-left-color: #40a9ff
    }

    .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
      border-color: #d9d9d9
    }

    .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
      border-right-color: #40a9ff
    }

    .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
      border-right-color: #d9d9d9
    }

    .ant-btn-group .ant-btn-primary+.ant-btn-primary,
    .ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
      border-left-color: #40a9ff
    }

    .ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],
    .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
      border-left-color: #d9d9d9
    }

    .ant-btn-ghost {
      color: rgba(0, 0, 0, .65);
      background: transparent;
      border-color: #d9d9d9
    }

    .ant-btn-ghost>a:only-child {
      color: currentColor
    }

    .ant-btn-ghost>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-ghost:focus,
    .ant-btn-ghost:hover {
      color: #40a9ff;
      background: transparent;
      border-color: #40a9ff
    }

    .ant-btn-ghost:focus>a:only-child,
    .ant-btn-ghost:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-ghost:focus>a:only-child:after,
    .ant-btn-ghost:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-ghost.active,
    .ant-btn-ghost:active {
      color: #096dd9;
      background: transparent;
      border-color: #096dd9
    }

    .ant-btn-ghost.active>a:only-child,
    .ant-btn-ghost:active>a:only-child {
      color: currentColor
    }

    .ant-btn-ghost.active>a:only-child:after,
    .ant-btn-ghost:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-ghost-disabled,
    .ant-btn-ghost-disabled.active,
    .ant-btn-ghost-disabled:active,
    .ant-btn-ghost-disabled:focus,
    .ant-btn-ghost-disabled:hover,
    .ant-btn-ghost.disabled,
    .ant-btn-ghost.disabled.active,
    .ant-btn-ghost.disabled:active,
    .ant-btn-ghost.disabled:focus,
    .ant-btn-ghost.disabled:hover,
    .ant-btn-ghost[disabled],
    .ant-btn-ghost[disabled].active,
    .ant-btn-ghost[disabled]:active,
    .ant-btn-ghost[disabled]:focus,
    .ant-btn-ghost[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-ghost-disabled.active>a:only-child,
    .ant-btn-ghost-disabled:active>a:only-child,
    .ant-btn-ghost-disabled:focus>a:only-child,
    .ant-btn-ghost-disabled:hover>a:only-child,
    .ant-btn-ghost-disabled>a:only-child,
    .ant-btn-ghost.disabled.active>a:only-child,
    .ant-btn-ghost.disabled:active>a:only-child,
    .ant-btn-ghost.disabled:focus>a:only-child,
    .ant-btn-ghost.disabled:hover>a:only-child,
    .ant-btn-ghost.disabled>a:only-child,
    .ant-btn-ghost[disabled].active>a:only-child,
    .ant-btn-ghost[disabled]:active>a:only-child,
    .ant-btn-ghost[disabled]:focus>a:only-child,
    .ant-btn-ghost[disabled]:hover>a:only-child,
    .ant-btn-ghost[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-ghost-disabled.active>a:only-child:after,
    .ant-btn-ghost-disabled:active>a:only-child:after,
    .ant-btn-ghost-disabled:focus>a:only-child:after,
    .ant-btn-ghost-disabled:hover>a:only-child:after,
    .ant-btn-ghost-disabled>a:only-child:after,
    .ant-btn-ghost.disabled.active>a:only-child:after,
    .ant-btn-ghost.disabled:active>a:only-child:after,
    .ant-btn-ghost.disabled:focus>a:only-child:after,
    .ant-btn-ghost.disabled:hover>a:only-child:after,
    .ant-btn-ghost.disabled>a:only-child:after,
    .ant-btn-ghost[disabled].active>a:only-child:after,
    .ant-btn-ghost[disabled]:active>a:only-child:after,
    .ant-btn-ghost[disabled]:focus>a:only-child:after,
    .ant-btn-ghost[disabled]:hover>a:only-child:after,
    .ant-btn-ghost[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dashed {
      color: rgba(0, 0, 0, .65);
      background: #fff;
      border-color: #d9d9d9;
      border-style: dashed
    }

    .ant-btn-dashed>a:only-child {
      color: currentColor
    }

    .ant-btn-dashed>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dashed:focus,
    .ant-btn-dashed:hover {
      color: #40a9ff;
      background: #fff;
      border-color: #40a9ff
    }

    .ant-btn-dashed:focus>a:only-child,
    .ant-btn-dashed:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-dashed:focus>a:only-child:after,
    .ant-btn-dashed:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dashed.active,
    .ant-btn-dashed:active {
      color: #096dd9;
      background: #fff;
      border-color: #096dd9
    }

    .ant-btn-dashed.active>a:only-child,
    .ant-btn-dashed:active>a:only-child {
      color: currentColor
    }

    .ant-btn-dashed.active>a:only-child:after,
    .ant-btn-dashed:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dashed-disabled,
    .ant-btn-dashed-disabled.active,
    .ant-btn-dashed-disabled:active,
    .ant-btn-dashed-disabled:focus,
    .ant-btn-dashed-disabled:hover,
    .ant-btn-dashed.disabled,
    .ant-btn-dashed.disabled.active,
    .ant-btn-dashed.disabled:active,
    .ant-btn-dashed.disabled:focus,
    .ant-btn-dashed.disabled:hover,
    .ant-btn-dashed[disabled],
    .ant-btn-dashed[disabled].active,
    .ant-btn-dashed[disabled]:active,
    .ant-btn-dashed[disabled]:focus,
    .ant-btn-dashed[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-dashed-disabled.active>a:only-child,
    .ant-btn-dashed-disabled:active>a:only-child,
    .ant-btn-dashed-disabled:focus>a:only-child,
    .ant-btn-dashed-disabled:hover>a:only-child,
    .ant-btn-dashed-disabled>a:only-child,
    .ant-btn-dashed.disabled.active>a:only-child,
    .ant-btn-dashed.disabled:active>a:only-child,
    .ant-btn-dashed.disabled:focus>a:only-child,
    .ant-btn-dashed.disabled:hover>a:only-child,
    .ant-btn-dashed.disabled>a:only-child,
    .ant-btn-dashed[disabled].active>a:only-child,
    .ant-btn-dashed[disabled]:active>a:only-child,
    .ant-btn-dashed[disabled]:focus>a:only-child,
    .ant-btn-dashed[disabled]:hover>a:only-child,
    .ant-btn-dashed[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-dashed-disabled.active>a:only-child:after,
    .ant-btn-dashed-disabled:active>a:only-child:after,
    .ant-btn-dashed-disabled:focus>a:only-child:after,
    .ant-btn-dashed-disabled:hover>a:only-child:after,
    .ant-btn-dashed-disabled>a:only-child:after,
    .ant-btn-dashed.disabled.active>a:only-child:after,
    .ant-btn-dashed.disabled:active>a:only-child:after,
    .ant-btn-dashed.disabled:focus>a:only-child:after,
    .ant-btn-dashed.disabled:hover>a:only-child:after,
    .ant-btn-dashed.disabled>a:only-child:after,
    .ant-btn-dashed[disabled].active>a:only-child:after,
    .ant-btn-dashed[disabled]:active>a:only-child:after,
    .ant-btn-dashed[disabled]:focus>a:only-child:after,
    .ant-btn-dashed[disabled]:hover>a:only-child:after,
    .ant-btn-dashed[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-danger {
      color: #fff;
      background: #ff4d4f;
      border-color: #ff4d4f;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
      box-shadow: 0 2px 0 rgba(0, 0, 0, .045)
    }

    .ant-btn-danger>a:only-child {
      color: currentColor
    }

    .ant-btn-danger>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-danger:focus,
    .ant-btn-danger:hover {
      color: #fff;
      background: #ff7875;
      border-color: #ff7875
    }

    .ant-btn-danger:focus>a:only-child,
    .ant-btn-danger:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-danger:focus>a:only-child:after,
    .ant-btn-danger:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-danger.active,
    .ant-btn-danger:active {
      color: #fff;
      background: #d9363e;
      border-color: #d9363e
    }

    .ant-btn-danger.active>a:only-child,
    .ant-btn-danger:active>a:only-child {
      color: currentColor
    }

    .ant-btn-danger.active>a:only-child:after,
    .ant-btn-danger:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-danger-disabled,
    .ant-btn-danger-disabled.active,
    .ant-btn-danger-disabled:active,
    .ant-btn-danger-disabled:focus,
    .ant-btn-danger-disabled:hover,
    .ant-btn-danger.disabled,
    .ant-btn-danger.disabled.active,
    .ant-btn-danger.disabled:active,
    .ant-btn-danger.disabled:focus,
    .ant-btn-danger.disabled:hover,
    .ant-btn-danger[disabled],
    .ant-btn-danger[disabled].active,
    .ant-btn-danger[disabled]:active,
    .ant-btn-danger[disabled]:focus,
    .ant-btn-danger[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-danger-disabled.active>a:only-child,
    .ant-btn-danger-disabled:active>a:only-child,
    .ant-btn-danger-disabled:focus>a:only-child,
    .ant-btn-danger-disabled:hover>a:only-child,
    .ant-btn-danger-disabled>a:only-child,
    .ant-btn-danger.disabled.active>a:only-child,
    .ant-btn-danger.disabled:active>a:only-child,
    .ant-btn-danger.disabled:focus>a:only-child,
    .ant-btn-danger.disabled:hover>a:only-child,
    .ant-btn-danger.disabled>a:only-child,
    .ant-btn-danger[disabled].active>a:only-child,
    .ant-btn-danger[disabled]:active>a:only-child,
    .ant-btn-danger[disabled]:focus>a:only-child,
    .ant-btn-danger[disabled]:hover>a:only-child,
    .ant-btn-danger[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-danger-disabled.active>a:only-child:after,
    .ant-btn-danger-disabled:active>a:only-child:after,
    .ant-btn-danger-disabled:focus>a:only-child:after,
    .ant-btn-danger-disabled:hover>a:only-child:after,
    .ant-btn-danger-disabled>a:only-child:after,
    .ant-btn-danger.disabled.active>a:only-child:after,
    .ant-btn-danger.disabled:active>a:only-child:after,
    .ant-btn-danger.disabled:focus>a:only-child:after,
    .ant-btn-danger.disabled:hover>a:only-child:after,
    .ant-btn-danger.disabled>a:only-child:after,
    .ant-btn-danger[disabled].active>a:only-child:after,
    .ant-btn-danger[disabled]:active>a:only-child:after,
    .ant-btn-danger[disabled]:focus>a:only-child:after,
    .ant-btn-danger[disabled]:hover>a:only-child:after,
    .ant-btn-danger[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-link {
      color: #1890ff;
      background: transparent;
      border-color: transparent;
      box-shadow: none
    }

    .ant-btn-link>a:only-child {
      color: currentColor
    }

    .ant-btn-link>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-link:focus,
    .ant-btn-link:hover {
      color: #40a9ff;
      background: transparent;
      border-color: #40a9ff
    }

    .ant-btn-link:focus>a:only-child,
    .ant-btn-link:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-link:focus>a:only-child:after,
    .ant-btn-link:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-link.active,
    .ant-btn-link:active {
      color: #096dd9;
      background: transparent;
      border-color: #096dd9
    }

    .ant-btn-link.active>a:only-child,
    .ant-btn-link:active>a:only-child {
      color: currentColor
    }

    .ant-btn-link.active>a:only-child:after,
    .ant-btn-link:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-link-disabled,
    .ant-btn-link-disabled.active,
    .ant-btn-link-disabled:active,
    .ant-btn-link-disabled:focus,
    .ant-btn-link-disabled:hover,
    .ant-btn-link.disabled,
    .ant-btn-link.disabled.active,
    .ant-btn-link.disabled:active,
    .ant-btn-link.disabled:focus,
    .ant-btn-link.disabled:hover,
    .ant-btn-link[disabled],
    .ant-btn-link[disabled].active,
    .ant-btn-link[disabled]:active,
    .ant-btn-link[disabled]:focus,
    .ant-btn-link[disabled]:hover {
      background: #f5f5f5;
      border-color: #d9d9d9
    }

    .ant-btn-link:hover {
      background: transparent
    }

    .ant-btn-link:active,
    .ant-btn-link:focus,
    .ant-btn-link:hover {
      border-color: transparent
    }

    .ant-btn-link-disabled,
    .ant-btn-link-disabled.active,
    .ant-btn-link-disabled:active,
    .ant-btn-link-disabled:focus,
    .ant-btn-link-disabled:hover,
    .ant-btn-link.disabled,
    .ant-btn-link.disabled.active,
    .ant-btn-link.disabled:active,
    .ant-btn-link.disabled:focus,
    .ant-btn-link.disabled:hover,
    .ant-btn-link[disabled],
    .ant-btn-link[disabled].active,
    .ant-btn-link[disabled]:active,
    .ant-btn-link[disabled]:focus,
    .ant-btn-link[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: transparent;
      border-color: transparent;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-link-disabled.active>a:only-child,
    .ant-btn-link-disabled:active>a:only-child,
    .ant-btn-link-disabled:focus>a:only-child,
    .ant-btn-link-disabled:hover>a:only-child,
    .ant-btn-link-disabled>a:only-child,
    .ant-btn-link.disabled.active>a:only-child,
    .ant-btn-link.disabled:active>a:only-child,
    .ant-btn-link.disabled:focus>a:only-child,
    .ant-btn-link.disabled:hover>a:only-child,
    .ant-btn-link.disabled>a:only-child,
    .ant-btn-link[disabled].active>a:only-child,
    .ant-btn-link[disabled]:active>a:only-child,
    .ant-btn-link[disabled]:focus>a:only-child,
    .ant-btn-link[disabled]:hover>a:only-child,
    .ant-btn-link[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-link-disabled.active>a:only-child:after,
    .ant-btn-link-disabled:active>a:only-child:after,
    .ant-btn-link-disabled:focus>a:only-child:after,
    .ant-btn-link-disabled:hover>a:only-child:after,
    .ant-btn-link-disabled>a:only-child:after,
    .ant-btn-link.disabled.active>a:only-child:after,
    .ant-btn-link.disabled:active>a:only-child:after,
    .ant-btn-link.disabled:focus>a:only-child:after,
    .ant-btn-link.disabled:hover>a:only-child:after,
    .ant-btn-link.disabled>a:only-child:after,
    .ant-btn-link[disabled].active>a:only-child:after,
    .ant-btn-link[disabled]:active>a:only-child:after,
    .ant-btn-link[disabled]:focus>a:only-child:after,
    .ant-btn-link[disabled]:hover>a:only-child:after,
    .ant-btn-link[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-text {
      color: rgba(0, 0, 0, .65);
      background: transparent;
      border-color: transparent;
      box-shadow: none
    }

    .ant-btn-text>a:only-child {
      color: currentColor
    }

    .ant-btn-text>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-text:focus,
    .ant-btn-text:hover {
      color: #40a9ff;
      background: transparent;
      border-color: #40a9ff
    }

    .ant-btn-text:focus>a:only-child,
    .ant-btn-text:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-text:focus>a:only-child:after,
    .ant-btn-text:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-text.active,
    .ant-btn-text:active {
      color: #096dd9;
      background: transparent;
      border-color: #096dd9
    }

    .ant-btn-text.active>a:only-child,
    .ant-btn-text:active>a:only-child {
      color: currentColor
    }

    .ant-btn-text.active>a:only-child:after,
    .ant-btn-text:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-text-disabled,
    .ant-btn-text-disabled.active,
    .ant-btn-text-disabled:active,
    .ant-btn-text-disabled:focus,
    .ant-btn-text-disabled:hover,
    .ant-btn-text.disabled,
    .ant-btn-text.disabled.active,
    .ant-btn-text.disabled:active,
    .ant-btn-text.disabled:focus,
    .ant-btn-text.disabled:hover,
    .ant-btn-text[disabled],
    .ant-btn-text[disabled].active,
    .ant-btn-text[disabled]:active,
    .ant-btn-text[disabled]:focus,
    .ant-btn-text[disabled]:hover {
      background: #f5f5f5;
      border-color: #d9d9d9
    }

    .ant-btn-text:focus,
    .ant-btn-text:hover {
      color: rgba(0, 0, 0, .65);
      background: rgba(0, 0, 0, .018);
      border-color: transparent
    }

    .ant-btn-text:active {
      color: rgba(0, 0, 0, .65);
      background: rgba(0, 0, 0, .028);
      border-color: transparent
    }

    .ant-btn-text-disabled,
    .ant-btn-text-disabled.active,
    .ant-btn-text-disabled:active,
    .ant-btn-text-disabled:focus,
    .ant-btn-text-disabled:hover,
    .ant-btn-text.disabled,
    .ant-btn-text.disabled.active,
    .ant-btn-text.disabled:active,
    .ant-btn-text.disabled:focus,
    .ant-btn-text.disabled:hover,
    .ant-btn-text[disabled],
    .ant-btn-text[disabled].active,
    .ant-btn-text[disabled]:active,
    .ant-btn-text[disabled]:focus,
    .ant-btn-text[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: transparent;
      border-color: transparent;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-text-disabled.active>a:only-child,
    .ant-btn-text-disabled:active>a:only-child,
    .ant-btn-text-disabled:focus>a:only-child,
    .ant-btn-text-disabled:hover>a:only-child,
    .ant-btn-text-disabled>a:only-child,
    .ant-btn-text.disabled.active>a:only-child,
    .ant-btn-text.disabled:active>a:only-child,
    .ant-btn-text.disabled:focus>a:only-child,
    .ant-btn-text.disabled:hover>a:only-child,
    .ant-btn-text.disabled>a:only-child,
    .ant-btn-text[disabled].active>a:only-child,
    .ant-btn-text[disabled]:active>a:only-child,
    .ant-btn-text[disabled]:focus>a:only-child,
    .ant-btn-text[disabled]:hover>a:only-child,
    .ant-btn-text[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-text-disabled.active>a:only-child:after,
    .ant-btn-text-disabled:active>a:only-child:after,
    .ant-btn-text-disabled:focus>a:only-child:after,
    .ant-btn-text-disabled:hover>a:only-child:after,
    .ant-btn-text-disabled>a:only-child:after,
    .ant-btn-text.disabled.active>a:only-child:after,
    .ant-btn-text.disabled:active>a:only-child:after,
    .ant-btn-text.disabled:focus>a:only-child:after,
    .ant-btn-text.disabled:hover>a:only-child:after,
    .ant-btn-text.disabled>a:only-child:after,
    .ant-btn-text[disabled].active>a:only-child:after,
    .ant-btn-text[disabled]:active>a:only-child:after,
    .ant-btn-text[disabled]:focus>a:only-child:after,
    .ant-btn-text[disabled]:hover>a:only-child:after,
    .ant-btn-text[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous {
      color: #ff4d4f;
      background: #fff;
      border-color: #ff4d4f
    }

    .ant-btn-dangerous>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous:focus,
    .ant-btn-dangerous:hover {
      color: #ff7875;
      background: #fff;
      border-color: #ff7875
    }

    .ant-btn-dangerous:focus>a:only-child,
    .ant-btn-dangerous:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous:focus>a:only-child:after,
    .ant-btn-dangerous:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.active,
    .ant-btn-dangerous:active {
      color: #d9363e;
      background: #fff;
      border-color: #d9363e
    }

    .ant-btn-dangerous.active>a:only-child,
    .ant-btn-dangerous:active>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.active>a:only-child:after,
    .ant-btn-dangerous:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous-disabled,
    .ant-btn-dangerous-disabled.active,
    .ant-btn-dangerous-disabled:active,
    .ant-btn-dangerous-disabled:focus,
    .ant-btn-dangerous-disabled:hover,
    .ant-btn-dangerous.disabled,
    .ant-btn-dangerous.disabled.active,
    .ant-btn-dangerous.disabled:active,
    .ant-btn-dangerous.disabled:focus,
    .ant-btn-dangerous.disabled:hover,
    .ant-btn-dangerous[disabled],
    .ant-btn-dangerous[disabled].active,
    .ant-btn-dangerous[disabled]:active,
    .ant-btn-dangerous[disabled]:focus,
    .ant-btn-dangerous[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-dangerous-disabled.active>a:only-child,
    .ant-btn-dangerous-disabled:active>a:only-child,
    .ant-btn-dangerous-disabled:focus>a:only-child,
    .ant-btn-dangerous-disabled:hover>a:only-child,
    .ant-btn-dangerous-disabled>a:only-child,
    .ant-btn-dangerous.disabled.active>a:only-child,
    .ant-btn-dangerous.disabled:active>a:only-child,
    .ant-btn-dangerous.disabled:focus>a:only-child,
    .ant-btn-dangerous.disabled:hover>a:only-child,
    .ant-btn-dangerous.disabled>a:only-child,
    .ant-btn-dangerous[disabled].active>a:only-child,
    .ant-btn-dangerous[disabled]:active>a:only-child,
    .ant-btn-dangerous[disabled]:focus>a:only-child,
    .ant-btn-dangerous[disabled]:hover>a:only-child,
    .ant-btn-dangerous[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous-disabled.active>a:only-child:after,
    .ant-btn-dangerous-disabled:active>a:only-child:after,
    .ant-btn-dangerous-disabled:focus>a:only-child:after,
    .ant-btn-dangerous-disabled:hover>a:only-child:after,
    .ant-btn-dangerous-disabled>a:only-child:after,
    .ant-btn-dangerous.disabled.active>a:only-child:after,
    .ant-btn-dangerous.disabled:active>a:only-child:after,
    .ant-btn-dangerous.disabled:focus>a:only-child:after,
    .ant-btn-dangerous.disabled:hover>a:only-child:after,
    .ant-btn-dangerous.disabled>a:only-child:after,
    .ant-btn-dangerous[disabled].active>a:only-child:after,
    .ant-btn-dangerous[disabled]:active>a:only-child:after,
    .ant-btn-dangerous[disabled]:focus>a:only-child:after,
    .ant-btn-dangerous[disabled]:hover>a:only-child:after,
    .ant-btn-dangerous[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-primary {
      color: #fff;
      background: #ff4d4f;
      border-color: #ff4d4f;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
      box-shadow: 0 2px 0 rgba(0, 0, 0, .045)
    }

    .ant-btn-dangerous.ant-btn-primary>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-primary>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-primary:focus,
    .ant-btn-dangerous.ant-btn-primary:hover {
      color: #fff;
      background: #ff7875;
      border-color: #ff7875
    }

    .ant-btn-dangerous.ant-btn-primary:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-primary:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-primary:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-primary.active,
    .ant-btn-dangerous.ant-btn-primary:active {
      color: #fff;
      background: #d9363e;
      border-color: #d9363e
    }

    .ant-btn-dangerous.ant-btn-primary.active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary:active>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-primary.active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-primary-disabled,
    .ant-btn-dangerous.ant-btn-primary-disabled.active,
    .ant-btn-dangerous.ant-btn-primary-disabled:active,
    .ant-btn-dangerous.ant-btn-primary-disabled:focus,
    .ant-btn-dangerous.ant-btn-primary-disabled:hover,
    .ant-btn-dangerous.ant-btn-primary.disabled,
    .ant-btn-dangerous.ant-btn-primary.disabled.active,
    .ant-btn-dangerous.ant-btn-primary.disabled:active,
    .ant-btn-dangerous.ant-btn-primary.disabled:focus,
    .ant-btn-dangerous.ant-btn-primary.disabled:hover,
    .ant-btn-dangerous.ant-btn-primary[disabled],
    .ant-btn-dangerous.ant-btn-primary[disabled].active,
    .ant-btn-dangerous.ant-btn-primary[disabled]:active,
    .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
    .ant-btn-dangerous.ant-btn-primary[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-dangerous.ant-btn-primary-disabled.active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary-disabled:active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary-disabled:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-primary-disabled:hover>a:only-child,
    .ant-btn-dangerous.ant-btn-primary-disabled>a:only-child,
    .ant-btn-dangerous.ant-btn-primary.disabled.active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary.disabled:active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary.disabled:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-primary.disabled:hover>a:only-child,
    .ant-btn-dangerous.ant-btn-primary.disabled>a:only-child,
    .ant-btn-dangerous.ant-btn-primary[disabled].active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,
    .ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,
    .ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-primary-disabled.active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary-disabled:active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary-disabled:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary-disabled:hover>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary-disabled>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary.disabled.active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary.disabled:active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary.disabled:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary.disabled:hover>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary.disabled>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary[disabled].active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child:after,
    .ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-link {
      color: #ff4d4f;
      background: transparent;
      border-color: transparent;
      box-shadow: none
    }

    .ant-btn-dangerous.ant-btn-link>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-link>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-link:focus,
    .ant-btn-dangerous.ant-btn-link:hover {
      color: #40a9ff;
      border-color: #40a9ff
    }

    .ant-btn-dangerous.ant-btn-link.active,
    .ant-btn-dangerous.ant-btn-link:active {
      color: #096dd9;
      background: transparent;
      border-color: #096dd9
    }

    .ant-btn-dangerous.ant-btn-link.active>a:only-child,
    .ant-btn-dangerous.ant-btn-link:active>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-link.active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-link-disabled,
    .ant-btn-dangerous.ant-btn-link-disabled.active,
    .ant-btn-dangerous.ant-btn-link-disabled:active,
    .ant-btn-dangerous.ant-btn-link-disabled:focus,
    .ant-btn-dangerous.ant-btn-link-disabled:hover,
    .ant-btn-dangerous.ant-btn-link.disabled,
    .ant-btn-dangerous.ant-btn-link.disabled.active,
    .ant-btn-dangerous.ant-btn-link.disabled:active,
    .ant-btn-dangerous.ant-btn-link.disabled:focus,
    .ant-btn-dangerous.ant-btn-link.disabled:hover,
    .ant-btn-dangerous.ant-btn-link[disabled],
    .ant-btn-dangerous.ant-btn-link[disabled].active,
    .ant-btn-dangerous.ant-btn-link[disabled]:active,
    .ant-btn-dangerous.ant-btn-link[disabled]:focus,
    .ant-btn-dangerous.ant-btn-link[disabled]:hover {
      background: #f5f5f5;
      border-color: #d9d9d9
    }

    .ant-btn-dangerous.ant-btn-link:focus,
    .ant-btn-dangerous.ant-btn-link:hover {
      color: #ff7875;
      background: transparent;
      border-color: transparent
    }

    .ant-btn-dangerous.ant-btn-link:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-link:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-link:active {
      color: #d9363e;
      background: transparent;
      border-color: transparent
    }

    .ant-btn-dangerous.ant-btn-link:active>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-dangerous.ant-btn-link-disabled,
    .ant-btn-dangerous.ant-btn-link-disabled.active,
    .ant-btn-dangerous.ant-btn-link-disabled:active,
    .ant-btn-dangerous.ant-btn-link-disabled:focus,
    .ant-btn-dangerous.ant-btn-link-disabled:hover,
    .ant-btn-dangerous.ant-btn-link.disabled,
    .ant-btn-dangerous.ant-btn-link.disabled.active,
    .ant-btn-dangerous.ant-btn-link.disabled:active,
    .ant-btn-dangerous.ant-btn-link.disabled:focus,
    .ant-btn-dangerous.ant-btn-link.disabled:hover,
    .ant-btn-dangerous.ant-btn-link[disabled],
    .ant-btn-dangerous.ant-btn-link[disabled].active,
    .ant-btn-dangerous.ant-btn-link[disabled]:active,
    .ant-btn-dangerous.ant-btn-link[disabled]:focus,
    .ant-btn-dangerous.ant-btn-link[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: transparent;
      border-color: transparent;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-dangerous.ant-btn-link-disabled.active>a:only-child,
    .ant-btn-dangerous.ant-btn-link-disabled:active>a:only-child,
    .ant-btn-dangerous.ant-btn-link-disabled:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-link-disabled:hover>a:only-child,
    .ant-btn-dangerous.ant-btn-link-disabled>a:only-child,
    .ant-btn-dangerous.ant-btn-link.disabled.active>a:only-child,
    .ant-btn-dangerous.ant-btn-link.disabled:active>a:only-child,
    .ant-btn-dangerous.ant-btn-link.disabled:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-link.disabled:hover>a:only-child,
    .ant-btn-dangerous.ant-btn-link.disabled>a:only-child,
    .ant-btn-dangerous.ant-btn-link[disabled].active>a:only-child,
    .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,
    .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
    .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
    .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-dangerous.ant-btn-link-disabled.active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link-disabled:active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link-disabled:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link-disabled:hover>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link-disabled>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link.disabled.active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link.disabled:active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link.disabled:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link.disabled:hover>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link.disabled>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link[disabled].active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,
    .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-icon-only {
      width: 32px;
      height: 32px;
      padding: 2.4px 0;
      font-size: 16px;
      border-radius: 2px;
      vertical-align: -.5px
    }

    .ant-btn-icon-only>* {
      font-size: 16px
    }

    .ant-btn-icon-only.ant-btn-lg {
      width: 40px;
      height: 40px;
      padding: 4.9px 0;
      font-size: 18px;
      border-radius: 2px
    }

    .ant-btn-icon-only.ant-btn-lg>* {
      font-size: 18px
    }

    .ant-btn-icon-only.ant-btn-sm {
      width: 24px;
      height: 24px;
      padding: 0;
      font-size: 14px;
      border-radius: 2px
    }

    .ant-btn-icon-only.ant-btn-sm>* {
      font-size: 14px
    }

    .ant-btn-round {
      height: 32px;
      padding: 4px 16px;
      font-size: 14px;
      border-radius: 32px
    }

    .ant-btn-round.ant-btn-lg {
      height: 40px;
      padding: 6.4px 20px;
      font-size: 16px;
      border-radius: 40px
    }

    .ant-btn-round.ant-btn-sm {
      height: 24px;
      padding: 0 12px;
      font-size: 14px;
      border-radius: 24px
    }

    .ant-btn-round.ant-btn-icon-only {
      width: auto
    }

    .ant-btn-circle,
    .ant-btn-circle-outline {
      min-width: 32px;
      padding-right: 0;
      padding-left: 0;
      text-align: center;
      border-radius: 50%
    }

    .ant-btn-circle-outline.ant-btn-lg,
    .ant-btn-circle.ant-btn-lg {
      min-width: 40px;
      border-radius: 50%
    }

    .ant-btn-circle-outline.ant-btn-sm,
    .ant-btn-circle.ant-btn-sm {
      min-width: 24px;
      border-radius: 50%
    }

    .ant-btn:before {
      position: absolute;
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
      z-index: 1;
      display: none;
      background: #fff;
      border-radius: inherit;
      opacity: .35;
      transition: opacity .2s;
      content: "";
      pointer-events: none
    }

    .ant-btn .anticon {
      transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
    }

    .ant-btn .anticon.anticon-minus>svg,
    .ant-btn .anticon.anticon-plus>svg {
      shape-rendering: optimizeSpeed
    }

    .ant-btn.ant-btn-loading {
      position: relative
    }

    .ant-btn.ant-btn-loading:not([disabled]) {
      pointer-events: none
    }

    .ant-btn.ant-btn-loading:before {
      display: block
    }

    .ant-btn>.ant-btn-loading-icon {
      transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }

    .ant-btn>.ant-btn-loading-icon .anticon {
      padding-right: 8px
    }

    .ant-btn-group {
      display: inline-flex
    }

    .ant-btn-group,
    .ant-btn-group>.ant-btn,
    .ant-btn-group>span>.ant-btn {
      position: relative
    }

    .ant-btn-group>.ant-btn.active,
    .ant-btn-group>.ant-btn:active,
    .ant-btn-group>.ant-btn:focus,
    .ant-btn-group>.ant-btn:hover,
    .ant-btn-group>span>.ant-btn.active,
    .ant-btn-group>span>.ant-btn:active,
    .ant-btn-group>span>.ant-btn:focus,
    .ant-btn-group>span>.ant-btn:hover {
      z-index: 2
    }

    .ant-btn-group>.ant-btn:disabled,
    .ant-btn-group>span>.ant-btn:disabled {
      z-index: 0
    }

    .ant-btn-group .ant-btn-icon-only {
      font-size: 14px
    }

    .ant-btn-group-lg>.ant-btn,
    .ant-btn-group-lg>span>.ant-btn {
      height: 40px;
      padding: 6.4px 15px;
      font-size: 16px;
      border-radius: 0
    }

    .ant-btn-group-lg .ant-btn.ant-btn-icon-only {
      width: 40px;
      height: 40px;
      padding-right: 0;
      padding-left: 0
    }

    .ant-btn-group-sm>.ant-btn,
    .ant-btn-group-sm>span>.ant-btn {
      height: 24px;
      padding: 0 7px;
      font-size: 14px;
      border-radius: 0
    }

    .ant-btn-group-sm>.ant-btn>.anticon,
    .ant-btn-group-sm>span>.ant-btn>.anticon {
      font-size: 14px
    }

    .ant-btn-group-sm .ant-btn.ant-btn-icon-only {
      width: 24px;
      height: 24px;
      padding-right: 0;
      padding-left: 0
    }

    .ant-btn+.ant-btn-group,
    .ant-btn-group+.ant-btn,
    .ant-btn-group+.ant-btn-group,
    .ant-btn-group .ant-btn+.ant-btn,
    .ant-btn-group .ant-btn+span,
    .ant-btn-group>span+span,
    .ant-btn-group span+.ant-btn {
      margin-left: -1px
    }

    .ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
      border-left-color: transparent
    }

    .ant-btn-group .ant-btn {
      border-radius: 0
    }

    .ant-btn-group>.ant-btn:first-child,
    .ant-btn-group>span:first-child>.ant-btn {
      margin-left: 0
    }

    .ant-btn-group>.ant-btn:only-child,
    .ant-btn-group>span:only-child>.ant-btn {
      border-radius: 2px
    }

    .ant-btn-group>.ant-btn:first-child:not(:last-child),
    .ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px
    }

    .ant-btn-group>.ant-btn:last-child:not(:first-child),
    .ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px
    }

    .ant-btn-group-sm>.ant-btn:only-child,
    .ant-btn-group-sm>span:only-child>.ant-btn {
      border-radius: 2px
    }

    .ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
    .ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px
    }

    .ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
    .ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px
    }

    .ant-btn-group>.ant-btn-group {
      float: left
    }

    .ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
      border-radius: 0
    }

    .ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
      padding-right: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
      padding-left: 8px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .ant-btn-group-rtl.ant-btn+.ant-btn-group,
    .ant-btn-group-rtl.ant-btn-group+.ant-btn,
    .ant-btn-group-rtl.ant-btn-group+.ant-btn-group,
    .ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,
    .ant-btn-group-rtl.ant-btn-group .ant-btn+span,
    .ant-btn-group-rtl.ant-btn-group>span+span,
    .ant-btn-group-rtl.ant-btn-group span+.ant-btn,
    .ant-btn-rtl.ant-btn+.ant-btn-group,
    .ant-btn-rtl.ant-btn-group+.ant-btn,
    .ant-btn-rtl.ant-btn-group+.ant-btn-group,
    .ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,
    .ant-btn-rtl.ant-btn-group .ant-btn+span,
    .ant-btn-rtl.ant-btn-group>span+span,
    .ant-btn-rtl.ant-btn-group span+.ant-btn {
      margin-right: -1px;
      margin-left: auto
    }

    .ant-btn-group.ant-btn-group-rtl {
      direction: rtl
    }

    .ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),
    .ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
      border-top-left-radius: 0;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 0
    }

    .ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),
    .ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
      border-top-left-radius: 2px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 2px
    }

    .ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
    .ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
      border-top-left-radius: 0;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 0
    }

    .ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
    .ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
      border-top-left-radius: 2px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 2px
    }

    .ant-btn:active>span,
    .ant-btn:focus>span {
      position: relative
    }

    .ant-btn>.anticon+span,
    .ant-btn>span+.anticon {
      margin-left: 8px
    }

    .ant-btn-background-ghost {
      color: #fff;
      background: transparent !important;
      border-color: #fff
    }

    .ant-btn-background-ghost.ant-btn-primary {
      color: #1890ff;
      background: transparent;
      border-color: #1890ff;
      text-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-primary>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-primary:focus,
    .ant-btn-background-ghost.ant-btn-primary:hover {
      color: #40a9ff;
      background: transparent;
      border-color: #40a9ff
    }

    .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-primary.active,
    .ant-btn-background-ghost.ant-btn-primary:active {
      color: #096dd9;
      background: transparent;
      border-color: #096dd9
    }

    .ant-btn-background-ghost.ant-btn-primary.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-primary-disabled,
    .ant-btn-background-ghost.ant-btn-primary-disabled.active,
    .ant-btn-background-ghost.ant-btn-primary-disabled:active,
    .ant-btn-background-ghost.ant-btn-primary-disabled:focus,
    .ant-btn-background-ghost.ant-btn-primary-disabled:hover,
    .ant-btn-background-ghost.ant-btn-primary.disabled,
    .ant-btn-background-ghost.ant-btn-primary.disabled.active,
    .ant-btn-background-ghost.ant-btn-primary.disabled:active,
    .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
    .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
    .ant-btn-background-ghost.ant-btn-primary[disabled],
    .ant-btn-background-ghost.ant-btn-primary[disabled].active,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-danger {
      color: #ff4d4f;
      background: transparent;
      border-color: #ff4d4f;
      text-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-danger>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-danger:focus,
    .ant-btn-background-ghost.ant-btn-danger:hover {
      color: #ff7875;
      background: transparent;
      border-color: #ff7875
    }

    .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-danger.active,
    .ant-btn-background-ghost.ant-btn-danger:active {
      color: #d9363e;
      background: transparent;
      border-color: #d9363e
    }

    .ant-btn-background-ghost.ant-btn-danger.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-danger.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-danger-disabled,
    .ant-btn-background-ghost.ant-btn-danger-disabled.active,
    .ant-btn-background-ghost.ant-btn-danger-disabled:active,
    .ant-btn-background-ghost.ant-btn-danger-disabled:focus,
    .ant-btn-background-ghost.ant-btn-danger-disabled:hover,
    .ant-btn-background-ghost.ant-btn-danger.disabled,
    .ant-btn-background-ghost.ant-btn-danger.disabled.active,
    .ant-btn-background-ghost.ant-btn-danger.disabled:active,
    .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
    .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
    .ant-btn-background-ghost.ant-btn-danger[disabled],
    .ant-btn-background-ghost.ant-btn-danger[disabled].active,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous {
      color: #ff4d4f;
      background: transparent;
      border-color: #ff4d4f;
      text-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous:focus,
    .ant-btn-background-ghost.ant-btn-dangerous:hover {
      color: #ff7875;
      background: transparent;
      border-color: #ff7875
    }

    .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous.active,
    .ant-btn-background-ghost.ant-btn-dangerous:active {
      color: #d9363e;
      background: transparent;
      border-color: #d9363e
    }

    .ant-btn-background-ghost.ant-btn-dangerous.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous-disabled,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled.active,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:active,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:focus,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:hover,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled.active,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:active,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:focus,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:hover,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled],
    .ant-btn-background-ghost.ant-btn-dangerous[disabled].active,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-dangerous-disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled].active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous-disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous-disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled].active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
      color: #ff4d4f;
      background: transparent;
      border-color: transparent;
      text-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
      color: #ff7875;
      background: transparent;
      border-color: transparent
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
      color: #d9363e;
      background: transparent;
      border-color: transparent
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled.active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:focus,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:hover,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled.active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:focus,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:hover,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled].active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled].active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled].active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-link {
      color: #1890ff;
      background: transparent;
      border-color: transparent;
      text-shadow: none;
      color: #fff
    }

    .ant-btn-background-ghost.ant-btn-link>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-link>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-link:focus,
    .ant-btn-background-ghost.ant-btn-link:hover {
      color: #40a9ff;
      background: transparent;
      border-color: transparent
    }

    .ant-btn-background-ghost.ant-btn-link:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-link:hover>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-link:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link:hover>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-link.active,
    .ant-btn-background-ghost.ant-btn-link:active {
      color: #096dd9;
      background: transparent;
      border-color: transparent
    }

    .ant-btn-background-ghost.ant-btn-link.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link:active>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-link.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link:active>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-background-ghost.ant-btn-link-disabled,
    .ant-btn-background-ghost.ant-btn-link-disabled.active,
    .ant-btn-background-ghost.ant-btn-link-disabled:active,
    .ant-btn-background-ghost.ant-btn-link-disabled:focus,
    .ant-btn-background-ghost.ant-btn-link-disabled:hover,
    .ant-btn-background-ghost.ant-btn-link.disabled,
    .ant-btn-background-ghost.ant-btn-link.disabled.active,
    .ant-btn-background-ghost.ant-btn-link.disabled:active,
    .ant-btn-background-ghost.ant-btn-link.disabled:focus,
    .ant-btn-background-ghost.ant-btn-link.disabled:hover,
    .ant-btn-background-ghost.ant-btn-link[disabled],
    .ant-btn-background-ghost.ant-btn-link[disabled].active,
    .ant-btn-background-ghost.ant-btn-link[disabled]:active,
    .ant-btn-background-ghost.ant-btn-link[disabled]:focus,
    .ant-btn-background-ghost.ant-btn-link[disabled]:hover {
      color: rgba(0, 0, 0, .25);
      background: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none
    }

    .ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-link-disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-link.disabled>a:only-child,
    .ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child,
    .ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child,
    .ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child,
    .ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child {
      color: currentColor
    }

    .ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link-disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link.disabled>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child:after,
    .ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      content: ""
    }

    .ant-btn-two-chinese-chars:first-letter {
      letter-spacing: .34em
    }

    .ant-btn-two-chinese-chars>:not(.anticon) {
      margin-right: -.34em;
      letter-spacing: .34em
    }

    .ant-btn-block {
      width: 100%
    }

    .ant-btn:empty {
      display: inline-block;
      width: 0;
      visibility: hidden;
      content: "\A0"
    }

    a.ant-btn {
      padding-top: .1px;
      line-height: 30px
    }

    a.ant-btn-lg {
      line-height: 38px
    }

    a.ant-btn-sm {
      line-height: 22px
    }

    .ant-btn-rtl {
      direction: rtl
    }

    .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,
    .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
      border-right-color: #40a9ff;
      border-left-color: #d9d9d9
    }

    .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],
    .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
      border-right-color: #d9d9d9;
      border-left-color: #40a9ff
    }

    .ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
      padding-right: 0;
      padding-left: 8px
    }

    .ant-btn>.ant-btn-loading-icon:only-child .anticon {
      padding-right: 0;
      padding-left: 0
    }

    .ant-btn-rtl.ant-btn>.anticon+span,
    .ant-btn-rtl.ant-btn>span+.anticon {
      margin-right: 8px;
      margin-left: 0
    }

    .website-footer {
      background: linear-gradient(315deg, rgba(31, 55, 128, .8), #081e5e)
    }

    @media screen and (max-width:640px) {
      .website-footer-top {
        padding: 88px 48px 0 !important
      }

      .website-footer-top-right {
        display: none !important
      }

      .website-footer-top-left {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 0 !important
      }

      .website-footer-top-left .title {
        font-size: 36px !important;
        line-height: 46px !important;
        width: 300px;
        margin-left: auto;
        margin-right: auto
      }

      .website-footer-top-left .subtitle {
        width: 500px;
        font-size: 24px;
        color: #fff !important;
        line-height: 36px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px !important
      }

      .website-footer-top-left .button {
        width: 100% !important
      }

      .website-footer-top-left .input-wrapper {
        width: 100% !important;
        margin-top: 40px !important
      }

      .website-footer-legal {
        display: block !important;
        margin: 24px 0 16px;
        font-size: 20px;
        line-height: 36px;
        text-align: center
      }

      .website-footer-legal a {
        padding: 0 12px;
        color: #c4cbd7
      }

      .website-footer-legal a:hover {
        color: #fff
      }

      .website-footer-bottom {
        border-top: none !important;
        padding: 40px 0 24px !important;
        margin: 0 48px;
        border-bottom: 1px solid rgba(167, 177, 193, .6)
      }

      .website-footer-copyright {
        display: none
      }

      .website-footer-copyright-m {
        display: block !important;
        text-align: center;
        color: #a7b1c1;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 88px
      }

      .website-footer-icon img {
        width: 38px !important;
        margin-left: 26px !important
      }
    }

    .website-footer .down-row {
      display: inline-block;
      vertical-align: top;
      margin-right: 100px
    }

    .website-footer ul {
      vertical-align: top;
      margin-bottom: 24px;
      list-style-type: none
    }

    .website-footer ul>div {
      color: #fff;
      font-size: 12px;
      margin-bottom: 16px
    }

    .website-footer ul li {
      margin-bottom: 16px
    }

    .website-footer ul li>a {
      color: #c4cbd7
    }

    .website-footer ul li>a:hover {
      color: #24b7ff
    }

    .website-footer-bottom {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 28px 8.5%;
      color: #a7b1c1;
      border-top: 1px solid #a7b1c1
    }

    @media screen and (min-width:950px) {
      .website-footer-bottom {
        padding: 28px 122px
      }
    }

    .website-footer-bottom img {
      cursor: pointer
    }

    .website-footer-top {
      padding: 100px 8.5% 60px;
      color: #fff
    }

    @media screen and (min-width:950px) {
      .website-footer-top {
        padding: 100px 122px 60px
      }

      .website-footer-top-left {
        margin-right: 104px
      }
    }

    .website-footer-top-left {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 24px;
      width: 242px
    }

    .website-footer-top-left .button,
    .website-footer-top-left .input-wrapper {
      width: 300px
    }

    .website-footer-top-right {
      display: inline-block
    }

    .website-footer-legal {
      display: none
    }

    .website-footer-copyright {
      margin-bottom: 13px
    }

    .website-footer-copyright-m {
      display: none
    }

    .website-footer-icon {
      float: right
    }

    .website-footer-icon img {
      width: 25px;
      margin-left: 18px
    }

    .website-footer-logo {
      width: 185px;
      height: 40px
    }

    .footer-nav-btn {
      z-index: 9999;
      position: fixed;
      bottom: 96px;
      right: 24px;
      text-align: center
    }

    .footer-nav-btn .top-btn {
      position: absolute;
      bottom: -48px;
      right: 0;
      width: 40px;
      border-radius: 20px
    }

    .footer-nav-btn .contact-btn {
      position: relative;
      width: 40px;
      border-radius: 20px 0 20px 20px
    }

    .footer-nav-btn .contact-btn:hover .contact-btn-hover-container {
      display: block
    }

    .footer-nav-btn .contact-btn-hover {
      min-width: 200px;
      padding: 12px 0;
      background: #fff;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 20px 20px 0 20px;
      border: 1px solid #f3f5f9;
      cursor: default
    }

    .footer-nav-btn .contact-btn-hover-container {
      position: absolute;
      bottom: 38px;
      right: -10px;
      display: none;
      padding: 10px
    }

    .footer-nav-btn .contact-btn-hover-container .icon-mail {
      margin-right: 8px
    }

    .footer-nav-btn .contact-btn-hover .item>div {
      display: block !important
    }

    .footer-nav-btn>div {
      width: 40px;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      color: #fff;
      transition: all .2s;
      background: linear-gradient(90deg, #4ec3fe, #0ca8fd 25%, #008cf2 75%, #0069cd);
      background-size: 400%;
      background-position: 0;
      cursor: pointer
    }

    .footer-nav-btn>div:hover {
      background-position: 75%
    }

    .footer-nav-btn .form-btn {
      width: 100%;
      height: 42px !important;
      padding: 0 24px;
      background: none
    }

    .footer-nav-btn .form-btn:hover {
      background-color: #e1f5ff
    }

    .footer-nav-btn .form-btn:hover .name {
      color: #24b7ff !important
    }

    .footer-nav-btn .form-btn .button__inner {
      justify-content: start
    }

    .footer-nav-btn .form-btn .button__inner .name {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 16px;
      color: #616e82;
      transition: color .2s
    }

    .zen-modal .ant-modal-content {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .zen-modal--show {
      opacity: 1
    }

    .zen-modal-title {
      font-family: OpenSans, sans-serif;
      font-size: 28px;
      line-height: 36px;
      font-weight: 600;
      font-style: normal;
      color: #081e5e
    }

    .zen-modal-title__alert {
      color: #081e5e
    }

    .zen-modal-title__primary {
      color: #24b7ff
    }

    .zen-modal-close {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 16px;
      cursor: pointer
    }

    .zen-modal-content {
      position: fixed;
      background: #fff;
      padding: 24px;
      height: auto;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -20%);
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 4px
    }

    .zen-confirm--title__normal {
      color: #616e82
    }

    .zen-confirm--title__primary {
      color: #24b7ff
    }

    .zen-confirm--title__alert {
      color: #fd6957
    }

    .zen-confirm--content {
      margin-top: 16px
    }

    .zen-confirm--button {
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    .form-plus-item-custom-checkbox-title {
      padding-bottom: 27px;
      color: #a7b1c1;
      position: relative;
      padding-left: 16px
    }

    .form-plus-item-custom-checkbox-title>span {
      font-size: 24px;
      color: #0ca8fd;
      position: absolute;
      left: 0;
      top: 2px
    }

    .form-plus-item-custom-checkbox {
      display: flex;
      flex-wrap: wrap
    }

    .form-plus-item-custom-checkbox .checkbox {
      width: 25%;
      margin-bottom: 16px;
      color: #a7b1c1
    }

    .page-form {
      color: #fff;
      overflow: hidden;
      border-radius: 0 60px 0 0
    }

    @media screen and (max-width:640px) {
      .page-form {
        border-radius: 60px 0 0 0 !important
      }

      .page-form button {
        width: 100% !important
      }

      .page-form-header-content {
        padding: 88px 0 170px !important;
        background-image: url(/page-form-bg-m.png) !important
      }

      .page-form-formWrapper {
        margin: 0 48px;
        padding: 24px 32px 88px !important
      }

      .page-form-formWrapper .form-consent {
        margin-bottom: 48px !important
      }
    }

    .page-form-content-bg {
      background-image: url(/page-form-bottom-bg.svg)
    }

    .page-form-header {
      text-align: center;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    .page-form-header-content {
      padding: 64px 0 170px;
      background-image: url(/page-form-bg.png)
    }

    .page-form-formWrapper {
      position: relative;
      bottom: 113px;
      max-width: 1224px;
      padding: 64px 52px;
      background: #fff;
      border-radius: 20px
    }

    @media screen and (max-width:640px) {
      .modal-form-content {
        margin-top: 48px !important
      }
    }

    @media screen and (max-width:640px) {
      .form-consent {
        margin-bottom: 88px !important;
        font-size: 20px !important;
        line-height: 30px !important
      }
    }

    .form-plus_block {
      margin-bottom: 0
    }

    .ant-modal-content .button-primary {
      width: 100% !important
    }

    .form-plus-item {
      display: inline-block;
      margin-bottom: 24px
    }

    @media screen and (max-width:700px) {
      .form-plus-item {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important
      }
    }

    .form-plus-item.col-24 {
      width: 100%
    }

    .form-plus-item.col-12 {
      width: 50%
    }

    .form-plus-item.col-12.col-idx-0 {
      width: 49%;
      margin-right: 1%
    }

    .form-plus-item.col-12.col-idx-1 {
      width: 49%;
      margin-left: 1%
    }

    .form-plus-item .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      border: 1px solid #c3cbd7;
      border-radius: 4px;
      height: 48px;
      width: 100%
    }

    .form-plus-item .ant-select-single .ant-select-selector .ant-select-selection-item,
    .form-plus-item .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      line-height: 48px
    }

    .form-plus-item .zen-textarea {
      color: #616e82;
      width: 100%;
      border: 1px solid #c3cbd7;
      border-radius: 4px
    }

    .form-plus-item .zen-textarea::-webkit-input-placeholder {
      font-size: 16px;
      color: #c4cbd7
    }

    .form-plus-item .zen-textarea:-ms-input-placeholder {
      font-size: 16px;
      color: #c4cbd7
    }

    .form-plus-item .zen-textarea::-ms-input-placeholder {
      font-size: 16px;
      color: #c4cbd7
    }

    .form-plus-item .zen-textarea::placeholder {
      font-size: 16px;
      color: #c4cbd7
    }

    .success-modal {
      text-align: center;
      padding: 40px 0 64px
    }

    .success-modal-icon {
      display: inline-block;
      background: #24b7ff;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      text-align: center;
      line-height: 64px
    }

    .success-modal-content b {
      display: block;
      font-weight: 600;
      margin-bottom: 16px;
      color: #081e5e
    }

    @media screen and (max-width:640px) {
      .byTheNumber .banner-pic {
        width: 475px !important;
        right: 0 !important;
        bottom: 50px !important
      }

      .byTheNumber .indiaBy .banner-pic {
        display: none
      }

      .byTheNumber .indiaBy .banner-pic-m {
        bottom: 88px !important
      }

      .byTheNumber .imgContainer img {
        width: auto !important
      }

      .byTheNumber .font-36 {
        margin-left: 48px;
        margin-right: 48px
      }

      .byTheNumber-connectionType .full-bg {
        background-image: url(/byTheNumbers/china/connectionType-bg-m.png) !important
      }

      .byTheNumber-sub .font-36 {
        margin: 8px 115px 48px
      }

      .byTheNumber .average-percentage {
        background: linear-gradient(180deg, #fff, #e0f9ff)
      }

      .byTheNumber-average .bg-Color {
        background: none !important;
        padding-bottom: 0 !important
      }

      .byTheNumber-percentage {
        bottom: 0 !important;
        margin-top: 88px
      }

      .byTheNumber-percentage .top {
        box-shadow: none !important;
        padding-bottom: 20px !important
      }

      .byTheNumber-percentage .top-percentage {
        padding-left: 48px;
        padding-right: 48px
      }

      .byTheNumber-percentage .bottom-percentage {
        margin-top: 88px;
        padding-left: 48px;
        padding-right: 48px;
        background: #fff
      }

      .byTheNumber-percentage .bottom-percentage .font-36 {
        margin-top: 0;
        padding-top: 88px
      }

      .byTheNumber-percentage .srcGroup {
        display: none
      }

      .byTheNumber-percentage .srcGroup-m {
        display: block !important
      }

      .byTheNumber-percentage .appPercentage {
        display: none
      }

      .byTheNumber-percentage .appPercentage-m {
        display: block !important
      }

      .byTheNumber-percentage .bottom {
        margin-bottom: 88px
      }
    }

    .byTheNumber .banner-pic-m {
      display: none
    }

    .byTheNumber .imgContainer img {
      width: 100%;
      height: auto
    }

    .byTheNumber-market .imgContainer {
      max-width: 1264px;
      margin-left: auto;
      margin-right: auto
    }

    .byTheNumber-market-bg {
      padding-top: 102px;
      background: linear-gradient(180deg, #f5f9ff 100%, transparent 0);
      background-size: auto 580px;
      background-repeat: no-repeat
    }

    .byTheNumber-sub {
      padding: 80px 0 104px
    }

    .byTheNumber-sub .imgContainer {
      max-width: 815px;
      margin-left: auto;
      margin-right: auto
    }

    .byTheNumber-connectionType {
      background: none !important;
      background: linear-gradient(180deg, #f2fdff, #e0f9ff) !important
    }

    .byTheNumber-connectionType .full-bg {
      padding-top: 64px;
      background-position: top;
      background-size: 100% !important
    }

    .byTheNumber-connectionType .imgContainer {
      display: inline-block;
      max-width: 640px
    }

    .byTheNumber-average {
      padding-top: 104px
    }

    .byTheNumber-percentage {
      position: relative;
      bottom: 228px
    }

    .byTheNumber-percentage .top {
      background: #fff;
      padding: 104px 0;
      max-width: 1224px;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 24px
    }

    .byTheNumber-percentage .bottom {
      display: flex;
      max-width: 1000px;
      flex-wrap: wrap;
      gap: 128px;
      justify-content: center
    }

    .byTheNumber-percentage .appPercentage-m,
    .byTheNumber-percentage .srcGroup-m {
      display: none
    }

    @media screen and (max-width:640px) {
      .join .banner-pic {
        width: 514px !important;
        right: 49px !important;
        bottom: 0 !important
      }

      .join .banner-topContainer {
        height: 1128px !important
      }

      .join-topBlock-b2 {
        padding: 308px 48px !important;
        background-image: url(/join/join-b2-bg-m.png) !important
      }

      .join-topBlock .quote {
        margin-top: 40px !important
      }

      .join-benefits {
        padding: 88px 0 166px !important
      }

      .join-benefits .description {
        font-size: 20px !important;
        line-height: 30px !important
      }

      .join-benefits-item {
        height: 430px !important;
        width: 260px !important
      }

      .join-benefits-item:nth-child(5),
      .join-benefits-item:nth-child(6) {
        width: 544px !important;
        height: 332px !important
      }

      .join-benefits-item:nth-child(5) img,
      .join-benefits-item:nth-child(6) img {
        margin-left: 18px
      }

      .join-benefits-item:nth-child(5) .join-benefits-item-content,
      .join-benefits-item:nth-child(6) .join-benefits-item-content {
        padding: 25px 34px 0 0 !important
      }

      .join-benefits-itemContainerWrapper {
        margin: 48px auto 0 !important
      }

      .join-benefits-bottomBanner-bg {
        background-image: url(/join/bottomBanner-bg-m.png) !important
      }

      .join-benefits-bottomBanner-contentWrapper {
        width: 544px !important;
        top: -88px !important
      }

      .join-benefits-bottomBanner-content {
        padding: 16px 0 48px !important;
        background-image: url(/join/benefit-bottom-bg-m.svg) !important;
        background-repeat: no-repeat;
        background-position: bottom
      }

      .join-benefits-bottom {
        width: 544px !important
      }

      .join-benefits-bottom img {
        width: 256px !important
      }

      .join-benefits-bottom .textContainer {
        padding: 40px 44px !important
      }

      .join-benefits-bottom-content {
        height: 288px !important;
        display: flex !important
      }
    }

    .join-topBlock {
      background: linear-gradient(135deg, rgba(78, 195, 254, .85), rgba(12, 168, 253, .85))
    }

    .join-topBlock-b2 {
      position: relative;
      color: #fff;
      background-image: url(/join/join-b2-bg.png);
      background-size: cover;
      padding: 104px 0;
      text-align: center
    }

    .join-benefits {
      background: #f3f8ff;
      padding: 64px 0 206px
    }

    .join-benefits-item {
      margin: 0 12px 24px;
      text-align: center;
      display: inline-block;
      background: #fff;
      vertical-align: top;
      width: 288px;
      border-radius: 16px;
      height: 392px
    }

    .join-benefits-item .description {
      padding: 0 28px
    }

    .join-benefits-itemContainer {
      text-align: center
    }

    .join-benefits-itemContainerWrapper {
      max-width: 1250px;
      margin: 56px auto 0
    }

    .join-benefits-item img {
      width: 100%
    }

    .join-benefits-item:nth-child(5),
    .join-benefits-item:nth-child(6) {
      background-image: url(/join/benefit-item-bg.svg);
      background-position: 0;
      background-repeat: no-repeat;
      padding: 40px 0;
      width: 600px;
      height: 332px
    }

    .join-benefits-item:nth-child(5) img,
    .join-benefits-item:nth-child(6) img {
      width: 236px;
      vertical-align: top
    }

    .join-benefits-item:nth-child(5) .join-benefits-item-content,
    .join-benefits-item:nth-child(6) .join-benefits-item-content {
      display: inline-block;
      margin: 0;
      width: 288px;
      padding: 54px 52px 0 0
    }

    .join-benefits-bottom {
      max-width: 1224px;
      text-align: center
    }

    .join-benefits-bottom-content {
      background: #fff;
      border-radius: 16px;
      display: inline-block
    }

    .join-benefits-bottom-content .imgContainer img {
      width: 100%;
      height: auto
    }

    @media screen and (max-width:1100px) {
      .join-benefits-bottom-content .imgContainer {
        max-width: 560px
      }

      .join-benefits-bottom-content .textContainer {
        padding: 24px
      }
    }

    @media screen and (min-width:1100px) {
      .join-benefits-bottom-content {
        max-width: 1224px;
        display: block
      }

      .join-benefits-bottom-content>div {
        display: inline-block;
        text-align: left;
        vertical-align: top
      }

      .join-benefits-bottom-content .imgContainer {
        width: 45%
      }

      .join-benefits-bottom-content .textContainer {
        width: 55%;
        margin-top: 7%;
        text-align: center
      }
    }

    .join-benefits-bottomBanner {
      position: relative;
      height: 208px
    }

    .join-benefits-bottomBanner-wrap {
      background: #f3f8ff
    }

    .join-benefits-bottomBanner-bg {
      background-image: url(/join/bottomBanner-bg.png);
      height: 100%
    }

    .join-benefits-bottomBanner-bg-wrap {
      background: linear-gradient(116deg, #cbeeff, #cbeeff 0, #9edfff);
      border-radius: 0 60px 0 0;
      overflow: hidden;
      height: 100%
    }

    .join-benefits-bottomBanner-content {
      padding: 16px 216px 56px;
      text-align: center;
      background-image: url(/join/benefit-bottom-bg.svg)
    }

    @media screen and (max-width:1116px) {
      .join-benefits-bottomBanner-content {
        padding: 16px 0 56px
      }
    }

    .join-benefits-bottomBanner-contentWrapper {
      position: absolute;
      overflow: hidden;
      border-radius: 16px;
      padding: 49px 162px 0;
      top: -102px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff
    }

    @media screen and (max-width:1116px) {
      .join-benefits-bottomBanner-contentWrapper {
        padding: 49px 10% 0
      }
    }

    @media screen and (max-width:700px) {
      .join-benefits-bottomBanner-contentWrapper {
        padding: 49px 10px 0
      }

      .join-benefits-bottomBanner-contentWrapper .button-primary {
        width: 400px !important
      }
    }

    @media screen and (max-width:640px) {
      .legal-b1 {
        padding: 48px 48px 88px !important
      }

      .legal-b1-item {
        margin: 40px 0 0 !important;
        width: 100% !important
      }

      .legal-topBanner .description {
        margin-top: 40px !important
      }

      .legal-topBanner-content {
        padding: 88px 48px !important
      }

      .legal-topBanner-bg {
        background-image: url(/legal/topBanner-bg-m.svg) !important;
        height: 518px !important
      }
    }

    .legal-topBanner {
      background: linear-gradient(1turn, #c2eaff, #effaff);
      border-radius: 0 0 0 48px
    }

    .legal-topBanner-bg {
      background-image: url(/legal/topBanner-bg.svg);
      height: 400px
    }

    .legal-topBanner-content {
      text-align: center;
      padding: 64px 0 70px
    }

    .legal-b1 {
      padding: 56px 0 94px;
      background-image: url(/legal/b1-bg.svg)
    }

    .legal-b1-content,
    .legal-b1-item {
      text-align: center
    }

    .legal-b1-item {
      cursor: pointer;
      border-radius: 16px;
      overflow: hidden;
      width: 360px;
      display: inline-block;
      height: 224px;
      margin: 10px;
      vertical-align: top
    }

    .legal-b1-item:hover .normal {
      display: none
    }

    .legal-b1-item .hover {
      color: #fff
    }

    .legal-b1-item .name {
      padding: 0 24px
    }

    .legal-b1-item-flex {
      height: 224px;
      display: flex;
      justify-content: center;
      align-items: center
    }

    @media screen and (max-width:640px) {
      .solutionsPartner .index-map-stats {
        background: #f5f9ff !important
      }

      .solutionsPartner .banner-topContainer {
        height: 960px !important
      }

      .solutionsPartner .only-desktop-solution {
        display: none
      }

      .solutionsPartner .only-mobile-solution {
        display: block !important
      }

      .solutionsPartner .only-mobile-solution .solutionsPartner-services {
        background: #fff
      }

      .solutionsPartner .only-mobile-solution .solutionsPartner-services-item {
        width: 544px !important;
        max-width: none;
        border-radius: 16px;
        border: 1px solid #e1e7ef;
        margin: 40px 12px 0
      }

      .solutionsPartner .only-mobile-solution .name {
        text-align: left;
        height: 115px;
        padding-left: 40px !important;
        color: #000 !important
      }

      .solutionsPartner .only-mobile-solution .name-0 {
        background: none !important;
        background-image: url(/partners/solutions/bmc-m.svg) !important
      }

      .solutionsPartner .only-mobile-solution .name-1 {
        background: none !important;
        background-image: url(/partners/solutions/cn-m.svg) !important
      }

      .solutionsPartner .only-mobile-solution .name-2 {
        background: none !important;
        background-image: url(/partners/solutions/cdn-m.svg) !important
      }

      .solutionsPartner .only-mobile-solution .mt-64 .drop.down {
        display: none
      }

      .solutionsPartner .only-mobile-solution .mt-64 .mt-24 {
        font-size: 17px
      }

      .solutionsPartner .banner-pic-container img {
        display: none
      }

      .solutionsPartner-feature {
        background-image: url(/partners/solutions/feature-bg-m.png) !important;
        background: #fff
      }

      .solutionsPartner-feature .page-middle {
        margin-top: 0 !important
      }

      .solutionsPartner-feature-item {
        position: relative
      }

      .solutionsPartner-feature-item .font-36 {
        width: 438px;
        color: #fff;
        position: absolute;
        top: 42%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%)
      }

      .solutionsPartner-feature-item .font-20 {
        font-size: 24px !important;
        color: #616e82 !important;
        line-height: 36px !important
      }

      .solutionsPartner-feature-item-1 .font-36 {
        top: 35%
      }

      .solutionsPartner-feature-item-2 .font-36 {
        top: 45%
      }

      .solutionsPartner-middleBanner-content {
        position: relative;
        z-index: 100
      }

      .solutionsPartner-middleBanner .page-middle-bg {
        height: 634px;
        background-image: url(/partners/solutions/rapidly-m.png) !important
      }

      .solutionsPartner-middleBanner .page-middle {
        padding-top: 88px;
        padding-left: 48px;
        padding-right: 48px
      }

      .solutionsPartner-otherServices .drop.down {
        display: none
      }

      .solutionsPartner-otherServices-item .font-20 {
        font-size: 28px;
        font-weight: 600;
        color: #000;
        line-height: 36px
      }

      .solutionsPartner-otherServices-item .block-middle {
        font-size: 24px;
        color: #616e82;
        line-height: 36px;
        font-weight: 400;
        max-width: none !important
      }

      .solutionsPartner .hoverContent-bottom {
        width: 544px;
        height: 52px;
        background: #5b87ff;
        border-radius: 0 0 16px 16px;
        line-height: 52px;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        position: relative;
        top: 20px
      }

      .solutionsPartner .hoverContent-bottom-0 {
        background: #b25bff
      }

      .solutionsPartner .hoverContent-bottom-1 {
        top: 8px;
        background: #26d98e
      }

      .solutionsPartner .channel-join {
        background: #fff
      }

      .solutionsPartner .solutionsPartner-otherServices {
        background: linear-gradient(#e1f5ff, #f2fbff)
      }
    }

    .solutionsPartner .only-mobile-solution {
      display: none
    }

    .solutionsPartner .index-map-stats {
      background: #fff
    }

    .solutionsPartner-join {
      text-align: center;
      padding: 64px 0
    }

    .solutionsPartner-join .left {
      background: #f5f9ff
    }

    .solutionsPartner-join .channel-join-type>div {
      border: 1px solid #00a9ff
    }

    .solutionsPartner-feature {
      background-image: url(/partners/solutions/feature-bg.svg)
    }

    .solutionsPartner-feature .page-middle {
      position: relative;
      margin-top: 104px;
      padding-bottom: 104px;
      overflow: hidden
    }

    .solutionsPartner-feature-bg {
      border-radius: 88px 0 0 0;
      margin-left: 15%;
      background-clip: content-box;
      width: 100%;
      position: absolute;
      top: 0;
      height: 100%;
      z-index: -1;
      background: linear-gradient(#e7eaff, #f5f6ff)
    }

    @media screen and (max-width:1000px) {
      .solutionsPartner-feature-bg {
        margin-left: 0
      }
    }

    .solutionsPartner-feature-content {
      max-width: 1224px
    }

    .solutionsPartner-feature-item {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 104px;
      flex-wrap: wrap
    }

    .solutionsPartner-feature-item .imgContainer {
      max-width: 520px
    }

    .solutionsPartner-feature-item .imgContainer img {
      width: 100%;
      height: auto
    }

    .solutionsPartner-feature-item .textContainer {
      display: inline-block;
      max-width: 624px
    }

    @media screen and (min-width:1250px) {
      .solutionsPartner-feature-item .textContainer {
        margin: 0 0 0 80px
      }
    }

    @media screen and (max-width:1250px) {
      .solutionsPartner-feature-item .textContainer {
        margin: 0 5.5%
      }
    }

    .solutionsPartner-middleBanner {
      border-radius: 60px 0 0 0;
      color: #fff;
      background: linear-gradient(#0ca8fd, #4ec3fe)
    }

    .solutionsPartner-middleBanner-content {
      padding: 104px 108px
    }

    @media screen and (min-width:950px) {
      .solutionsPartner-middleBanner-content {
        background: url(/partners/solutions/middleBanner-pic.png);
        background-repeat: no-repeat;
        background-position: 100% 100%
      }
    }

    .solutionsPartner-services {
      text-align: center;
      padding: 64px 0 104px;
      background: linear-gradient(#f5f6ff, #e7eaff)
    }

    .solutionsPartner-services-item {
      cursor: pointer;
      overflow: hidden;
      background: #fff;
      display: inline-block;
      border-radius: 16px 0 16px 0;
      width: 392px;
      margin: 64px 12px 0;
      height: 450px
    }

    .solutionsPartner-services-item.active .solutionsPartner-services-visible {
      transform: translateY(-450px)
    }

    .solutionsPartner-services-item .text-container {
      cursor: pointer;
      line-height: 132px;
      height: 132px
    }

    .solutionsPartner-services-item .text-container>div {
      display: inline-block
    }

    .solutionsPartner-services-item .text-container img {
      margin: 0 0 3px 16px;
      width: 24px
    }

    .solutionsPartner-services-item .pic-container {
      height: 318px
    }

    .solutionsPartner-services-item .pic-container img {
      margin-top: 29px
    }

    .solutionsPartner-services .hoverContent {
      background: #fff
    }

    .solutionsPartner-services .hoverContent .name {
      padding: 35px 0;
      color: #fff
    }

    .solutionsPartner-services .hoverContent ul {
      padding: 0 32px;
      text-align: left;
      position: relative
    }

    .solutionsPartner-services .hoverContent ul li {
      list-style: disc;
      margin-left: 1em
    }

    .solutionsPartner-otherServices {
      position: relative;
      padding: 104px 0;
      text-align: center
    }

    .solutionsPartner-otherServices-item {
      vertical-align: top;
      width: 312px;
      border-radius: 16px;
      cursor: pointer;
      height: 396px;
      margin: 0 20px;
      display: inline-block
    }

    .solutionsPartner-otherServices-item img {
      margin-top: 38px
    }

    .solutionsPartner-otherServices-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .cloudNetworking {
      width: 100%;
      overflow-x: hidden
    }

    .cloudNetworking-b1 {
      background-image: url(/products/cloud-networking/b1-bg.svg);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: cover;
      text-align: center;
      padding: 72px 0 114px
    }

    .cloudNetworking-b2 {
      background: linear-gradient(90deg, #81d4ff, #a2ebfb);
      position: relative;
      text-align: center
    }

    .cloudNetworking-b2-icon {
      box-shadow: 0 4px 8px rgba(8, 31, 94, .15)
    }

    .cloudNetworking-b2 .circle {
      width: 348px;
      height: 348px;
      border-radius: 50%;
      background: #ffdd4d;
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%)
    }

    .cloudNetworking-b2 .label {
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      line-height: 46px
    }

    .cloudNetworking-b2-content {
      z-index: 1;
      position: relative;
      padding: 158px 0 155px
    }

    .cloudNetworking-b2-content>div {
      margin-right: 35px;
      margin-left: 35px;
      text-align: left;
      display: inline-block;
      vertical-align: top
    }

    .cloudNetworking-b2 .left img {
      margin: 0 8px 8px 0
    }

    .cloudNetworking-b2 .right {
      max-width: 496px
    }

    .cloudNetworking-b2a {
      background: #fff;
      text-align: center
    }

    .cloudNetworking-b2a-content {
      padding: 88px 0;
      background-image: url(/products/cloud-networking/b2a-bg.svg);
      background-repeat: no-repeat;
      background-position: 30px -30px
    }

    .cloudNetworking-b2a-content>div {
      display: inline-block;
      vertical-align: top;
      text-align: left
    }

    .cloudNetworking-b2a-content .left {
      width: 548px;
      text-align: left
    }

    .cloudNetworking-b2a-content .right {
      width: 654px
    }

    .cloudNetworking-b2a-content .right img {
      width: 100%;
      height: auto
    }

    .cloudNetworking-b2b {
      background: linear-gradient(90deg, #00cf74, #00e9ac);
      text-align: center
    }

    .cloudNetworking-b2b-content {
      padding: 88px 0;
      background-image: url(/products/cloud-networking/b2b-bg.svg);
      background-repeat: no-repeat;
      background-position: 50%
    }

    .cloudNetworking-b2b-content>div {
      display: inline-block;
      vertical-align: top;
      text-align: left
    }

    .cloudNetworking-b2b-content .left {
      width: 1184px;
      padding-right: 636px;
      text-align: left;
      color: #fff
    }

    .cloudNetworking-b3 {
      background: #f5f9ff;
      text-align: center
    }

    .cloudNetworking-b3-content {
      padding-top: 91px;
      background-repeat: no-repeat;
      background-image: url(/products/cloud-networking/b3-bg.svg);
      background-position: 0 100%
    }

    .cloudNetworking-b3-content>div {
      display: inline-block;
      vertical-align: top;
      text-align: left
    }

    .cloudNetworking-b3-content .right {
      max-width: 496px;
      margin-left: -116px
    }

    .cloudNetworking-b3-imgContainer {
      width: 794px;
      height: 370px
    }

    .cloudNetworking-b3-imgContainer img {
      width: 100%;
      height: auto
    }

    .cloudNetworking-hybrid {
      padding: 124px 0;
      text-align: center
    }

    .cloudNetworking-hybrid-item {
      line-height: 104px;
      margin: 64px 89px 0;
      display: inline-block
    }

    .cloudNetworking-hybrid-item img {
      vertical-align: top
    }

    .cloudNetworking-hybrid-item>div {
      vertical-align: middle;
      margin-left: 40px;
      text-align: left;
      display: inline-block;
      max-width: 288px
    }

    .cloudNetworking-fitYourNeed {
      padding: 64px 0 146px;
      background-image: url(/products/cloud-networking/need-bg.svg);
      background-size: cover;
      text-align: center
    }

    .cloudNetworking-fitYourNeed-item {
      vertical-align: top;
      display: inline-block;
      max-width: 336px
    }

    @media screen and (min-width:1440px) {
      .cloudNetworking-fitYourNeed-item {
        margin: 64px 160px 0
      }
    }

    @media screen and (max-width:1440px) {
      .cloudNetworking-fitYourNeed-item {
        margin: 64px 11% 0
      }
    }

    .cloudNetworking-fitYourNeed-item .pic-container {
      height: 150px;
      line-height: 150px
    }

    .cloudNetworking-benefits {
      padding: 124px 0;
      text-align: center
    }

    .cloudNetworking-benefits img {
      max-width: 100%;
      height: auto
    }

    .cloudNetworking-feature {
      padding: 128px 0;
      text-align: center;
      background: linear-gradient(180deg, #f2fdf7, #e0f9ec)
    }

    .cloudNetworking-feature-cardwrap {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin: 13px -52px 0
    }

    .cloudNetworking-feature-card {
      width: 339px;
      border-radius: 20px;
      padding: 24px;
      margin: 52px 52px 0;
      background-color: #fff;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: bottom;
      background-size: 0
    }

    .cloudNetworking-feature-card>img {
      width: 100%
    }

    @media screen and (max-width:640px) {
      .cloudNetworking .sdn-banner .banner-topContainer .banner-topIntro {
        height: 1028px !important
      }

      .cloudNetworking-b1 {
        background-image: url(/products/cloud-networking/b1-m-bg.svg)
      }

      .cloudNetworking-b2 .circle {
        top: 130px;
        transform: translate(-50%)
      }

      .cloudNetworking-b2-content {
        display: flex;
        flex-wrap: wrap;
        padding: 88px 0
      }

      .cloudNetworking-b2-content .left {
        order: 2;
        margin-top: 40px
      }

      .cloudNetworking-b2-content .left .label {
        text-align: center
      }

      .cloudNetworking-b2-content .right {
        order: 1;
        text-align: center
      }

      .cloudNetworking-b2-content .right .description {
        font-size: 24px;
        line-height: 36px
      }

      .cloudNetworking-b2 .pc-partner {
        display: flex;
        justify-content: center
      }

      .cloudNetworking-b2 .pc-partner .cloudNetworking-b2-icon {
        width: 78px
      }

      .cloudNetworking-b2 .ci-partner {
        display: flex;
        justify-content: center
      }

      .cloudNetworking-b2 .ci-partner .cloudNetworking-b2-icon:first-child {
        width: 184px
      }

      .cloudNetworking-b2 .ci-partner .cloudNetworking-b2-icon:nth-child(2) {
        width: 155px
      }

      .cloudNetworking-b2 .ci-partner .cloudNetworking-b2-icon:nth-child(3) {
        width: 173px
      }

      .cloudNetworking-b2a-content .left {
        margin-top: 0;
        text-align: center
      }

      .cloudNetworking-b2a-content .right {
        padding: 64px 7.5% 0
      }

      .cloudNetworking-b2b-content {
        padding-left: 7.5%;
        padding-right: 7.5%;
        padding-bottom: 260px;
        background-image: url(/products/cloud-networking/b2b-m-bg.svg);
        background-position: -480px 250px
      }

      .cloudNetworking-b2b-content .left {
        text-align: center
      }

      .cloudNetworking-b3-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url(/products/cloud-networking/b3-m-bg.svg);
        background-position: -145px 148px
      }

      .cloudNetworking-b3-content .right {
        max-width: none;
        margin-top: 0;
        margin-left: 0;
        padding: 0 7.5%;
        text-align: center
      }

      .cloudNetworking-b3-content .description {
        font-size: 24px;
        line-height: 36px
      }

      .cloudNetworking-b3-imgContainer {
        order: 1;
        align-self: flex-start;
        width: 92.5%;
        height: 315px;
        margin-top: 80px;
        margin-left: 7.5%;
        overflow: hidden
      }

      .cloudNetworking-b3-imgContainer>img {
        width: 676px
      }

      .cloudNetworking-hybrid {
        padding: 88px 0
      }

      .cloudNetworking-hybrid .page-middle {
        margin-top: 8px
      }

      .cloudNetworking-hybrid-item {
        margin: 40px 64px 0
      }

      .cloudNetworking-fitYourNeed {
        padding: 88px 0;
        background-image: url(/products/cloud-networking/need-m-bg.svg);
        background-position: top
      }

      .cloudNetworking-fitYourNeed .pic-container {
        height: auto;
        line-height: 1;
        margin-bottom: 36px
      }

      .cloudNetworking-benefits {
        padding: 88px 0
      }

      .cloudNetworking-benefits .description {
        margin-top: 48px
      }

      .cloudNetworking-feature>ul {
        display: block;
        margin-top: 48px
      }

      .cloudNetworking-feature-card {
        width: 500px;
        padding: 40px 24px 380px;
        margin: 40px auto 0;
        background-size: 100% auto
      }

      .cloudNetworking-feature-card .name {
        margin-top: 0;
        font-size: 28px;
        line-height: 36px
      }

      .cloudNetworking-feature-card .description {
        margin-top: 8px;
        font-size: 24px;
        line-height: 28px
      }
    }

    @media screen and (max-width:640px) {
      .cdn .banner-topContainer {
        height: 1260px !important
      }

      .cdn .support-container {
        margin-top: 62px
      }

      .cdn-b2-content {
        background-image: url(/products/cdn/b2-bg-m.svg) !important;
        background-position: bottom !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: center;
        padding: 88px 0 !important
      }

      .cdn-b2-content .description {
        margin-top: 48px !important
      }

      .cdn-b2-content .right {
        text-align: center !important;
        margin: 0 !important
      }

      .cdn-b2-content .left {
        padding: 80px 0 0 48px
      }

      .cdn-b1 {
        padding: 41px 19px !important
      }

      .cdn-b1-content {
        background-image: url(/products/cdn/b1-bg-m.svg) !important;
        padding: 45px 29px !important
      }

      .cdn-b1 .description {
        margin-top: 40px !important
      }

      .cdn-b3-bg {
        text-align: center;
        height: auto !important;
        padding: 88px 0 332px !important;
        background-image: url(/products/cdn/b3-bg-m.svg) !important;
        background-position-x: 0 !important
      }

      .cdn-b3-bg .description {
        margin-top: 40px !important
      }

      .cdn-b3 .pic-container {
        display: block !important;
        top: none !important;
        left: 74px !important;
        bottom: -79px !important;
        top: auto !important
      }

      .cdn-imp {
        font-size: 20px;
        line-height: 32px
      }

      .cdn-imp-bg {
        padding: 88px 48px !important;
        background-image: url(/products/cdn/imp-bg-m.svg) !important
      }

      .cdn-imp .label {
        font-size: 24px !important;
        line-height: 36px !important
      }

      .cdn-imp .top-bg {
        height: 448px !important
      }

      .cdn-imp .bottom,
      .cdn-imp .top-bg {
        padding: 48px 40px !important
      }

      .cdn-imp-item {
        margin-top: 48px !important
      }

      .cdn-imp-item .left {
        display: none
      }

      .cdn-architecture-bg {
        padding: 88px 48px !important;
        background-image: url(/products/cdn/architecture-bg-m.svg) !important
      }

      .cdn-architecture .description {
        margin-top: 40px !important
      }

      .cdn-architecture .imgContainer {
        margin: 48px auto 0 !important
      }

      .cdn-b5-bg {
        background-image: url(/products/cdn/b5-bg-m.svg) !important;
        padding: 88px 0 !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap
      }

      .cdn-b5-bg .title {
        padding: 0 58px
      }

      .cdn-b5-bg .description {
        padding: 0 48px;
        margin-top: 40px !important
      }

      .cdn-b5-bg>div {
        text-align: center !important;
        margin: 0 !important
      }

      .cdn-b5-bg .left {
        margin: 64px 0 0 68px !important
      }

      .cdn-b6-bg {
        background-image: url(/products/cdn/b6-bg-m.svg) !important;
        background-position: top !important;
        display: flex;
        padding: 88px 0 !important;
        flex-direction: column-reverse
      }

      .cdn-b6-bg>div {
        margin: 0 !important
      }

      .cdn-b6-bg .right {
        text-align: center !important;
        padding: 0 48px
      }

      .cdn-b6-bg .description {
        margin-top: 40px !important
      }

      .cdn-b6-bg .left {
        margin: 88px 0 0 48px !important
      }

      .cdn-b7-bg {
        padding: 88px 0 !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        background-image: url(/products/cdn/b7-bg-m.svg) !important
      }

      .cdn-b7-bg>div {
        text-align: center !important;
        margin: 0 !important
      }

      .cdn-b7-bg .description {
        margin-top: 40px !important
      }

      .cdn-b7-bg .left {
        margin: 88px 37px 0 !important
      }

      .cdn-b7-bg .right {
        padding: 0 54px;
        max-width: none !important
      }

      .cdn-b8 {
        padding: 0 !important
      }

      .cdn-b8-bg {
        background-image: url(/products/cdn/b8-bg-m.png) !important;
        background-position: inherit !important;
        padding: 88px 0 !important
      }

      .cdn-b8-bg .description {
        padding: 0 48px;
        margin-top: 40px !important
      }

      .cdn-feature {
        padding: 88px 0 !important
      }

      .cdn-feature-content {
        background-image: url(/products/cdn/feature-bg-m.svg) !important;
        background-position: top
      }

      .cdn-feature-content-item {
        margin-top: 48px !important
      }

      .cdn-feature-content-item .imgContainer {
        position: relative
      }

      .cdn-feature-content-item .imgContainer div {
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
      }

      .cdn-feature-content-item>div {
        margin: 0 !important
      }

      .cdn-feature-content-item .textContainer {
        padding: 24px 27px 0 !important
      }

      .cdn-b4-content {
        padding: 88px 0 !important;
        background-image: url(/products/cdn/b4-bg-m.svg) !important;
        background-position: top !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: center
      }

      .cdn-b4-content>div {
        margin: 0 !important
      }

      .cdn-b4-content .description {
        margin-top: 48px !important
      }

      .cdn-b4-content .right {
        text-align: center !important
      }

      .cdn-b4-content .left {
        padding: 88px 0 0 48px
      }
    }

    .cdn-b1 {
      background: #fcfdff;
      text-align: center;
      padding: 20px 0 32px
    }

    .cdn-b1-content {
      padding: 84px 0 32px;
      background-image: url(/products/cdn/b1-bg.svg)
    }

    .cdn-b2 {
      background: linear-gradient(180deg, #0070ee, #003dd9)
    }

    .cdn-b2-woman {
      position: absolute;
      top: 32px;
      right: 0
    }

    .cdn-b2-content {
      background-image: url(/products/cdn/b2-bg.svg);
      padding: 82px 0 80px;
      text-align: center
    }

    .cdn-b2-content>div {
      display: inline-block;
      vertical-align: top
    }

    .cdn-b2-content .left {
      max-width: 648px;
      position: relative
    }

    .cdn-b2-content .left .main-pic {
      width: 100%;
      height: auto
    }

    .cdn-b2-content .right {
      color: #fff;
      margin-top: 32px;
      text-align: left;
      max-width: 548px
    }

    .cdn-b4 {
      background: linear-gradient(129deg, #e2e7ff, #c1cbfe);
      border-radius: 0 80px 0 0
    }

    .cdn-b4-woman {
      position: absolute;
      top: 32px;
      right: 0
    }

    .cdn-b4-content {
      background-image: url(/products/cdn/b4-bg.svg);
      padding: 60px 0 26px;
      text-align: center
    }

    .cdn-b4-content>div {
      display: inline-block;
      vertical-align: top;
      margin: 0 24px
    }

    .cdn-b4-content .left {
      max-width: 628px;
      position: relative
    }

    .cdn-b4-content .left .main-pic {
      width: 100%;
      height: auto
    }

    .cdn-b4-content .right {
      margin-top: 44px;
      text-align: left;
      max-width: 544px
    }

    .cdn-b5 {
      background: linear-gradient(128deg, #7db2ff, #3085ff);
      border-radius: 0 0 0 80px;
      color: #fff
    }

    .cdn-b5-bg {
      background-image: url(/products/cdn/b5-bg.svg);
      padding: 96px 0 102px;
      text-align: center
    }

    .cdn-b5-bg>div {
      display: inline-block;
      vertical-align: top;
      margin: 0 24px
    }

    .cdn-b5-bg .left {
      max-width: 541px;
      position: relative
    }

    .cdn-b5-bg .left .main-pic {
      width: 100%;
      height: auto
    }

    .cdn-b5-bg .right {
      margin-top: 52px;
      text-align: left;
      max-width: 624px
    }

    .cdn-b6 {
      background: linear-gradient(143deg, #f5f6ff, #e7eaff)
    }

    .cdn-b6-bg {
      background-image: url(/products/cdn/b6-bg.svg);
      padding: 108px 0 76px;
      text-align: center
    }

    .cdn-b6-bg>div {
      display: inline-block;
      vertical-align: top;
      margin: 0 26px
    }

    .cdn-b6-bg .left {
      max-width: 689px;
      position: relative
    }

    .cdn-b6-bg .left .main-pic {
      width: 100%;
      height: auto
    }

    .cdn-b6-bg .right {
      margin-top: 57px;
      text-align: left;
      max-width: 640px
    }

    .cdn-b7 {
      margin-top: 104px;
      background: linear-gradient(180deg, #0070ee, #003dd9);
      color: #fff
    }

    .cdn-b7-bg {
      background-image: url(/products/cdn/b7-bg.svg);
      background-position: bottom;
      padding: 72px 0 42px;
      text-align: center
    }

    .cdn-b7-bg>div {
      display: inline-block;
      vertical-align: top;
      margin: 0 33px
    }

    .cdn-b7-bg .left {
      max-width: 628px;
      position: relative
    }

    .cdn-b7-bg .left .main-pic {
      width: 100%;
      height: auto
    }

    .cdn-b7-bg .right {
      margin-top: 80px;
      text-align: left;
      max-width: 548px
    }

    .cdn-b8 {
      background: linear-gradient(87deg, #f5f7ff, #f5f6ff);
      text-align: center;
      padding: 48px 0
    }

    .cdn-b8-bg {
      padding: 56px 0;
      background-image: url(/products/cdn/b8-bg.png)
    }

    .cdn-b8 .description {
      max-width: 1060px;
      margin: 24px auto 0;
      line-height: 32px
    }

    .cdn-b3 {
      background: linear-gradient(128deg, #7db2ff, #3085ff);
      border-radius: 0 0 80px 0;
      color: #fff
    }

    .cdn-b3 .pic-container {
      position: absolute;
      top: 64px;
      z-index: 10;
      left: 136px
    }

    @media screen and (max-width:1380px) {
      .cdn-b3 .pic-container {
        display: none
      }
    }

    .cdn-b3-bg {
      padding: 64px 0 104px;
      height: 324px;
      background-image: url(/products/cdn/b3-bg.svg);
      background-repeat: no-repeat
    }

    @media screen and (max-width:1380px) {
      .cdn-b3-bg {
        background-position-x: -400px
      }
    }

    .cdn-b3-bg .right {
      max-width: 624px;
      margin: 0 7.5%
    }

    @media screen and (min-width:1380px) {
      .cdn-b3-bg .right {
        position: absolute;
        background-position-y: 0;
        margin: 0 0 0 7.5%;
        right: 7.5%
      }
    }

    .cdn-b3-content {
      position: relative;
      border-radius: 0 0 80px 0
    }

    .cdn-feature {
      padding: 64px 0 104px;
      text-align: center;
      background: linear-gradient(137deg, #f4f6ff, #e0e4ff)
    }

    .cdn-feature-content {
      background-image: url(/products/cdn/feature-bg.svg)
    }

    .cdn-feature-content-item {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin-top: 56px
    }

    .cdn-feature-content-item>div {
      margin: 0 12px
    }

    .cdn-feature-content-item:nth-child(2n) {
      flex-direction: row-reverse
    }

    .cdn-feature-content-item:nth-child(odd) .textContainer {
      padding-left: 85px
    }

    .cdn-feature-content-item .imgContainer {
      width: 600px
    }

    .cdn-feature-content-item .imgContainer>img {
      vertical-align: top;
      width: 100%;
      height: auto
    }

    .cdn-feature-content-itemContent {
      width: 600px;
      display: inline-block;
      text-align: left
    }

    .cdn-feature-content-item ul {
      padding: 0
    }

    .cdn-feature-content-item ul li {
      list-style: url(/products/cdn/check.svg);
      margin-left: 1em
    }

    .cdn-accelerate {
      text-align: center;
      background-image: url(/products/cdn/accelerate-bg.svg);
      padding: 104px 0
    }

    .cdn-accelerate-item {
      height: 456px;
      width: 340px;
      padding: 48px 0;
      display: inline-block;
      margin-left: 25px;
      margin-right: 25px;
      border-radius: 8px;
      vertical-align: top
    }

    .cdn-accelerate-item-label {
      font-weight: 600;
      display: inline-block;
      padding: 2px 12px;
      margin: 0 4px 10px
    }

    .cdn-accelerate ul {
      padding: 0 38px;
      text-align: left
    }

    .cdn-accelerate ul li {
      list-style: disc;
      margin-bottom: 16px;
      margin-left: 1em
    }

    @media screen and (max-width:640px) {
      .gia .banner-topContainer {
        height: 1260px !important
      }

      .gia .support-container {
        margin-top: 62px
      }

      .gia-b2-content {
        background-image: url(/products/gia/b2-bg-m.svg) !important;
        background-position: bottom !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: center;
        padding: 16px 0 78px !important
      }

      .gia-b2-content .description {
        margin-top: 48px !important
      }

      .gia-b2-content .right {
        text-align: center !important
      }

      .gia-b2-content .left {
        padding: 80px 0 0 48px
      }

      .gia-b1 {
        padding: 41px 19px !important
      }

      .gia-b1-content {
        padding: 43px 29px !important
      }

      .gia-b1 .description {
        margin-top: 40px !important
      }

      .gia-b3-bg {
        text-align: center;
        height: auto !important;
        padding: 88px 0 332px !important;
        background-image: url(/products/gia/b3-bg-m.svg) !important;
        background-position-x: 0 !important
      }

      .gia-b3-bg .description {
        margin-top: 40px !important
      }

      .gia-b3 .pic-container {
        display: block !important;
        top: none !important;
        left: 74px !important;
        bottom: -79px !important;
        top: auto !important
      }

      .gia-imp {
        font-size: 20px;
        line-height: 32px
      }

      .gia-imp-bg {
        padding: 88px 48px !important;
        background-image: url(/products/gia/imp-bg-m.svg) !important
      }

      .gia-imp .top {
        width: auto !important
      }

      .gia-imp .label {
        font-size: 24px !important;
        line-height: 36px !important
      }

      .gia-imp .top-bg {
        height: 448px !important
      }

      .gia-imp .bottom,
      .gia-imp .top-bg {
        padding: 48px 40px !important
      }

      .gia-imp-item {
        margin-top: 48px !important
      }

      .gia-imp-item .left {
        display: none
      }

      .gia-imp-item .right .bottom {
        height: 400px !important
      }

      .gia-architecture-bg {
        padding: 88px 48px !important;
        background-image: url(/products/gia/architecture-bg-m.svg) !important
      }

      .gia-architecture .description {
        margin-top: 40px !important
      }

      .gia-architecture .imgContainer {
        margin: 48px auto 0 !important
      }

      .gia-b5-bg {
        background-image: url(/products/gia/b5-bg-m.svg) !important;
        padding: 88px 0 !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap
      }

      .gia-b5-bg .title {
        padding: 0 58px
      }

      .gia-b5-bg .description {
        padding: 0 48px;
        margin-top: 40px !important
      }

      .gia-b5-bg>div {
        text-align: center !important;
        margin: 0 !important
      }

      .gia-b5-bg .left {
        width: 500px !important;
        margin: 64px 0 0 68px !important
      }

      .gia-feature {
        padding: 88px 0 !important
      }

      .gia-feature-content {
        background-image: url(/products/gia/feature-bg-m.svg) !important;
        background-position: top
      }

      .gia-feature-content-item {
        margin-top: 48px !important
      }

      .gia-feature-content-item .imgContainer {
        position: relative
      }

      .gia-feature-content-item .imgContainer div {
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
      }

      .gia-feature-content-item>div {
        margin: 0 !important
      }

      .gia-feature-content-item .textContainer {
        padding: 24px 27px 0 !important
      }

      .gia-b4-content {
        padding: 88px 0 !important;
        background-image: url(/products/gia/b4-bg-m.svg) !important;
        background-position: top !important;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: center
      }

      .gia-b4-content>div {
        margin: 0 !important
      }

      .gia-b4-content .description {
        margin-top: 48px !important
      }

      .gia-b4-content .right {
        text-align: center !important
      }

      .gia-b4-content .left {
        padding: 88px 0 0 48px
      }
    }

    .gia-b1 {
      background: #f8fdff;
      text-align: center;
      padding: 20px 0 32px
    }

    .gia-b1-content {
      padding: 84px 0 32px;
      background-image: url(/products/gia/b1-bg.svg)
    }

    .gia-b2 {
      background: linear-gradient(285deg, #0058cd, #008cf2)
    }

    .gia-b2-woman {
      position: absolute;
      top: 32px;
      right: 0
    }

    .gia-b2-content {
      background-image: url(/products/gia/b2-bg.svg);
      padding: 65px 0 24px;
      text-align: center
    }

    .gia-b2-content>div {
      display: inline-block;
      vertical-align: top
    }

    .gia-b2-content .left {
      max-width: 680px;
      position: relative
    }

    .gia-b2-content .left .main-pic {
      width: 100%;
      height: auto
    }

    .gia-b2-content .right {
      color: #fff;
      margin-top: 72px;
      text-align: left;
      max-width: 510px
    }

    .gia-b4 {
      background: linear-gradient(162deg, #e8f4ff, #d2e9ff)
    }

    .gia-b4-woman {
      position: absolute;
      top: 32px;
      right: 0
    }

    .gia-b4-content {
      background-image: url(/products/gia/b4-bg.svg);
      padding: 100px 0 78px;
      text-align: center
    }

    .gia-b4-content>div {
      display: inline-block;
      vertical-align: top;
      margin: 0 16px
    }

    .gia-b4-content .left {
      max-width: 680px;
      position: relative
    }

    .gia-b4-content .left .main-pic {
      width: 100%;
      height: auto
    }

    .gia-b4-content .right {
      margin-top: 26px;
      text-align: left;
      max-width: 510px
    }

    .gia-b5 {
      background: linear-gradient(135deg, #acdffd, #54c3ff);
      border-radius: 0 0 0 80px;
      color: #fff
    }

    .gia-b5-bg {
      background-image: url(/products/gia/b5-bg.svg);
      padding: 87px 0 57px;
      text-align: center
    }

    .gia-b5-bg>div {
      display: inline-block;
      vertical-align: top;
      margin: 0 16px
    }

    .gia-b5-bg .left {
      max-width: 529px;
      position: relative
    }

    .gia-b5-bg .left .main-pic {
      width: 100%;
      height: auto
    }

    .gia-b5-bg .right {
      margin-top: 32px;
      text-align: left;
      max-width: 640px
    }

    .gia-b3 {
      background: linear-gradient(134deg, #acdffd, #65c8fd);
      color: #fff
    }

    .gia-b3 .pic-container {
      position: absolute;
      top: 64px;
      z-index: 10;
      left: 136px
    }

    @media screen and (max-width:1380px) {
      .gia-b3 .pic-container {
        display: none
      }
    }

    .gia-b3-bg {
      padding: 64px 0 104px;
      height: 324px;
      background-image: url(/products/gia/b3-bg.svg);
      background-repeat: no-repeat
    }

    @media screen and (max-width:1380px) {
      .gia-b3-bg {
        background-position-x: -400px
      }
    }

    .gia-b3-bg .right {
      max-width: 624px;
      margin: 0 7.5%
    }

    @media screen and (min-width:1380px) {
      .gia-b3-bg .right {
        position: absolute;
        background-position-y: 0;
        margin: 0 0 0 7.5%;
        right: 7.5%
      }
    }

    .gia-b3-content {
      position: relative;
      border-radius: 0 0 80px 0
    }

    .gia-architecture {
      color: #fff;
      border-radius: 80px 0 0 0;
      text-align: center;
      background: linear-gradient(285deg, #0058cd, #008cf2)
    }

    .gia-architecture-bg {
      padding: 64px 0 104px;
      background-image: url(/products/gia/architecture-bg.svg);
      background-position: top
    }

    .gia-architecture .description {
      margin: 24px auto 0;
      max-width: 1060px
    }

    .gia-architecture .imgContainer {
      margin: 56px auto 0;
      border-radius: 20px;
      overflow: hidden;
      max-width: 1224px
    }

    .gia-architecture img {
      width: 100%;
      height: auto
    }

    .gia-imp {
      margin-top: 104px;
      text-align: center;
      background: linear-gradient(162deg, #e8f4ff, #d2e9ff)
    }

    .gia-imp-bg {
      padding: 64px 0 104px;
      background-image: url(/products/gia/imp-bg.svg)
    }

    .gia-imp-item {
      display: inline-block;
      margin-top: 56px;
      border-radius: 20px;
      overflow: hidden
    }

    .gia-imp-item>div {
      display: inline-block;
      vertical-align: top
    }

    .gia-imp-item .right {
      max-width: 680px
    }

    .gia-imp-item .right>div {
      text-align: left
    }

    .gia-imp-item .right .top {
      width: 680px;
      background: #f5f9ff
    }

    .gia-imp-item .right .top-bg {
      padding: 56px 60px 56px 72px;
      background-repeat: no-repeat;
      height: 340px;
      background-image: url(/products/gia/impItem-topBg.svg)
    }

    .gia-imp-item .right .name {
      font-size: 28px;
      font-weight: 700;
      color: #081e5e;
      line-height: 28px
    }

    .gia-imp-item .right .label {
      margin: 16px 0 8px;
      font-size: 20px;
      font-weight: 600;
      color: #616e82;
      line-height: 28px
    }

    .gia-imp-item .right .bottom {
      display: flex;
      align-items: center;
      padding: 0 72px;
      height: 368px;
      background: #fff
    }

    .gia-imp-item .right .bottom .imgContainer {
      width: 100%
    }

    .gia-imp-item .right .bottom .imgContainer img {
      max-width: 100%;
      height: auto
    }

    .gia-imp-item .right .bottom img {
      margin-top: 24px
    }

    .gia-feature {
      position: relative;
      padding: 64px 0 104px;
      text-align: center;
      background: linear-gradient(177deg, #f4fbfe, #e4f4ff)
    }

    .gia-feature-content {
      background-image: url(/products/gia/feature-bg.svg)
    }

    .gia-feature-content-item {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin-top: 56px
    }

    .gia-feature-content-item>div {
      margin: 0 12px
    }

    .gia-feature-content-item:nth-child(2n) {
      flex-direction: row-reverse
    }

    .gia-feature-content-item:nth-child(odd) .textContainer {
      padding-left: 85px
    }

    .gia-feature-content-item .imgContainer {
      width: 600px
    }

    .gia-feature-content-item .imgContainer>img {
      vertical-align: top;
      width: 100%;
      height: auto
    }

    .gia-feature-content-itemContent {
      width: 600px;
      display: inline-block;
      text-align: left
    }

    .gia-feature-content-item ul {
      padding: 0
    }

    .gia-feature-content-item ul li {
      list-style: url(/products/gia/check.svg);
      margin-left: 1em
    }

    .gia-accelerate {
      text-align: center;
      background-image: url(/products/gia/accelerate-bg.svg);
      padding: 104px 0
    }

    .gia-accelerate-item {
      height: 456px;
      width: 340px;
      padding: 48px 0;
      display: inline-block;
      margin-left: 25px;
      margin-right: 25px;
      border-radius: 8px;
      vertical-align: top
    }

    .gia-accelerate-item-label {
      font-weight: 600;
      display: inline-block;
      padding: 2px 12px;
      margin: 0 4px 10px
    }

    .gia-accelerate ul {
      padding: 0 38px;
      text-align: left
    }

    .gia-accelerate ul li {
      list-style: disc;
      margin-bottom: 16px;
      margin-left: 1em
    }

    .rhs {
      color: #616e82
    }

    @media screen and (max-width:640px) {
      .rhs-content {
        padding: 88px 0 !important
      }

      .rhs .banner-pic {
        width: 498px;
        height: 385px;
        bottom: 38px !important
      }

      .rhs .banner-topContainer .banner-topIntro-desc {
        padding: 0 80px
      }
    }

    .rhs-content {
      padding: 80px 0;
      text-align: center
    }

    .rhs-content-item {
      border-radius: 12px;
      display: inline-block;
      padding: 40px 32px 32px;
      width: 600px
    }

    .rhs-content-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .rhs-content-item img {
      width: 80px
    }

    .rhs-content-itemContainer {
      max-width: 1224px;
      margin: 64px 108px 0
    }

    @media screen and (max-width:1000px) {
      .rhs-content-itemContainer {
        margin: 64px 7.5% 0
      }
    }

    .rhs-content ul {
      text-align: left
    }

    .rhs-content ul li {
      list-style: disc;
      margin-left: 1em
    }

    .profiles {
      width: 100%;
      overflow-x: hidden;
      background: linear-gradient(180deg, #e1f3fe, #fff);
      background-size: 100% 700px;
      background-repeat: no-repeat;
      position: relative
    }

    .profiles .name-wrap {
      display: inline-block;
      position: relative
    }

    .profiles .name-wrap>div {
      position: relative;
      z-index: 30
    }

    .profiles .people-icon {
      height: 104px;
      width: 104px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -60%);
      z-index: 25
    }

    .profiles-bg {
      background-image: url(/profiles/topBanner-bg.svg);
      background-repeat: no-repeat;
      background-position: top
    }

    .profiles-top-content {
      text-align: center;
      padding: 122px 0 229px
    }

    .profiles-top-content a {
      color: #24b7ff
    }

    .profiles-leaders {
      margin-top: 93px;
      background-image: url(/profiles/content-bg.svg);
      background-position: top;
      background-repeat: repeat-y
    }

    .profiles-leaders-item {
      max-width: 1092px;
      margin: 0 auto 64px;
      text-align: center
    }

    @media screen and (max-width:600px) {
      .profiles-leaders-item {
        padding: 0 80px
      }
    }

    @media screen and (min-width:1042px) {
      .profiles-leaders-item:nth-child(odd) .imgContainer {
        float: left
      }

      .profiles-leaders-item:nth-child(2n) .imgContainer,
      .profiles-leaders-item:nth-child(odd) .textContainer {
        float: right
      }

      .profiles-leaders-item:nth-child(2n) .textContainer {
        float: left;
        text-align: right
      }
    }

    .profiles-leaders-item .imgContainer {
      position: relative;
      width: 416px;
      height: 416px;
      overflow: hidden
    }

    .profiles-leaders-item .imgContainer img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: auto;
      height: 100%
    }

    .profiles-leaders-item>div {
      vertical-align: top;
      max-width: 548px;
      text-align: left;
      display: inline-block
    }

    .profiles-topStaff {
      margin-bottom: 280px;
      text-align: center
    }

    .profiles-topStaff-item {
      width: 336px;
      margin: 24px;
      text-align: center
    }

    .profiles-topStaff-itemContainer {
      cursor: pointer;
      position: relative;
      display: inline-block
    }

    .profiles-topStaff-itemContainer:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .profiles-topStaff-itemContainer:hover:after {
      height: 20px;
      width: 100%;
      background: #fff;
      content: "";
      z-index: 50;
      position: absolute;
      bottom: 0;
      left: 0
    }

    .profiles-topStaff-itemContainer:hover .description {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      display: block
    }

    .profiles-topStaff .imgContainer {
      display: inline-block;
      position: relative;
      width: 280px;
      height: 312px;
      overflow: hidden
    }

    .profiles-topStaff .imgContainer img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto;
      height: 100%;
      transform: translate(-50%, -50%)
    }

    .profiles-topStaff .description {
      width: 384px;
      cursor: pointer;
      display: none;
      position: absolute;
      padding: 0 24px 24px;
      background: #fff;
      z-index: 49
    }

    .profiles .name {
      font-size: 28px;
      font-weight: 600;
      color: #081e5e;
      line-height: 36px
    }

    .profiles .title {
      font-size: 16px;
      font-weight: 400;
      color: #081e5e;
      line-height: 22px
    }

    .profiles .description {
      font-size: 16px;
      font-weight: 400;
      color: #616e82;
      line-height: 32px
    }

    @media screen and (max-width:640px) {
      .profiles-bg {
        background-image: url(/profiles/topBanner-m-bg.svg);
        background-position: center 60px
      }

      .profiles-top-content {
        padding-top: 100px
      }

      .profiles-top-content>div {
        font-size: 64px;
        line-height: 88px
      }

      .profiles-leaders-list {
        margin-top: -120px;
        padding: 0 3.75% 88px
      }

      .profiles-leaders-list>li {
        border-radius: 16px 16px 0 0;
        overflow: hidden
      }

      .profiles-leaders-list>li:nth-child(n+2) {
        margin-top: 48px
      }

      .profiles-leaders-list .content {
        border: 1px solid #c4cbd7;
        border-top: none;
        border-radius: 0 0 16px 16px
      }

      .profiles-leaders-list .imgContainer>img {
        width: 100%
      }

      .profiles-leaders-list .flex-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px
      }

      .profiles-leaders-list .flex-wrap .nameContainer {
        height: 72px;
        background-repeat: no-repeat;
        background-size: auto 120%;
        background-position: 12px
      }

      .profiles-leaders-list .flex-wrap .nameContainer .title {
        margin-top: 12px
      }

      .profiles-leaders-list .flex-wrap .icon-arrow>img {
        width: 36px
      }

      .profiles-leaders-list .description {
        max-height: 1px;
        padding: 0 24px;
        overflow: hidden;
        transition: all .2s
      }

      .profiles-leaders-list .description.opened {
        max-height: 1000px;
        padding-bottom: 24px
      }
    }

    .csp {
      width: 100%;
      overflow-x: hidden
    }

    .csp-feature {
      text-align: center;
      padding: 64px 0 124px
    }

    .csp-feature-item {
      display: inline-block;
      padding: 40px 80px 48px;
      width: 600px
    }

    .csp-feature-item img {
      width: 120px
    }

    .csp-reliability {
      background: #f5f9ff;
      padding: 128px 0 124px;
      text-align: center
    }

    .csp-reliability-item {
      max-width: 1173px;
      text-align: center;
      margin: 56px auto 0
    }

    .csp-reliability-item>div {
      display: inline-block
    }

    @media screen and (min-width:1042px) {
      .csp-reliability-item:nth-child(2n) .imgContainer {
        float: left
      }

      .csp-reliability-item:nth-child(2n) .textContainer,
      .csp-reliability-item:nth-child(odd) .imgContainer {
        float: right
      }

      .csp-reliability-item:nth-child(odd) .textContainer {
        float: left
      }
    }

    .csp-reliability-item .imgContainer {
      max-width: 600px
    }

    .csp-reliability-item .imgContainer img {
      width: 100%;
      height: auto;
      vertical-align: top
    }

    .csp-reliability-item .textContainer {
      max-width: 497px
    }

    .csp-reliability-item .textContainer ul {
      padding: 0
    }

    .csp-reliability-item .textContainer ul li {
      list-style: url(/solution/cloud-service-provider/check.svg);
      margin-left: 32px;
      line-height: 32px;
      margin-bottom: 16px;
      padding-left: 24px
    }

    .csp-reliability-itemContainer {
      margin: 0 auto;
      background-image: url(/solution/cloud-service-provider/reliability-bg.svg)
    }

    .csp-reliability-item ul {
      list-style: none;
      padding: 0
    }

    .csp-reliability-item>div {
      width: 500px;
      text-align: left
    }

    @media screen and (max-width:640px) {
      .csp-banner .banner-topContainer .banner-topIntro {
        height: 1028px !important
      }

      .csp-banner .banner-pic {
        left: 50% !important;
        transform: translateX(-50%) !important
      }

      .csp-feature {
        padding: 88px 7.5%
      }

      .csp-feature .description {
        margin-top: 40px
      }

      .csp-feature .content {
        padding: 0 !important
      }

      .csp-feature .content-container {
        height: auto !important
      }

      .csp-feature .content-description {
        margin-top: 16px !important
      }

      .csp-feature-item {
        position: static !important
      }

      .csp-feature-item:nth-child(n+2) {
        margin-top: 32px
      }

      .csp-feature-item>img {
        width: 80px;
        height: 80px
      }

      .csp-feature-btn {
        margin-top: 40px
      }

      .csp-feature-btn .button,
      .csp-feature-btn>div {
        width: 100%
      }

      .csp-reliability {
        padding: 88px 7.5%
      }

      .csp-reliability-itemContainer {
        margin-top: 88px
      }

      .csp-reliability-item {
        padding: 24px;
        border-radius: 10px;
        background-color: #fff
      }

      .csp-reliability-item .imgContainer {
        position: relative
      }

      .csp-reliability-item .imgContainer .name {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        color: #fff;
        text-align: center;
        transform: translateY(-50%)
      }

      .csp-reliability-btn {
        margin-top: 40px
      }

      .csp-reliability-btn .button,
      .csp-reliability-btn>div {
        width: 100%
      }
    }

    @media screen and (max-width:640px) {
      .support .banner-pic {
        width: 500px !important;
        right: 49px !important;
        bottom: -94px !important
      }

      .support .banner-topContainer {
        height: 682px !important
      }

      .support-detail {
        padding: 108px 0 88px !important
      }

      .support-detail-item {
        margin: 48px auto 0 !important;
        justify-content: left !important;
        flex-direction: row !important
      }

      .support-detail-item>div {
        margin: 0 !important
      }

      .support-detail-item ul {
        margin-top: 40px !important
      }

      .support-detail-item ul li {
        margin-top: 16px
      }

      .support-detail-item .picTitle {
        display: block !important
      }

      .support-detail-item .title {
        display: none !important
      }
    }

    .support-detail {
      text-align: center;
      padding: 144px 0 104px;
      background-image: url(/support/support-bg.svg);
      background-position-y: 74px
    }

    .support-detail-item {
      max-width: 1092px;
      margin: 56px auto 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center
    }

    .support-detail-item>div {
      margin: 0 24px
    }

    .support-detail-item:nth-child(2n) {
      flex-direction: row-reverse
    }

    @media screen and (min-width:1042px) {
      .support-detail-item {
        flex-wrap: nowrap
      }
    }

    .support-detail-item .imgContainer {
      position: relative;
      max-width: 584px
    }

    .support-detail-item .imgContainer .picTitle {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      display: none
    }

    .support-detail-item .imgContainer img {
      width: 100%;
      height: auto;
      vertical-align: top
    }

    .support-detail-item .textContainer {
      width: 448px;
      text-align: left
    }

    .support-detail-item>div {
      vertical-align: top;
      display: inline-block
    }

    .support-detail-item ul li {
      list-style: disc;
      color: #27b5fe;
      margin-left: 1em;
      margin-top: 8px
    }

    .support-detail-item ul li span {
      color: #616e82
    }

    @media screen and (max-width:640px) {
      .story .customerStory-topBannerWrapper .customerStory-topBanner {
        background-image: url(/customer-story/talkcloud/topBanner-bg-m.svg)
      }

      .story .customerStory-topBannerWrapper .buttonContainer .button {
        background: linear-gradient(90deg, #4ec3fe, #0ca8fd 25%, #008cf2 75%, #0069cd);
        background-size: 400%;
        background-position: 0;
        color: #fff
      }

      .story .story-block-m {
        display: block !important
      }

      .story-case {
        background-image: none !important
      }

      .story-case-content {
        top: -100px !important
      }

      .story-stats {
        padding-top: 0 !important
      }

      .story-solution {
        background-image: none !important
      }

      .story-solution-content {
        height: 800px;
        text-align: center
      }

      .story-solution-content .font-20 {
        text-align: left
      }

      .story-problem .full-bg {
        background-image: none !important
      }

      .story-problem .full-bg .font-28 {
        padding-left: 58px !important;
        padding-right: 58px !important
      }

      .story-block {
        margin-bottom: 0 !important
      }

      .story-block .imgContainer img {
        display: none
      }

      .story-block .textContainer {
        padding-bottom: 80px !important
      }

      .story-block .textContainer .font-28 {
        margin-top: 40px;
        margin-bottom: 40px
      }

      .story-stats .mt-32 .story-stats-item {
        display: inline-block;
        width: 250px
      }

      .story .textContainer {
        text-align: center !important
      }

      .story .textContainer .font-20 {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 44px
      }

      .story-result-content-container {
        margin-left: 38px;
        margin-right: 38px
      }
    }

    .story .box-rows-div>div:nth-of-type(2) .textContainer {
      background: #fff
    }

    .story p {
      margin-bottom: 24px !important
    }

    .story-case {
      position: relative;
      bottom: 80px;
      max-width: 1440px;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: 100%
    }

    .story-case-content {
      margin: 0 24px;
      position: relative;
      top: 40px;
      max-width: 624px;
      background: #fff;
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15);
      border-radius: 8px;
      padding: 48px 48px 88px;
      border-bottom: 16px solid #4ec3fe
    }

    @media screen and (min-width:732px) {
      .story-case-content {
        float: right;
        margin: 0 108px
      }
    }

    .story-case-content img {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%)
    }

    .story-case-content .name {
      line-height: 100px;
      position: relative
    }

    .story-stats {
      padding: 64px 0 104px;
      text-align: center
    }

    .story-stats-item {
      display: inline-block;
      width: 355px;
      height: 220px
    }

    .story-stats-item .stats {
      font-size: 72px;
      font-weight: 600;
      color: #00a9ff;
      line-height: 100px
    }

    .story-problem {
      background: #f5f9ff;
      padding: 104px 0;
      text-align: center
    }

    .story-problem-content {
      max-width: 1224px;
      padding: 0 80px;
      text-align: left
    }

    .story-problem-content p {
      margin-bottom: 16px !important
    }

    .story-solution {
      position: relative;
      color: #fff
    }

    .story-solution-content {
      padding: 64px 80px 104px;
      max-width: 1224px
    }

    .story-solution ul li {
      list-style-type: disc;
      margin-left: 1em
    }

    .story-solution img {
      position: absolute;
      bottom: 0;
      right: 0
    }

    .story-result-title {
      color: #fff;
      background-image: url(/customer-story/talkcloud/result-bg.png);
      background: #008cf2;
      text-align: center;
      padding: 64px 0 202px
    }

    .story-result-content-container {
      position: relative;
      bottom: 138px;
      max-width: 1224px;
      padding: 8px 80px 64px;
      background: #fff;
      border-radius: 8px
    }

    .story-consultation {
      text-align: center;
      background: linear-gradient(270deg, #0ca8fd, #4ec3fe);
      padding: 64px 0 184px;
      color: #fff
    }

    .story-proposal-bg {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1
    }

    .story-block {
      margin-bottom: 64px
    }

    @media screen and (min-width:1370px) {
      .story-block:nth-child(odd) .textContainer {
        float: left;
        border-radius: 0 0 88px 0;
        padding: 104px 392px 104px 188px
      }

      .story-block:nth-child(odd) .imgContainer {
        right: 0
      }

      .story-block:nth-child(2n) .textContainer {
        float: right;
        padding: 104px 178px 104px 400px;
        border-radius: 0 0 0 88px
      }

      .story-block:nth-child(2n) .imgContainer {
        left: 0
      }

      .story-block .imgContainer {
        position: absolute;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%)
      }
    }

    @media screen and (max-width:1370px) {
      .story-block {
        text-align: center
      }
    }

    .story-block .textContainer {
      max-width: 1227px;
      background: linear-gradient(#f2faff, #e1f3fe);
      text-align: left;
      padding: 24px
    }

    .story-block .textContainer p {
      margin-top: 16px
    }

    .story-block .textContainer>div {
      position: relative;
      z-index: 2
    }

    .story-block .imgContainer {
      max-width: 524px
    }

    .story-block .imgContainer img {
      width: 100%;
      height: auto
    }

    .story-block-bg {
      background: #e1f3fe;
      width: 100%;
      height: 100%
    }

    .story-block-content {
      position: relative
    }

    .story-block-content ul {
      list-style: none;
      padding-left: 20px
    }

    .story-block-content li:before {
      content: "\2022";
      color: #4ec3fe;
      font-weight: 700;
      display: inline-block;
      width: 1em;
      margin-left: -1em
    }

    .story-block-content>* {
      display: inline-block;
      vertical-align: middle
    }

    .story-block-content>div {
      max-width: 648px
    }

    .story-map {
      padding: 104px 7.5%
    }

    .story-map img {
      width: 100%;
      height: auto
    }

    .story .story-block-m {
      display: none
    }

    @media screen and (max-width:640px) {
      .zenlayer-inside .banner-topContainer {
        height: 770px !important
      }

      .zenlayer-inside .banner-pic {
        width: 460px !important;
        right: 48px !important;
        bottom: -59px !important
      }

      .zenlayer-inside-b1 {
        margin: 0 !important;
        padding: 148px 48px 88px !important;
        background: none !important
      }

      .zenlayer-inside-b1 .content {
        padding: 48px 61px !important
      }

      .zenlayer-inside-b1 .content img {
        margin: 40px 16px 0 !important
      }

      .zenlayer-inside-b1-content {
        flex-direction: column-reverse
      }

      .zenlayer-inside-subContent {
        padding: 88px 48px !important;
        background-image: url(/page-form-bg-m.png) !important
      }

      .zenlayer-inside-subContent .description,
      .zenlayer-inside-subContent .mt-48 {
        margin-top: 40px !important
      }

      .zenlayer-inside-subContent .contact-subBanner-sub {
        margin: 0 !important
      }

      .zenlayer-inside-subContent .contact-subBanner-sub .zen-input {
        width: 356px !important
      }

      .zenlayer-inside-subContent .contact-subBanner-sub .button-l {
        width: 188px !important
      }
    }

    .zenlayer-inside-b1 {
      margin: 88px auto 48px;
      max-width: 1316px;
      text-align: center;
      background-image: url(/zenlayer-inside/b1-bg.svg);
      padding: 56px 82px 55px 66px
    }

    .zenlayer-inside-b1-content {
      background: #f5f9ff;
      display: flex;
      flex-wrap: wrap
    }

    .zenlayer-inside-b1-content .imgContainer {
      vertical-align: top;
      max-width: 618px
    }

    .zenlayer-inside-b1-content .imgContainer>img {
      width: 100%;
      height: auto
    }

    .zenlayer-inside-b1 .content {
      vertical-align: top;
      padding: 68px 62px;
      max-width: 550px;
      display: inline-block;
      text-align: center
    }

    .zenlayer-inside-b1 .content img {
      cursor: pointer;
      opacity: .8;
      margin: 32px 16px 0
    }

    .zenlayer-inside-b1 .content img:hover {
      opacity: 1
    }

    .zenlayer-inside-sub {
      text-align: center;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd);
      border-radius: 60px 0 0 0;
      color: #fff
    }

    .zenlayer-inside-subContent {
      padding: 64px 0;
      background-image: url(/page-form-bg.png)
    }

    @media screen and (max-width:640px) {
      .blog.event .banner-pic {
        width: 438px !important;
        right: 48px !important;
        bottom: -64px !important
      }

      .blog.event .blog-content {
        padding-top: 104px !important;
        padding-bottom: 0 !important
      }

      .blog.event .banner-topContainer {
        height: 680px !important
      }
    }

    .blog.event .page-form {
      margin-top: 88px
    }

    @media screen and (max-width:640px) {
      .blog .banner-pic {
        width: 450px !important;
        right: 48px !important;
        bottom: 0 !important
      }

      .blog .banner-topContainer {
        height: 673px !important
      }

      .blog-content {
        padding-top: 40px !important;
        padding-bottom: 0 !important
      }

      .blog-pagination {
        margin: 40px 0 88px !important
      }

      .blog-article p,
      .blog-article strong {
        font-size: 26px !important;
        line-height: 36px !important
      }

      .blog-article-container {
        padding: 48px 0 88px !important
      }

      .blog-article-container>div {
        margin: 0 !important
      }

      .blog-bottomBanner .page-middle {
        padding: 88px 48px !important;
        text-align: center !important
      }

      .blog-bottomBanner .page-middle .btnWrap {
        margin-top: 40px !important
      }

      .blog-bottomBanner-content {
        background-image: url(/blog/bottomBanner-bg-m.svg) !important;
        min-height: 426px
      }
    }

    .blog-content {
      display: flex;
      padding-top: 48px;
      padding-bottom: 64px
    }

    @media screen and (max-width:750px) {
      .blog-content {
        flex-wrap: wrap;
        justify-content: center
      }
    }

    .blog-content-wrapper,
    .blog-pagination {
      text-align: center
    }

    .blog-pagination {
      margin-bottom: 104px
    }

    .blog-bottomBanner {
      border-radius: 0 60px 0 0;
      color: #fff;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    .blog-bottomBanner-content {
      background-image: url(/blog/bottomBanner-bg.svg)
    }

    .blog-bottomBanner-content .page-middle {
      padding: 64px 136px
    }

    .blog-article {
      max-width: 832px
    }

    .blog-article figure img {
      border-radius: 16px
    }

    .blog-article img.size-full {
      display: block;
      margin-left: auto;
      margin-right: auto
    }

    .blog-article img.size-full,
    .blog-article img.size-large {
      border-radius: 16px
    }

    .blog-article .wp-caption {
      width: 100% !important
    }

    .blog-article-container {
      padding: 64px 0 104px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap
    }

    .blog-article-container>div {
      margin: 0 40px
    }

    .blog-article-wrapper {
      background: linear-gradient(180deg, #e0f8ff, hsla(0, 0%, 100%, 0));
      background-size: 100% 600px;
      background-repeat: no-repeat
    }

    .blog-article-author {
      color: #24b7ff;
      cursor: pointer
    }

    .blog-article-tagItem {
      cursor: pointer;
      border-radius: 1px;
      display: inline-block;
      color: #00a9ff;
      background: #e9f7ff;
      margin-right: 16px;
      margin-bottom: 16px;
      line-height: 1;
      padding: 7px 20px
    }

    .blog-article-share {
      cursor: pointer
    }

    .blog-article-share img {
      margin-right: 24px;
      width: 50px;
      opacity: .8
    }

    .blog-article-share img:hover {
      opacity: 1
    }

    .blog-article strong {
      font-size: 20px;
      line-height: 36px;
      color: #616e82
    }

    .blog-article img {
      max-width: 100%;
      height: auto
    }

    .blog-article p {
      margin-top: 32px !important;
      line-height: 28px
    }

    .blog-article a {
      font-weight: 600
    }

    .blog-article figure {
      text-align: center
    }

    .aboutUs {
      width: 100%;
      overflow-x: hidden
    }

    .aboutUs-top {
      background: linear-gradient(180deg, #fff, #b3e5ff)
    }

    .aboutUs-topContent {
      padding: 124px 0 114px;
      text-align: center;
      background-image: url(/about-us/topBanner-bg.svg);
      background-position: bottom;
      background-position-y: 0;
      background-repeat: no-repeat
    }

    .aboutUs-visionAndMission {
      position: relative;
      padding-top: 78px;
      text-align: center
    }

    .aboutUs-visionAndMission-content {
      min-height: 325px;
      padding: 28px 0 107px;
      background-image: url(/about-us/vision-bg.svg)
    }

    .aboutUs-visionAndMission-content>div {
      width: 390px;
      display: inline-block;
      vertical-align: top;
      margin: 0 6%
    }

    .aboutUs-wow {
      position: relative;
      color: #fff;
      text-align: center
    }

    .aboutUs-wow-bg {
      background: linear-gradient(270deg, #0069cd, #008cf2)
    }

    .aboutUs-wow-top {
      position: absolute;
      width: 50%;
      background: linear-gradient(270deg, #017ae0, #008cf2);
      top: -92px;
      height: 92px;
      border-radius: 0 70px 0 0
    }

    .aboutUs-wow-top:nth-child(2) {
      left: 50%;
      border-radius: 70px 0 0 0;
      background: linear-gradient(270deg, #0069cd, #007be0)
    }

    .aboutUs-wow-content {
      min-height: 407px;
      padding: 124px 0 94px;
      background-image: url(/about-us/wow-bg.svg);
      background-repeat: no-repeat;
      background-position: bottom
    }

    .aboutUs-value {
      text-align: center;
      background: #e1f3fe;
      padding: 64px 0 95px
    }

    .aboutUs-value-container {
      margin-top: 52px
    }

    .aboutUs-value .item-normal {
      background-repeat: no-repeat;
      background-position: 50%
    }

    .aboutUs-value .item-normal>div {
      height: 390px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff
    }

    .aboutUs-value .item-active {
      padding-top: 74px
    }

    .aboutUs-value-item {
      border-radius: 8px;
      width: 390px;
      height: 390px;
      display: inline-block;
      overflow: hidden;
      margin: 12px;
      cursor: pointer
    }

    .aboutUs-value-itemContent {
      transition: all .3s
    }

    .aboutUs-value-item.active {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      background: #fff
    }

    .aboutUs-value-item.active .aboutUs-value-itemContent {
      transform: translateY(-390px)
    }

    .aboutUs-value-item>div {
      width: 390px;
      height: 390px
    }

    .aboutUs-value-item:nth-child(4),
    .aboutUs-value-item:nth-child(4)>div,
    .aboutUs-value-item:nth-child(5),
    .aboutUs-value-item:nth-child(5)>div {
      width: 596px
    }

    .aboutUs-value-item:nth-child(4) .hoverContent,
    .aboutUs-value-item:nth-child(5) .hoverContent {
      max-width: 492px !important
    }

    .aboutUs-people {
      background-image: url(/about-us/people-bg.jpg);
      height: 484px;
      position: relative
    }

    .aboutUs-people .drop {
      position: absolute;
      top: -1px;
      left: 50%;
      transform: translateX(-50%)
    }

    .aboutUs-history {
      position: relative;
      padding-top: 64px;
      text-align: center
    }

    .aboutUs-history-button {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      z-index: 20;
      cursor: pointer
    }

    .aboutUs-history-open {
      top: 60px;
      display: none
    }

    .aboutUs-history-close {
      bottom: -48px;
      color: #24b7ff
    }

    .aboutUs-history .drop {
      position: absolute;
      left: -86px;
      z-index: 11;
      top: -1px
    }

    .aboutUs-history.collapsed .aboutUs-history-close {
      display: none
    }

    .aboutUs-history.collapsed .aboutUs-history-mask,
    .aboutUs-history.collapsed .aboutUs-history-open {
      display: block
    }

    .aboutUs-history.collapsed .drop {
      bottom: 800px
    }

    .aboutUs-history-mask {
      display: none;
      width: 100%;
      background: linear-gradient(180deg, #1255a2, rgba(41, 142, 207, 0));
      height: 500px;
      position: absolute;
      top: 177px;
      z-index: 10;
      opacity: .5
    }

    .aboutUs-history-item {
      border-bottom: 1px solid #119aed;
      text-align: left;
      margin-left: 29px;
      padding: 64px 0
    }

    .aboutUs-history-itemContainer {
      position: relative;
      margin: 0 108px 0 200px;
      border-left: 1px solid #119aed
    }

    @media screen and (max-width:950px) {
      .aboutUs-history-itemContainer {
        margin: 0 7.5% 0 13%
      }
    }

    .aboutUs-history-item li {
      position: relative;
      color: #b3e5ff;
      margin-left: 52px;
      margin-bottom: 16px;
      font-size: 16px;
      line-height: 28px
    }

    .aboutUs-history-item li a {
      color: #b3e5ff;
      text-decoration: underline
    }

    .aboutUs-history-item>div {
      display: inline-block;
      vertical-align: top
    }

    .aboutUs-history-item .left {
      max-width: 433px;
      position: relative;
      right: 41px
    }

    @media screen and (min-width:950px) {
      .aboutUs-history-item .right-flex {
        display: flex;
        justify-content: space-between;
        width: 600px
      }

      .aboutUs-history-item .right-flex img {
        margin-bottom: 0
      }
    }

    @media screen and (min-width:1369px) {
      .aboutUs-history-item .right {
        float: right
      }
    }

    .aboutUs-history-item .right img {
      height: 184px;
      max-width: 100%;
      margin-bottom: 24px
    }

    .aboutUs-history-item li:before {
      position: absolute;
      content: "";
      display: inline-block;
      top: 7px;
      left: -45px;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      background: #b3e5ff
    }

    .aboutUs-history-item .year:before {
      content: "";
      margin-right: 24px;
      width: 24px;
      height: 24px;
      display: inline-block;
      border-radius: 50%;
      background: #fff
    }

    .aboutUs-history.collapsed .aboutUs-history-container {
      height: 861px
    }

    .aboutUs-history.collapsed .aboutUs-history-container .aboutUs-history-itemContainer {
      position: absolute;
      bottom: 0
    }

    .aboutUs-history-container {
      position: relative;
      overflow: hidden;
      color: #fff;
      background: linear-gradient(270deg, #008cf2, #0069cd)
    }

    .aboutUs-certification {
      text-align: center;
      background: #f5f9ff;
      padding: 124px 0 84px
    }

    .aboutUs-certification-item {
      margin: 12px;
      overflow: hidden;
      width: 392px;
      background: #fff;
      border-radius: 16px;
      display: inline-block
    }

    .aboutUs-certification-itemContainer {
      margin-top: 52px
    }

    .aboutUs-certification-item .name {
      padding: 24px 40px
    }

    .aboutUs-certification-item img {
      width: 392px
    }

    .aboutUs-future {
      padding: 124px 0 222px;
      text-align: center
    }

    .aboutUs-future-item {
      height: 488px;
      vertical-align: top;
      background: #f5f9ff;
      display: inline-block;
      max-width: 600px;
      margin: 0 12px
    }

    @media screen and (max-width:650px) {
      .aboutUs-future-item .imgContainer {
        display: none
      }

      .aboutUs-future-item .textContainer {
        text-align: left !important
      }
    }

    @media screen and (min-width:1275px) {
      .aboutUs-future-item:nth-child(odd) {
        position: relative;
        top: 60px
      }
    }

    @media screen and (max-width:1275px) {
      .aboutUs-future-item:nth-child(odd) {
        margin-bottom: 24px
      }
    }

    .aboutUs-future-item:nth-child(odd) .imgContainer {
      float: right
    }

    .aboutUs-future-item:nth-child(odd) .textContainer {
      float: left;
      text-align: right
    }

    .aboutUs-future-item:nth-child(2n) .imgContainer {
      float: left
    }

    .aboutUs-future-item:nth-child(2n) .textContainer {
      float: right;
      text-align: left
    }

    .aboutUs-future-itemWrap {
      margin-top: 64px
    }

    .aboutUs-future-item>div {
      display: inline-block;
      vertical-align: top
    }

    .aboutUs-future-item .textContainer {
      width: 312px;
      padding: 48px
    }

    .aboutUs-future-item .textContainer .content p {
      font-size: 20px;
      line-height: 32px
    }

    @media screen and (max-width:640px) {
      .aboutUs-topContent {
        padding-left: 7.5%;
        padding-right: 7.5%;
        background-image: url(/about-us/topBanner-m-bg.svg)
      }

      .aboutUs-topContent .title {
        font-size: 64px;
        line-height: 88px
      }

      .aboutUs-topContent .subtitle {
        margin-top: 48px;
        font-size: 32px;
        line-height: 42px;
        color: #081e5e;
        font-weight: 600
      }

      .aboutUs-topContent .description {
        margin-top: 40px;
        font-size: 20px;
        line-height: 30px;
        color: #616e82;
        font-weight: 400
      }

      .aboutUs-visionAndMission {
        padding-top: 0
      }

      .aboutUs-visionAndMission-content {
        padding: 88px 7.5%;
        background-image: url(/about-us/vision-m-bg.svg)
      }

      .aboutUs-visionAndMission-content>div {
        margin: 0
      }

      .aboutUs-visionAndMission-content>div:nth-child(n+2) {
        margin-top: 150px
      }

      .aboutUs-visionAndMission-content .description {
        margin-top: 40px
      }

      .aboutUs-wow-top {
        top: -36px;
        height: 36px
      }

      .aboutUs-wow-content {
        padding: 52px 7.5% 76px;
        background-position: bottom;
        background-size: 100% auto
      }

      .aboutUs-wow-content .mt-24 {
        margin-top: 40px
      }

      .aboutUs-value {
        padding: 88px 48px
      }

      .aboutUs-value-item-m {
        width: 100%;
        height: auto;
        margin: 40px 0 0
      }

      .aboutUs-value-itemContent {
        position: relative;
        padding: 68px 54px 40px;
        border-radius: 8px 8px 0 0;
        background-color: #fff
      }

      .aboutUs-value-itemContent>div {
        position: relative;
        z-index: 2
      }

      .aboutUs-value-itemContent>img {
        position: absolute;
        top: 40px;
        left: 50%;
        width: 98px;
        z-index: 1;
        opacity: .5;
        transform: translateX(-50%)
      }

      .aboutUs-value .borderBottom {
        width: 100%;
        height: 8px;
        border-radius: 0 0 8px 8px
      }

      .aboutUs-history-item li {
        font-size: 20px;
        line-height: 32px
      }

      .aboutUs-history-item li:before {
        top: 12px
      }

      .aboutUs-certification {
        padding: 88px 7.5% 0
      }

      .aboutUs-certification-item {
        border-radius: 0
      }

      .aboutUs-future {
        padding: 88px 7.5%
      }

      .aboutUs-future-itemWrap {
        margin-top: 88px
      }

      .aboutUs-future-item {
        display: flex;
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 52px 0 0 !important
      }

      .aboutUs-future-item .imgContainer {
        order: 3;
        display: block;
        float: none !important;
        width: 261px;
        height: auto
      }

      .aboutUs-future-item .imgContainer>img {
        width: 100%
      }

      .aboutUs-future-item .textContainer {
        order: 2;
        flex-grow: 1;
        float: none !important;
        padding: 72px 32px 0
      }

      .aboutUs-future-item:nth-child(2n) .imgContainer {
        order: 1
      }
    }

    .topNav {
      height: 40px;
      padding: 0 108px;
      line-height: 40px;
      font-size: 12px;
      color: #fff
    }

    .topNav-item {
      display: inline-block;
      margin-left: 21px
    }

    .topNav a {
      color: #616e82
    }

    .topNav.dark a {
      color: #fff
    }

    .topNav-content {
      float: right
    }

    .primaryNav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      position: relative;
      line-height: 40px;
      font-size: 14px;
      color: #fff;
      z-index: 200
    }

    @media screen and (max-width:640px) {
      .primaryNav {
        height: 112px !important
      }

      .primaryNav-dropdown-mini--category .category-name {
        font-size: 16px !important;
        height: 32px !important
      }

      .primaryNav-dropdown-mini--category img.small {
        width: 48px !important;
        height: 48px !important
      }

      .primaryNav-dropdown-mini--category .link-name {
        font-size: 24px !important;
        line-height: 28px !important
      }

      .primaryNav-dropdown-mini--category .link-name.small {
        font-size: 20px !important
      }

      .primaryNav-dropdown-mini--category .link-desc {
        font-size: 16px !important;
        line-height: 24px !important
      }

      .primaryNav-logo {
        width: 219px !important
      }

      .primaryNav .menu-icon>img {
        width: 48px !important;
        height: 48px !important
      }
    }

    .primaryNav .primaryNav-height-placeholder {
      display: none
    }

    .primaryNav.sticky {
      background: #fff;
      box-shadow: 0 2px 4px 0 rgba(8, 30, 94, .15);
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 9999
    }

    .primaryNav.sticky>.primaryNav-height-placeholder {
      height: 66px;
      display: block
    }

    @media screen and (min-width:800px) {
      .primaryNav {
        padding: 0 108px
      }
    }

    @media screen and (max-width:800px) {
      .primaryNav {
        padding: 0 7.5%
      }
    }

    .primaryNav.dark {
      border-bottom: 1px solid rgba(167, 177, 193, .5);
      border-top: 1px solid rgba(167, 177, 193, .5)
    }

    .primaryNav-logo {
      width: 145px;
      cursor: pointer;
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .primaryNav a {
      color: #081e5e
    }

    .primaryNav.dark .primaryNav-link a,
    .primaryNav.dark .primaryNav-link a:hover {
      color: #fff
    }

    .primaryNav-dropdown {
      position: absolute;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-height: 0;
      color: #081e5e;
      background: #fff;
      z-index: 2000;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 0 0 48px 0;
      padding: 0 108px;
      overflow: hidden
    }

    @media screen and (min-width:800px) {
      .primaryNav-dropdown {
        width: calc(100vw - 616px);
        right: 108px
      }
    }

    @media screen and (max-width:800px) {
      .primaryNav-dropdown {
        width: calc(100vw - 15%);
        right: 7.5%
      }
    }

    @media screen and (max-width:1525px) {
      .primaryNav-dropdown {
        padding-left: 52px;
        padding-right: 52px
      }
    }

    .primaryNav-dropdown-category {
      width: 364px;
      /* margin-bottom: 32px */
    }

    @media screen and (max-width:1525px) {
      .primaryNav-dropdown-category {
        width: 288px
      }
    }

    .primaryNav-dropdown-category h6 {
      padding-left: 28px;
      margin-bottom: 4px;
      color: #a7b1c1
    }

    @media screen and (max-width:1525px) {
      .primaryNav-dropdown-category h6 {
        padding-left: 14px
      }
    }

    .primaryNav-dropdown-item {
      width: 100%
    }

    .primaryNav-dropdown-item .flex-box {
      display: flex
    }

    .primaryNav-dropdown-item .category-name {
      padding-left: 8px;
      color: #a7b1c1
    }

    .primaryNav-dropdown-item .category-content {
      margin-left: 24px
    }

    .primaryNav-dropdown-mini {
      position: absolute;
      top: 112px;
      left: 0;
      width: 100vw;
      color: #081e5e;
      background: #fff;
      z-index: 1000;
      color: #616e82;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      transition: all .2s ease-in;
      overflow: hidden
    }

    .primaryNav-dropdown-mini-item:nth-child(n+2) {
      border-top: 1px solid #c4cbd7
    }

    .primaryNav-dropdown-mini--title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 96px;
      padding: 0 7.5%;
      color: #616e82;
      font-weight: 600
    }

    .primaryNav-dropdown-mini--title>img {
      width: 24px;
      height: 24px
    }

    .primaryNav-dropdown-mini--category {
      transition: all .2s ease-in;
      overflow: hidden
    }

    .primaryNav-dropdown-mini .category-name {
      display: flex;
      align-items: center;
      height: 27px;
      padding-left: calc(7.5% + 15px);
      font-weight: 600;
      background-color: #f3f5f9
    }

    .primaryNav-dropdown-mini .link {
      display: flex;
      align-items: center;
      width: 100%;
      height: 80px;
      padding-left: 15px;
      margin-left: 7.5%;
      font-weight: 600;
      color: #081e5e
    }

    .primaryNav-dropdown-mini .link:hover,
    .primaryNav-dropdown-mini .link:hover .link-desc {
      color: #24b7ff
    }

    .primaryNav-dropdown-mini .link:not(:first-child) {
      border-top: 1px solid #f3f5f9
    }

    .primaryNav-dropdown-mini .link>img {
      width: 64px;
      height: 64px;
      margin-right: 16px
    }

    .primaryNav-dropdown-mini .link-desc {
      color: #616e82;
      transition: color .2s ease-in-out
    }

    .primaryNav-link {
      position: relative;
      line-height: 66px;
      cursor: pointer
    }

    .primaryNav-link:after {
      content: "";
      opacity: 0;
      position: absolute;
      bottom: 16px;
      left: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, #0ca8fd, #4ec3fe);
      border-radius: 2px 0 2px 0
    }

    .primaryNav-navItem-1 {
      display: flex;
      align-items: center;
      cursor: pointer;
      line-height: 1.5;
      width: 100%;
      padding: 16px 30px;
      transition: all .2s
    }

    @media screen and (max-width:1525px) {
      .primaryNav-navItem-1 {
        padding: 16px
      }
    }

    .primaryNav-navItem-1.bigger {
      padding: 24px 30px
    }

    .primaryNav-navItem-1 .icon {
      width: 64px;
      height: 64px
    }

    .primaryNav-navItem-1 .desc {
      margin-top: 8px;
      color: #616e82;
      transition: color .3s
    }

    .primaryNav-navItem-1 .name-desc {
      display: inline-block;
      max-width: calc(100% - 64px);
      margin-left: 18px
    }

    .primaryNav-navItem-1 .name-desc .desc {
      margin-top: 4px
    }

    .primaryNav-navItem-1 .icon-name {
      display: flex;
      align-items: center
    }

    .primaryNav-navItem-1 .icon-name img {
      width: 42px;
      margin-right: 16px
    }

    .primaryNav-navItem-1:hover {
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15);
      border-radius: 4px;
      color: #24b7ff
    }

    .primaryNav-navItem-1:hover .desc {
      color: #24b7ff
    }

    .primaryNav-navItem-2 {
      display: block;
      margin: 8px 0 24px;
      text-align: center;
      transition: none
    }

    .primaryNav-navItem-2:hover,
    .primaryNav-navItem-2:hover .desc {
      color: #24b7ff
    }

    .primaryNav-item {
      display: inline-block
    }

    .primaryNav-item.sm-pic .icon {
      width: 32px !important
    }

    @media screen and (max-width:800px) {
      .primaryNav-item {
        display: none
      }
    }

    .primaryNav-item:not(:first-child) {
      margin-left: 32px
    }

    .primaryNav-item a {
      display: block;
      margin-top: 8px
    }

    .primaryNav-item--link {
      position: relative
    }

    .primaryNav-item--link .primaryNav-dropdown {
      width: 258px;
      padding: 0 48px;
      left: calc(50% - 129px);
      display: block
    }

    .primaryNav-item--link:hover .primaryNav-dropdown {
      max-height: 10000px;
      padding: 16px 48px;
      transition: all .3s ease-in, padding-right 0s, padding-left 0s
    }

    .primaryNav-item--category:hover .primaryNav-dropdown {
      transition: all .3s ease-in, padding-right 0s, padding-left 0s;
      padding-top: 48px;
      padding-bottom: 48px;
      max-height: 10000px
    }

    .primaryNav-item:hover .primaryNav-link a {
      color: #24b7ff
    }

    .primaryNav-item:hover .primaryNav-link:after {
      opacity: 1
    }

    .primaryNav-content.collapsed .primaryNav-item {
      visibility: hidden
    }

    .primaryNav-content.collapsed .menu-icon {
      display: inline-block
    }

    .primaryNav .menu-icon {
      display: none
    }

    @media screen and (max-width:800px) {
      .primaryNav .menu-icon {
        display: block
      }
    }

    .primaryNav .menu-icon>img {
      width: 24px;
      height: 24px
    }

    .primaryNav .free-btn {
      font-weight: 500;
      padding: 0 9px;
      height: 24px;
      line-height: 24px;
      display: inline-block;
      background: linear-gradient(270deg, #0ca8fd, #4ec3fe 99%);
      border-radius: 4px
    }

    .primaryNav img {
      cursor: pointer
    }

    .productNav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      background: #fff;
      box-shadow: 0 2px 4px 0 rgba(8, 30, 94, .15)
    }

    .productNav-wrapper {
      height: 72px
    }

    @media screen and (max-width:640px) {
      .productNav-wrapper {
        height: auto
      }
    }

    .productNav.sticky {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1200
    }

    @media screen and (min-width:800px) {
      .productNav {
        padding: 16px 108px
      }
    }

    @media screen and (max-width:800px) {
      .productNav {
        padding: 16px 7.5%
      }
    }

    .productNav.collapsed .productNav-name {
      line-height: 28px;
      text-align: center
    }

    .productNav.collapsed .productNav-itemWrap {
      justify-content: center;
      line-height: 22px
    }

    .productNav.collapsed .productNav-itemWrap .productNav-item {
      margin: 0 16px
    }

    .productNav-name {
      flex-grow: 1;
      flex-shrink: 0;
      display: inline-block;
      font-weight: 600;
      line-height: 40px;
      color: #081e5e
    }

    .productNav-itemWrap {
      display: flex;
      justify-content: flex-end;
      flex-grow: 1;
      flex-wrap: wrap;
      line-height: 40px
    }

    .productNav-item {
      color: #616e82;
      cursor: pointer;
      transition: color .3s
    }

    .productNav-item:nth-child(n+2) {
      margin-left: 32px
    }

    .productNav-item-item:hover,
    .productNav-item.active {
      color: #24b7ff
    }

    .customerStory-topBanner {
      background-image: url(/customer-stories/topBanner-bg.svg)
    }

    .customerStory-topBannerWrapper {
      background: linear-gradient(90deg, #e1f5ff, #b3e5ff)
    }

    .customerStory-topBanner-content {
      text-align: center;
      padding: 122px 0 129px
    }

    .customerStory-story {
      margin: 48px 0 112px;
      vertical-align: bottom
    }

    .customerStory-storyContainer {
      text-align: center;
      max-width: 1224px;
      background-size: 1224px 556px;
      background-position: top;
      background-repeat: no-repeat;
      margin: 0 auto 124px
    }

    @media screen and (min-width:1180px) {
      .customerStory-storyContainer {
        position: relative
      }

      .customerStory-storyContainer:nth-child(odd) .customerStory-card {
        float: right;
        margin-right: 28px
      }

      .customerStory-storyContainer:nth-child(2n) .customerStory-card {
        float: left;
        margin-left: 28px
      }
    }

    .customerStory-storyContainer>div {
      display: inline-block;
      vertical-align: bottom
    }

    .customerStory-b1 {
      background-image: url(/customer-stories/b1-bg.svg);
      background-repeat: no-repeat;
      background-position: 100% 0;
      background-position-x: 95%;
      text-align: center
    }

    .customerStory-b1 .imgContainer {
      max-width: 531px
    }

    .customerStory-b1 .imgContainer img {
      width: 100%;
      height: auto
    }

    .customerStory-b1>div {
      display: inline-block;
      text-align: left;
      margin-right: 20px;
      margin-left: 20px;
      vertical-align: top
    }

    .customerStory-card {
      text-align: left;
      background: #fff;
      margin-top: 68px;
      max-width: 624px;
      cursor: pointer;
      overflow: hidden;
      display: inline-block;
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15);
      border-radius: 8px
    }

    .customerStory-card-learnmore {
      height: 72px;
      line-height: 72px;
      color: #fff;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd);
      text-align: center
    }

    .customerStory .top {
      padding: 56px 52px 48px
    }

    .customerStory .label {
      font-size: 12px;
      font-weight: 800;
      color: #a5b2c5;
      line-height: 16px;
      margin-bottom: 8px
    }

    .customerStory .result-tag {
      margin-right: 10px;
      color: #fff;
      padding: 0 16px;
      display: inline-block;
      background: #00cbc1;
      border-radius: 4px;
      font-weight: 600;
      line-height: 32px
    }

    .customerStory .result-tag img {
      margin-right: 8px;
      position: relative;
      bottom: 1px
    }

    .customerStory .product-tag {
      background: #f5f9ff;
      box-shadow: 0 2px 4px 0 rgba(8, 30, 94, .15);
      border-radius: 4px;
      display: inline-block;
      line-height: 37px;
      font-weight: 600;
      margin-right: 8px;
      margin-bottom: 18px;
      font-size: 16px;
      padding: 0 16px;
      color: #081e5e
    }

    .customerStory-quote {
      padding: 48px 52px;
      line-height: 28px;
      background: #f5f9ff
    }

    .customerStory-profile {
      vertical-align: bottom;
      text-align: left;
      max-width: 540px;
      position: relative
    }

    .customerStory-profile .content {
      line-height: 28px
    }

    .customerStory-profile img {
      position: absolute;
      right: 0;
      top: 0
    }

    .customerStory .category-tag {
      display: inline-block;
      line-height: 32px;
      background: #f5f9ff;
      border-radius: 4px;
      padding: 0 16px;
      color: #081e5e;
      font-weight: 600;
      margin-right: 8px
    }

    @media screen and (max-width:640px) {
      .customerStory-topBanner {
        height: 888px;
        background-image: url(/customer-stories/topBanner-m-bg.svg);
        background-size: 100% auto;
        background-position: top
      }

      .customerStory-topBanner .title {
        width: 50%;
        margin: 0 auto;
        font-size: 64px;
        line-height: 88px
      }

      .customerStory-topBanner .subtitle {
        margin-top: 40px;
        color: #081e5e
      }

      .customerStory-topBanner .buttonContainer {
        margin-top: 88px
      }

      .customerStory-b1 {
        padding: 0 7.5%;
        background-image: none
      }

      .customerStory-b1 .imgContainer {
        max-width: 100%;
        margin: -150px auto 0
      }

      .customerStory-b1 .imgContainer>img {
        width: 100%;
        position: static !important
      }

      .customerStory-b1 .description {
        padding: 104px 0;
        margin: 0;
        text-align: center;
        background-image: url(/customer-stories/b1-bg.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 228px
      }

      .customerStory-story {
        padding: 0 7.5%;
        margin: 0
      }

      .customerStory-storyContainer {
        background-image: none !important;
        margin-bottom: 88px
      }

      .customerStory-card {
        display: block !important;
        margin-top: 0;
        border-radius: 16px
      }

      .customerStory-card .top {
        padding: 40px 24px;
        border-radius: 16px 16px 0 0;
        border: 1px solid #c4cbd7
      }

      .customerStory-card .top .customerStory-profile {
        margin-top: 0
      }

      .customerStory-card .top .customerStory-profile>img {
        width: 88px !important
      }

      .customerStory-card .top .customerStory-profile .name {
        width: 70%
      }

      .customerStory-card .top .customerStory-profile .bg-img {
        height: 284px;
        background-size: auto 100%
      }

      .customerStory-card .top .customerStory-profile .content {
        font-size: 16px
      }

      .customerStory-card-learnmore {
        font-size: 24px;
        font-weight: 600
      }
    }

    .gameeq-topBanner {
      border-radius: 0 0 0 48px;
      color: #fff;
      background: linear-gradient(180deg, #2793fe, rgba(27, 62, 255, .5))
    }

    .gameeq-topBanner-content {
      background-image: url(/gameeq/topBanner-bg.jpg);
      min-height: 496px
    }

    .gameeq-topBanner-text {
      margin-top: 99px;
      text-align: center
    }

    .gameeq-form {
      background: linear-gradient(180deg, #0088fa, #0050f2);
      background-size: 100% 560px;
      background-repeat: no-repeat;
      color: #fff
    }

    .gameeq-form-content {
      background-image: url(/gameeq/form-bg.svg);
      background-position: 100% 0;
      background-repeat: no-repeat;
      padding: 64px 0 34px;
      background-position-x: 1080px
    }

    .gameeq-formWrap {
      margin-top: 54px;
      background: #fff;
      max-width: 1224px;
      padding: 40px 52px 64px;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 16px
    }

    .gameeq-b1 {
      padding: 64px 0 104px;
      text-align: center
    }

    .gameeq-b1-imgContainer>div {
      display: inline-block;
      padding: 20px;
      border-radius: 4px
    }

    .gameeq-b2 {
      background: #f5f9ff
    }

    .gameeq-b2 .textContainer {
      max-width: 520px
    }

    .gameeq-b2-content {
      background-image: url(/gameeq/b2-bg.svg);
      padding: 0 0 38px;
      text-align: center
    }

    .gameeq-b2-content>div {
      display: inline-block;
      text-align: left;
      vertical-align: top;
      margin: 0 58px
    }

    .gameeq-b2-content .textContainer {
      margin-top: 73px
    }

    .gameeq-b2-content .imgContainer {
      max-width: 578px
    }

    .gameeq-b2-content .imgContainer img {
      width: 100%;
      height: auto
    }

    .gameeq-dep {
      text-align: center;
      padding: 96px 0 129px
    }

    .gameeq-dep-item {
      position: relative;
      width: 312px;
      display: inline-block;
      padding-top: 61px;
      height: 379px
    }

    .gameeq-dep-itemWrap {
      position: relative;
      text-align: center;
      width: 312px
    }

    @media screen and (min-width:1300px) {
      .gameeq-dep-itemWrap {
        display: inline-block;
        margin: 0 12px
      }

      .gameeq-dep-itemWrap:nth-child(2n) {
        top: 33px
      }
    }

    @media screen and (max-width:1300px) {
      .gameeq-dep-itemWrap {
        margin: 0 auto
      }
    }

    @media screen and (max-width:950px) {
      .gameeq-dep-itemWrap {
        margin: 50px auto
      }
    }

    .gameeq-dep-itemWrap:nth-child(odd) .text {
      padding: 39px 50px 49px 27px
    }

    @media screen and (min-width:950px) {
      .gameeq-dep-itemWrap:nth-child(odd) .text {
        right: 277px
      }
    }

    .gameeq-dep-itemWrap:nth-child(2n) .text {
      padding: 39px 27px 49px 50px
    }

    @media screen and (min-width:950px) {
      .gameeq-dep-itemWrap:nth-child(2n) .text {
        left: 289px
      }
    }

    .gameeq-dep-itemWrap .text {
      width: 310px;
      color: #fff;
      height: 312px;
      position: absolute;
      top: 32px
    }

    @media screen and (max-width:950px) {
      .gameeq-dep-itemWrap .text {
        position: relative;
        display: block;
        margin: 0 auto
      }
    }

    .gameeq-result-content {
      background-image: url(/gameeq/result-bg.svg);
      background-repeat: no-repeat;
      background-position: left 507px bottom 90px;
      padding: 72px 132px 72px 136px;
      text-align: center
    }

    @media screen and (max-width:1000px) {
      .gameeq-result-content {
        padding: 133px 9% 72px
      }
    }

    .gameeq-result-content>div {
      display: inline-block
    }

    .gameeq-result-content .textContainer {
      text-align: left
    }

    .gameeq-result-content .imgContainer {
      float: right;
      max-width: 502px
    }

    .gameeq-result-content .imgContainer img {
      width: 100%;
      height: auto
    }

    .gameeq-custom {
      background: linear-gradient(180deg, #0088fa, #0050f2)
    }

    .gameeq-custom-content {
      color: #fff;
      padding: 72px 108px 64px;
      display: flex;
      justify-content: center;
      gap: 76px;
      flex-wrap: wrap;
      align-items: center
    }

    @media screen and (max-width:950px) {
      .gameeq-custom-content {
        padding: 72px 7.5% 64px
      }
    }

    .gameeq-custom-content .textContainer {
      width: 496px;
      text-align: left
    }

    .gameeq-custom-content .textContainer p {
      margin-bottom: 32px !important
    }

    .gameeq-custom-content .imgContainer {
      width: 600px
    }

    .gameeq-custom-content .imgContainer img {
      width: 100%;
      height: auto
    }

    .dc-topBanner {
      height: 635px;
      background-size: cover;
      color: #fff
    }

    .dc-topBanner,
    .dc-topBanner-wrap {
      position: relative
    }

    .dc-topBanner-content {
      padding: 184px 140px;
      position: relative;
      z-index: 1
    }

    @media screen and (max-width:1000px) {
      .dc-topBanner-content {
        padding: 184px 10%
      }
    }

    .dc-topBanner-mask {
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: .5;
      background: linear-gradient(#193579, rgba(27, 40, 80, .8))
    }

    .dc-topBanner-intro {
      border-radius: 0 80px 0 80px;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    @media screen and (min-width:700px) {
      .dc-topBanner-intro {
        position: absolute;
        width: 90.6%;
        bottom: -76px
      }

      .dc-topBanner-intro-content {
        padding: 40px 0 40px 136px
      }
    }

    .dc-topBanner-intro-content {
      color: #fff
    }

    @media screen and (max-width:700px) {
      .dc-topBanner-intro-content {
        padding: 40px
      }
    }

    .dc-content {
      text-align: center;
      padding: 78px 108px 90px
    }

    .dc-content-downrow {
      width: 33.3%;
      display: inline-block;
      vertical-align: top;
      min-width: 340px
    }

    .dc-content-wrap {
      background-image: url(/dc/content-bg.svg)
    }

    .dc-content-item {
      display: inline-block;
      vertical-align: top;
      width: 340px;
      margin-top: 64px;
      text-align: left
    }

    .dc-content-item .preview {
      width: 340px
    }

    .dc-content .title {
      color: #00a9ff;
      font-weight: 700
    }

    .dc-content .title img {
      margin-right: 4px;
      position: relative;
      bottom: 3px
    }

    .dc-content li {
      list-style: disc;
      margin-left: 1em
    }

    .documentation {
      position: relative
    }

    @media screen and (max-width:640px) {
      .documentation .sub {
        font-size: 16px
      }

      .documentation-content {
        padding: 0 48px;
        font-size: 20px !important;
        line-height: 28px !important
      }
    }

    .documentation:after {
      content: "";
      display: block;
      height: 459px;
      position: absolute;
      width: 100%;
      top: 0;
      z-index: -1;
      background: linear-gradient(180deg, #b3e5ff, #fff);
      background-repeat: no-repeat
    }

    .documentation .divider {
      display: inline-block;
      margin: 0 21px
    }

    .documentation-title {
      text-align: center;
      padding: 93px 0 64px
    }

    .documentation-content {
      max-width: 1016px;
      margin: 0 auto 97px
    }

    .documentation-content strong {
      color: #081e5e
    }

    .documentation-content p {
      margin-bottom: 16px !important
    }

    .documentation-content ul {
      list-style-type: none
    }

    .documentation-content li {
      margin-bottom: 24px
    }

    .contact {
      color: #616e82
    }

    @media screen and (max-width:640px) {
      .contact-topWrapper {
        background-image: url(/contact/topBanner-bg-m.svg) !important
      }

      .contact-intro {
        height: 624px !important
      }

      .contact-intro-content {
        padding: 64px 48px !important;
        text-align: center
      }

      .contact-intro .description {
        margin-top: 40px !important
      }

      .contact-topBlock {
        width: 480px !important;
        position: relative;
        top: -370px
      }

      .contact-topBlock-container {
        background: #f0f9fe;
        height: 836px !important
      }

      .contact-topBlock-container>div {
        margin: 48px 10px 0 !important
      }

      .contact-topBlock-subtext {
        font-size: 20px !important;
        line-height: 30px !important
      }

      .contact-topBlock-submit {
        bottom: 40px !important
      }

      .contact-topBlock:first-child {
        height: 462px
      }

      .contact-topBlock:nth-child(2) {
        height: 574px
      }

      .contact-subBanner {
        padding: 88px 48px !important;
        text-align: center
      }

      .contact-subBanner-title {
        font-size: 36px !important;
        line-height: 46px !important
      }

      .contact-subBanner-desc {
        font-size: 24px !important;
        line-height: 36px !important;
        margin-top: 40px !important;
        padding: 0 75px
      }

      .contact-subBanner-text {
        margin: 0 !important
      }

      .contact-subBanner .btn-wrapper {
        margin-right: 0 !important
      }

      .contact-subBanner .contact-subBanner-icon {
        margin: 0 24px !important
      }

      .contact-subBanner-sub {
        display: inline-block;
        margin: 40px 0
      }

      .contact-address {
        padding: 88px 48px !important
      }

      .contact-address-item {
        height: 250px !important;
        width: 272px !important;
        padding: 0 8px !important;
        margin: 0 !important
      }

      .contact-address-itemWrap {
        margin: 48px auto 0 !important
      }

      .contact-address .topPic {
        display: block !important;
        margin-top: 48px
      }

      .contact-address .bottomPic {
        display: none !important
      }

      .contact-address .address,
      .contact-address .viewMap {
        font-size: 20px !important;
        line-height: 30px
      }

      .contact-address-flag span {
        font-size: 14px !important
      }

      .contact-email {
        padding: 48px 48px 0 !important;
        background: #fff !important
      }

      .contact-email .text-center {
        width: 100% !important;
        padding: 48px 0 !important;
        background: #f3f8ff
      }

      .contact-email-contentRow:first-child {
        margin-bottom: 48px
      }
    }

    .contact-topWrapper {
      background-image: url(/contact/topBanner-bg.svg);
      background-repeat: no-repeat;
      background-position: 50%;
      position: relative;
      margin: 0 auto
    }

    .contact-topContainer {
      overflow: hidden;
      border-radius: 0 0 0 48px;
      background: linear-gradient(1turn, #c2eaff, #effaff)
    }

    .contact-intro {
      width: 100%;
      position: relative;
      height: 570px
    }

    .contact-intro-content {
      max-width: 800px;
      padding: 101px 0 0 136px
    }

    @media screen and (max-width:1050px) {
      .contact-intro-content {
        padding: 101px 0 0 9.5%
      }
    }

    .contact-intro>img {
      position: absolute;
      top: 56px;
      right: 110px
    }

    .contact-subBanner {
      padding: 84px;
      color: #fff
    }

    .contact-subBanner .btn-wrapper {
      margin-right: 64px
    }

    .contact-subBanner-container {
      border-radius: 60px 0 0 0;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    .contact-subBanner-text {
      margin-right: 48px
    }

    .contact-subBanner-sub .zen-input {
      border: none;
      border-radius: 4px 0 0 4px;
      height: 64px
    }

    .contact-subBanner-sub .zen-input-content {
      left: 0;
      bottom: 10px
    }

    .contact-subBanner-sub .button-primary {
      font-size: 20px;
      height: 64px;
      color: #fff;
      background: #81d4ff linear-gradient(129deg, #b7ecff, #81d4ff);
      border-radius: 0 4px 4px 0
    }

    .contact-subBanner .page-middle>div {
      display: inline-block
    }

    .contact-subBanner-icon {
      width: 56px;
      border-radius: 50%;
      margin-right: 16px;
      cursor: pointer;
      position: relative;
      top: 4px
    }

    .contact-subBanner-icon:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .contact-topBlock {
      display: inline-block;
      width: 440px;
      height: 530px;
      background: #fff;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 8px
    }

    .contact-topBlock,
    .contact-topBlock-container {
      position: relative;
      text-align: center
    }

    .contact-topBlock-container>div {
      vertical-align: top;
      margin: 32px 10px 0
    }

    @media screen and (min-width:1050px) {
      .contact-topBlock:first-child {
        position: absolute;
        left: 136px;
        bottom: -216px;
        z-index: 10;
        margin: 0
      }

      .contact-topBlock:nth-child(2) {
        position: absolute;
        left: 608px;
        bottom: -216px;
        z-index: 10;
        margin: 0
      }
    }

    .contact-topBlock-icon {
      width: 104px;
      margin-top: 40px;
      margin-bottom: 36px
    }

    .contact-topBlock-submit {
      position: absolute;
      bottom: 48px;
      left: 50%;
      transform: translateX(-50%)
    }

    .contact-topBlock-telephone {
      margin-bottom: 8px
    }

    .contact-topBlock-telephone>div {
      margin-right: 8px;
      display: inline-block
    }

    .contact-topBlock-telephone>span {
      color: #24b7ff
    }

    .contact-email {
      min-height: 922px;
      padding-top: 64px;
      background: #f0f9fe
    }

    @media screen and (min-width:1050px) {
      .contact-email {
        padding-top: 282px
      }
    }

    .contact-email a {
      display: inline-block
    }

    .contact-email .imgContainer {
      max-width: 584px
    }

    .contact-email .imgContainer img {
      width: 100%;
      height: auto
    }

    .contact-email-content {
      max-width: 1168px;
      margin: 0 auto;
      background: #fff
    }

    .contact-email-contentRow {
      flex-wrap: wrap;
      justify-content: center;
      display: flex;
      text-align: center
    }

    .contact-email-contentRow:nth-child(2) {
      flex-direction: row-reverse
    }

    .contact-email-contentRow>.text-center {
      display: inline-block;
      padding: 94px 0;
      width: 50%
    }

    .contact-address {
      padding: 64px 0 0
    }

    .contact-address .topPic {
      display: none
    }

    .contact-address-item {
      text-align: left;
      height: 200px;
      width: 236px;
      margin-right: 24px;
      vertical-align: top;
      display: inline-block
    }

    .contact-address-itemWrap {
      max-width: 1224px;
      margin: 56px auto 0
    }

    .contact-address-itemContainer {
      vertical-align: top;
      max-width: 780px;
      display: inline-block
    }

    .contact-address-flag {
      background: rgba(36, 183, 255, .1);
      border-radius: 1px;
      height: 18px;
      margin-left: 8px;
      line-height: 18px;
      display: inline-block
    }

    .contact-address-flag span {
      font-size: 12px;
      display: inline-block;
      transform: scale(.8);
      color: #24b7ff
    }

    .contact-address-flag img {
      display: inline-block;
      padding-left: 3px
    }

    @media screen and (max-width:640px) {
      .resource-map--filter li {
        font-size: 20px !important;
        height: 36px !important
      }
    }

    .leaflet-popup-content-wrapper {
      border-radius: 0;
      background: #fff;
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15);
      border-radius: 0 8px 8px 8px;
      width: 208px
    }

    .leaflet-custom-tooltip {
      top: 10px !important;
      left: 10px !important
    }

    .leaflet-control-attribution,
    .leaflet-popup-close-button,
    .leaflet-popup-tip-container {
      display: none
    }

    .map-highlight-icon {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      font-size: 10px;
      transform: scale(.8);
      background-color: #26d98d
    }

    .map-cities {
      text-align: center;
      margin-bottom: 56px
    }

    .map-cities-item {
      display: inline-block;
      background: #d9f2ff;
      color: #24b7ff;
      cursor: pointer;
      padding: 8px 16px;
      font-size: 12px;
      border-radius: 4px;
      margin: 24px 12px 0
    }

    .resource-map {
      position: relative
    }

    .resource-map--filter {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0;
      width: 100%;
      padding: 2px 0 18px;
      background-color: #b3e5ff
    }

    .resource-map--filter>li {
      display: flex;
      align-items: center;
      height: 28px;
      padding: 0 16px;
      margin: 16px 16px 0;
      border-radius: 4px;
      font-size: 12px;
      line-height: 16px;
      font-weight: 600;
      list-style: none;
      cursor: pointer;
      transition: all .3s
    }

    .resource-map--filter>li.active {
      color: #24b7ff;
      background-color: #fff
    }

    .resource-map--loading {
      background: linear-gradient(315deg, #b3e5ff, #e1f5ff)
    }

    .resource-map .map-marker {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-size: 10px;
      color: #fff;
      background-color: #fff;
      transform: scale(.8)
    }

    .resource-map .map-marker--icon {
      font-size: 14px
    }

    .resource-map .map-marker__solid__true {
      background-color: #26d98d
    }

    .resource-map .map-marker__solid__false {
      background-color: #1f3780
    }

    .resource-map .map-marker__hollow__true {
      border: 4px solid #26d98d
    }

    .resource-map .map-marker__hollow__false {
      border: 4px solid #24b7ff
    }

    .resource-map .map-tooltip-country {
      color: #a7b1c1
    }

    .resource-map .map-tooltip-item {
      display: block;
      color: #616e82;
      margin-top: 8px
    }

    .resource-map .map-tooltip-item-container {
      max-height: 200px;
      overflow-y: scroll
    }

    .resource-map .map-tooltip a {
      transition: color .2s
    }

    .resource-map .map-tooltip a:hover {
      color: #24b7ff
    }

    .leaflet-image-layer,
    .leaflet-layer,
    .leaflet-marker-icon,
    .leaflet-marker-shadow,
    .leaflet-pane,
    .leaflet-pane>canvas,
    .leaflet-pane>svg,
    .leaflet-tile,
    .leaflet-tile-container,
    .leaflet-zoom-box {
      position: absolute;
      left: 0;
      top: 0
    }

    .leaflet-container {
      overflow: hidden
    }

    .leaflet-marker-icon,
    .leaflet-marker-shadow,
    .leaflet-tile {
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none
    }

    .leaflet-tile::selection {
      background: transparent
    }

    .leaflet-safari .leaflet-tile {
      image-rendering: -webkit-optimize-contrast
    }

    .leaflet-safari .leaflet-tile-container {
      width: 1600px;
      height: 1600px;
      -webkit-transform-origin: 0 0
    }

    .leaflet-marker-icon,
    .leaflet-marker-shadow {
      display: block
    }

    .leaflet-container .leaflet-marker-pane img,
    .leaflet-container .leaflet-overlay-pane svg,
    .leaflet-container .leaflet-shadow-pane img,
    .leaflet-container .leaflet-tile,
    .leaflet-container .leaflet-tile-pane img,
    .leaflet-container img.leaflet-image-layer {
      max-width: none !important;
      max-height: none !important
    }

    .leaflet-container.leaflet-touch-zoom {
      touch-action: pan-x pan-y
    }

    .leaflet-container.leaflet-touch-drag {
      touch-action: none;
      touch-action: pinch-zoom
    }

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
      touch-action: none
    }

    .leaflet-container {
      -webkit-tap-highlight-color: transparent
    }

    .leaflet-container a {
      -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
    }

    .leaflet-tile {
      -webkit-filter: inherit;
      filter: inherit;
      visibility: hidden
    }

    .leaflet-tile-loaded {
      visibility: inherit
    }

    .leaflet-zoom-box {
      width: 0;
      height: 0;
      box-sizing: border-box;
      z-index: 800
    }

    .leaflet-overlay-pane svg {
      -moz-user-select: none
    }

    .leaflet-pane {
      z-index: 400
    }

    .leaflet-tile-pane {
      z-index: 200
    }

    .leaflet-overlay-pane {
      z-index: 400
    }

    .leaflet-shadow-pane {
      z-index: 500
    }

    .leaflet-marker-pane {
      z-index: 600
    }

    .leaflet-tooltip-pane {
      z-index: 650
    }

    .leaflet-popup-pane {
      z-index: 700
    }

    .leaflet-map-pane canvas {
      z-index: 100
    }

    .leaflet-map-pane svg {
      z-index: 200
    }

    .leaflet-vml-shape {
      width: 1px;
      height: 1px
    }

    .lvml {
      behavior: url(#default#VML);
      display: inline-block;
      position: absolute
    }

    .leaflet-control {
      position: relative;
      z-index: 800;
      pointer-events: visiblePainted;
      pointer-events: auto
    }

    .leaflet-bottom,
    .leaflet-top {
      position: absolute;
      z-index: 1000;
      pointer-events: none
    }

    .leaflet-top {
      top: 0
    }

    .leaflet-right {
      right: 0
    }

    .leaflet-bottom {
      bottom: 0
    }

    .leaflet-left {
      left: 0
    }

    .leaflet-control {
      float: left;
      clear: both
    }

    .leaflet-right .leaflet-control {
      float: right
    }

    .leaflet-top .leaflet-control {
      margin-top: 10px
    }

    .leaflet-bottom .leaflet-control {
      margin-bottom: 10px
    }

    .leaflet-left .leaflet-control {
      margin-left: 10px
    }

    .leaflet-right .leaflet-control {
      margin-right: 10px
    }

    .leaflet-fade-anim .leaflet-tile {
      will-change: opacity
    }

    .leaflet-fade-anim .leaflet-popup {
      opacity: 0;
      transition: opacity .2s linear
    }

    .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
      opacity: 1
    }

    .leaflet-zoom-animated {
      transform-origin: 0 0
    }

    .leaflet-zoom-anim .leaflet-zoom-animated {
      will-change: transform;
      transition: transform .25s cubic-bezier(0, 0, .25, 1)
    }

    .leaflet-pan-anim .leaflet-tile,
    .leaflet-zoom-anim .leaflet-tile {
      transition: none
    }

    .leaflet-zoom-anim .leaflet-zoom-hide {
      visibility: hidden
    }

    .leaflet-interactive {
      cursor: pointer
    }

    .leaflet-grab {
      cursor: -webkit-grab;
      cursor: grab
    }

    .leaflet-crosshair,
    .leaflet-crosshair .leaflet-interactive {
      cursor: crosshair
    }

    .leaflet-control,
    .leaflet-popup-pane {
      cursor: auto
    }

    .leaflet-dragging .leaflet-grab,
    .leaflet-dragging .leaflet-grab .leaflet-interactive,
    .leaflet-dragging .leaflet-marker-draggable {
      cursor: move;
      cursor: -webkit-grabbing;
      cursor: grabbing
    }

    .leaflet-image-layer,
    .leaflet-marker-icon,
    .leaflet-marker-shadow,
    .leaflet-pane>svg path,
    .leaflet-tile-container {
      pointer-events: none
    }

    .leaflet-image-layer.leaflet-interactive,
    .leaflet-marker-icon.leaflet-interactive,
    .leaflet-pane>svg path.leaflet-interactive,
    svg.leaflet-image-layer.leaflet-interactive path {
      pointer-events: visiblePainted;
      pointer-events: auto
    }

    .leaflet-container {
      background: #ddd;
      outline: 0
    }

    .leaflet-container a {
      color: #0078a8
    }

    .leaflet-container a.leaflet-active {
      outline: 2px solid orange
    }

    .leaflet-zoom-box {
      border: 2px dotted #38f;
      background: hsla(0, 0%, 100%, .5)
    }

    .leaflet-container {
      font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
    }

    .leaflet-bar {
      box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
      border-radius: 4px
    }

    .leaflet-bar a,
    .leaflet-bar a:hover {
      background-color: #fff;
      border-bottom: 1px solid #ccc;
      width: 26px;
      height: 26px;
      line-height: 26px;
      display: block;
      text-align: center;
      text-decoration: none;
      color: #000
    }

    .leaflet-bar a,
    .leaflet-control-layers-toggle {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      display: block
    }

    .leaflet-bar a:hover {
      background-color: #f4f4f4
    }

    .leaflet-bar a:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px
    }

    .leaflet-bar a:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom: none
    }

    .leaflet-bar a.leaflet-disabled {
      cursor: default;
      background-color: #f4f4f4;
      color: #bbb
    }

    .leaflet-touch .leaflet-bar a {
      width: 30px;
      height: 30px;
      line-height: 30px
    }

    .leaflet-touch .leaflet-bar a:first-child {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px
    }

    .leaflet-touch .leaflet-bar a:last-child {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px
    }

    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out {
      font: 700 18px Lucida Console, Monaco, monospace;
      text-indent: 1px
    }

    .leaflet-touch .leaflet-control-zoom-in,
    .leaflet-touch .leaflet-control-zoom-out {
      font-size: 22px
    }

    .leaflet-control-layers {
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
      background: #fff;
      border-radius: 5px
    }

    .leaflet-control-layers-toggle {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
      width: 36px;
      height: 36px
    }

    .leaflet-retina .leaflet-control-layers-toggle {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
      background-size: 26px 26px
    }

    .leaflet-touch .leaflet-control-layers-toggle {
      width: 44px;
      height: 44px
    }

    .leaflet-control-layers-expanded .leaflet-control-layers-toggle,
    .leaflet-control-layers .leaflet-control-layers-list {
      display: none
    }

    .leaflet-control-layers-expanded .leaflet-control-layers-list {
      display: block;
      position: relative
    }

    .leaflet-control-layers-expanded {
      padding: 6px 10px 6px 6px;
      color: #333;
      background: #fff
    }

    .leaflet-control-layers-scrollbar {
      overflow-y: scroll;
      overflow-x: hidden;
      padding-right: 5px
    }

    .leaflet-control-layers-selector {
      margin-top: 2px;
      position: relative;
      top: 1px
    }

    .leaflet-control-layers label {
      display: block
    }

    .leaflet-control-layers-separator {
      height: 0;
      border-top: 1px solid #ddd;
      margin: 5px -10px 5px -6px
    }

    .leaflet-default-icon-path {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)
    }

    .leaflet-container .leaflet-control-attribution {
      background: #fff;
      background: hsla(0, 0%, 100%, .7);
      margin: 0
    }

    .leaflet-control-attribution,
    .leaflet-control-scale-line {
      padding: 0 5px;
      color: #333
    }

    .leaflet-control-attribution a {
      text-decoration: none
    }

    .leaflet-control-attribution a:hover {
      text-decoration: underline
    }

    .leaflet-container .leaflet-control-attribution,
    .leaflet-container .leaflet-control-scale {
      font-size: 11px
    }

    .leaflet-left .leaflet-control-scale {
      margin-left: 5px
    }

    .leaflet-bottom .leaflet-control-scale {
      margin-bottom: 5px
    }

    .leaflet-control-scale-line {
      border: 2px solid #777;
      border-top: none;
      line-height: 1.1;
      padding: 2px 5px 1px;
      font-size: 11px;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      background: #fff;
      background: hsla(0, 0%, 100%, .5)
    }

    .leaflet-control-scale-line:not(:first-child) {
      border-top: 2px solid #777;
      border-bottom: none;
      margin-top: -2px
    }

    .leaflet-control-scale-line:not(:first-child):not(:last-child) {
      border-bottom: 2px solid #777
    }

    .leaflet-touch .leaflet-bar,
    .leaflet-touch .leaflet-control-attribution,
    .leaflet-touch .leaflet-control-layers {
      box-shadow: none
    }

    .leaflet-touch .leaflet-bar,
    .leaflet-touch .leaflet-control-layers {
      border: 2px solid rgba(0, 0, 0, .2);
      background-clip: padding-box
    }

    .leaflet-popup {
      position: absolute;
      text-align: center;
      margin-bottom: 20px
    }

    .leaflet-popup-content-wrapper {
      padding: 1px;
      text-align: left;
      border-radius: 12px
    }

    .leaflet-popup-content {
      margin: 13px 19px;
      line-height: 1.4
    }

    .leaflet-popup-content p {
      margin: 18px 0
    }

    .leaflet-popup-tip-container {
      width: 40px;
      height: 20px;
      position: absolute;
      left: 50%;
      margin-left: -20px;
      overflow: hidden;
      pointer-events: none
    }

    .leaflet-popup-tip {
      width: 17px;
      height: 17px;
      padding: 1px;
      margin: -10px auto 0;
      transform: rotate(45deg)
    }

    .leaflet-popup-content-wrapper,
    .leaflet-popup-tip {
      background: #fff;
      color: #333;
      box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
    }

    .leaflet-container a.leaflet-popup-close-button {
      position: absolute;
      top: 0;
      right: 0;
      padding: 4px 4px 0 0;
      border: none;
      text-align: center;
      width: 18px;
      height: 14px;
      font: 16px/14px Tahoma, Verdana, sans-serif;
      color: #c3c3c3;
      text-decoration: none;
      font-weight: 700;
      background: transparent
    }

    .leaflet-container a.leaflet-popup-close-button:hover {
      color: #999
    }

    .leaflet-popup-scrolled {
      overflow: auto;
      border-bottom: 1px solid #ddd;
      border-top: 1px solid #ddd
    }

    .leaflet-oldie .leaflet-popup-content-wrapper {
      zoom: 1
    }

    .leaflet-oldie .leaflet-popup-tip {
      width: 24px;
      margin: 0 auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
      filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
    }

    .leaflet-oldie .leaflet-popup-tip-container {
      margin-top: -1px
    }

    .leaflet-oldie .leaflet-control-layers,
    .leaflet-oldie .leaflet-control-zoom,
    .leaflet-oldie .leaflet-popup-content-wrapper,
    .leaflet-oldie .leaflet-popup-tip {
      border: 1px solid #999
    }

    .leaflet-div-icon {
      background: #fff;
      border: 1px solid #666
    }

    .leaflet-tooltip {
      position: absolute;
      padding: 6px;
      background-color: #fff;
      border: 1px solid #fff;
      border-radius: 3px;
      color: #222;
      white-space: nowrap;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
    }

    .leaflet-tooltip.leaflet-clickable {
      cursor: pointer;
      pointer-events: auto
    }

    .leaflet-tooltip-bottom:before,
    .leaflet-tooltip-left:before,
    .leaflet-tooltip-right:before,
    .leaflet-tooltip-top:before {
      position: absolute;
      pointer-events: none;
      border: 6px solid transparent;
      background: transparent;
      content: ""
    }

    .leaflet-tooltip-bottom {
      margin-top: 6px
    }

    .leaflet-tooltip-top {
      margin-top: -6px
    }

    .leaflet-tooltip-bottom:before,
    .leaflet-tooltip-top:before {
      left: 50%;
      margin-left: -6px
    }

    .leaflet-tooltip-top:before {
      bottom: 0;
      margin-bottom: -12px;
      border-top-color: #fff
    }

    .leaflet-tooltip-bottom:before {
      top: 0;
      margin-top: -12px;
      margin-left: -6px;
      border-bottom-color: #fff
    }

    .leaflet-tooltip-left {
      margin-left: -6px
    }

    .leaflet-tooltip-right {
      margin-left: 6px
    }

    .leaflet-tooltip-left:before,
    .leaflet-tooltip-right:before {
      top: 50%;
      margin-top: -6px
    }

    .leaflet-tooltip-left:before {
      right: 0;
      margin-right: -12px;
      border-left-color: #fff
    }

    .leaflet-tooltip-right:before {
      left: 0;
      margin-left: -12px;
      border-right-color: #fff
    }

    .leaflet-cluster-anim .leaflet-marker-icon,
    .leaflet-cluster-anim .leaflet-marker-shadow {
      transition: transform .3s ease-out, opacity .3s ease-in
    }

    .leaflet-cluster-spider-leg {
      transition: stroke-dashoffset .3s ease-out, stroke-opacity .3s ease-in
    }

    .marker-cluster-small {
      background-color: rgba(181, 226, 140, .6)
    }

    .marker-cluster-small div {
      background-color: rgba(110, 204, 57, .6)
    }

    .marker-cluster-medium {
      background-color: rgba(241, 211, 87, .6)
    }

    .marker-cluster-medium div {
      background-color: rgba(240, 194, 12, .6)
    }

    .marker-cluster-large {
      background-color: rgba(253, 156, 115, .6)
    }

    .marker-cluster-large div {
      background-color: rgba(241, 128, 23, .6)
    }

    .leaflet-oldie .marker-cluster-small {
      background-color: #b5e28c
    }

    .leaflet-oldie .marker-cluster-small div {
      background-color: #6ecc39
    }

    .leaflet-oldie .marker-cluster-medium {
      background-color: #f1d357
    }

    .leaflet-oldie .marker-cluster-medium div {
      background-color: #f0c20c
    }

    .leaflet-oldie .marker-cluster-large {
      background-color: #fd9c73
    }

    .leaflet-oldie .marker-cluster-large div {
      background-color: #f18017
    }

    .marker-cluster {
      background-clip: padding-box;
      border-radius: 20px
    }

    .marker-cluster div {
      width: 30px;
      height: 30px;
      margin-left: 5px;
      margin-top: 5px;
      text-align: center;
      border-radius: 15px;
      font: 12px Helvetica Neue, Arial, Helvetica, sans-serif
    }

    .marker-cluster span {
      line-height: 30px
    }

    @media screen and (max-width:640px) {
      .index-topIntro {
        padding-bottom: 88px !important
      }

      .index-topWrapper {
        background-image: url(/index/banner-bg-m.svg) !important;
        background-size: 100% !important
      }

      .index-topIntro-title {
        padding: 0 48px !important;
        font-size: 64px !important;
        line-height: 88px !important
      }

      .index-topIntro-subtitle {
        padding: 12px 95px 0 !important;
        font-size: 32px !important;
        line-height: 42px !important
      }

      .index-productIntro-feature {
        margin-top: 88px !important
      }

      .index-productIntro {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .index-productIntro-item {
        width: 544px !important;
        height: 260px !important;
        margin: 24px 48px 0 !important;
        background-size: contain !important
      }

      .index-productIntro-item:hover .index-productIntro-item-normal {
        opacity: 1 !important
      }

      .index-productIntro-item:hover .index-productIntro-item-hover {
        opacity: 0 !important
      }

      .index-productIntro-item-4 img {
        margin-right: 15px
      }

      .index-productIntro-itemContent {
        margin: 0 !important
      }

      .index-productIntro {
        padding-bottom: 88px !important
      }

      .index-productIntro .product-logo {
        width: 160px !important
      }

      .index-productIntro .only-web-show {
        display: none
      }

      .index-productIntro .only-mobile-show {
        display: block !important
      }

      .index-productIntro-sectWrap {
        margin-top: 20px !important
      }

      .index-productIntro-itemTitle {
        padding-top: 40px !important;
        line-height: 36px !important
      }

      .index-productIntro-itemDesc {
        margin-bottom: 60px !important;
        font-size: 24px !important;
        line-height: 36px !important;
        font-weight: 400 !important;
        color: #616e82 !important
      }

      .index-productIntro-item-normal img {
        bottom: 150px !important
      }

      .index-map-statsText {
        width: 300px !important;
        margin-left: 45px !important
      }

      .index-map-stats {
        padding-top: 88px !important
      }

      .index-map-stats .index-t1 {
        margin: 0 48px 40px !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        color: #081e5e !important;
        line-height: 54px !important;
        text-align: center;
        padding: 0 10px
      }

      .index-map-stats .mt-24 {
        display: inline-block !important;
        margin: 0 48px 20px !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        color: #616e82 !important;
        line-height: 36px !important;
        text-align: center
      }

      .index-map-stats .index-map-statsItem {
        position: relative;
        right: 80px;
        width: 120px;
        height: 120px;
        background-size: cover;
        background-position: -20px 0
      }

      .index-map-stats .font-36 {
        font-weight: 600 !important;
        color: #081e5e;
        line-height: 36px;
        font-size: 36px;
        word-break: keep-all;
        white-space: nowrap
      }

      .index-map-statsText .font-20 {
        display: inline !important;
        margin: 0 48px 40px !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        color: #616e82 !important;
        line-height: 36px !important;
        text-align: center
      }

      .index-customer-item {
        margin: 0 48px 40px;
        width: 544px !important;
        box-shadow: none !important;
        border-radius: 16px;
        border: 1px solid #e1e7ef;
        overflow: hidden;
        height: 384px
      }

      .index-customer-item img {
        width: 544px !important;
        height: 200px
      }

      .index-customer-item .left {
        background: #e1f3fe;
        position: relative;
        width: 544px !important;
        border-radius: 16px 16px 0 0
      }

      .index-customer-item .left>div {
        text-align: right
      }

      .index-customer-item .left .left-text {
        position: relative !important;
        top: 0 !important;
        transform: translateY(0) !important
      }

      .index-customer-item .left .left-textContainer {
        position: absolute !important;
        right: 21px !important;
        top: 61px !important
      }

      .index-customer-item .right {
        align-items: baseline !important;
        padding: 0 !important
      }

      .index-customer-item .right .name {
        line-height: 24px !important
      }

      .index-customer-item .right .up {
        margin-left: 36px;
        margin-right: 36px
      }

      .index-cert {
        padding: 88px 0 !important
      }

      .index-customer-item:hover {
        box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2) !important
      }

      .index-customer {
        padding-top: 88px !important;
        padding-bottom: 48px !important
      }

      .index-t1 {
        line-height: 56px !important
      }

      .index-customer-container {
        margin-top: 48px !important
      }

      .index-feedback-t1 {
        padding: 88px 48px 48px !important
      }

      .index-feedback-left {
        position: relative !important;
        z-index: 100 !important
      }

      .index-feedback-content {
        height: 1100px !important
      }

      .index-feedback-right {
        position: relative !important;
        top: -350px !important;
        height: 1051px !important;
        padding-top: 412px !important;
        margin: 0 48px !important;
        background-image: url(/index/dotBg.svg) !important
      }

      .index-feedback-right .font-20 {
        font-size: 28px !important;
        font-weight: 600 !important;
        color: #081e5e !important;
        line-height: 36px !important
      }

      .index-feedback-right .content {
        font-size: 20px !important;
        font-weight: 400 !important;
        color: #616e82 !important;
        line-height: 30px !important
      }

      .index-feedback-right .font-16 {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #616e82 !important;
        line-height: 28px !important
      }

      .index-feedback-right .mt-8 {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #616e82 !important;
        line-height: 22px !important
      }

      .index-feedback-right .author {
        bottom: 180px !important
      }

      .index-feedback-right .author-2 {
        bottom: 130px !important
      }

      .index-feedback-companyPreview {
        margin-right: 65px !important;
        bottom: -44px !important
      }

      .index-partner {
        padding-top: 88px !important
      }

      .index-cert-content {
        text-align: center !important;
        padding-left: 0 !important
      }

      .index-cert-content .index-cert-desc {
        margin-right: 0;
        width: 434px;
        margin-bottom: 48px
      }

      .index-cert-content .imgContainer {
        display: flex !important;
        flex-wrap: wrap;
        width: 228px !important;
        justify-content: center;
        margin: 0 auto
      }

      .index-cert-content .imgContainer img {
        margin-bottom: 40px
      }

      .index-getStart-bg {
        text-align: center !important;
        height: 400px;
        background-image: url(/solution/china/passion-m.svg) !important
      }

      .index-getStart-bg .index-getStart-t1 {
        padding-top: 95px
      }

      .index-slider {
        width: 500px !important
      }

      .index-slider-item img {
        width: 222px !important
      }
    }

    .index .only-mobile-show {
      display: none
    }

    .index-slider {
      max-width: 1224px;
      overflow: hidden;
      margin: 0 auto
    }

    .index-slider img {
      display: inline-block !important;
      text-align: center;
      margin: 10px;
      width: 258px
    }

    .index-slider img:hover {
      border-radius: 3px;
      box-shadow: 0 8px 10px 0 rgba(8, 31, 94, .2)
    }

    .index-t1 {
      text-align: center;
      font-size: 36px;
      font-weight: 600;
      color: #081e5e;
      line-height: 46px
    }

    .index-topIntro {
      word-wrap: break-word;
      color: #fff;
      padding: 100px 0 116px;
      text-align: center
    }

    .index-topIntro-moveTopdown {
      animation: moveupdownIndex 1s linear 1s
    }

    .index-topIntro-fadeIn {
      opacity: 0;
      animation: fadeInDown .5s ease-in .5s forwards
    }

    .index-topIntro-btn {
      margin-top: 60px
    }

    .index-topIntro-btn>div {
      margin: 20px 20px 0
    }

    .index-topIntro-title {
      font-size: 56px;
      line-height: 90px;
      color: #081e5e
    }

    .index-topIntro-feature {
      font-size: 60px;
      font-style: italic;
      line-height: 90px;
      position: relative;
      color: #081e5e
    }

    .index-topIntro-subtitle {
      margin-top: 28px;
      line-height: 38px;
      font-size: 24px;
      color: #081e5e
    }

    .index-topIntro-subtitle p {
      margin-bottom: 12px !important
    }

    .index-topContainer {
      position: relative;
      overflow: hidden;
      background: linear-gradient(1turn, #c2eaff, #effaff)
    }

    .index-topBg {
      background-image: url(/index/topBanner-bg.svg);
      background-position: 50%;
      background-size: 1920px auto;
      width: 100%;
      position: absolute;
      top: 0;
      height: 100%;
      background-repeat: no-repeat;
      animation: moveupdown 10s linear infinite
    }

    .index-topBgContainer {
      width: 110%;
      position: absolute;
      top: 0;
      height: 110%
    }

    .index-topBg-dot {
      background-position: 50%;
      background-size: 1920px auto;
      width: 100%;
      position: absolute;
      top: 0;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url(/index/topBanner-bg-dot.svg)
    }

    .index-topBg-dotWrapper {
      width: 110%;
      position: absolute;
      top: 0;
      height: 110%
    }

    .index-productIntro {
      padding: 0 108px 104px;
      background: #fff
    }

    .index-productIntro .product-logo {
      width: 240px
    }

    .index-productIntro-benefit {
      display: flex;
      justify-content: center;
      flex-wrap: wrap
    }

    .index-productIntro-benefitItem {
      width: 300px;
      height: 120px;
      background-position: 0 100%;
      background-repeat: no-repeat;
      position: relative
    }

    .index-productIntro-benefitItem>div {
      position: absolute;
      bottom: 0;
      left: 60px;
      width: 200px
    }

    .index-productIntro-plus {
      display: inline-block;
      color: #27b5fe;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #f5f9ff;
      text-align: center;
      line-height: 45px;
      margin: 0 102px;
      position: relative;
      vertical-align: middle;
      font-weight: 700
    }

    .index-productIntro-feature {
      text-align: center
    }

    @media screen and (max-width:976px) {
      .index-productIntro-feature>div {
        display: block !important;
        margin: 0 auto
      }

      .index-productIntro-feature span {
        bottom: 0;
        margin: 24px 0
      }
    }

    .index-productIntro-feature>div {
      display: inline-block;
      text-align: center;
      width: 350px;
      vertical-align: middle
    }

    .index-productIntro-feature>div b {
      font-weight: 700
    }

    .index-productIntro-sectWrap {
      margin: 56px auto 0
    }

    .index-productIntro-learnmore {
      margin: 32px 0 0 35px;
      color: #24b7ff
    }

    .index-productIntro-item {
      cursor: pointer;
      width: 300px;
      margin: 24px 0 0 24px;
      overflow: hidden;
      vertical-align: top;
      text-align: left;
      border-radius: 16px;
      position: relative;
      display: inline-block
    }

    .index-productIntro-item-normal {
      z-index: 2;
      position: relative
    }

    .index-productIntro-item .index-productIntro-itemWrapper>div {
      transition: opacity .5s ease-in
    }

    .index-productIntro-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .index-productIntro-item:hover .index-productIntro-item-normal {
      opacity: 0
    }

    .index-productIntro-item:hover .index-productIntro-item-hover {
      opacity: 1
    }

    @media screen and (min-width:800px) {
      .index-productIntro-item {
        width: 600px
      }

      .index-productIntro-itemWrapper,
      .index-productIntro-itemWrapper>div {
        height: 240px
      }
    }

    @media screen and (max-width:800px) {

      .index-productIntro-itemWrapper,
      .index-productIntro-itemWrapper>div {
        height: 400px
      }
    }

    .index-productIntro-item-normal img {
      position: absolute;
      bottom: 0;
      right: 0
    }

    .index-productIntro-item-hover {
      opacity: 0;
      cursor: pointer;
      position: absolute;
      top: 0;
      width: 100%
    }

    .index-productIntro-item-hover .learn-more {
      width: 24px;
      height: 24px;
      cursor: pointer;
      border-radius: 50%;
      position: absolute;
      bottom: 24px;
      right: 24px
    }

    .index-productIntro-item-hover .learn-more img {
      bottom: 3px;
      width: 16px;
      position: relative;
      left: 4px
    }

    .index-productIntro-item-hover .name {
      color: #fff;
      position: relative;
      font-size: 24px;
      padding: 28px 0 28px 32px
    }

    .index-productIntro-item-hover ul {
      text-align: left;
      margin-left: 32px
    }

    .index-productIntro-item-hover ul li {
      list-style: disc;
      margin-left: 1em;
      margin-bottom: 8px
    }

    .index-productIntro-itemWrap {
      margin: 0 auto;
      max-width: 1224px
    }

    .index-productIntro-itemContent {
      margin: -24px 0 0 -24px;
      text-align: center
    }

    .index-productIntro-itemTitle {
      color: #081e5e;
      padding-top: 42px;
      margin-left: 32px
    }

    .index-productIntro-itemDesc {
      color: #616e82;
      max-width: 300px;
      margin: 16px auto auto 32px
    }

    .index-productIntro-subtext {
      color: #616e82
    }

    .index-productIntro-t2 {
      color: #081e5e
    }

    .index-productIntro-t1 {
      padding-top: 93px
    }

    .index-map-t1 {
      padding: 68px 0 28px
    }

    .index-map-container {
      height: 484px;
      background: #b3e5ff
    }

    .index-map-stats {
      padding: 104px 0 40px;
      position: relative;
      background: #f5f9ff
    }

    .index-map-statsText {
      position: absolute;
      text-align: left;
      left: 82%;
      top: 53%;
      width: 200px;
      transform: translate(-50%, -50%)
    }

    .index-map-statsItem {
      display: inline-block;
      color: #081e5e;
      margin: 0 114px;
      position: relative;
      height: 200px;
      width: 200px
    }

    .index-map-stats img {
      width: 200px;
      position: absolute;
      left: -92px;
      top: -66px;
      z-index: -1
    }

    .index-link {
      font-size: 20px;
      font-weight: 400;
      color: #00a9ff;
      line-height: 28px
    }

    .index-customer {
      cursor: pointer;
      background-image: url(/index/feedback-bg.svg);
      padding: 104px 0 64px
    }

    .index-customer .left-text {
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .index-customer-item {
      width: 1224px;
      background: #fff;
      display: flex;
      border-radius: 16px;
      border: 1px solid #e1e7ef;
      margin-bottom: 40px
    }

    .index-customer-item .left {
      display: flex;
      align-items: center;
      width: 524px;
      min-width: 470px;
      gap: 24px
    }

    .index-customer-item .left img {
      width: 277px
    }

    .index-customer-item .left>div {
      width: 247px;
      height: 124px;
      border-right: 2px solid #e1e7ef
    }

    .index-customer-item .right {
      display: flex;
      align-items: center;
      padding: 0 24px 0 50px;
      justify-content: space-between;
      width: 700px
    }

    @media screen and (max-width:1150px) {
      .index-customer-item {
        width: 500px;
        flex-wrap: wrap
      }

      .index-customer-item .left {
        width: 500px
      }

      .index-customer-item .left>div {
        border: none
      }

      .index-customer-item .right {
        margin: 48px auto;
        width: 500px
      }
    }

    .index-customer-item .stats {
      background-repeat: no-repeat;
      background-position: 17px -5px;
      width: 160px;
      text-align: center
    }

    .index-customer-item .stats.up {
      color: #26d98d
    }

    .index-customer-item .stats.down .value {
      color: #4ec3fe
    }

    .index-customer-item .stats.down .name {
      color: #081e5e
    }

    .index-customer-item .tag {
      background: #f5f9ff;
      border-radius: 4px;
      color: #081e5e;
      display: inline-block;
      font-weight: 600;
      height: 30px;
      line-height: 30px;
      padding: 0 16px
    }

    .index-customer-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .index-feedback {
      padding-bottom: 104px;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd);
      text-align: center
    }

    .index-feedback-content {
      margin: 0 auto;
      max-width: 1224px
    }

    .index-feedback-t1 {
      color: #fff;
      padding: 64px 0 48px
    }

    .index-feedback-left {
      width: 392px;
      height: 367px;
      display: inline-block;
      margin-right: 24px
    }

    .index-feedback-right {
      display: inline-block;
      max-width: 780px;
      vertical-align: top;
      text-align: left;
      height: 367px;
      padding: 72px 55px 0 52px;
      background: #fff;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 5px;
      position: relative
    }

    @media screen and (min-width:1196px) {
      .index-feedback-right {
        width: 780px
      }
    }

    .index-feedback-right .content {
      margin-top: 12px
    }

    .index-feedback-right .author {
      position: absolute;
      bottom: 53px;
      left: 56px
    }

    .index-feedback-iconWraper {
      margin-left: -24px
    }

    .index-feedback-icon {
      width: 184px;
      position: relative;
      height: 105px;
      margin-left: 24px;
      margin-bottom: 24px;
      border-radius: 4px;
      transition: all .5s;
      cursor: pointer;
      display: inline-block
    }

    .index-feedback-icon.active img.hover {
      opacity: 1
    }

    .index-feedback-icon.active img.normal {
      opacity: 0
    }

    .index-feedback-icon img {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: auto;
      transition: all .3s ease-in
    }

    .index-feedback-icon img .hover {
      opacity: 0
    }

    .index-feedback-icon:hover {
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15)
    }

    .index-feedback-companyPreview {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      width: 364px;
      height: 140px;
      position: absolute;
      border-radius: 8px;
      bottom: -69px;
      right: -67px
    }

    .index-partner {
      background-image: url(/index/partner-bg.svg);
      background-position: bottom;
      background-repeat: no-repeat;
      padding-bottom: 104px;
      text-align: center
    }

    .index-partner-t1 {
      padding: 64px 79px 0
    }

    .index-partner span {
      color: #00a9ff;
      font-weight: 400;
      
      cursor: pointer
    }

    .index-partner img {
      align-self: center
    }

    .index-cert {
      padding: 53px 0;
      background: #3ebaff;
      border-radius: 60px 0 0 0
    }

    .index-cert-content {
      padding-left: 108px
    }

    .index-cert-content>div {
      display: inline-block
    }

    .index-cert img {
      cursor: pointer;
      height: 78px
    }

    .index-cert-desc {
      width: 310px;
      font-weight: 700;
      color: #fff;
      line-height: 78px;
      margin-right: 70px
    }

    .index-getStart {
      background: #018bef
    }

    .index-getStart .left {
      margin-right: 24px
    }

    .index-getStart-bg {
      padding: 0 108px 56px;
      background-image: url(/index/bottom-banner.svg)
    }

    .index-getStart-t1 {
      color: #fff;
      padding-top: 64px
    }

    .index-getStart-sub {
      color: #fff
    }

    .index-new-productIntro-itemWrap {
      margin: 92px auto;
      width: 1224px
    }

    .index-new-productIntro-itemWrap>div {
      display: flex;
      justify-content: space-between
    }

    .index-new-productIntro-itemWrap .product-item {
      cursor: pointer;
      position: relative;
      transition: box-shadow .3s
    }

    .index-new-productIntro-itemWrap .product-item-borderCover {
      position: absolute;
      bottom: 0;
      height: 4px;
      left: 0;
      width: 100%;
      opacity: 0;
      transition: all .3s
    }

    .index-new-productIntro-itemWrap .product-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .index-new-productIntro-itemWrap .product-item:hover .product-item-borderCover {
      opacity: 1
    }

    .index-new-productIntro-itemWrap .plusIcon {
      position: absolute;
      bottom: -20px;
      background: #fff;
      left: 50%;
      transform: translateX(-50%);
      font-size: 40px;
      font-weight: 700;
      color: #081e5e;
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center
    }

    .index-new-productIntro-itemWrap .item {
      overflow: hidden;
      margin: 12px 0;
      width: 392px;
      padding: 24px;
      height: 196px;
      position: relative;
      border-radius: 8px
    }

    .index-new-productIntro-itemWrap .item.extra {
      position: relative;
      background-position: 50%;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .index-new-productIntro-itemWrap .item.extra>div {
      text-align: center;
      font-size: 28px;
      color: #081e5e;
      line-height: 36px
    }

    .index-new-productIntro-itemWrap .item.extra>div b {
      font-weight: 700
    }

    .index-new-productIntro-itemWrap .item ul {
      width: 240px
    }

    .index-new-productIntro-itemWrap .item ul li {
      list-style: disc;
      margin-left: 1em
    }

    .index-new-productIntro-itemWrap .item ul li span {
      color: #616e82
    }

    .headerContainer {
      min-height: 66px
    }

    @media screen and (max-width:640px) {
      .headerContainer {
        min-height: 112px
      }
    }

    .headerContainer-desk {
      position: absolute;
      width: 100%;
      z-index: 9999
    }

    .parallax-effect-pg {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-image: url(/index/network.svg);
      background-position: 50% -240%;
      background-repeat: no-repeat;
      height: 386px
    }

    .parallax-effect-container {
      background-image: url(/index/network3.svg);
      background-attachment: fixed;
      background-position: top;
      background-size: cover
    }

    @media screen and (max-width:640px) {
      .parallax-effect-container {
        background-image: url(/index/network3-m.jpg)
      }
    }

    .parallax-effect {
      background-size: cover
    }

    .parallax-effect.en .parallax-effect-pg {
      background-image: url(/index/cdn-parallax-bgIcon.png)
    }

    .parallax-effect.en .parallax-effect-container {
      background-image: url(/index/cdn-parallax-bg.svg)
    }

    @media screen and (max-width:640px) {
      .parallax-effect.en .parallax-effect-container {
        background-image: url(/index/cdn-parallax-bg-m.svg)
      }
    }

    .parallax-effect img {
      width: 152px;
      height: 152px
    }

    .parallax-effect-title {
      font-size: 28px;
      line-height: 36px;
      color: #fff;
      margin-bottom: 8px
    }

    @media screen and (max-width:640px) {
      .parallax-effect-title {
        width: 500px;
        text-align: center
      }
    }

    .parallax-effect-subTitle {
      color: #b0efff;
      font-size: 14px;
      line-height: 18px;
      font-weight: 400
    }

    .parallax-effect-btn {
      margin: 32px auto 48px
    }

    .parallax-effect-btn .button {
      color: #24b7ff !important;
      background: #fff;
      width: 290px !important
    }

    @media screen and (max-width:640px) {
      .channel-feature {
        padding: 88px 0 !important
      }

      .channel .banner-pic {
        width: 425px !important;
        right: 0 !important;
        bottom: 0 !important
      }

      .channel .banner-topContainer .banner-topIntro-desc {
        padding: 0 80px
      }

      .channel-feature-content {
        margin-top: 48px
      }

      .channel-feature-contentItem {
        gap: 0 !important;
        margin-top: 32px !important
      }

      .channel-feature-contentItem .content {
        margin-top: 40px !important
      }

      .channel-feature-contentItem .content li {
        margin-bottom: 16px
      }

      .channel-feature-contentItem .imgContainer {
        position: relative
      }

      .channel-feature-contentItem .imgContainer div {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        width: 100%;
        transform: translate(-50%, -50%)
      }

      .channel-join {
        padding: 88px 0 32px !important
      }

      .channel-feature-contentItem div {
        text-align: center
      }

      .channel-feature-contentItem .textContainer {
        max-width: none !important;
        width: 500px !important
      }
    }

    .channel-feature {
      background-repeat: no-repeat;
      background-position: top;
      background-position-y: 75%;
      padding: 120px 0 104px
    }

    .channel-feature-content {
      text-align: center
    }

    .channel-feature-contentItem {
      max-width: 947px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 48px
    }

    .channel-feature-contentItem:nth-child(2n) {
      flex-direction: row-reverse
    }

    @media screen and (min-width:800px) {
      .channel-feature-contentItem {
        flex-wrap: nowrap
      }
    }

    .channel-feature-contentItem .imgContainer {
      max-width: 496px
    }

    .channel-feature-contentItem .imgContainer img {
      width: 100%;
      height: auto;
      vertical-align: top
    }

    .channel-feature-contentItem .textContainer {
      max-width: 416px
    }

    .channel-feature-contentItem>* {
      vertical-align: top
    }

    .channel-feature-contentItem div {
      text-align: left;
      display: inline-block
    }

    .channel-feature-content ul {
      max-width: 416px
    }

    .channel-feature-content ul li {
      list-style: disc;
      margin-left: 1em;
      color: #27b5fe
    }

    .channel-feature-content ul li>span {
      color: #616e82
    }

    .channel-aliance {
      position: relative;
      padding: 104px 108px 229px;
      background-size: cover;
      background-image: url(/partner/channel/aliance-bg.png)
    }

    .channel-aliance-icon {
      margin: 46px 0
    }

    .channel-aliance-iconContainer {
      padding-right: 212px;
      max-width: 1332px;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 32px 0 0 0;
      background: #fff;
      position: absolute;
      bottom: -101px;
      right: 0
    }

    .channel-join {
      overflow: hidden;
      padding: 104px 0 80px;
      border-radius: 80px 0 0 0;
      background: linear-gradient(#f2fdff, #e0f9ff);
      text-align: center
    }

    .channel-join .logo-container {
      max-width: 1224px;
      margin: 68px auto 0
    }

    .channel-join .logo-container-m {
      margin-top: 48px;
      padding: 0 72px
    }

    .channel-join .logo-container-m .logo-item {
      margin: 0 32px 48px
    }

    .channel-join .logo-item {
      width: 180px !important;
      margin: 0 12px 24px
    }

    .channel-bottomBanner {
      position: relative;
      padding: 104px 0 64px;
      background: linear-gradient(270deg, #0ca8fd, #4ec3fe);
      color: #fff;
      text-align: center
    }

    .banner-animatedIcon {
      position: absolute;
      right: 108px;
      top: 160px;
      z-index: 1002
    }

    .banner-animatedIcon>img {
      animation: movedownup 10s linear infinite
    }

    .banner-animatedIcon-bg {
      right: 108px;
      top: 160px;
      z-index: 1001;
      position: absolute
    }

    @media screen and (max-width:640px) {
      .banner-bg-img {
        display: none !important
      }

      .banner-bg-imgMobile {
        display: inline-block !important;
        background-size: 100% !important
      }

      .banner-pic-m {
        display: block !important
      }

      .banner-topContainer {
        height: 1140px !important
      }

      .banner-topContainer .extra-button {
        margin: 16px 0 0 !important
      }

      .banner-topContainer .banner-topIntro {
        padding: 58px 48px 0 !important;
        text-align: center;
        height: 920px !important
      }

      .banner-topContainer .banner-topIntro .start-btn {
        width: 400px
      }

      .banner-topContainer .banner-topIntro .btnWrap {
        margin-top: 48px !important
      }

      .banner-topContainer .banner-topIntro-title {
        margin-top: 8px !important;
        font-size: 64px !important;
        line-height: 88px !important
      }

      .banner-topContainer .banner-topIntro .subtitle {
        font-size: 32px !important;
        font-weight: 400 !important;
        color: #081e5e !important;
        line-height: 42px !important;
        margin-top: 40px !important
      }

      .banner-topContainer .banner-topIntro-desc {
        font-size: 20px !important;
        margin-top: 40px !important;
        line-height: 30px !important
      }

      .banner-topContainer .banner-topIntro .mt-56 .button-primary {
        width: 400px
      }
    }

    .banner-pic.fadeUpIn {
      opacity: 0;
      animation: fadeUpIn .5s ease-in .5s forwards
    }

    .banner-pic-m {
      display: none
    }

    .banner-bg {
      z-index: 0;
      border-radius: 0 0 0 48px;
      overflow: hidden;
      background: linear-gradient(1turn, #c2eaff, #effaff)
    }

    .banner-bg,
    .banner-bg-img {
      position: absolute;
      width: 100%;
      height: 100%
    }

    .banner-bg-img {
      background-image: url(/solution/game/topbanner.svg);
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 1920px auto
    }

    .banner-bg-imgWrapper {
      position: absolute;
      width: 100%;
      height: 100%
    }

    .banner-bg-img.animated {
      animation: moveupdown 10s linear infinite
    }

    .banner-bg-imgMobile {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url(/solution/game/topbanner.svg);
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 1920px 100%;
      display: none
    }

    .banner-pic-container {
      position: absolute;
      z-index: 1;
      left: 50%;
      height: 100%;
      width: 100%;
      transform: translateX(-50%)
    }

    .banner-topIntro {
      position: relative;
      z-index: 100;
      padding: 58px 136px 0;
      color: #616e82
    }

    .banner-topIntro-title {
      margin-top: 58px;
      font-size: 48px;
      line-height: 46px;
      color: #081e5e
    }

    .banner-topIntro-feature {
      font-size: 60px;
      font-style: italic;
      line-height: 90px;
      color: #081e5e
    }

    .banner-topIntro-subtitle {
      margin-top: 8px;
      line-height: 28px;
      font-size: 20px;
      font-weight: 300
    }

    .banner-topContainer {
      position: relative;
      z-index: 3
    }

    .banner-topContainer .extra-button {
      display: inline-block;
      margin: 0 0 0 16px
    }

    .product-actionItem:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .product-action-button {
      margin-top: 78px;
      text-align: center
    }

    .product-actionItem {
      transition: all .5s;
      width: 312px;
      height: 338px;
      background: #fff;
      border-radius: 4px;
      display: inline-block;
      margin: 56px 58px 0;
      vertical-align: top
    }

    .product-actionItem>div {
      padding: 24px;
      text-align: left
    }

    .product-actionItem-container {
      text-align: center
    }

    .product-actionContent {
      padding: 64px 0 104px;
      background-repeat: no-repeat;
      background-position: 50%
    }

    .product-support {
      position: relative;
      text-align: left;
      border-radius: 60px 0 0 0;
      max-width: 1224px
    }

    @media screen and (max-width:640px) {
      .product-support {
        overflow: hidden;
        border-radius: 0 !important
      }

      .product-support-woman {
        width: 200px;
        bottom: -22px !important;
        right: 105px !important
      }

      .product-support-bg {
        padding: 88px 48px 320px !important
      }

      .product-support-text>div {
        text-align: center !important
      }

      .product-support-text .subtitle {
        margin-top: 40px
      }

      .product-support-container {
        padding: 0 !important
      }

      .product-support-container .btn-wrapper {
        padding-top: 48px !important
      }
    }

    .product-support-container {
      margin: 0 auto;
      padding: 149px 0 0
    }

    .product-support-bg {
      padding: 64px;
      background-repeat: no-repeat;
      background-position: 100% 100%
    }

    .product-support-text {
      max-width: 624px
    }

    .product-support-text>div {
      text-align: left
    }

    .product-support-woman {
      bottom: 0;
      position: absolute;
      right: 138px
    }

    .productBlog {
      text-align: center;
      padding: 64px 0 104px;
      background: #fff
    }

    @media screen and (max-width:640px) {
      .productBlog {
        padding: 88px 0 !important
      }
    }

    .blog-category {
      padding: 56px 32px 40px;
      width: 312px;
      background: #fff;
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15);
      border-radius: 8px
    }

    .blog-category .title {
      text-align: center
    }

    .blog-category .item {
      margin-bottom: 16px;
      color: #6b789e
    }

    .blog-category .item.active,
    .blog-category .item:hover {
      color: #00a9ff
    }

    .blog-thumbnail {
      width: 392px
    }

    .blog-card:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      background: #fff
    }

    .blog-card:hover .blog-card-more {
      color: #fff;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    .blog-card {
      text-align: left;
      transition: all .3s;
      cursor: pointer;
      margin: 56px 12px 0;
      display: inline-block;
      position: relative;
      width: 392px;
      /* min-height: 588px; */
      border-radius: 16px;
      overflow: hidden;
      background: #f5f9ff;
      vertical-align: top
    }

    @media screen and (max-width:640px) {
      .blog-card {
        width: 544px !important;
        margin-top: 48px !important;
        min-height: auto !important;
        padding-bottom: 24px
      }

      .blog-card .blog-thumbnail {
        width: 100% !important
      }

      .blog-card .sub {
        display: none !important
      }

      .blog-card .content {
        font-size: 20px !important;
        line-height: 30px !important;
        margin-top: 16px !important
      }

      .blog-card-more {
        display: none !important
      }

      .blog-card .event-header {
        font-size: 20px !important;
        margin-top: 16px !important;
        color: #081e5e !important;
        line-height: 30px !important
      }

      .blog-card-imgContainer>div {
        font-size: 24px;
        height: 40px !important;
        line-height: 40px !important;
        top: 33px !important;
        right: -45px !important
      }
    }

    .blog-card-author {
      color: #24b7ff;
      cursor: pointer
    }

    .blog-card-imgContainer {
      position: relative
    }

    .blog-card-imgContainer div {
      color: #fff;
      height: 35px;
      line-height: 35px;
      text-align: center;
      position: absolute;
      font-weight: 600;
      top: 27px;
      right: -57px;
      width: 200px;
      transform: rotate(45deg)
    }

    .blog-card-content {
      position: relative;
      overflow: hidden;
      padding: 24px;
      text-overflow: ellipsis
    }

    .blog-card-content .drop {
      width: 100% !important
    }

    .blog-card-more {
      cursor: pointer;
      position: absolute;
      bottom: 0;
      width: 100%;
      line-height: 72px;
      height: 72px;
      background: linear-gradient(90deg, #e8f8ff, #d9f2ff);
      color: #00a9ff;
      text-align: center
    }

    .blog-categoryM {
      text-align: left;
      background: #fff;
      box-shadow: 0 4px 8px 0 rgba(8, 31, 94, .15)
    }

    .blog-categoryM .title {
      line-height: 88px;
      cursor: pointer;
      text-align: center
    }

    .blog-categoryM .dropdown {
      display: none;
      padding: 0 40px 64px
    }

    .blog-categoryM .dropdown .arrow-down {
      width: 24px;
      margin-left: 8px
    }

    .blog-categoryM .dropdown .item {
      display: inline-block;
      margin: 0 8px 24px;
      background: #f4f5f8;
      border-radius: 4px;
      padding: 0 20px;
      font-size: 20px;
      height: 48px;
      color: #616e82;
      line-height: 48px
    }

    .blog-categoryM .dropdown .item.active {
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd);
      color: #fff
    }

    .blog-categoryM.open {
      border-radius: 0 0 0 80px
    }

    .blog-categoryM.open .arrow-down {
      transform: rotate(180deg)
    }

    .blog-categoryM.open .dropdown {
      display: block
    }

    .drop {
      position: absolute;
      z-index: 1;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px
    }

    .drop.up {
      transform: rotate(180deg) translateX(50%);
      transform-origin: center
    }

    .event-article {
      background: linear-gradient(180deg, #e0f8ff, hsla(0, 0%, 100%, 0));
      background-size: 100% 600px
    }

    .event-article video {
      margin: 32px 0
    }

    .event-article-content {
      padding: 64px 13% 104px
    }

    @media screen and (min-width:1440px) {
      .event-article-content {
        padding: 64px 188px 104px
      }
    }

    .slick-slider {
      box-sizing: border-box;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
    }

    .slick-list,
    .slick-slider {
      position: relative;
      display: block
    }

    .slick-list {
      overflow: hidden;
      margin: 0;
      padding: 0
    }

    .slick-list:focus {
      outline: none
    }

    .slick-list.dragging {
      cursor: pointer;
      cursor: hand
    }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
      transform: translateZ(0)
    }

    .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      margin-left: auto;
      margin-right: auto
    }

    .slick-track:after,
    .slick-track:before {
      display: table;
      content: ""
    }

    .slick-track:after {
      clear: both
    }

    .slick-loading .slick-track {
      visibility: hidden
    }

    .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px
    }

    [dir=rtl] .slick-slide {
      float: right
    }

    .slick-slide img {
      display: block
    }

    .slick-slide.slick-loading img {
      display: none
    }

    .slick-slide.dragging img {
      pointer-events: none
    }

    .slick-initialized .slick-slide {
      display: block
    }

    .slick-loading .slick-slide {
      visibility: hidden
    }

    .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
      display: none
    }

    .slick-loading .slick-list {
      background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat
    }

    @font-face {
      font-family: slick;
      font-weight: 400;
      font-style: normal;
      src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
      src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT48ZGVmcz48Zm9udCBpZD0ic2xpY2siIGhvcml6LWFkdi14PSI1MTIiPjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSI1MTIiLz48Z2x5cGggdW5pY29kZT0i4oaSIiBkPSJNMjQxIDExM2wxMzAgMTMwYzQgNCA2IDggNiAxMyAwIDUtMiA5LTYgMTNsLTEzMCAxMzBjLTMgMy03IDUtMTIgNS01IDAtMTAtMi0xMy01bC0yOS0zMGMtNC0zLTYtNy02LTEyIDAtNSAyLTEwIDYtMTNsODctODgtODctODhjLTQtMy02LTgtNi0xMyAwLTUgMi05IDYtMTJsMjktMzBjMy0zIDgtNSAxMy01IDUgMCA5IDIgMTIgNXogbTIzNCAxNDNjMC00MC05LTc3LTI5LTExMC0yMC0zNC00Ni02MC04MC04MC0zMy0yMC03MC0yOS0xMTAtMjktNDAgMC03NyA5LTExMCAyOS0zNCAyMC02MCA0Ni04MCA4MC0yMCAzMy0yOSA3MC0yOSAxMTAgMCA0MCA5IDc3IDI5IDExMCAyMCAzNCA0NiA2MCA4MCA4MCAzMyAyMCA3MCAyOSAxMTAgMjkgNDAgMCA3Ny05IDExMC0yOSAzNC0yMCA2MC00NiA4MC04MCAyMC0zMyAyOS03MCAyOS0xMTB6Ii8+PGdseXBoIHVuaWNvZGU9IuKGkCIgZD0iTTI5NiAxMTNsMjkgMzBjNCAzIDYgNyA2IDEyIDAgNS0yIDEwLTYgMTNsLTg3IDg4IDg3IDg4YzQgMyA2IDggNiAxMyAwIDUtMiA5LTYgMTJsLTI5IDMwYy0zIDMtOCA1LTEzIDUtNSAwLTktMi0xMi01bC0xMzAtMTMwYy00LTQtNi04LTYtMTMgMC01IDItOSA2LTEzbDEzMC0xMzBjMy0zIDctNSAxMi01IDUgMCAxMCAyIDEzIDV6IG0xNzkgMTQzYzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPjxnbHlwaCB1bmljb2RlPSLigKIiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPjxnbHlwaCB1bmljb2RlPSJhIiBkPSJNNDc1IDQzOWwwLTEyOGMwLTUtMS05LTUtMTMtNC00LTgtNS0xMy01bC0xMjggMGMtOCAwLTEzIDMtMTcgMTEtMyA3LTIgMTQgNCAyMGw0MCAzOWMtMjggMjYtNjIgMzktMTAwIDM5LTIwIDAtMzktNC01Ny0xMS0xOC04LTMzLTE4LTQ2LTMyLTE0LTEzLTI0LTI4LTMyLTQ2LTctMTgtMTEtMzctMTEtNTcgMC0yMCA0LTM5IDExLTU3IDgtMTggMTgtMzMgMzItNDYgMTMtMTQgMjgtMjQgNDYtMzIgMTgtNyAzNy0xMSA1Ny0xMSAyMyAwIDQ0IDUgNjQgMTUgMjAgOSAzOCAyMyA1MSA0MiAyIDEgNCAzIDcgMyAzIDAgNS0xIDctM2wzOS0zOWMyLTIgMy0zIDMtNiAwLTItMS00LTItNi0yMS0yNS00Ni00NS03Ni01OS0yOS0xNC02MC0yMC05My0yMC0zMCAwLTU4IDUtODUgMTctMjcgMTItNTEgMjctNzAgNDctMjAgMTktMzUgNDMtNDcgNzAtMTIgMjctMTcgNTUtMTcgODUgMCAzMCA1IDU4IDE3IDg1IDEyIDI3IDI3IDUxIDQ3IDcwIDE5IDIwIDQzIDM1IDcwIDQ3IDI3IDEyIDU1IDE3IDg1IDE3IDI4IDAgNTUtNSA4MS0xNSAyNi0xMSA1MC0yNiA3MC00NWwzNyAzN2M2IDYgMTIgNyAyMCA0IDgtNCAxMS05IDExLTE3eiIvPjwvZm9udD48L2RlZnM+PC9zdmc+) format("svg")
    }

    .slick-next,
    .slick-prev {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 20px;
      height: 20px;
      padding: 0;
      transform: translateY(-50%);
      cursor: pointer;
      border: none
    }

    .slick-next,
    .slick-next:focus,
    .slick-next:hover,
    .slick-prev,
    .slick-prev:focus,
    .slick-prev:hover {
      color: transparent;
      outline: none;
      background: transparent
    }

    .slick-next:focus:before,
    .slick-next:hover:before,
    .slick-prev:focus:before,
    .slick-prev:hover:before {
      opacity: 1
    }

    .slick-next.slick-disabled:before,
    .slick-prev.slick-disabled:before {
      opacity: .25
    }

    .slick-next:before,
    .slick-prev:before {
      font-family: slick;
      font-size: 20px;
      line-height: 1;
      opacity: .75;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .slick-prev {
      left: -25px
    }

    [dir=rtl] .slick-prev {
      right: -25px;
      left: auto
    }

    .slick-prev:before {
      content: "\2190"
    }

    [dir=rtl] .slick-prev:before {
      content: "\2192"
    }

    .slick-next {
      right: -25px
    }

    [dir=rtl] .slick-next {
      right: auto;
      left: -25px
    }

    .slick-next:before {
      content: "\2192"
    }

    [dir=rtl] .slick-next:before {
      content: "\2190"
    }

    .slick-dotted.slick-slider {
      margin-bottom: 30px
    }

    .slick-dots {
      position: absolute;
      bottom: -25px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center
    }

    .slick-dots li {
      position: relative;
      display: inline-block;
      margin: 0 5px;
      padding: 0
    }

    .slick-dots li,
    .slick-dots li button {
      width: 20px;
      height: 20px;
      cursor: pointer
    }

    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      padding: 5px;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent
    }

    .slick-dots li button:focus,
    .slick-dots li button:hover {
      outline: none
    }

    .slick-dots li button:focus:before,
    .slick-dots li button:hover:before {
      opacity: 1
    }

    .slick-dots li button:before {
      font-family: slick;
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      content: "\2022";
      text-align: center;
      opacity: .25;
      color: #000;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .slick-dots li.slick-active button:before {
      opacity: .75;
      color: #000
    }

    @media screen and (max-width:640px) {
      .agent .banner-pic {
        width: 448px !important;
        right: 48px !important;
        bottom: -64px !important
      }

      .agent .banner-topContainer {
        height: 997px !important
      }

      .agent .channel-feature {
        padding: 152px 0 88px !important
      }
    }

    .china {
      color: #616e82
    }

    @media screen and (max-width:640px) {
      .china .banner-pic {
        width: 425px !important;
        right: 0 !important;
        bottom: 0 !important
      }

      .china .banner-topContainer {
        height: 1140px !important
      }

      .china-number-container {
        height: 526px;
        background-image: url(/solution/india/india-numbers-m.png) !important
      }

      .china-number-container .china-number-content {
        height: 100%;
        padding: 88px 0;
        text-align: center
      }

      .china-number-container .china-number-content .china-number-text {
        margin: 48px auto
      }

      .china-number-container .china-number-content .mt-32 button {
        width: 391px !important;
        position: relative;
        bottom: -35px
      }

      .china-number-container .china-number-content .mt-32 .button-text {
        font-size: 20px;
        font-weight: 600;
        color: #24b7ff;
        line-height: 28px
      }

      .china .china-overview {
        margin-top: 88px;
        padding-top: 0
      }

      .china .china-overview-content {
        margin: 48px
      }

      .china .china-overview .imgContainer img {
        display: none
      }

      .china .china-overview-itemContent .font-36 {
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        color: #081e5e;
        line-height: 36px
      }

      .china .china-overview-itemContent .font-20 {
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .china .china-overview-itemContent img {
        margin: 0 auto;
        display: block
      }

      .china .china-overview-item {
        background: #f5f9ff;
        border-radius: 16px;
        padding: 40px 32px;
        margin-top: 24px
      }

      .china-difference .mt-24 {
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px;
        margin-top: 48px
      }

      .china-difference-content {
        padding: 12px 0 0 !important;
        background: linear-gradient(90deg, #e7eaff, #f5f6ff)
      }

      .china-difference-content .china-difference-contentItem-0 .right .right-title-bg {
        background-image: url(/solution/china/difference-1-m.png) !important
      }

      .china-difference-content .china-difference-contentItem-1 .right .right-title-bg {
        background-image: url(/solution/china/difference-2-m.png) !important
      }

      .china-difference-content .china-difference-contentItem-2 .right .right-title-bg {
        background-image: url(/solution/china/difference-3-m.png) !important
      }

      .china-difference-content .china-difference-contentItem>div {
        margin: 0
      }

      .china-difference-content .china-difference-contentItem {
        margin-top: 60px
      }

      .china-difference-content .china-difference-contentItem .left {
        display: none
      }

      .china-difference-content .china-difference-contentItem .right .right-title-bg {
        height: 300px;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center
      }

      .china-difference-content .china-difference-contentItem .right .right-title-bg .font-36 {
        color: #fff;
        width: 383px;
        height: 108px;
        text-align: center
      }

      .china-difference-content .china-difference-contentItem .right .font-20 {
        font-size: 24px !important;
        font-weight: 400;
        color: #616e82;
        line-height: 36px !important
      }

      .china-partner {
        background: linear-gradient(270deg, #0ca8fd, #4ec3fe) !important
      }

      .china-partner-content {
        background-image: none !important
      }

      .china-partner-logo {
        display: none
      }

      .china-partner-logo-m {
        display: block !important;
        width: 544px;
        height: 257px;
        margin: 0 auto;
        left: 0;
        max-width: 1332px;
        position: absolute;
        bottom: -104px;
        right: 0;
        background: #fff;
        box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
        border-radius: 32px 0 0 0;
        padding: 72px 10px
      }

      .china-middleBanner {
        height: 913px
      }

      .china-middleBanner .drop.down {
        display: none !important
      }

      .china-middleBanner-content {
        background-image: none !important
      }

      .china-middleBanner-content .page-middle {
        padding: 88px 0 48px !important
      }

      .china-middleBanner-content .page-middle .font-36 {
        margin-left: 106px;
        margin-right: 106px;
        text-align: center;
        margin-bottom: 48px
      }

      .china-middleBanner-content .page-middle .font-20 {
        margin-left: 48px;
        margin-right: 48px;
        color: #fff;
        line-height: 36px
      }

      .china-middleBanner img {
        display: block;
        height: 333px;
        bottom: -345px !important;
        right: 0 !important
      }

      .china-middleBanner .middleBannerPeople {
        display: none
      }

      .china-middleBanner .middleBannerPeopleMobile {
        display: block !important
      }

      .china .bmc-feedback {
        background: #f3f5f9
      }

      .china .bmc-feedback-quoteContainer .bmc-feedback-quoteContent {
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .china .india-map .font-36 {
        margin-left: 151px;
        margin-right: 151px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center
      }

      .china .india-map .font-20 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 20px
      }

      .china .india-map .map-cities .active {
        background: #24b7ff;
        color: #fff
      }

      .china .completeSolution {
        padding-bottom: 44px !important
      }

      .china .completeSolution .semi-bold {
        width: 348px;
        margin-left: auto;
        margin-right: auto
      }

      .china .completeSolution-item {
        display: none !important
      }

      .china .completeSolution-item-mobile {
        background: #fff;
        margin: 40px auto !important;
        display: block !important;
        width: 544px !important;
        height: 444px !important;
        border-radius: 16px;
        vertical-align: top;
        overflow: hidden
      }

      .china .completeSolution-item-mobile img {
        width: 544px;
        height: 200px;
        margin-top: -5px;
        margin-left: -3px
      }

      .china .completeSolution-item-mobile .font-20 {
        font-size: 28px !important;
        font-weight: 600;
        color: #081e5e;
        line-height: 36px !important
      }

      .china .completeSolution-item-mobile .completeSolution-item-desc {
        width: 480px;
        height: 144px;
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .china .index-getStart-bg {
        background-image: url(/solution/china/passion-m.svg) !important
      }
    }

    @media screen and (max-width:640px) and screen and (min-width:1332px) {
      .china-partner-logo-m {
        padding: 72px 117px 72px 52px
      }
    }

    .china-overview {
      padding-top: 64px
    }

    .china-overview-icon {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      position: relative;
      width: 56px;
      border-radius: 50%
    }

    .china-overview-content {
      margin: 64px 110px 104px 100px
    }

    .china-overview-item {
      max-width: 1220px;
      text-align: center;
      margin-top: 24px
    }

    @media screen and (min-width:1350px) {
      .china-overview-item:nth-child(odd) .imgContainer {
        float: left
      }

      .china-overview-item:nth-child(2n) .imgContainer,
      .china-overview-item:nth-child(odd) .textContainer {
        float: right
      }

      .china-overview-item:nth-child(2n) .textContainer {
        float: left
      }
    }

    .china-overview-item .imgContainer {
      display: inline-block;
      max-width: 496px
    }

    .china-overview-item .imgContainer img {
      width: 100%;
      height: auto;
      vertical-align: top
    }

    .china-overview-itemContent {
      display: inline-block;
      max-width: 648px;
      text-align: left
    }

    .china-number {
      background: #27b5fe
    }

    .china-number-container {
      background-image: url(/solution/india/number-bg.svg);
      background-position: 50%;
      background-repeat: no-repeat
    }

    .china-number-content {
      color: #fff;
      padding: 64px 108px
    }

    .china-number-text {
      max-width: 548px
    }

    .china-difference {
      background-image: url(/solution/china/difference-bg.svg);
      padding: 104px 0;
      text-align: center
    }

    .china-difference img {
      max-width: 100%;
      height: auto
    }

    .china-difference-content {
      position: relative;
      margin: 104px auto 0;
      padding: 12px 0 104px
    }

    .china-difference-content-bg {
      border-radius: 88px 0 0 0;
      margin-left: 15%;
      width: 100%;
      position: absolute;
      top: 0;
      height: 100%;
      z-index: -1;
      background: linear-gradient(#e7eaff, #f5f6ff)
    }

    @media screen and (max-width:1000px) {
      .china-difference-content-bg {
        margin-left: 0
      }
    }

    .china-difference-contentItem {
      margin-top: 92px
    }

    .china-difference-contentItem>div {
      margin: 0 40px;
      display: inline-block;
      vertical-align: top
    }

    .china-difference-contentItem .right {
      text-align: left;
      max-width: 624px
    }

    .china-map {
      text-align: center;
      padding-top: 104px
    }

    .china-middleBanner {
      color: #fff;
      background: linear-gradient(180deg, #40c2ff, #119aed)
    }

    .china-middleBanner-content {
      position: relative;
      background-image: url(/solution/china/middleBanner-bg.svg);
      background-repeat: no-repeat;
      background-position: 100% 0
    }

    .china-middleBanner-content .page-middle {
      padding: 64px 108px
    }

    .china-middleBanner img {
      position: absolute;
      bottom: 0;
      right: 89px
    }

    .china-middleBanner .middleBannerPeopleMobile {
      display: none
    }

    .china-partner {
      position: relative;
      background: #6d8ce8;
      color: #fff;
      text-align: center;
      margin-bottom: 104px
    }

    .china-partner-content {
      padding: 104px 0;
      height: 360px;
      background-image: url(/solution/china/partner-bg.jpg)
    }

    .china-partner-logo {
      max-width: 1332px;
      position: absolute;
      bottom: -104px;
      right: 0;
      background: #fff;
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      border-radius: 32px 0 0 0;
      padding: 72px 10px
    }

    .china-partner-logo img {
      width: 100%;
      height: auto
    }

    @media screen and (min-width:1332px) {
      .china-partner-logo {
        padding: 72px 117px 72px 52px
      }
    }

    .china-partner-logo-m {
      display: none
    }

    .china .completeSolution {
      padding: 64px 0 104px;
      background: linear-gradient(#4ec3fe, #0ca8fd)
    }

    .china .completeSolution-container {
      text-align: center
    }

    .china .completeSolution-item {
      background: #fff;
      display: inline-block;
      width: 288px;
      margin: 12px;
      vertical-align: top;
      border-radius: 16px;
      height: 400px
    }

    .china .completeSolution-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .china .completeSolution-item-desc {
      margin: 16px 24px 24px;
      text-align: left;
      width: 240px;
      display: inline-block;
      overflow: hidden
    }

    .china .completeSolution-item-mobile {
      display: none
    }

    .bmc {
      color: #616e82
    }

    @media screen and (max-width:640px) {
      .bmc .banner-topContainer {
        height: 1260px !important
      }

      .bmc-t1 {
        text-align: center
      }

      .bmc .mt-24 {
        margin-top: 40px
      }

      .bmc-keyFeatures {
        margin-top: 32px
      }

      .bmc-keyFeatures-block1 {
        margin: 0 24px !important;
        padding: 57px 24px 88px !important
      }

      .bmc-keyFeatures-block2 {
        text-align: center !important;
        padding: 88px 0 !important;
        flex-direction: column-reverse
      }

      .bmc-keyFeatures-block2>div {
        margin-right: 48px !important;
        margin-left: 48px !important
      }

      .bmc-keyFeatures-block2-human {
        width: 225px;
        right: -110px !important
      }

      .bmc-keyFeatures-block2_left {
        text-align: left;
        right: 18px;
        margin-top: 64px !important
      }

      .bmc-keyFeatures-block2_right {
        padding-top: 0 !important;
        text-align: center
      }

      .bmc-keyFeatures-block2_right .content {
        width: 100% !important
      }

      .bmc-keyFeatures-block2_right .title {
        text-align: center !important
      }

      .bmc-keyFeatures-block3 {
        height: 100% !important;
        padding: 84px 0 40px !important
      }

      .bmc-keyFeatures-block3-outterBg {
        background: #e9e9ff
      }

      .bmc-keyFeatures-block3 img {
        margin: 0 32px !important
      }

      .bmc-keyFeatures-block3 .icons {
        padding: 0 100px !important
      }

      .bmc-keyFeatures-block3 .name,
      .bmc-keyFeatures-block3 .title {
        font-size: 20px !important;
        line-height: 28px !important
      }

      .bmc-keyFeatures-block3-icon {
        margin-bottom: 16px
      }

      .bmc-keyFeatures-block3-iconWrapper {
        flex-wrap: wrap
      }

      .bmc-keyFeatures-block3-iconWrapper .icons {
        margin-bottom: 32px
      }

      .bmc-map {
        padding-top: 88px !important;
        background: #f5f9ff;
        margin-top: 88px
      }

      .bmc-reason {
        padding: 88px 0 !important
      }

      .bmc-reason-badge {
        background-image: url(/products/bmc/reason-bottom-bg-m.svg) !important
      }

      .bmc-os-item {
        padding: 32px 30px 0 !important
      }

      .bmc-os-imgContainer {
        padding: 88px 0 !important;
        background-image: url(/products/bmc/os-bg-m.svg) !important
      }

      .bmc-os-itemContainer {
        width: 500px;
        margin: 16px auto 0
      }

      .bmc-feedback {
        padding: 88px 0 0 !important
      }

      .bmc-feedback .companyName {
        display: none
      }

      .bmc-feedback-quote {
        padding: 40px 48px 0 !important;
        width: 100% !important
      }

      .bmc-feedback-quote-companyLogo {
        display: block !important;
        position: relative !important;
        height: auto !important;
        left: 0 !important;
        width: auto !important;
        bottom: 0 !important;
        margin-bottom: 88px !important
      }

      .bmc-feedback-quoteContainer {
        margin: 40px auto 0 !important
      }

      .bmc-feedback-quote-author {
        padding: 40px 0 !important
      }

      .bmc-feedback-quoteContent {
        font-size: 24px;
        color: #616e82;
        line-height: 36px
      }

      .bmc-feedback-companyIcon {
        display: none !important
      }

      .bmc-server {
        padding: 88px 0 !important
      }

      .bmc-server-detail img {
        margin-top: 48px
      }

      .bmc-server .btn {
        margin-top: 48px !important
      }

      .bmc-solution {
        padding: 88px 0 64px !important
      }

      .bmc-solution .description {
        margin-top: 40px !important
      }

      .bmc-solution-item {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto 24px !important;
        background-color: #fff !important;
        padding: 14px 48px !important;
        width: 544px !important;
        height: 124px !important
      }

      .bmc-solution-itemContainer {
        margin-top: 48px !important
      }

      .bmc-solution-item .title {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-top: 0 !important
      }

      .bmc-solution-item .description {
        display: none
      }
    }

    .bmc-map {
      padding-top: 104px
    }

    .bmc-sectionTitle {
      color: #081e5e;
      text-align: center;
      font-weight: 700;
      font-size: 36px;
      line-height: 46px
    }

    .bmc-topWrapper {
      background-image: url(/bmc-topbanner.svg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%
    }

    .bmc-topContainer {
      border-radius: 0 0 0 80px;
      background: linear-gradient(180deg, #f6f7fe, #e7e6ff)
    }

    .bmc-t1 {
      line-height: 46px;
      font-size: 36px;
      font-weight: 600;
      color: #081e5e;
      text-align: center
    }

    .bmc-intro {
      width: 100%;
      overflow-y: hidden;
      position: relative;
      border-radius: 0 0 0 48px;
      height: 569px
    }

    .bmc-intro-content {
      max-width: 610px;
      padding: 101px 0 0 134px
    }

    .bmc-intro>img {
      position: absolute;
      top: 56px;
      right: 110px
    }

    .bmc-keyFeatures {
      text-align: center;
      margin-top: 58px
    }

    .bmc-keyFeatures-text {
      font-size: 20px;
      line-height: 28px
    }

    .bmc-keyFeatures-block1 {
      position: relative;
      margin: 32px 70px;
      padding: 32px 0 72px;
      background-image: url(/products/bmc/bmc-feature-b1.svg)
    }

    .bmc-keyFeatures-block2 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      overflow: hidden;
      text-align: center;
      padding: 96px 0;
      vertical-align: top;
      background-image: url(/products/bmc/bmc-feature-b2.svg)
    }

    .bmc-keyFeatures-block2 .imgContainer {
      max-width: 574px;
      display: inline-block
    }

    .bmc-keyFeatures-block2 .imgContainer img {
      width: 100%;
      height: auto
    }

    .bmc-keyFeatures-block2-human {
      position: absolute;
      top: 34px;
      right: -175px
    }

    .bmc-keyFeatures-block2>div {
      display: inline-block;
      margin: 0 70px;
      vertical-align: top
    }

    .bmc-keyFeatures-block2_left {
      position: relative
    }

    .bmc-keyFeatures-block2_right {
      padding-top: 85px;
      text-align: left
    }

    .bmc-keyFeatures-block2_right .title {
      text-align: left
    }

    .bmc-keyFeatures-block2_right .content {
      width: 496px
    }

    .bmc-keyFeatures-block2-container {
      background: linear-gradient(180deg, #f6f7fe, #e7e6ff)
    }

    .bmc-keyFeatures-block3 {
      padding: 64px 0 0;
      background-image: url(/products/bmc/bmc-feature-b3.svg);
      min-height: 440px;
      color: #fff
    }

    .bmc-keyFeatures-block3-container {
      overflow: hidden;
      text-align: center;
      border-radius: 0 0 80px 0;
      background: linear-gradient(139deg, #9ba2ee, #8e8eeb)
    }

    .bmc-keyFeatures-block3-icon {
      display: inline-block
    }

    .bmc-keyFeatures-block3-iconWrapper {
      display: flex;
      justify-content: center
    }

    .bmc-keyFeatures-block3-iconWrapper .title {
      color: hsla(0, 0%, 100%, .7);
      font-weight: 700;
      margin-bottom: 24px
    }

    .bmc-keyFeatures-block3-iconWrapper .icons {
      padding: 0 22px
    }

    @media screen and (min-width:1000px) {
      .bmc-keyFeatures-block3-iconWrapper>div:first-child .icons {
        border-right: 1px solid hsla(0, 0%, 100%, .2)
      }
    }

    .bmc-keyFeatures-block3 img {
      margin: 0 18px
    }

    .bmc-keyFeatures-block4 {
      padding: 64px;
      position: relative;
      text-align: left;
      background: linear-gradient(97deg, #f6f7fe, #e7e6ff);
      margin: 149px auto 104px;
      height: 240px;
      border-radius: 60px 0 0 0;
      max-width: 1224px
    }

    .bmc-keyFeatures-block4-text {
      max-width: 624px
    }

    .bmc-keyFeatures-block4-bg {
      position: absolute;
      width: 517px;
      top: 70px;
      right: 0;
      overflow: hidden
    }

    .bmc-keyFeatures-block4-woman {
      bottom: 0;
      position: absolute;
      right: 138px
    }

    .bmc-reason {
      position: relative;
      padding: 104px 0;
      background: #f5f9ff
    }

    .bmc-reason-badge {
      position: relative;
      margin-top: 32px;
      background-image: url(/products/bmc/reason-bottom-bg.svg);
      color: #081e5e;
      padding: 56px 0 36px;
      text-align: center
    }

    .bmc-reason-badge>div {
      max-width: 1044px;
      margin: 0 auto
    }

    .bmc-reason-feature {
      max-width: 1184px;
      margin: 36px auto 0
    }

    .bmc-reason-feature img {
      width: 100%;
      height: auto
    }

    .bmc-feedback {
      padding: 104px 0
    }

    .bmc-feedback-companyIcon {
      width: 364px;
      vertical-align: top
    }

    .bmc-feedback-quote {
      padding: 51px 80px 0 51px;
      text-align: left;
      display: inline-block;
      position: relative;
      width: 70%;
      border-radius: 0 60px 0 0
    }

    .bmc-feedback-quoteContent {
      margin-top: 12px
    }

    .bmc-feedback-quote-companyLogo {
      position: absolute;
      bottom: 40px;
      right: -40px;
      display: none;
      width: 184px
    }

    @media screen and (min-width:1200px) {
      .bmc-feedback-quote {
        height: 352px
      }

      .bmc-feedback-quote-companyLogo {
        display: inline-block
      }

      .bmc-feedback-quote-author {
        position: absolute;
        bottom: 45px;
        left: 51px
      }
    }

    .bmc-feedback-quote-author {
      padding: 24px 0
    }

    .bmc-feedback-quoteContainer {
      position: relative;
      max-width: 1224px;
      margin: 56px auto 0;
      text-align: center
    }

    .bmc-server {
      text-align: center;
      padding: 64px 0 104px
    }

    .bmc-server img {
      max-width: 100%;
      height: auto
    }

    .bmc-os {
      background: linear-gradient(139deg, #9ba2ee, #8e8eeb);
      color: #fff;
      text-align: center
    }

    .bmc-os-imgContainer {
      min-height: 500px;
      background-image: url(/products/bmc/os-bg.svg);
      padding: 64px 0 104px;
      background-position-y: 15px
    }

    .bmc-osContent {
      background-size: 1440px;
      background-repeat: no-repeat;
      background-position: 50%
    }

    .bmc-os-item {
      display: inline-block;
      padding: 56px 30px 0
    }

    .bmc-os-itemContainer {
      text-align: center
    }

    .bmc-solution {
      background: #f5f9ff;
      padding: 64px 0 80px
    }

    .bmc-solution-item {
      transition: all .3s ease-in;
      padding: 20px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      width: 288px;
      height: 254px;
      margin: 0 12px 24px;
      vertical-align: top;
      display: inline-block
    }

    .bmc-solution-item .title {
      color: #081e5e
    }

    .bmc-solution-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
      color: #00a9ff
    }

    .bmc-solution-item:hover .title {
      color: #00a9ff
    }

    .bmc-solution-item .description {
      padding: 0 16px
    }

    .bmc-solution-itemContainer {
      margin-top: 56px;
      text-align: center
    }

    .india {
      color: #616e82
    }

    @media screen and (max-width:640px) {
      .india .banner-pic {
        display: none
      }

      .india .banner-pic-m {
        bottom: 50px !important
      }

      .india .banner-topContainer {
        height: 1140px !important
      }

      .india .productNav-wrapper {
        display: none
      }

      .india-number-container {
        height: 526px;
        background-image: url(/solution/india/india-numbers-m.png) !important
      }

      .india-number-container .india-number-content {
        height: 100%;
        padding: 88px 0;
        text-align: center
      }

      .india-number-container .india-number-content .india-number-text {
        margin: 48px auto;
        text-align: left
      }

      .india-number-container .india-number-content .mt-32 button {
        width: 391px !important;
        position: relative;
        bottom: -35px
      }

      .india-number-container .india-number-content .mt-32 .button-text {
        font-size: 20px;
        font-weight: 600;
        color: #24b7ff;
        line-height: 28px
      }

      .india .china-overview {
        margin-top: 88px;
        padding-top: 0
      }

      .india .china-overview-content {
        margin: 48px
      }

      .india .china-overview .imgContainer img {
        display: none
      }

      .india .china-overview-itemContent .font-36 {
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        color: #081e5e;
        line-height: 36px
      }

      .india .china-overview-itemContent .font-20 {
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .india .china-overview-itemContent img {
        margin: 0 auto;
        display: block
      }

      .india .china-overview-item {
        background: #f5f9ff;
        border-radius: 16px;
        padding: 40px 32px
      }

      .india .india-difference-b1 {
        background-image: url(/solution/india/india-choice-m.svg);
        margin: 25px 36px;
        height: 494px;
        padding-left: 12px;
        padding-right: 12px
      }

      .india .india-difference-b1 .mt-24 {
        margin-top: 48px;
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px;
        padding-left: 30px;
        padding-right: 30px
      }

      .india .india-difference-b2-content {
        padding: 64px 0
      }

      .india .india-difference-b2-content .font-36 {
        margin-left: 91px;
        margin-right: 91px;
        text-align: center
      }

      .india .india-difference-b2-content .mt-24 {
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 48px;
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .india .india-difference-b3 {
        padding-top: 24px;
        margin-bottom: 88px;
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .india .india-difference-b3 .font-36 {
        margin-left: 91px;
        margin-right: 91px;
        text-align: center
      }

      .india .india-difference-b3 .mt-24 {
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 48px;
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .india .india-difference-b4 {
        background: #fff
      }

      .india .india-difference-b4-icon .font-20 {
        display: none
      }

      .india .india-difference-b4 .page-middle .drop.down {
        display: none !important
      }

      .india .india-difference-b4 .page-middle .font-36 {
        padding-left: 127px !important;
        padding-right: 127px !important
      }

      .india .india-difference-b4 .page-middle .india-difference-b4-desc,
      .india .india-difference-b4 .page-middle .mt-56 {
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .india .india-difference-b4 .page-middle .mt-56 {
        margin-bottom: 20px
      }

      .india .india-difference-b4-ix {
        width: 220px
      }

      .india .india-difference-b4-ix .mt-8 {
        display: none
      }

      .india .india-difference-b4-ix img {
        width: 220px
      }

      .india .india-difference-b5-container {
        height: 730px;
        background-image: url(/solution/india/indian-receive-m.png)
      }

      .india .india-difference-b5 .page-middle {
        padding: 88px 0 48px !important
      }

      .india .india-difference-b5 .page-middle .font-36 {
        margin-left: 106px;
        margin-right: 106px;
        text-align: center;
        margin-bottom: 48px
      }

      .india .india-difference-b5 .page-middle .font-20 {
        margin-left: 48px;
        margin-right: 48px;
        font-size: 24px;
        font-weight: 400;
        color: #fff;
        line-height: 36px
      }

      .india .india-difference-fullbg {
        background-image: url(/solution/india/indian-users-m.png);
        background-repeat: no-repeat
      }

      .india .india-difference-b2b3 {
        margin-left: 48px;
        margin-right: 48px;
        background: #fff;
        box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2);
        border-radius: 16px;
        position: relative;
        top: 80px
      }

      .india .india-difference-b2b3 .india-difference-b2 {
        background: #fff
      }

      .india .india-map .font-36 {
        margin-left: 151px;
        margin-right: 151px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center
      }

      .india .india-map .font-20 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 20px
      }

      .india .india-map .map-cities .active {
        background: #24b7ff;
        color: #fff
      }

      .india .feedbackContainer {
        padding: 0 !important
      }

      .india .feedbackContainer .bmc-feedback {
        background: #f3f5f9
      }

      .india .feedbackContainer .bmc-feedback-quoteContainer .bmc-feedback-quoteContent {
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .india .completeSolution .semi-bold {
        width: 348px;
        margin-left: auto;
        margin-right: auto
      }

      .india .completeSolution-item {
        display: none !important
      }

      .india .completeSolution-item-mobile {
        background: #fff;
        margin: 40px auto !important;
        display: block !important;
        width: 544px !important;
        height: 444px !important;
        border-radius: 16px;
        vertical-align: top;
        overflow: hidden
      }

      .india .completeSolution-item-mobile img {
        width: 544px;
        height: 200px;
        margin-top: -5px;
        margin-left: -3px
      }

      .india .completeSolution-item-mobile .font-20 {
        font-size: 28px !important;
        font-weight: 600;
        color: #081e5e;
        line-height: 36px !important
      }

      .india .completeSolution-item-mobile .completeSolution-item-desc {
        width: 480px;
        height: 144px;
        font-size: 24px;
        font-weight: 400;
        color: #616e82;
        line-height: 36px
      }

      .india .index-getStart-bg {
        background-image: url(/solution/china/passion-m.svg) !important
      }
    }

    .india-overview-icon {
      position: relative;
      right: 24px;
      top: 12px
    }

    .india-overview-content {
      margin: 64px 110px 104px 100px
    }

    .india-overview-item {
      margin-top: 56px
    }

    .india-overview-item img {
      vertical-align: top
    }

    .india-overview-itemContent {
      display: inline-block;
      max-width: 648px
    }

    .india-number {
      border-radius: 0 0 60px 0;
      background: #27b5fe
    }

    .india-number-container {
      background-image: url(/solution/india/number-bg.svg)
    }

    .india-number-content {
      color: #fff;
      padding: 64px 108px
    }

    .india-number-text {
      max-width: 548px
    }

    .india-difference-b1 {
      text-align: center;
      margin: 24px 68px 52px;
      padding: 84px 0;
      background-image: url(/solution/india/feature-b1.svg)
    }

    .india-difference-b2 {
      position: relative;
      background: #f1f5fc
    }

    .india-difference-b2 img {
      position: absolute;
      right: 108px;
      bottom: 24px
    }

    @media screen and (max-width:1235px) {
      .india-difference-b2 img {
        display: none
      }
    }

    .india-difference-b2-content {
      padding: 64px 108px
    }

    .india-difference-b3 {
      padding: 108px 0;
      text-align: center
    }

    .india-difference-b3 span {
      display: inline-block;
      max-width: 791px
    }

    .india-difference-b4 {
      position: relative;
      padding: 64px 0 104px;
      background: #f3f5f9;
      text-align: center
    }

    .india-difference-b4-icon {
      margin-top: 32px !important
    }

    .india-difference-b4-desc {
      max-width: 760px;
      margin-left: auto;
      margin-right: auto
    }

    .india-difference-b4-ix {
      display: inline-block;
      width: 288px;
      margin-left: 12px;
      margin-right: 12px
    }

    .india-difference-b4-ix img {
      width: 288px;
      border-radius: 16px 0 16px 0;
      border: 1px solid #c4cbd7
    }

    .india-difference-b4-icon {
      display: inline-block;
      margin: 56px 27px 0
    }

    .india-difference-b5 {
      background: linear-gradient(180deg, #40c2ff, #119aed);
      color: #fff
    }

    .india-difference-b5-title {
      max-width: 489px
    }

    .india-difference-b5-text {
      max-width: 728px
    }

    .india-difference-b5-container .page-middle {
      padding: 62px 108px
    }

    @media screen and (min-width:1235px) {
      .india-difference-b5-container .page-middle {
        background-image: url(/solution/india/b5-bg.png);
        background-repeat: no-repeat;
        background-position: 100%
      }
    }

    .india-map {
      text-align: center;
      padding-top: 104px
    }

    .india .completeSolution {
      padding: 64px 0 104px;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    .india .completeSolution-container {
      text-align: center
    }

    .india .completeSolution-item {
      background: #fff;
      display: inline-block;
      width: 288px;
      margin: 12px;
      vertical-align: top;
      border-radius: 16px;
      height: 400px
    }

    .india .completeSolution-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .india .completeSolution-item-desc {
      margin: 16px 24px 24px;
      text-align: left;
      width: 240px;
      display: inline-block;
      overflow: hidden
    }

    .india .completeSolution-item-mobile {
      display: none
    }

    @media screen and (max-width:640px) {
      .edcs .banner-topContainer {
        height: 1260px !important
      }

      .edcs-feature {
        padding: 88px 0 !important
      }

      .edcs-feature-item {
        width: 440px !important;
        margin-top: 48px !important
      }

      .edcs-feature-item .title {
        font-size: 28px !important;
        line-height: 36px !important;
        min-height: auto !important
      }

      .edcs-feature-item .description {
        font-size: 24px;
        line-height: 36px !important;
        margin-top: 16px !important
      }

      .edcs-solution-container {
        padding: 88px 0 !important;
        text-align: center
      }

      .edcs .left-right-layout .normalTitle {
        display: none !important
      }

      .edcs .left-right-layout .textContainer {
        margin-top: 40px;
        text-align: center !important
      }

      .edcs .left-right-layout-item {
        gap: 0 !important;
        margin-top: 48px !important
      }

      .edcs-wow {
        padding: 88px 0 !important;
        border-radius: 0 !important
      }

      .edcs-wow-bg {
        padding-bottom: 88px !important
      }

      .edcs-partnerships {
        padding: 0 24px !important
      }

      .edcs-partnerships-icon {
        width: 150px;
        margin: 24px 0 0 !important
      }

      .edcs-partnerships-icon .name {
        font-size: 20px;
        line-height: 28px
      }

      .edcs-partnerships-iconContainer {
        margin-top: 24px
      }

      .edcs-partnerships-content {
        max-height: none !important;
        padding: 88px 0 !important
      }

      .edcs-partnerships-content .description {
        font-size: 24px !important;
        line-height: 36px !important
      }

      .edcs-action {
        padding: 0 !important
      }

      .edcs-action-content {
        background: none !important;
        background-image: url(/products/edcs/action-content-bg.svg) !important
      }

      .edcs-action .imgContainer {
        max-width: 640px !important
      }

      .edcs-action .imgContainer img {
        width: 640px !important
      }

      .edcs-action-content {
        flex-direction: column-reverse
      }

      .edcs-action-content .right {
        padding: 88px 48px 48px !important
      }

      .edcs-action-content .right .description {
        margin-top: 16px !important
      }

      .edcs-action-content .right .btn-wrapper {
        margin-top: 48px !important
      }

      .edcs-bottomBanner-content {
        text-align: center;
        padding: 88px 48px !important
      }

      .edcs-bottomBanner-content-container {
        background-image: url(/products/edcs/bottomBanner-bg-m.svg) !important
      }

      .edcs-bottomBanner-content .description {
        margin-top: 16px !important;
        line-height: 42px !important
      }

      .edcs-bottomBanner-content .btn-wrapper {
        margin-top: 48px !important
      }
    }

    .edcs-feature {
      text-align: center;
      padding: 64px 0 104px
    }

    .edcs-feature-item {
      display: inline-block;
      vertical-align: top;
      width: 280px;
      margin: 56px 60px 0
    }

    .edcs-feature-item .t-color {
      min-height: 55px
    }

    .edcs-solution {
      position: relative;
      background: #f5f9ff;
      text-align: center
    }

    .edcs-solution-container {
      background-image: url(/products/edcs/solution-bg.svg);
      padding: 64px 0;
      background-position: top
    }

    .edcs .left-right-layout .picTitle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 28px;
      font-weight: 600;
      color: #fff;
      line-height: 36px
    }

    .edcs .left-right-layout .description {
      margin-top: 0 !important
    }

    .edcs .left-right-layout .textContainer {
      display: inline-block;
      width: 520px;
      text-align: left;
      align-self: center
    }

    .edcs .left-right-layout .imgContainer {
      position: relative;
      width: 600px
    }

    .edcs .left-right-layout .imgContainer img {
      width: 100%
    }

    .edcs .left-right-layout.picRight .left-right-layout-item {
      flex-direction: row-reverse
    }

    .edcs .left-right-layout.picRight .left-right-layout-item:nth-child(2n) {
      flex-direction: row
    }

    .edcs .left-right-layout-item {
      max-width: 1224px;
      display: flex;
      gap: 64px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center
    }

    .edcs .left-right-layout-item:nth-child(2n) {
      flex-direction: row-reverse
    }

    .edcs-action {
      padding: 104px 0;
      background-image: url(/products/edcs/action-bg.svg);
      background-repeat: no-repeat;
      background-position: bottom 57px center
    }

    .edcs-action .imgContainer {
      max-width: 530px
    }

    .edcs-action .imgContainer img {
      max-width: 100%;
      height: auto
    }

    .edcs-action-content {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center;
      background: #f5f9ff;
      max-width: 1192px
    }

    .edcs-action-content>div {
      display: inline-block;
      vertical-align: top
    }

    .edcs-action-content img {
      vertical-align: top
    }

    .edcs-action-content .right {
      display: inline-block;
      max-width: 661px;
      padding: 48px 5%
    }

    .edcs-wow {
      padding: 104px 0;
      background: rgba(230, 250, 255, .5);
      border-radius: 80px 0 0 0;
      text-align: center
    }

    .edcs-wow-bg {
      background-image: url(/products/edcs/wow-bg.svg)
    }

    .edcs-wow .bmc-keyFeatures-block4 {
      background: linear-gradient(#dff9ff, #85e5f9)
    }

    .edcs-partnerships {
      color: #fff;
      border-radius: 0 0 80px 0;
      position: relative;
      background: linear-gradient(134deg, #4bd8f4, #10c1e3);
      text-align: center
    }

    .edcs-partnerships-content {
      padding: 56px 0 64px;
      max-height: 357px;
      background-image: url(/products/edcs/partnerships-bg.svg)
    }

    .edcs-partnerships-icon {
      display: inline-block;
      margin: 32px 28px 0
    }

    .edcs-partnerships-icon img {
      margin-bottom: 8px
    }

    .edcs-bottomBanner {
      color: #fff;
      background: linear-gradient(130deg, #41befe, #008cf2);
      border-radius: 0 0 80px 0
    }

    .edcs-bottomBanner-content {
      padding: 47px 136px
    }

    .edcs-bottomBanner-content-container {
      background-image: url(/products/edcs/bottomBanner-bg.svg);
      min-height: 320px
    }

    @media screen and (max-width:1000px) {
      .edcs-bottomBanner-content {
        padding: 47px 9.5%
      }
    }

    .ipTransit-b1 {
      text-align: center
    }

    .ipTransit-b1-content {
      padding: 40px 0 80px;
      background-image: url(/products/ipt/b1-bg.svg)
    }

    .ipTransit-b2 {
      background: linear-gradient(#f6fefe, #def6f5)
    }

    .ipTransit-b2-bg {
      background-image: url(/products/ipt/b2-bg.svg)
    }

    .ipTransit-b2 .page-middle {
      text-align: center
    }

    .ipTransit-b2 .page-middle>div {
      display: inline-block
    }

    .ipTransit-b2 .imgContainer {
      max-width: 560px
    }

    .ipTransit-b2 .imgContainer img {
      width: 100%;
      height: auto
    }

    .ipTransit-b2 .textContainer {
      text-align: left;
      vertical-align: middle;
      max-width: 496px;
      padding: 24px 0
    }

    @media screen and (max-width:1055px) {
      .ipTransit-b2 .textContainer {
        padding: 24px
      }
    }

    .ipTransit-b3 {
      border-radius: 0 0 80px 0;
      overflow: hidden;
      color: #fff;
      text-align: center;
      background: linear-gradient(#71dbd6, #9ff0ec)
    }

    .ipTransit-b3-content {
      background-image: url(/products/ipt/b3-bg.svg);
      padding: 134px 0 140px
    }

    .hybrid-cloud {
      width: 100%;
      overflow-x: hidden
    }

    .hybrid-cloud .cloudWan-usecase {
      padding: 128px 0 0
    }

    .hybrid-cloud .product-support-container {
      padding: 0
    }

    .hybrid-cloud-feature {
      padding: 64px 0 104px;
      text-align: center
    }

    .hybrid-cloud-feature-item {
      background-repeat: no-repeat;
      background-position: 100% 100%;
      padding: 48px 0;
      height: 440px;
      width: 392px
    }

    .hybrid-cloud-feature-itemContainer {
      display: inline-block;
      vertical-align: top;
      border-radius: 10px;
      margin: 56px 12px 0
    }

    .hybrid-cloud-feature-item .content {
      padding: 0 48px
    }

    .hybrid-cloud-bottomBanner {
      background: #008cf2;
      color: #fff
    }

    .hybrid-cloud-bottomBanner-content {
      background-image: url(/solution/hybrid-cloud/bottom-banner.svg);
      padding: 86px 136px 82px
    }

    .hybrid-cloud-benefits {
      padding-top: 104px;
      text-align: center
    }

    .hybrid-cloud-benefits-item {
      display: inline-block;
      background: #f5f9ff;
      vertical-align: top;
      padding: 42px;
      height: 260px;
      width: 600px;
      margin: 12px
    }

    .hybrid-cloud-benefits-itemContainer {
      margin-top: 60px
    }

    .hybrid-cloud-benefits-item .left {
      width: 60%;
      text-align: left
    }

    .hybrid-cloud-architecture {
      padding-top: 104px
    }

    .hybrid-cloud-architecture-item {
      background: #f5f9ff;
      padding: 64px 0 104px
    }

    .hybrid-cloud-architecture-itemTop>div {
      display: inline-block;
      vertical-align: top
    }

    .hybrid-cloud-architecture-itemTop .picContainer {
      max-width: 798px;
      margin-right: 27px
    }

    .hybrid-cloud-architecture-itemTop .picContainer img {
      width: 100%;
      height: auto
    }

    .hybrid-cloud-architecture-itemTop .textContainer {
      margin-right: 27px;
      text-align: left;
      max-width: 416px
    }

    .hybrid-cloud-architecture-itemTop .textContainer ul {
      list-style: none
    }

    .hybrid-cloud-architecture-itemTop .textContainer ul li {
      position: relative;
      margin-left: 1em
    }

    .hybrid-cloud-architecture-itemTop .textContainer ul li:before {
      position: absolute;
      font-size: 35px;
      left: -24px;
      content: "\2022";
      width: 1em
    }

    .hybrid-cloud-architecture-itemBottom {
      position: relative;
      margin: 82px 108px 0;
      background: #fff;
      padding: 56px 0 32px
    }

    .hybrid-cloud-architecture-itemBottom .bottom-item {
      margin: 0 25px 24px;
      vertical-align: top;
      max-width: 340px;
      display: inline-block
    }

    @media screen and (max-width:640px) {
      .hybrid-cloud-banner .banner-topContainer .banner-topIntro {
        height: 1028px !important
      }

      .hybrid-cloud-banner .banner-pic {
        left: 50% !important;
        transform: translateX(-50%) !important
      }

      .hybrid-cloud-feature {
        padding: 88px 0 0
      }

      .hybrid-cloud-feature-content {
        margin-top: 48px
      }

      .hybrid-cloud-feature-itemContainer {
        width: 100%;
        border-radius: 0;
        margin: 0
      }

      .hybrid-cloud-feature-item {
        width: 100%;
        height: auto;
        padding: 80px 7.5% 192px;
        margin: 0;
        background-position: bottom
      }

      .hybrid-cloud-feature-item .description {
        padding: 0;
        font-size: 24px;
        line-height: 36px !important
      }

      .hybrid-cloud-architecture .ant-tabs-ink-bar {
        height: 4px
      }

      .hybrid-cloud-architecture .tab-name {
        padding: 20px 32px;
        font-size: 28px;
        line-height: 36px;
        font-weight: 600
      }

      .hybrid-cloud-architecture .picContainer {
        width: 600px;
        margin: 0 auto
      }

      .hybrid-cloud-architecture .textContainer {
        max-width: 100%;
        padding: 80px 7.5% 0;
        margin: 0
      }

      .hybrid-cloud-architecture .textContainer>ul>div {
        margin-bottom: 40px;
        margin-left: 28px;
        text-align: center
      }

      .hybrid-cloud-architecture .textContainer>ul>li {
        margin-top: 24px;
        font-size: 20px;
        line-height: 32px
      }

      .hybrid-cloud-architecture-itemBottom {
        padding: 48px 0;
        margin: 72px 7.5% 0
      }

      .hybrid-cloud-architecture-itemBottom .title {
        margin-bottom: 48px
      }

      .hybrid-cloud-architecture-itemBottom .content {
        margin-top: 40px
      }

      .hybrid-cloud-architecture-itemBottom .contentText {
        font-size: 20px;
        line-height: 32px
      }
    }

    @media screen and (max-width:640px) {
      .game .banner-pic {
        width: 544px !important;
        right: 48px !important;
        bottom: 48px !important
      }

      .game .banner-topContainer {
        height: 1040px !important
      }

      .game-feature {
        padding: 88px 48px !important
      }

      .game-feature-item {
        display: none !important
      }

      .game-feature-itemContainer {
        margin-left: 0 !important
      }

      .game-feature-item-m {
        display: block !important;
        border-radius: 16px;
        text-align: left;
        overflow: hidden;
        margin-top: 48px
      }

      .game-feature-item-m .detail {
        position: relative;
        height: 450px;
        padding: 0 32px;
        color: #081e5e
      }

      .game-feature-item-m .detail .description {
        padding-top: 56px;
        font-size: 24px;
        line-height: 36px
      }

      .game-feature-item-m .detail .stats {
        font-size: 36px;
        line-height: 48px;
        font-weight: 700
      }

      .game-feature-item-m .detail .content {
        font-size: 24px;
        line-height: 36px
      }

      .game-feature-item-m .header {
        align-items: center;
        height: 200px;
        display: flex;
        justify-content: space-between;
        padding: 54px 48px
      }

      .game-feature-item-m .header img {
        width: 104px
      }

      .game-feature-item-m .header .name {
        width: 268px;
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        line-height: 46px
      }

      .game-architecture {
        position: relative;
        height: auto !important;
        padding: 88px 0 !important
      }

      .game-architecture-text {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10
      }

      .game-architecture-text.active {
        visibility: visible;
        position: relative
      }

      .game-architecture-itemContent {
        margin-top: 40px !important
      }

      .game-architecture-itemContent .header {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        color: #081e5e;
        line-height: 36px
      }

      .game-architecture-itemContent .header>div {
        position: relative;
        display: inline-block;
        width: 186px;
        margin: 0 49px;
        height: 60px;
        border-bottom: 10px solid #f1f8ff
      }

      .game-architecture-itemContent .header>div .drop {
        display: none !important
      }

      .game-architecture-itemContent .header>div.active {
        border-bottom: 10px solid #10aafd
      }

      .game-architecture-itemContent .header>div.active .drop {
        display: block !important
      }

      .game-bottomBanner-content {
        padding: 0 !important;
        min-height: 0 !important
      }

      .game-bottomBanner-content .title {
        margin-bottom: 40px !important;
        line-height: 54px;
        font-size: 36px;
        font-weight: 700
      }

      .game-bottomBanner-bg {
        text-align: center;
        background-image: url(/solution/game/bottom-bg-m.svg) !important
      }

      .game-bottomBanner-bg,
      .game-client {
        padding: 88px 48px !important
      }

      .game-client-item {
        border-radius: 8px;
        overflow: hidden;
        margin-top: 48px !important;
        flex-direction: column-reverse
      }

      .game-client-item .left img {
        background: #f5f9ff
      }

      .game-client-item .right .bottom-content {
        height: auto !important;
        background-image: url(/solution/game/quote-bg-m.svg) !important;
        padding: 48px 40px 40px !important
      }

      .game-client-item .bottom .jobTitle,
      .game-client-item .bottom .quote {
        font-size: 20px;
        line-height: 30px
      }

      .game-client-item .right .top {
        padding: 24px 0 40px !important
      }

      .game-client-item .right .top>div:first-child {
        display: block;
        margin: 0 auto 40px
      }
    }

    .game-t1 {
      font-size: 36px;
      font-weight: 600;
      color: #081e5e;
      line-height: 46px
    }

    .game-topIntro {
      position: relative;
      padding-left: 136px;
      color: #616e82;
      height: 457px
    }

    .game-topIntro img {
      position: absolute;
      right: 109px;
      bottom: 90px
    }

    .game-topIntro-title {
      margin-top: 58px;
      font-size: 48px;
      line-height: 46px;
      color: #081e5e
    }

    .game-topIntro-feature {
      font-size: 60px;
      font-style: italic;
      line-height: 90px;
      color: #081e5e
    }

    .game-topIntro-subtitle {
      margin-top: 8px;
      line-height: 28px;
      font-size: 20px;
      font-weight: 300
    }

    .game-topContainer {
      border-radius: 0 0 0 48px;
      overflow: hidden;
      background: linear-gradient(1turn, #c2eaff, #effaff)
    }

    .game-feature {
      text-align: center;
      padding: 64px 0 104px
    }

    .game-feature-item:hover {
      box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
    }

    .game-feature-item:hover .game-feature-itemNormal {
      display: none
    }

    .game-feature-item {
      border-radius: 16px;
      overflow: hidden;
      height: 400px;
      width: 288px;
      display: inline-block;
      vertical-align: top;
      margin: 56px 12px 0
    }

    .game-feature-item-m {
      display: none
    }

    .game-feature-itemHover {
      background: #fff;
      height: 400px
    }

    .game-feature-itemHover .title {
      color: #fff;
      height: 160px;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .game-feature-itemHover .title>div {
      padding: 0 24px
    }

    .game-feature-itemContent {
      transition: all .5s;
      height: 872px
    }

    .game-feature-itemNormal {
      padding: 24px 28px 0 24px;
      height: 400px
    }

    .game-feature-itemContainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center
    }

    .game-client {
      padding: 64px 0 104px;
      color: #616e82;
      position: relative;
      background: linear-gradient(135deg, #4ec3fe, #0ca8fd)
    }

    .game-client-title {
      color: #fff
    }

    .game-client-content {
      background-image: url(/solution/game/client-bg.svg);
      background-size: 1440px;
      background-repeat: no-repeat;
      background-position: 50%
    }

    .game-client-item {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center;
      margin: 56px 0 0
    }

    @media screen and (min-width:1440px) {
      .game-client-item {
        margin: 56px 108px 0;
        box-shadow: 0 8px 20px 0 rgba(8, 31, 94, .2)
      }

      .game-client-item .bottom-content {
        padding: 72px 52px 24px 80px
      }
    }

    .game-client-item>div {
      display: inline-block;
      vertical-align: top
    }

    .game-client-item .left img {
      width: 100%
    }

    .game-client-item .right {
      text-align: left;
      max-width: 680px
    }

    .game-client-item .right img {
      width: 100px
    }

    .game-client-item .right .top {
      text-align: center;
      background: #fff;
      padding: 32px 0
    }

    .game-client-item .right .top>div {
      vertical-align: top;
      display: inline-block;
      text-align: center;
      width: 156px
    }

    .game-client-item .right .bottom {
      background: #f5f9ff
    }

    .game-client-item .right .bottom-content {
      height: 376px;
      padding: 72px 10% 24px;
      line-height: 28px;
      background-image: url(/solution/game/quote-bg.svg)
    }

    .game-architecture {
      padding: 64px 0 0;
      background-image: url(/solution/game/architecture-bg.svg);
      background-position-y: 104px;
      height: 1550px
    }

    .game-architecture-header {
      text-align: center;
      margin: 28px auto
    }

    .game-architecture-header>div {
      cursor: pointer;
      width: 260px;
      font-size: 20px;
      height: 72px;
      border-radius: 4px;
      line-height: 72px;
      margin: 12px;
      display: inline-block;
      background: #f1f8ff
    }

    .game-architecture-header>div.active {
      color: #fff;
      background: linear-gradient(270deg, #0ca8fd, #4ec3fe)
    }

    .game-architecture-content {
      max-width: 1224px;
      margin: 0 auto
    }

    .game-architecture-itemContent {
      text-align: left
    }

    .game-architecture-itemContent>ul {
      vertical-align: top;
      list-style: none;
      padding: 0 60px;
      display: inline-block;
      width: 50%;
      text-indent: -29px
    }

    @media screen and (max-width:750px) {
      .game-architecture-itemContent>ul {
        width: 100%
      }
    }

    .game-architecture-itemContent>ul>div:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-color: transparent transparent #10aafd;
      border-style: solid;
      border-width: 0 0 20px 20px;
      margin-right: 16px;
      position: relative;
      bottom: 20px
    }

    .game-architecture-itemContent>ul>li {
      color: #616e82
    }

    .game-architecture-itemContent>ul>li:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      margin-right: 16px;
      width: 12px;
      height: 12px;
      background: #b0e0fe
    }

    .game-architecture-itemContent>ul:last-child>li:before {
      background: #edd7ff
    }

    .game-architecture-itemContent>ul:last-child>div:before {
      border-color: transparent transparent #d6a7fd
    }

    .game-architecture-pic {
      background: #fff;
      max-width: 1224px
    }

    .game-architecture-pic img {
      width: 100%;
      height: auto
    }

    .game-bottomBanner {
      background: linear-gradient(329deg, #b3e5ff, #e1f5ff);
      border-radius: 0 60px 0 0
    }

    .game-bottomBanner-bg {
      background-image: url(/solution/game/bottom-bg.svg)
    }

    .game-bottomBanner-content {
      max-width: 1224px;
      min-height: 300px;
      max-width: 1440px;
      padding: 64px 136px
    }

    .game-bottomBanner-content .title {
      max-width: 900px;
      margin-bottom: 24px
    }

    .cloudWan {
      width: 100%;
      overflow-x: hidden
    }

    .cloudWan-b1 {
      text-align: center;
      padding-top: 64px
    }

    .cloudWan-b1 .after {
      color: #056bff
    }

    .cloudWan-b1 img {
      width: 100%;
      height: auto
    }

    .cloudWan-b2 {
      text-align: center;
      color: #fff;
      background: linear-gradient(180deg, #0070ee, #003dd9)
    }

    .cloudWan-b2-content {
      background-repeat: no-repeat;
      background-position: 0 100%;
      background-position-x: 20%
    }

    .cloudWan-b2-content>div {
      display: inline-block;
      text-align: left;
      vertical-align: top
    }

    .cloudWan-b2 .label {
      font-size: 18px;
      font-weight: 700;
      line-height: 46px
    }

    .cloudWan-b2 .left {
      max-width: 600px
    }

    .cloudWan-b2 .left-content {
      margin: 112px 88px 24px 0
    }

    .cloudWan-b2 .left-content .imgContainer {
      max-width: 492px
    }

    .cloudWan-b2 .left-content .imgContainer img {
      width: 100%;
      height: auto
    }

    @media screen and (max-width:1028px) {
      .cloudWan-b2 .left-content {
        margin: 112px 24px 24px
      }
    }

    .cloudWan-b2 .right {
      width: 542px
    }

    .cloudWan-b2 .right img {
      width: 100%;
      height: auto
    }

    .cloudWan-b3 {
      background: #f5f9ff
    }

    .cloudWan-b3-content {
      background-image: url(/products/cloud-wan/b3-bg.svg);
      background-repeat: no-repeat;
      background-position-x: 30%;
      text-align: center;
      padding-top: 94px
    }

    .cloudWan-b3-content>div {
      margin: 0 30px;
      display: inline-block
    }

    .cloudWan-b3-content .left {
      text-align: left;
      max-width: 500px
    }

    .cloudWan-b3-content .right {
      max-width: 634px
    }

    .cloudWan-b3-content .right img {
      width: 100%;
      height: auto
    }

    .cloudWan-b4 {
      text-align: center;
      padding: 20px 0 32px
    }

    .cloudWan-b4-content {
      padding: 44px 0 72px;
      background-image: url(/products/ecn/b1-bg.svg)
    }

    .cloudWan-b5 {
      text-align: center;
      background: #f5f9ff
    }

    .cloudWan-b5 .left {
      margin-top: 37px;
      text-align: left;
      max-width: 500px
    }

    .cloudWan-b5 .imgContainer {
      max-width: 656px
    }

    .cloudWan-b5 .imgContainer img {
      width: 100%;
      height: auto
    }

    .cloudWan-b5-content {
      background-image: url(/products/cloud-wan/b5-bg.svg);
      background-repeat: no-repeat;
      padding: 44px 0 46px;
      background-position: 0 100%
    }

    .cloudWan-b5-content>div {
      margin: 0 40px;
      vertical-align: top;
      display: inline-block
    }

    .cloudWan-b6 {
      background: #056bff;
      color: #fff;
      text-align: center
    }

    .cloudWan-b6-bg {
      min-height: 342px;
      background-image: url(/products/cloud-wan/b6-bg.svg);
      background-repeat: no-repeat;
      background-position: 50%;
      padding: 95px 122px
    }

    @media screen and (max-width:1000px) {
      .cloudWan-b6-bg {
        padding: 95px 8.5%
      }
    }

    .cloudWan-popTip {
      color: #fff;
      padding: 32px 0;
      text-align: center;
      background: #5b87ff
    }

    .cloudWan-usecase {
      padding: 104px 0;
      text-align: center
    }

    .cloudWan-usecase-item {
      margin: 12px;
      display: inline-block;
      text-align: left;
      border-radius: 10px;
      vertical-align: top;
      background: #f5f9ff
    }

    .cloudWan-usecase-item .left {
      display: inline-block;
      max-width: 288px;
      min-height: 300px
    }

    @media screen and (min-width:700px) {
      .cloudWan-usecase-item {
        padding: 44px 0 40px 64px;
        width: 600px
      }

      .cloudWan-usecase-item .right {
        float: right;
        margin-right: 50px
      }
    }

    @media screen and (max-width:700px) {
      .cloudWan-usecase-item {
        max-width: 600px;
        padding: 32px;
        text-align: center
      }

      .cloudWan-usecase-item .left {
        margin-top: 24px
      }
    }

    .cloudWan-highlights {
      color: #fff;
      text-align: center;
      background: linear-gradient(180deg, #0070ee, #003dd9)
    }

    .cloudWan-highlights-content {
      padding: 64px 0 90px
    }

    .cloudWan-highlights-content .right {
      width: 500px;
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      margin: 0 20px
    }

    .cloudWan-highlights-content .right li {
      margin-bottom: 32px;
      list-style-type: disc;
      margin-left: 1em
    }

    .cloudWan-highlights-content .right li:last-child {
      margin-bottom: 0
    }

    .cloudWan-highlights-content .left {
      vertical-align: middle;
      max-width: 450px;
      margin: 0 20px;
      display: inline-block
    }

    .cloudWan-highlights-content .left .item {
      display: inline-block;
      margin: 12px;
      width: 183px;
      height: 183px;
      cursor: pointer;
      background: #056bff;
      border-radius: 8px
    }

    .cloudWan-highlights-content .left .item img {
      margin-top: 50px
    }

    .cloudWan-highlights-content .left .item.active {
      color: #081e5e;
      background: #fff
    }

    .cloudWan-benefits {
      padding: 104px 0 64px;
      text-align: center
    }

    .cloudWan-benefits .image-container {
      max-width: 1225px
    }

    .cloudWan-benefits img {
      width: 100%;
      height: auto
    }

    @media screen and (max-width:640px) {
      .cloudWan .sdwan-banner .banner-topContainer .banner-topIntro {
        height: 1028px !important
      }

      .cloudWan-b2 {
        padding: 88px 0
      }

      .cloudWan-b2 .left-content {
        margin-top: 0;
        margin-bottom: 0
      }

      .cloudWan-b2 .description {
        margin-top: 48px
      }

      .cloudWan-b2 .imgContainer {
        margin-top: 32px
      }

      .cloudWan-b2 .right {
        margin-top: 40px
      }

      .cloudWan-b3-content {
        padding-top: 88px;
        background-position: 50%
      }

      .cloudWan-b3-content .left {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0
      }

      .cloudWan-b3-content .left .description {
        margin-top: 36px
      }

      .cloudWan-b3-content .right {
        margin-top: 120px
      }

      .cloudWan-b4-content {
        padding: 88px 0
      }

      .cloudWan-b4-content .description {
        margin-top: 40px
      }

      .cloudWan-b5-content {
        padding: 88px 0;
        background-image: url(/products/cloud-wan/b5-m-bg.svg);
        background-position: -120px
      }

      .cloudWan-b5-content .left {
        margin: 0
      }

      .cloudWan-b5-content .left .description {
        margin-top: 40px
      }

      .cloudWan-b5-content .imgContainer {
        width: 590px;
        margin: 93px 0 0 56px
      }

      .cloudWan-b6-bg {
        padding-top: 88px;
        padding-bottom: 88px;
        background-size: 120% auto
      }

      .cloudWan-b6-bg .description {
        margin-top: 48px
      }

      .cloudWan-usecase {
        padding: 88px 0
      }

      .cloudWan-usecase-item {
        display: flex;
        justify-content: space-between;
        width: 544px;
        padding: 40px;
        margin: 40px auto 0
      }

      .cloudWan-usecase-item .left {
        order: 1;
        margin-left: 4px;
        text-align: left
      }

      .cloudWan-usecase-item .left .description {
        margin-top: 16px;
        font-size: 24px;
        line-height: 36px
      }

      .cloudWan-usecase-item .right {
        order: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 158px;
        height: 158px;
        margin-top: 8px;
        border-radius: 50%;
        background-color: #fff
      }

      .cloudWan-usecase-item .right>img {
        width: 108px
      }

      .cloudWan-highlights .title {
        padding: 88px 0 156px
      }

      .cloudWan-highlights .content>li {
        background-size: 100% auto
      }

      .cloudWan-highlights .content>li .inner {
        position: relative
      }

      .cloudWan-highlights .content>li .name {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -91.5px;
        left: 50%;
        width: 183px;
        height: 183px;
        border-radius: 8px;
        margin-left: -91.5px;
        text-align: center;
        background-color: #fff
      }

      .cloudWan-highlights .content>li .features {
        width: 542px;
        padding-top: 130px;
        margin: 0 auto
      }

      .cloudWan-highlights .content>li .features>p {
        position: relative;
        font-size: 32px;
        line-height: 56px;
        padding-left: 16px;
        text-align: left
      }

      .cloudWan-highlights .content>li .features>p:before {
        content: "";
        position: absolute;
        left: 0;
        top: 27px;
        width: 2px;
        height: 2px;
        background-color: #fff
      }

      .cloudWan-benefits {
        padding: 88px 0 0
      }
    }