.clear {
    clear: both;
}

input[type="radio"], input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 0;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;

    /* 去除默认样式 */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
}

.main-page *:not(i), .header *:not(i), .neo-banner *:not(i), .author-banner *:not(i), footer *:not(i), .footer-div *:not(i) {
    transition: background-color 0.25s, box-shadow 0.25s, border-radius 0.25s, opacity 0.25s, transform 0.25s;
}

ul:last-child, ol:last-child {
    margin-bottom: 0;
}

[class^="neo-"] .more {
    font-weight: 700;
    color: #4ad1cd;
    cursor: pointer;
}

[class^="neo-"] .more i {
    transition: transform 0.3s;
}

[class^="neo-"] .more:hover i {
    transform: translateX(5px);
}

.page-tab-fixed .neo-bar {
    position: fixed !important;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 99999;
}

.main-page {
    position: relative;
}

.main-page div.gary {
    background-color: #f8f8f8;
}

.main-page div.blue {
    background-color: #d7eced;
}

.main-page div.navy-blue {
    background-color: #36a3a5;
}

.main-page div > .container {
    padding-top: 78px;
    padding-bottom: 88px;
}

.main-page div > .container.no-padding-top {
    padding-top: 0;
}

/** 板块大标题 Begin **/
.main-page div.white .title-component {
    color: white;
}

.main-page .container > .title-component {
    color: #20124d;
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
}

.main-page .container > .title-component > .heading {
    line-height: 46px;
    font-family: var(--default-font-family-bold) ! important;
    font-size: 34px;
    margin-bottom: 70px;
}

.main-page .container > .title-component > h2 {
    line-height: 44px;
    font-family: var(--default-font-family-bold) ! important;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0;
}

.main-page .container > .title-component > h2 > span {
    color: #329295;
    font-size: 32px;
}

.main-page .container > .title-component > p {
    line-height: 30px;
    font-family: var(--default-font-family) ! important;
    font-size: 18px;
    margin-top: 10px;
}

/** Title Component 紧凑样式 **/
.main-page .container > .title-component.title-compact {
    margin-bottom: 50px;
}

/** 板块大标题 End **/

.main-page .neo-tabs-panel {
    display: none
}

.main-page .neo-tabs-panel.active {
    display: block
}

.less-page div > .container {
    padding-top: 78px;
}

.less-page > div:last-child > .container {
    padding-bottom: 78px;
}

.rich-text {
    margin: 40px 0 30px;
}

.rich-text h2, .rich-text h3, .rich-text h4,
.rich-text h2 *, .rich-text h3 *, .rich-text h4 * {
    font-weight: bolder !important;
}

.rich-text h2, .rich-text h2 * {
    font-size: 22px !important;
}

.rich-text h3, .rich-text h3 * {
    font-size: 18px !important;
}

.rich-text h4, .rich-text h4 * {
    font-size: 16px !important;
}

.rich-text img {
    max-width: 100%;
}

.rich-text p, .rich-text span {
    word-wrap: break-word;
}

/* 富文本中加小黑点 */
.rich-text .point {
    position: relative;
    padding-left: 18px;
}

.rich-text .point::before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #515355;
}

/* 视频播放 */
.video {
    cursor: pointer;
    position: relative;
}

/* 播放按钮样式 1 */
.video .player {
    width: 100%;
    height: 100%;
    background-image: url(../img/video/play-youtube.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
    position: absolute;
    top: 0;
    left: 0;
}

.video .player:hover {
    transform: scale(1.08, 1.08);
}

/* 播放按钮样式 2 */
.video .play-button {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(../img/video/play.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s;
}

.video .play-button:hover {
    background-size: 96px;
    background-color: rgba(0, 0, 0, 0);
}

.video img {
    width: 100%;
    display: block;
}

.padding-lt {
    padding-left: 60px;
}

.padding-rt {
    padding-right: 60px;
}

.neo-button {
    text-align: center;
}

.neo-button a {
    width: 480px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    margin: 80px auto 0;
    padding: 0 40px;
}

/** BEGIN 顶部Tip **/
.neo-tip {
    background-size: cover;
    background-position: center;
    position: relative;
}

.neo-tip .tip-logo {
    position: absolute;
    z-index: 10;
    top: 37px;
    left: 20px;
}

.neo-tip .tip-logo img {
    height: 32px;
}

.neo-tip .tip-info {
    width: 80%;
    height: 108px;
    max-width: 1366px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 15px 0;
}

.neo-tip .info-name {
    line-height: 38px;
    font-size: 20px;
    font-weight: bolder;
    color: #FFFFFF;
}

.neo-tip .tip-date {
    width: 390px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.neo-tip .reg-btn {
    width: 166px;
    height: 42px;
    line-height: 42px;
    color: #063B3B;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    background-color: #FDFF6A;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.25s;
}

.neo-tip .reg-btn:hover {
    color: #FFFFFF;
    background-color: var(--default-color);
}

.neo-tip .reg-gift {
    width: 224px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.neo-tip .reg-gift img {
    width: fit-content;
}

.neo-tip .reg-gift span {
    line-height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin-top: -10px;
    margin-left: 64px;
}

.neo-tip .tip-close {
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;

    width: 16px;
    height: 16px;
    color: #444444;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-tip .tip-close:hover {
    color: white;
    background-color: #444444;
}

@media (max-width: 1800px) {
    .neo-tip .tip-info .info-name {
        font-size: 20px;
    }
}

@media (max-width: 1620px) {
    .neo-tip .tip-logo {
        left: 10px;
    }

    .neo-tip .tip-info {
        width: 75%;
    }

    .neo-tip .tip-info .info-name {
        font-size: 18px;
    }
}

@media (max-width: 1366px) {
    .neo-tip .tip-info .info-name {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .neo-tip .tip-info .info-name {
        line-height: 25px;
    }
}

/** END 顶部Tip **/

/** 弹窗信息 **/
.neo-pop {
    display: none
}

.neo-pop .pop-shade {
    background-color: rgba(0, 0, 0, 0.2);

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999998;
}

.neo-pop .pop-modal .cls-modal {
    font-size: 18px;
    color: #303035;
    cursor: pointer;
    transition: transform 0.25s;
    position: absolute;
    top: 20px;
    right: 16px;
}

.neo-pop .pop-modal .cls-modal:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
}

.neo-pop .pop-modal .tbody {
    cursor: pointer;
}

.neo-pop .pop-modal .tbody img {
    width: 100%;
}

/** END 弹窗信息 **/

.pre-header .container, .header .container, .neo-banner .item .item-container, .technique-container .container {
    width: 80%;
    max-width: 1366px;
}

/* BEGIN HEADER */
.pre-header {
    height: 40px;
    line-height: 40px;
    color: #666666;
    background-color: white;
}

.header-container {
    display: flex;
    justify-content: space-between;
}

.header-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-contact > div {
    margin-right: 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-contact a {
    width: 20px;
    height: 20px;
    background-color: var(--default-hover-color);
    border-radius: 4px;
    color: white;
    margin-right: 4px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.header-contact a:hover {
    background-color: var(--default-color);
}

.header-contact a:last-child {
    margin-right: 0;
}

.header-contact .contact-info span a {
    width: auto;
    height: 0px;
    display: block;
    color: #666666;
    float: left;
    margin-left: 20px;
}

.header-contact .contact-info span a:hover {
    text-decoration: underline;
}

.header-contact > div:last-child {
    margin-right: 0;
}

.header-contact span:first-child {
    margin-right: 0px;
}

.header-contact span i {
    margin-right: 2px;
}

.lang-change {
    display: flex;
    justify-content: flex-end;
}

.lang-change a {
    font-size: 16px;
    color: #333333;
}

.lang-change .page-href {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.lang-change .page-href a {
    margin-right: 30px;
}

.lang-change .page-href a:last-child {
    margin-right: 0;
}

.lang-change .dropdown {
    margin-right: 30px;
    position: relative
}

.lang-change .dropdown-toggle {
    cursor: pointer;
}

.lang-change .dropdown-menu {
    min-width: 100px;
    border: none;
    background-color: #1d6b75;
    border-radius: 0;

    margin: 0;
    padding: 0;
    left: -40px;
    right: 0;
    z-index: 10000;
}

.lang-change .dropdown-item {
    height: 30px;
    line-height: 20px;
    transition: background-color 0.25s;
    padding: 5px 10px;
}

.lang-change .dropdown-item:hover {
    background-color: #2B8990;
}

.lang-change .dropdown-item:last-child {
    margin-bottom: 0;
}

.lang-change .dropdown-item a {
    font-size: 14px;
    color: white;
    display: block;
}

.lang-change .member-box {
    cursor: pointer;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
}

.lang-change .member-box img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}

.lang-change .member-box .name {
    max-width: 120px;
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 隐藏超出的内容 */
    text-overflow: ellipsis; /* 用省略号表示被隐藏的部分 */
}

@media (max-width: 1440px) {
    .lang-change a {
        font-size: 14px;
    }

    .lang-change .page-href {
        margin-right: 20px;
    }

    .lang-change .page-href a {
        margin-right: 20px;
    }

    .lang-change .dropdown {
        margin-right: 20px;
    }
}

@media (max-width: 1200px) {
    .header-contact span {
        font-size: 12px;
    }

    .lang-change a {
        font-size: 12px;
    }

    .lang-change .page-href {
        margin-right: 10px;
    }

    .lang-change .page-href a {
        margin-right: 10px;
    }

    .lang-change .dropdown {
        margin-right: 10px;
    }

    .header #pcNav {
        display: none;
    }

    .header #mobileNav {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .header-contact, .header-contact > div {
        width: 100%;
    }
}

.header {
    height: 70px;
    background-color: #173b47;
    position: relative;
    z-index: 9999;
}

.header .logo {
    width: 120px;
    margin-top: 23px;
    float: left;
}

.page-header-fixed .header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}

.header ul li {
    margin-top: 0;
    margin-bottom: 10px;
}

.header ul li:last-child {
    margin-bottom: 0;
}

.header #nav2 {
    width: 100%;
    background: #364150;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}

.header #nav2 i {
    color: white;
}

.header #nav2 a:hover, .header #nav2 a:active, .header #nav2 a:focus {
    background-color: #2e3744;
    color: #4ad1cd;
}

.header #nav2 ul {
    margin-bottom: 0;
    padding-left: 0;
}

.header #nav2 ul li {
    background-color: #29343B;
    margin: 0;
}

.header #nav2 ul li a {
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
}

.header #nav2 .navTwo {
    margin-bottom: 0;
    background-color: #364150;
}

.header #nav2 .navTwo li {
    border-radius: 0;
    background-color: #29343B;
}

.header #nav2 .navTwo li a {
    padding-left: 30px;
}

.header #nav2 .navTwo .navThree {
    background-color: #364150;
}

.header #nav2 .navTwo .navThree li {
    background-color: #29343B;
    position: relative;
}

.header #nav2 .navTwo .navThree li a {
    padding-left: 50px;
}

.header #nav2 .navTwo .navThree li img {
    position: absolute;
    top: 10px;
    right: 10px;
}

.header #nav2 a {
    text-decoration: none;
    display: block;
    color: #FFF;
}

.header #nav2 i {
    float: right;
    padding-right: 20px;
    padding-top: 7px;
}

@media (min-width: 1201px) {
    .header #nav2 {
        display: none;
    }
}

.navbar-header {
    float: right;
}

.header #mobileNav {
    margin-top: 15px;
    margin-right: 0;
}

.navbar-toggle {
    background-color: #4ad1cd;
}

.navbar-toggle .icon-bar {
    background: #FFFFFF;
}

.nav-top {
    float: right;
}

.nav-top > ul {
    padding-top: 3px;
    overflow: hidden;
}

.nav-top > ul > li {
    margin: 0;
    float: left;
    position: relative;
    display: block;
}

.nav-top > ul > li > .nav-one {
    line-height: 34px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
    padding: 15px;
}

.nav-top > ul > li > .nav-one:hover {
    color: var(--default-color);
}

.nav-top > ul > li .new {
    position: absolute;
    top: 8px;
    left: 4px
}

.nav-top .active {
    border-bottom: 3px solid #4ad1cd;
}

.nav-top .free-trail {
    color: white;

    display: block;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.nav-top .free-trail span {
    min-width: 98px;
    height: 34px;
    line-height: 34px;
    background-color: #4ad1cd;
    border-radius: 20px;
    display: block;
    padding: 0 28px;
}

.nav-top .free-trail:hover span {
    color: white;
    background-color: #00B6CE;
}

.nav-down {
    background-color: white;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);

    padding: 30px 0;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}

.nav-down ul li a {
    color: #757575;
    text-decoration: none;
}

.nav-down ul li a:hover {
    color: #02E0DC;
}

@media (max-width: 1440px) {
    .nav-top > ul > li > .nav-one {
        font-size: 14px;
    }

    .nav-top .free-trail span {
        font-size: 12px;
    }
}

.nav__important .two-name, .nav__bar .two-name {
    font-size: 16px;
    font-weight: bolder;
    color: #3D3D3D;
    border-left: 4px solid #02E0DC;
    display: block;
    margin-bottom: 10px;
    padding-left: 8px;
}

.nav__important .two-name:hover {
    color: #02E0DC;
}

.nav__bar .header-hyperlink:hover {
    color: #02E0DC;
}

.nav__important .nav__important-text {
    margin-bottom: 60px;
    padding-left: 12px;
}

.nav__important .nav__important-text:last-child {
    margin-bottom: 0;
}

.nav__important .trial-illustration {
    display: flex;
    align-items: center;
}

.nav__important .trial-illustration a {
    width: 100%;
    display: block;
}

.nav__important .trial-illustration img {
    width: calc(100% - 48px);
    border-left: 2px solid #D8D8D8;

    margin-left: 48px;
    padding-left: 48px;
}

.nav__bar ul {
    margin-bottom: 30px;
    padding-left: 12px;
    padding-right: 5px;
}

.nav__bar ul:last-child {
    margin-bottom: 0;
}

.nav__bar li {
    width: 100%;
    line-height: 20px;
    color: #CCCCCC;
    font-size: 14px !important;

    margin-bottom: 0 !important;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
}

/* END HEADER */

/** headline **/
.neo-headline {
    width: 100%;
    height: 260px;
    background-image: linear-gradient(257deg, #1d727c 0%, #1a4c55 44%, #16252e 100%), linear-gradient(#003c94, #003c94);
    background-blend-mode: normal, normal;
    text-align: -webkit-center;
    margin-top: -70px;
    padding-top: 70px;
}

.neo-headline.tall {
    height: 386px;
}

.neo-headline .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.neo-headline h1 {
    font-size: 28px;
    font-weight: bolder;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: white;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-headline p {
    font-size: 20px;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: white;
    margin-top: 0;
}

/** Neo Banner **/
.neo-banner {
    margin-bottom: -70px;
    position: relative;
    top: -70px;
    z-index: 100;
}

.neo-banner .item {
    color: white;
    font-family: var(--default-font-family-bold);
    background-image: linear-gradient(257deg, #1c666f 0%, #162831 100%);
    margin: 0 auto;
    padding: 70px 0;
    position: relative;
    z-index: 1000;
}

.neo-banner .item .item-container {
    height: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 99;

    background-position-x: calc(100% + 20px);
    background-position-y: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.neo-banner .item .item-container .item-intro {
    width: 59%;
}

.neo-banner .item .item-container .item-intro + img {
    width: 560px;
    position: absolute;
    right: 0;
    z-index: -1;
}

.neo-banner .item-container .background-image {
    position: absolute;
    right: 0;
    z-index: -1;
}

.neo-banner .container-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 98;
}

.neo-banner .background-style1 {
    width: calc(50% - 20px);
    max-width: 900px;
}

.neo-banner .background-style2 {
    width: calc(66% - 20px);
    max-width: 1200px;
}

.neo-banner .background-style3 {
    height: calc(100% - 140px);
}

.neo-banner .background-style4 {
    height: 100%;
}

.neo-banner h1, .neo-banner .h1 {
    line-height: 48px;
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    font-weight: bolder;
    color: white;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-banner.inner-banner p {
    line-height: 30px;
    font-size: 26px;
    margin: 20px 0 52px;
}

.neo-banner ul li {
    line-height: 24px;
    font-size: 16px;
}

.neo-banner .item-intro > ul {
    margin-top: 30px;
}

.neo-banner .item-intro > a {
    min-width: 172px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    margin-right: 30px;
    padding: 0 36px;
    color: #fff;
}

.neo-banner .item-intro > a:last-child {
    margin-right: 0;
}

.neo-banner .item-intro > a.btn-white {
    line-height: 46px;
}

.neo-banner .item-intro > a.btn-white:hover {
    color: #000000;
}

.neo-banner .align-center {
    justify-content: space-between;
}

.neo-banner .align-center img {
    height: 420px;
}

.neo-banner .item .item-illustration {
    width: 1000px;

    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 98;
}

.neo-banner .indicators {
    text-align: center;
    position: absolute;
    bottom: 30px !important;
    z-index: 1000;
}

.neo-banner .indicators span {
    width: 80px;
    height: 6px;
    background-color: #4ad1cd;
    border-radius: unset;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.neo-banner .item .gartner-banner {
    position: absolute;
    right: 5.5vw;
    z-index: 98;
    width: 650px;
    top: 30%;
}

.neo-banner .item .gartner-banner-background-1 {
    position: absolute;
    right: -15vw;
    z-index: 98;
    width: 60% !important;
    bottom: 0vh;
}

.neo-banner .item .gartner-banner-background-2 {
    position: absolute;
    left: -50vw;
    z-index: 98;
    top: 5vh;
    width: 80% !important;
}

/** 云祺中等界面 width 1200px ~ 1440px **/
@media (max-width: 1440px) {
    .neo-banner .banner-container {
        padding-top: 0;
        padding-bottom: 0;
    }

    .neo-banner .item .item-container {
        height: 540px;
    }

    .neo-banner .item .item-container .item-intro + img {
        width: 460px;
    }

    .neo-banner .item .item-illustration {
        width: 800px;
    }
}

@media (max-width: 1366px) {
    .neo-banner .item .item-container {
        height: 520px;
    }

    .neo-banner .item .item-illustration {
        width: 720px;
    }
}

/** 中等屏幕 桌面显示器 width 992px ~ 1199px **/
@media (max-width: 1199px) {
    .neo-banner .item .item-container .item-intro {
        width: 100% !important
    }

    .neo-banner.inner-banner p {
        font-size: 22px;
        margin: 0 0 20px;
    }
}

@media (max-width: 767px) {
    .neo-banner .item-container .background-image {
        width: 100%;
        transform: none !important;
    }

    .neo-banner h1, .neo-banner .h1 {
        line-height: 32px;
        font-size: 24px !important;
    }

    .neo-banner.inner-banner p {
        font-size: 18px;
    }

    .neo-banner .item-intro > a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-right: 16px;
        padding: 0 14px;
    }
}

/*  Banner End  */

/*  Customer  */
.neo-customer .swiper-container {
    padding: 70px 0 10px;
}

.neo-customer .item {
    width: 80%;
    border: 20px;
    background-color: white;
    box-shadow: 0 0 10px 0 #d6d6d6;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.neo-customer .item p {
    font-size: 16px;
    font-weight: bolder;
    margin: 0 150px;
}

.neo-customer .item .name {
    font-size: 14px;
}

.neo-customer .item .info {
    font-size: 14px;
    margin-bottom: 10px;
}

.neo-customer .item .cover {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 20px solid #f8f8f8;
    margin: 0 auto -50px;
    position: relative;
    top: -80px;
}

.neo-customer .swiper-button-next, .neo-customer .swiper-button-prev {
    width: unset;
    height: unset;
    color: #16252e;
    background-image: unset;
    text-align: center;
    font-size: 60px;
}

.neo-customer hr {
    width: 72px;
    height: 2px;
    background-color: #0b898c;
    margin: 38px auto;
}

/*  customer-stories LS  */
.search_top {
    margin-bottom: 60px;
}

.search_top label {
    font-family: var(--default-font-family);
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: #4ad1cd;
}

.neo-page ._htools-select ._select-select-ul {
    height: 300px;
    overflow-y: auto;
}

.neo-page ._htools-select {
    width: 333px;
    height: 47px;
    border-radius: 4px;
    border: solid 1px #4ad1cd;
    font-family: var(--default-font-family);
    font-size: 18px;
    color: #4ad1cd;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    transition: unset;
    background-color: white;
    padding: 0 10px;
}

.neo-page ._htools-select:hover {
    border: solid 1px #4ad1cd;
}

.neo-page ._htools-select ._select-input {
    width: 100% !important;
    line-height: 38px;
    color: #4ad1cd;
    font-size: 16px;
    margin-left: 0;
    padding: 0;
    display: block;

    background-image: url("../img/support/down-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.neo-page ._htools-select ._select-selectbtn {
    display: none;
}

.neo-page ._htools-select ._select-select-ul {
    border-radius: 4px;
    border: solid 1px #4ad1cd;
    padding: 8px;
    left: -11px;
}

.neo-page ._htools-select ._select-select-ul li {
    border-radius: 4px;
    transition: unset;
    color: #4ad1cd;
    line-height: 30px;
}

.neo-page ._htools-select ._select-select-ul li:hover {
    background-color: #4ad1cd;
    color: #FFFFFF;
}

/** Neo Carousel **/
.neo-carousel {
    position: relative;
    overflow: hidden;
}

.neo-carousel .brand-title {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
}

.neo-carousel .brand-title .container {
    width: 100%;
    text-align: center;
    padding: 0;
}

.neo-carousel .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    padding: 120px 0 40px;
}

.neo-carousel .item h3.name {
    min-height: 52px;
    font-size: 26px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 18px;
}

.neo-carousel .item .info {
    min-height: 48px;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 20px;
}

.neo-carousel .item p {
    min-height: 72px;
    font-size: 16px;
    margin-top: 20px;
}

.neo-carousel .item .addr {
    font-size: 16px;
    margin-bottom: 40px;
}

.neo-carousel .item .more {
    font-size: 16px;
}

.neo-carousel .swiper-pagination {
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
}

.neo-carousel .swiper-pagination .swiper-pagination-bullet {
    width: 80px;
    height: 6px;
    background-color: #4ad1cd;
    border-radius: unset;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.neo-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

/** 制造商 **/
.neo-manufacturer {
    text-align: center;
    padding: 40px 0;
}

.neo-manufacturer img {
    height: 50px;
    display: inline-block;
    margin: 0 40px;
}

/** Text **/
.neo-text {
    padding-top: 70px;
}

.neo-text p {
    max-width: 940px;
    line-height: 32px;
    color: #434343;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
}

/** Panel **/
.neo-panel {
    position: relative;
    z-index: 100;
    margin-top: -100px;
}

.neo-panel .container {
    line-height: 30px;
    background-image: linear-gradient(90deg, #1f6f79 0%, #48cbc8 100%);
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 60px;
}

/** 上面为大屏幕 大桌面显示器 **/
@media (max-width: 1440px) {
    .neo-panel {
        margin-top: -100px;
    }
}

/** Why Vinchin **/
.neo-why .item {
    text-align: center;
}

.neo-why .item .icon {
    width: 90px;
    height: 90px;
    border: 2px solid #5DB8C1;
    border-radius: 50%;
    margin: 0 auto 30px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-why .item h3 {
    font-size: 26px;
    font-weight: bolder;
    margin-bottom: 30px;
}

.neo-why .item p {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .neo-why .item {
        margin-bottom: 15px;
    }

    .neo-why .item:last-child {
        margin-bottom: 0;
    }
}

#widget-container {
    margin-bottom: 30px;
}

#widget-container div {
    width: 100%;
    border: none;
}

#widget-container .gartner-pi-reviews {
    border-top: 1px solid #40b3e1;
}

.widget-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
}

#widget-container .gartner-pi-logo {
    position: absolute;
    top: 0px;
    background-size: 100px;
    height: 70px;
    right: 10px;
}

#widget-container .gartner-pi-sourcing-link {
    text-align: right;
    position: absolute;
    top: 70px;
}

#widget-container .gartner-pi-as-of-date {
    display: none;
}

#widget-container .gartner-pi-reviews {
    height: 150px;
}

#widget-container .gartner-pi-rating-container .gartner-pi-star-rating-score {
    background-position: 0 -18px;
}

/** What Get **/
.neo-whatget {
    padding-bottom: 70px;
    overflow: hidden;
    margin-top: 70px;
}

.neo-whatget .row {
    padding: 0 15px;
}

.neo-whatget .whatget-div {
    width: 20%;
    float: left;
}

.neo-whatget.about-vinchin h2 {
    color: #333333;
    font-size: 32px;
    font-weight: bolder;
    margin: 0px 0 50px;
    text-align: center;
}

.neo-whatget .whatget-div.whatget-down {
    position: relative;
    top: 102px;
}

.neo-whatget .whatget-div.whatget-up {
    margin-top: 30px;
    position: relative;
    top: -110px;
}

.neo-whatget .whatget-div h3 {
    font-size: 16px;
    font-weight: bolder;
    white-space: nowrap;
}

.neo-whatget .whatget-div ul li {
    font-size: 14px;
    white-space: nowrap;
}

.neo-whatget .whatget-div ul li i {
    color: #36A4A6;
    margin-right: 5px;
}

.neo-whatget .whatget-line {
    width: 100%;
    background-color: #36A4A6;
    height: 3px;
    position: relative;
    top: 100px;
}

.neo-whatget .whatget-vertical-line {
    width: 3px;
    background-color: #36A4A6;
    height: 30px;
    margin: 0 auto;
}

.recognition-div-left {
    width: 47.5%;
    margin-left: 2.5%;
    float: left;
}

.recognition-div-left-image {
    width: 90%;
    margin-right: 10%;
    background-color: #fff;
    box-shadow: 0 8px 15px #d6d6d6;
    padding: 0 15px;
    height: 200px;
    display: flex;
    align-items: center;
}

.recognition-div-left img {
    height: 100px;
    margin: 0 auto;
}

.recognition-div-left p {
    width: 90%;
    margin-right: 10%;
    float: left;
    color: #3D3D3D;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 30px;
}

.recognition-div-right {
    width: 47.5%;
    margin-left: 2.5%;
    padding: 0 30px;
    border-left: 1px solid #D8D8D8;
    float: left;
}

.recognition-div-right .recognition-div-right-round-out {
    width: 150px;
    height: 150px;
    border: 2px solid transparent;
    background-clip: padding-box;
    background-image: linear-gradient(0deg, #0DF9EF 0%, #04BEDB 103%);
    border-radius: 75px;
    display: flex;
    align-items: center;
    margin: 0 auto 10px;
}

.recognition-div-right .recognition-div-right-round-in {
    background: #fff;
    width: 130px;
    height: 130px;
    border-radius: 65px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.recognition-div-right .recognition-div-right-round-in span {
    color: #3F3C73;
    font-size: 40px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    width: 100%;
}

.recognition-div-right .recognition-div-right-star {
    width: 150px;
    height: 150px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
}

.recognition-div-right .recognition-div-right-star span {
    color: #3F3C73;
    font-size: 40px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    width: 100%;
}

.recognition-div-right .recognition-div-right-star span i {
    font-size: 16px;
    color: #07D2E2;
    margin: 0 2px;
}

.recognition-div-right-message {
    text-align: center;
    margin-top: 50px;
    font-size: 14px;
    color: #3D3D3D;
}

.recognition-div-right-message a {
    position: absolute;
    right: -100px;
}

.recognition-div-right-group p {
    font-size: 16px;
    line-height: 22px;
    color: #3D3D3D;
    width: 100%;
    text-align: center;
    height: 44px;
}

.recognition-div-right h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #3D3D3D;
    font-family: var(--default-font-family);
}

.recognition-div-right ul {
    padding-left: 15px;
    list-style-image: url(../img/index/enterprise/bullet.png);
}

.recognition-div-right ul li {
    font-family: var(--default-font-family);
    font-size: 16px;
    line-height: 27px;
    color: #3D3D3D;
    padding-left: 10px;
}

.recognition-div-right a {
    float: right;
}

.award-div {
    margin-top: 50px;
    float: left;
    overflow: unset;
    width: 100%;
}

.award-div .swiper-slide img {
    height: 90px;
}

/** Neo Bar **/
.neo-bar {
    height: 60px;
    background-color: #101c23;
}

.neo-bar .navigate {
    background-image: linear-gradient(257deg, #1d6b75 0%, #3ab1ad 100%), linear-gradient(#003c94, #003c94);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 15px;
}

.neo-bar .navigate li {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: white;
    text-align: center;
    cursor: pointer;
    margin-right: 15px;
}

.neo-bar .navigate li:last-child {
    margin-right: 0;
}

.neo-bar .navigate li.active, .neo-bar .navigate li:hover {
    border-bottom: 6px solid #C1F6FF;
}

.neo-bar .request {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: right;
}

.neo-bar .request a {
    width: 158px;
    height: 34px;
    line-height: 32px;
    color: white;
    border-radius: 4px;
    text-align: center;
}

.neo-bar .request a:first-child {
    margin-right: 10px;
}

@media (max-width: 991px) {
    .neo-bar .navigate {
        width: 100%;
    }

    .neo-bar .navigate li {
        margin-right: 0;
    }

    .neo-bar .request {
        display: none;
    }
}

/** Neo Solution **/
.neo-solution .item {
    border: 1px solid #36A4A6;
    text-align: center;
    margin-bottom: 15px;
    padding: 20px;
}

.neo-solution .col-lg-4:nth-child(4) .item,
.neo-solution .col-lg-4:nth-child(5) .item,
.neo-solution .col-lg-4:nth-child(6) .item {
    margin-bottom: 0;
}

.neo-solution .item:hover {
    background-color: #36A4A6;
    color: #F5F5F5;
}

.neo-solution .item .icon {
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.neo-solution .item h3 {
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bolder;
    padding: 0 5px;
}

.neo-solution.ns-series .item {
    border-radius: 5px;
}

.neo-solution.ns-series .item h3 {
    font-size: 20px;
}

@media (min-width: 768px) {
    .neo-solution .col-sm-4:nth-child(4) .item,
    .neo-solution .col-sm-4:nth-child(5) .item {
        margin-bottom: 0;
    }

    .neo-solution .item p {
        min-height: 72px;
        max-height: 72px;
        overflow: hidden;

        transition: max-height 0.25s;
    }

    .neo-solution .item:hover p {
        max-height: 216px !important;
    }

    .neo-solution.ns-series .item p {
        min-height: 96px;
        max-height: 96px;
    }
}

/** Neo Platforms **/
.neo-platforms .line {
    border-bottom: 1px dashed #7EA6AC;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.neo-platforms .row > div {
    display: flex;
    justify-content: center;
}

.neo-platforms h3 {
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-platforms ul {
    margin-bottom: 0;
}

.neo-platforms li {
    color: #434343;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
}

.neo-platforms li span {
    color: #2d768a;
    margin-right: 8px;
}

/** Neo Brands **/
.neo-brands .item {
    overflow: hidden;
}

.neo-brands .item .cover {
    width: 100%;
    position: relative;
    background-color: currentcolor;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.neo-brands .col-lg-3 .item .cover {
    height: 300px;
}

.neo-brands .col-lg-4 .item .cover {
    height: 410px;
}

.neo-brands .item .cover .shade {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.neo-brands .item:hover .cover .shade {
    opacity: 0;
}

.neo-brands .item .content, .neo-brands .item .intro {
    width: 100%;
    color: black;
    border: 1px solid #c8c8c8;
    padding: 28px 18px;
}

.neo-brands .item .content {
    background-color: #F5F5F5;
    height: 420px;
    position: relative;
}

.our-brands .item .content {
    height: 540px;
}

.our-brands .item .content span {
    width: 5%;
    display: block;
    position: relative;
    top: 4px;
}

.our-brands .item .content .manager {
    width: 95%;
    position: relative;
    left: 5%;
    top: -20px;
    height: auto;
    margin: 0;
}

.our-brands .item .content .industry, .our-brands .item .content .country {
    margin-top: 0;
    height: auto;
    font-weight: bolder;
    color: #155861;
    margin-bottom: 0;
}

.neo-brands .item:hover .content, .neo-brands .item:hover .intro {
    color: #F5F5F5;
    border: 1px solid var(--default-color);
    background-color: var(--default-color);
}

.neo-brands .item .content .info {
    line-height: 22px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.neo-brands .item .content .name {
    line-height: 30px;
    font-size: 22px;
    font-weight: bolder;
    margin-top: 4px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.neo-brands .item .content .name.mini {
    font-size: 16px;
}

.neo-brands .item .content .addr {
    line-height: 20px;
    font-size: 14px;
}

.neo-brands .item .content .addr i {
    margin-right: 4px;
}

.neo-brands .item .content p {
    line-height: 24px;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 0;
    height: 240px;
    overflow: hidden;
}

.neo-brands .item .content .more {
    color: #3496a2;
    position: absolute;
    right: 18px;
    bottom: 28px;
}

.neo-brands .item:hover .content .more, .neo-brands .item:hover .content .country, .neo-brands .item:hover .content .industry {
    color: #F5F5F5;
}

.neo-brands .item .intro {
    height: 250px;
    background-color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.neo-brands .item .intro .info {
    font-size: 14px;
}

.neo-brands .item .intro .name {
    line-height: 32px;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 10px;
}

.neo-brands .item .intro .text {
    font-size: 16px;
    transition: none;
}

.neo-brands .item .intro .more {
    color: white;
    visibility: hidden;
}

.neo-brands .item:hover .intro .text {
    visibility: hidden;
}

.neo-brands .item:hover .intro .more {
    visibility: visible;
}

@media (max-width: 1264px) {
    .neo-brands .item .content p {
        line-height: 20px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .neo-brands .container > .row > div:nth-child(2n) .item {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .neo-brands .container > .row > div {
        margin-bottom: 15px;
    }

    .neo-brands .container > .row > div:last-child {
        margin-bottom: 0;
    }

    .neo-brands .container > .row > div:nth-child(2n) .item {
        display: flex;
        flex-direction: column-reverse;
    }

    .neo-brands .item .content, .neo-brands .item .intro {
        height: unset;
    }

    .neo-brands .item .content .name {
        white-space: normal;
        font-size: 18px;
    }

    .neo-brands .item .content p {
        height: unset;
        padding-bottom: 24px;
    }
}


/** Half Content **/
.neo-half-content .title {
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bolder;
}

.neo-half-content .text {
    font-size: 16px;
    line-height: 28px;
}

.neo-half-content .button {
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    font-size: 16px;
    padding: 0 36px;
    margin-top: 40px;
    font-weight: bolder;
}

.neo-need {
    background-color: #4ad1cd;
    text-align: center;
    padding: 70px 0;
}

.neo-need span, .neo-need a {
    font-size: 32px;
    font-weight: bolder;
}

.neo-need span {
    color: #000000;
}

.neo-need a {
    color: #FFFFFF;
    margin-left: 8px;
}

.neo-need a:hover {
    text-decoration: underline;
}

/** Neo Submit Form**/
.neo-submit .explain .name {
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 30px;
}

.neo-submit .explain .text {
    line-height: 28px;
    font-size: 18px;
}

.neo-submit .explain ul {
    margin-bottom: 50px;
}

.neo-submit .explain ul li {
    line-height: 30px;
    font-size: 18px;
    color: #0FB2C6;
}

.neo-submit .explain .tint {
    font-size: 14px;
}

.neo-submit .explain .tint span {
    font-weight: bolder;
    color: var(--default-color);
}

.neo-submit .version {
    background-color: #00bfbf;
}

.neo-submit .version > div {
    color: white;
    padding: 35px;
    position: relative;
}

.neo-submit .version > div:after {
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    right: -26px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.neo-submit .version > div:nth-child(1) {
    background-color: #2b9395;
    z-index: 10;
}

.neo-submit .version > div:nth-child(1):after {
    bottom: 36px;
    border-left: 26px solid #2b9395;
}

.neo-submit .version > div:nth-child(2) {
    background-color: #00bfbf;
}

.neo-submit .version > div:nth-child(2):after {
    top: 36px;
    border-left: 26px solid #00bfbf;
}

.neo-submit .version .name {
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 34px;
}

.neo-submit .version p span {
    font-weight: bolder;
}

.neo-submit .form {
    background-color: white;
    box-shadow: 0 0 10px 0 #d6d6d6;
    border-radius: 10px;
    padding: 18px;
}

.neo-submit .form .thead, .neo-submit .form .thead-rich {
    color: #0FB2C6;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-submit .form .thead, .neo-submit .form .thead-rich .name {
    font-size: 24px;
}

.neo-submit .form .thead-rich .info {
    font-size: 18px;
}

.neo-submit .form .tbody {
    margin-bottom: 30px;
}

.neo-submit .form .row-item {
    margin-bottom: 12px;
}

.neo-submit .form .row-item:last-child {
    margin-bottom: 0;
}

.share-group {
    height: 32px;
}

.share-group .share-div {
    width: 32px;
    height: 32px;
    border: 1px solid;
    border-radius: 16px;
    float: left;
    margin-left: 10px;
}

.share-group svg {
    padding: 2px;
    margin: 3px 3px;
}

.share-group img {
    padding: 2px;
    width: 24px;
    height: 24px;
    margin: 3px 3px;
}

.share-group .share-telegram {
    border-color: #2BA1D6;
}

.share-group .share-vk {
    border-color: #0077FF;
}

.share-group .share-vc {
    border-color: #000000;
}

.share-group .share-div.share-telegram:hover {
    background-color: #2BA1D6;
}

.share-group .share-div.share-vk:hover {
    background-color: #0077FF;
}

.share-group .share-div.share-vc:hover {
    background-color: #000000;
}

.form-group .iti, .row-item .iti {
    width: 100%;
}

.form-group .iti .iti__flag-container, .row-item .iti .iti__flag-container {
    right: 0;
}

.form-group .iti .iti__flag-container .iti__selected-flag, .row-item .iti .iti__flag-container .iti__selected-flag {
    width: min-content !important;
    z-index: 2;
}

.form-group .iti .iti__country-list, .row-item .iti .iti__country-list {
    width: 100%;
}

.form-group .iti input, .row-item .iti input {
    padding-left: 48px !important;
}

.neo-submit .form input {
    flex: none;
}

.neo-submit .form label {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
}

.neo-submit .form input[type=text], .neo-submit .form select, .neo-submit .form textarea, .neo-submit .form .select {
    width: 100%;
    height: 40px;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #DFDFDF;
    background-color: #E9F2F4;
    padding: 5px 8px;
    border-radius: 4px;
    display: block;

    position: relative;
}

.input-item {
    min-height: 27px;
    display: flex;
    align-items: center;
    padding-top: 7px;
}

.input-item:last-child {
    margin-bottom: 0;
}

input[type="checkbox"]::before {
    width: 100%;
    height: 100%;
    line-height: 18px;
    text-align: center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    border: 1px solid #c7dfe4;
}

input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: white;
    border: 1px solid var(--default-color);
    color: var(--default-color);
    font-size: 12px;
    font-weight: bolder;
}

.neo-submit .form textarea {
    height: 60px;
    line-height: 20px;
    font-size: 14px;
}

.neo-submit .form input:focus, .neo-submit .form select:focus, .neo-submit .form textarea:focus,
.neo-submit .form input:hover, .neo-submit .form select:hover, .neo-submit .form textarea:hover {
    border-color: #1EB6C9
}

.neo-submit .toggle .select:after {
    content: '';
    width: 38px;
    color: white;
    background-color: #4ad1cd;
    border-radius: 0 4px 4px 0;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
}

.neo-submit .toggle .select.up:after {
    content: '▲';
}

.neo-submit .toggle .select.down:after {
    content: '▼';
}

.neo-submit .toggle .toggle-option {
    background-color: #f6f6f6;
    margin-top: 8px;
    padding: 8px;
    border-radius: 4px;
}

.neo-submit .toggle .toggle-option input[type="checkbox"]::before {
    border-radius: 50%;
}

.neo-submit .toggle .toggle-option label {
    font-size: 12px;
}

.form-group .has-error:not([type=checkbox]),
.form-group .has-error[type=checkbox]::before,
.neo-submit .form .has-error:not([type=checkbox]),
.neo-submit .form .has-error[type=checkbox]::before {
    border: 1px solid red !important;
}

.form-group .has-success:not([type=checkbox]),
.form-group .has-success[type=checkbox]::before,
.neo-submit .form .has-success:not([type=checkbox]),
.neo-submit .form .has-success[type=checkbox]::before {
    border: 1px solid green !important;
}

.neo-submit .form .tips, .form-group .tips {
    color: red;
    display: none;
    padding: 4px 8px 0;
}

.neo-submit .form .button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    border-radius: 5px;
    cursor: pointer;
}

.neo-submit .form .button.disabled {
    cursor: not-allowed;
    background-color: #cccccc;
}

/** Neo Reason **/
.neo-reason .row {
    border-bottom: 1px dashed #7EA6AC;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.neo-reason .row:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.neo-reason .item {
    margin-bottom: 70px;
    overflow: hidden;
}

.neo-reason .item:last-child {
    margin-bottom: 0;
}

.neo-reason .item h3 {
    font-size: 18px;
    line-height: 18px;
    height: 36px;
    font-family: var(--default-font-family-bold) !important;
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 25px;
}

.neo-reason .item img {
    height: 220px;
    display: block;
    margin: 0 auto;
}

.neo-reason .item p {
    color: #434343;
}

/** Neo Benefits **/
.neo-benefit h2 {
    font-family: var(--default-font-family-bold) !important;
    font-size: 26px;
    color: black;
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
}

.neo-benefit .item.gary {
    background-color: #f8f8f8;
}

.neo-benefit .item:last-child {
    margin-bottom: 0;
}

.neo-benefit .item h3 {
    font-size: 18px;
    font-family: var(--default-font-family-bold) !important;
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-benefit .item p {
    line-height: 18px;
    font-size: 16px;
    font-family: var(--default-font-family) !important;
    margin-top: 10px;
    margin-bottom: 0;
}

.neo-benefit .item ul.tag {
    margin-top: 25px;
    margin-bottom: 0;
    overflow: hidden;
}

.neo-benefit .item ul.tag li {
    height: 30px;
    line-height: 30px;
    background-color: #36c3cb;
    color: white;
    border-radius: 5px;
    float: left;
    margin-right: 28px;
    padding: 0 12px;

    cursor: pointer;
}

.neo-benefit .item ul.tag li.active {
    background-color: #072221;
}

.neo-benefit .item .text {
    font-size: 16px;
    line-height: 24px;
    padding-left: 25px;
    border-left: 4px solid #36a4a6;
    margin-top: 25px;
    margin-bottom: 0;
}

.neo-benefit .item .text ul li {
    position: relative;
    margin: 15px 0;
    display: flex;
}

.neo-benefit .item .text ul li::before {
    content: "●";
    color: #36A4A6;
    margin-right: 8px;
    font-size: 10px;
}

.neo-benefit .item .text + a {
    display: inline-block;
    margin-top: 10px;
}

.neo-benefit .item .text span {
    font-weight: bolder;
}

.neo-benefit .item img {
    max-width: 280px;
    max-height: 220px;
    display: block;
    margin: 0 auto;
}

/** Product Guides Begin **/
.neo-guide .row {
    justify-content: space-between;
}

.neo-guide .row > div {
    display: flex;
    flex-direction: column;
}

.neo-guide .item {
    margin-bottom: 50px;
    overflow: hidden;
}

.neo-guide .item:last-child {
    margin-bottom: 0;
}

.neo-guide .icon {
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    padding-left: 78px;
}

.neo-guide .icon.exe {
    background-image: url("../img/backup/general/resource/exe.png");
}

.neo-guide .icon.pdf {
    background-image: url("../img/backup/general/resource/pdf.png");
}

.neo-guide .icon.txt {
    background-image: url("../img/backup/general/resource/txt.png");
}

.neo-guide .item h3 {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 0;
}

.neo-guide .item p {
    font-size: 16px;
}

.neo-guide .item a {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

/** Product Guides End **/

.neo-edition .item {
    padding: 30px 20px;
    background-color: white;
    border-radius: 10px;
}

.neo-edition .item.active {
    background-color: #00BFBF;
    transform: scale(1.04, 1.04);
}

.neo-edition .item h3.name {
    font-size: 26px;
    font-family: var(--default-font-family-bold) !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-edition .item .text {
    font-size: 14px;
    color: #858585;
    text-align: center;
}

.neo-edition .item ul.char {
    min-height: 572px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.neo-edition .item ul.char li {
    line-height: 26px;
    font-size: 16px;
    background-image: url(../img/backup/general/icon/select.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 24px;
}

.neo-edition .item.active .name, .neo-edition .item.active .text, .neo-edition .item.active ul.char li {
    color: white;
}

.neo-edition .item.active ul.char li {
    background-image: url(../img/backup/general/icon/select-hover.png);
}

.neo-edition .item .button {
    width: 200px;
    height: 46px;
    line-height: 46px;
    background-color: #00BFBF;
    color: white;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 23px;
    font-weight: bolder;
}

.neo-edition .item .button:hover {
    background-color: #0aa5b9;
}

.neo-edition .item.active .button {
    background-color: white;
    color: #00BFBF;
}

.neo-edition .item.active .button:hover {
    box-shadow: 0 0 10px 0 white;
}

/** Neo Contact Us tip **/
.neo-getOffer {
    background-image: url(../img/backup/general/background/01.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
}

.neo-getOffer .row {
    display: flex;
    align-items: center;
}

.neo-getOffer .tip {
    line-height: 56px;
    font-size: 32px;
}

.neo-getOffer .button {
    height: 56px;
    line-height: 52px;
    border-radius: 4px;
    font-size: 24px;
    text-align: center;
    display: block;
    font-weight: bolder;
}

/** 版本对比 **/
.neo-comparison .item {
    border-bottom: 1px solid #dedede;
}

.neo-comparison .item:hover {
    background-color: #efefef;
}

.neo-comparison .item .item-tr {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.neo-comparison .item .item-th {
    width: unset;
    flex: auto;
    text-align: left;
}

.neo-comparison .item .item-td {
    width: 170px;
    flex: none;
    text-align: center;
}

.neo-comparison .item > .item-tr > .item-td,
.neo-comparison .item-child > .item-tr > .item-td {
    display: none;
}

.neo-comparison .item .item-td-plus {
    flex: none;
    padding-right: 30px;
}

.neo-comparison .item .item-td a {
    color: white;
    background-color: var(--default-color);
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid var(--default-color);

    display: inline-block;
}

.neo-comparison .item .item-td a:hover {
    color: var(--default-color);
    background-color: white;
}

.neo-comparison .item .item-rowspan {
    width: 510px;
}

.neo-comparison .item.active > .item-tr > .item-td,
.neo-comparison .item-child.active > .item-tr > .item-td {
    display: block;
}

.neo-comparison .active > .item-thead .item-td-plus,
.neo-comparison .active > .item-title .item-td-plus {
    display: none;
}

.neo-comparison .item .item-thead {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bolder;
    cursor: pointer;
    transition: none;
}

.neo-comparison .item.active .item-thead {
    background-color: #1d727c;
    color: white;
}

.neo-comparison .item-tbody {
    background-color: #f8f8f8;
    border-bottom: 1px solid #dedede;
}

.neo-comparison .item-tbody {
    background-color: white;
    display: none;
}

.neo-comparison .item-tbody:last-child {
    border-bottom: unset;
}

.neo-comparison .item-tbody .item-title {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bolder;
    cursor: pointer;
    transition: none;
}

.neo-comparison .item-child:hover {
    background-color: #efefef;
}

.neo-comparison .item-child.active .item-title {
    background-color: #42bbc9;
    color: white;
}

.neo-comparison .item-feature {
    line-height: 30px;
    background-color: #f8f8f8;
    font-size: 14px;
    font-weight: bolder;
    color: #666666;
}

.neo-comparison .item-feature .item-tr {
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.neo-comparison .item-feature .item-tr:last-child {
    border-bottom: none;
}

.neo-comparison .item-feature .item-tr > .item-th {
    font-weight: normal;
}

.neo-comparison .item .cell-blue, .neo-comparison .item .cell-gary {
    font-size: 16px;
}

.neo-comparison .item .cell-blue {
    color: #42BBC9;
}

.neo-comparison .item .cell-gary {
    color: #afafaf;
}

.neo-comparison .item .cell-green {
    color: #1d727c;
}

.neo-comparison .item.active .cell-green {
    color: unset;
}

.neo-comparison .item span.new {
    padding: 2px 5px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    background: #2dabe2
}

.neo-comparison .note {
    margin-top: 22px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 30px;
}

/** 图片列表 **/
.neo-thumb .item {
    padding: 0 45px;
}

.neo-thumb .cover {
    /*height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;*/
    margin-bottom: 20px;
    overflow: hidden;
}

.neo-thumb .cover img {
    width: 100%;
    display: block;
}

.neo-thumb .name {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.neo-thumb a {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #3496a2;
}

/** 文章列表 **/
.neo-rich .item:last-child {
    margin-bottom: 0;
}

.neo-rich h3, .neo-rich .content {
    padding-left: 20px;
}

.neo-rich h3 {
    line-height: 30px;
    font-family: var(--default-font-family-bold);
    font-size: 26px;
    border-left: 4px solid #36a4a6;
    margin-bottom: 30px;
}

.neo-rich .content {
    display: flex;
}

.neo-rich .content .intro {
    width: 55%;
    margin-right: 5%;
}

.neo-rich .intro .text {
    margin-bottom: 20px;
}

.neo-rich .intro .text,
.neo-rich .intro .text p {
    line-height: 26px;
    font-size: 16px;
}

.neo-rich .intro ul {
    margin-bottom: 30px;
}

.neo-rich .intro ul li {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.neo-rich .intro ul li span {
    color: #2d768a;
    margin-right: 8px;
}

.neo-rich .intro a {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #3496a2;
}

.neo-rich .content .cover {
    width: 40%;
}

.neo-rich .content .cover .tips {
    font-size: 14px;
    margin-top: 16px;
}

/** 文字列表 **/
.text-list .list-row {
    line-height: 34px;
    font-family: var(--default-font-family);
    border-bottom: 1px solid #e2e6f5;
    padding: 10px 0;
}

.text-list .list-row a {
    font-size: 18px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-list .list-row:hover a {
    color: #0fb2c6;
}

/** Neo Contact **/
.neo-contact .row {
    text-align: center;
}

.neo-contact img {
    margin-bottom: 20px;
}

.neo-contact h3 {
    font-size: 20px;
    font-weight: bolder;
}

/** Neo Contact **/
.new-contact .item {
    padding: 40px 0;
    background-color: white;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 0 24px #e0e0e066;
}

.new-contact i, .new-contact img {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #36a3a5;
    font-size: 48px;
    color: white;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 0 24px #e0e0e066;
}

.new-contact h3 {
    height: 48px;
    line-height: 24px;
    font-size: 20px;
    font-weight: bolder;
}

/** Neo Request **/
.neo-request {
    background-color: #1D7078;
}

.neo-request .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.neo-request .block {
    color: white;
    text-align: center;
}

.neo-request .block a {
    width: 100%;
    max-width: 430px;
    height: 48px;
    line-height: 44px;
    font-size: 20px;
    border-radius: 24px;
    display: block;
    margin: 0 auto 40px;
}

.neo-request .block p {
    width: 100%;
    max-width: 430px;
    line-height: 25px;
    margin: 0 auto;
}

/** News **/
.neo-news {
    margin-bottom: 40px;
}

.neo-news .item {
    box-shadow: 0 0 10px 0 #d6d6d6;
    display: flex;
}

.neo-news .item:hover {
    box-shadow: 0 0 10px 0 #a1a1a1;
}

.neo-news .item img {
    display: block;
    height: 220px;
}

.neo-news .item .intro {
    background-color: white;
    color: black;
    padding: 20px;
    position: relative;
}

.neo-news .item .intro .name {
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 20px;
}

.neo-news .item .intro .text {
    line-height: 24px;
    font-size: 14px;
}

.neo-news .item .intro .more {
    color: #3496a2;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

/** Blog **/
.neo-blog .item {
    display: block;
    box-shadow: 0 0 10px 0 #d6d6d6;
}

.neo-blog .item:hover {
    box-shadow: 0 0 10px 0 #a1a1a1;
}

.neo-blog .cover img {
    width: 100%;
}

.neo-blog .item .intro {
    background-color: white;
    color: black;
    padding: 20px;
}

.neo-blog .item .intro .name {
    min-height: 50px;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 20px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.neo-blog .item .intro .text {
    min-height: 144px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 30px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.neo-blog .item .intro .more {
    color: #3496a2;
}

/** Neo Partner **/
.neo-partner .col-lg-6 .item {
    background-color: #F4F4F4;
    padding: 40px 50px;
}

.neo-partner .col-lg-6 .item:hover {
    box-shadow: 0 0 10px 0 #d6d6d6;
}

.neo-partner .col-lg-6 .item p {
    min-height: 165px;
    margin-top: 30px;
    font-size: 16px;
    color: #434343;
}

.neo-partner .col-lg-4 .item {
    text-align: center;
}

.neo-partner .col-lg-4 .item p {
    font-size: 18px;
    margin: 25px 44px 0;
}

/** Neo Provider **/
.neo-provider {
    background-image: url(../img/hypervisor/new-xenserver/Provider-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 86px 0;
}

.neo-provider a {
    min-width: 720px;
    height: 52px;
    color: white;
    border: solid 2px white;
    border-radius: 10px;
    display: inline-block;
    margin-left: 100px;
    padding: 0 20px;
}

.neo-provider a:hover {
    border: solid 2px #4ad1cd;
    background-color: #4ad1cd;
}

.neo-provider a span {
    line-height: 48px;
    font-size: 24px;
}

/** Feature Style 1 **/
.neo-feature {
    position: relative;
}

.neo-feature .item-auto {
    background-image: linear-gradient(to right, #20727b 0%, #172b34 100%);
    padding: 40px 0 40px 90px;
    border-radius: 30px;
    margin-bottom: 70px;
}

.neo-feature .item-auto h3 {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
}

.neo-feature .item-auto p {
    color: white;
    margin-bottom: 20px;
}

.neo-feature .item-auto .button {
    width: fit-content;
    height: 32px;
    line-height: 30px;
    color: white;
    font-weight: unset;
    border: 1px solid #37a1a2;
    border-radius: 15px;
    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: space-around;
}

.neo-feature .item-auto .button img {
    margin-left: 8px;
}

.neo-feature .item-auto .illustration {
    margin-left: 100px;
}

.neo-feature .item-auto .illustration img {
    height: 220px;
    display: block;
    margin: 0 auto;
    transform: scale(1.4);
}

.neo-feature .item {
    margin-bottom: 50px;
}

.neo-feature .item h3 {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-feature .item .col-sm-12 {
    text-align: center;
}

.neo-feature .item img {
    max-width: calc(100% - 15px);
    margin-bottom: 20px;
}

.neo-feature .item .bottom .col-lg-2 {
    width: 13.6%;
    margin-top: 50px;
}

.neo-feature .item .bottom .col-lg-10 {
    width: 80.3%;
    padding-left: 48px;
    padding-right: 0;
}

@media (max-width: 1264px) {
    .neo-feature p {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .neo-feature > .container > .row > div:last-child .item {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .neo-feature .item img, .neo-feature .item h3 {
        margin-bottom: 10px;
    }

    .neo-feature li {
        height: auto;
    }
}

@media (max-width: 414px) {
    .neo-feature .item-auto {
        padding-left: 5%;
        padding-right: 5%;
    }

    .neo-feature .item-auto .illustration img {
        display: none;
    }

    .neo-feature .item img {
        display: none;
    }
}

.neo-file-backup-feature .item .col-sm-12 .row {
    background-color: #fff;
    min-height: 270px;
    padding: 20px;
    border: 1px solid #36a4a6;
    border-radius: 5px;
}

.neo-file-backup-feature .item .col-sm-12 .image {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background-position: 50%;
}


.neo-file-backup-feature .item .col-sm-12 .row {
    background-color: #fff;
    min-height: 270px;
    padding: 20px;
    border: 1px solid #36a4a6;
    border-radius: 5px;
}

.neo-file-backup-feature .item .col-sm-12 .image {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background-position: 50%;
}

.neo-file-backup-feature .item .col-sm-12 .image-1 {
    background-image: url(../img/backup/file-backup/feature-1.png);
}

.neo-file-backup-feature .item.active .col-sm-12 .image-1 {
    background-image: url(../img/backup/file-backup/feature-1-hover.png);
}

.neo-file-backup-feature .item .col-sm-12 .image-2 {
    background-image: url(../img/backup/file-backup/feature-2.png);
}

.neo-file-backup-feature .item.active .col-sm-12 .image-2 {
    background-image: url(../img/backup/file-backup/feature-2-hover.png);
}

.neo-file-backup-feature .item .col-sm-12 .image-3 {
    background-image: url(../img/backup/file-backup/feature-3.png);
}

.neo-file-backup-feature .item.active .col-sm-12 .image-3 {
    background-image: url(../img/backup/file-backup/feature-3-hover.png);
}

.neo-file-backup-feature .item.active .row {
    background-color: #36A4A6;
}

.neo-file-backup-feature .item.active h3, .neo-file-backup-feature .item.active p {
    color: #fff;
}

/** Feature Style 2 **/
.neo-support .support-tab {
    display: flex;
    margin-bottom: 40px;
}

.neo-support .support-tab li {
    width: 33.33%;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;

    position: relative;
    padding-top: 32px;
}

.neo-support .support-tab li::before {
    width: 100%;
    height: 2px;
    background-color: #000000;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.neo-support .support-tab li::after {
    width: 36px;
    height: 36px;
    background-color: #f8f8f8;
    border: 2px solid #000000;
    border-radius: 18px;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
}

.neo-support .support-tab li.active {
    color: #4BD8E0;
}

.neo-support .support-tab li.active::before {
    background-color: #4BD8E0;
}

.neo-support .support-tab li.active::after {
    width: 50px;
    height: 50px;
    border: 12px solid #4BD8E0;
    border-radius: 25px;
    margin-top: -25px;
    margin-left: -25px;
}

.neo-support .support-panel .row {
    display: none;
}

.neo-support .support-panel .row.active {
    display: block;
}

.neo-support .support-panel .item {
    padding: 0 26px 30px;
}

.neo-support .row {
    padding-top: 50px;
}

.neo-support .item {
    background-color: white;
    text-align: center;
    box-shadow: 0 8px 15px #d6d6d6;
    margin-bottom: 90px;
    padding: 0 42px 30px;
    position: relative;
    min-height: 300px;
    cursor: pointer;
}

.neo-support .item::after {
    content: "";

    display: none;
    width: calc(100% - 84px);
    height: 10px;
    background-color: #339d9e;

    position: absolute;
    bottom: -10px;
}

.neo-support .item:hover::after {
    content: "";
    display: block;
}

.neo-support .item:last-child {
    margin-bottom: 0;
}

.neo-support .item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #d7eced;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: -40px;
}

.neo-support .item:hover .icon {
    background-color: #36a4a6;
}

.neo-support .item h3 {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 16px;
}

@media (min-width: 992px) {
    .neo-support .item:last-child {
        margin-bottom: 0 !important;
    }

    .neo-support .item .slip {
        min-height: 158px;
        max-height: 158px;
        overflow: hidden;

        transition: max-height 0.25s;
    }

    .neo-support .item:hover .slip {
        max-height: 278px;
    }

    .neo-support .support-panel .item .slip {
        min-height: 208px;
        max-height: 208px;
    }

    .neo-support .support-panel .item:hover .slip {
        max-height: 278px;
    }
}

@media (max-width: 991px) {
    .neo-support .container > .row > div:last-child .item:last-child {
        margin-bottom: 0 !important;
    }
}

/** Feature Style 3 **/
.neo-character .item {
    background-color: white;
    box-shadow: 0 8px 30px #d6d6d6;
    margin-bottom: 90px;
    padding: 38px;
    position: relative;

    cursor: pointer;
    text-align: center;
}

.neo-character .item:after {
    content: "";
    width: 100%;
    height: 16px;
    background-color: #339d9e;
    position: absolute;
    left: 0;
    bottom: -16px;
    display: none;
}

.neo-character .item:hover:after {
    display: block;
}

.neo-character .item > img {
    height: 60px;
    margin-bottom: 40px;
}

.neo-character .item h3 {
    min-height: 44px;
    font-family: var(--default-font-family);
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-character .item p {
    line-height: 24px;
}

/* 如果是 3 列, 内容块需要紧凑 */
.neo-character .col-md-4 .item {
    margin-bottom: 30px;
    padding: 36px;
}

.neo-character .col-md-4 .item > img {
    height: 56px;
}

@media (min-width: 992px) {
    .neo-character .item:last-child {
        margin-bottom: 0 !important;
    }

    .neo-character .item .slip {
        min-height: 160px;
        max-height: 160px;
        overflow: hidden;

        transition: max-height 0.25s;
    }

    .neo-character .item:hover .slip {
        max-height: 284px;
    }
}

@media (max-width: 991px) {
    .neo-character .container > .row > div:last-child .item:last-child {
        margin-bottom: 0 !important;
    }
}

.neo-file-backup-supported {
    background-image: url(../img/backup/file-backup/supported-background.png);
    background-position: 50% top;
}

.neo-file-backup-supported .item {
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.neo-file-backup-supported .item .info {
    width: 262px;
    height: 100px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
}

.neo-file-backup-supported .item:hover {
    transform: scale(1.06);
}


.neo-linux-server-backup-supported {
    background-image: url(../img/backup/file-backup/supported-background.png);
    background-position: 50% top;
    background-size: cover;
}

.neo-linux-server-backup-supported .item {
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.neo-linux-server-backup-supported .item .info {
    width: 262px;
    height: 100px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
}

.neo-linux-server-backup-supported .item .info img {
    max-height: 100px;
}

.neo-linux-server-backup-supported .item:hover {
    transform: scale(1.06);
}


.neo-tpology img {
    width: 90%;
    margin-top: 50px;
}

.neo-tpology p {
    line-height: 20px;
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 0;
}


.neo-tpology .blue-spot {
    height: 8px;
    width: 8px;
    border-radius: 8px;
    background-color: #2D768A;
    position: relative;
    top: 18px;
}


.neo-tpology table {
    width: 100%;
}

.neo-tpology table th {
    background: #4AD1CD;
    color: #fff;
    text-align: center;
    padding: 30px;
    font-size: 22px;
    line-height: 27px;
    width: 26%;
}

.neo-tpology table td {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #171717;
    padding: 30px;
    text-align: center;
}

.neo-tpology table th:first-child {
    width: 18%;
}

.neo-tpology table span {
    color: #4BD8E0;
}

.neo-tpology a {
    font-size: 22px;
    font-weight: normal;
    line-height: 20px;
    padding: 20px 50px;
    margin: 50px auto 30px;
}

.neo-supported-module .swiper-slide {
    width: 270px;
    text-align: center;
}

.neo-supported-module .swiper-slide > div {
    width: 220px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.neo-supported-module .swiper-slide .pn-amazon-s3 {
    background-image: url(../img/homepage/amazon-s3.png);
}

.neo-supported-module .swiper-slide .pn-amazon-s3:hover {
    background-image: url(../img/homepage/amazon-s3-hover.png);
}

.neo-supported-module .swiper-slide .pn-azure {
    background-image: url(../img/homepage/azure.png);
}

.neo-supported-module .swiper-slide .pn-azure:hover {
    background-image: url(../img/homepage/azure-hover.png);
}

.neo-supported-module .swiper-slide .pn-ceph {
    background-image: url(../img/homepage/ceph.png);
}

.neo-supported-module .swiper-slide .pn-ceph:hover {
    background-image: url(../img/homepage/ceph-hover.png);
}

.neo-supported-module .swiper-slide .pn-wasabi {
    background-image: url(../img/homepage/wasabi.png);
}

.neo-supported-module .swiper-slide .pn-wasabi:hover {
    background-image: url(../img/homepage/wasabi-hover.png);
}

.neo-supported-module .swiper-slide .pn-minio {
    background-image: url(../img/homepage/minio.png);
}

.neo-supported-module .swiper-slide .pn-minio:hover {
    background-image: url(../img/homepage/minio-hover.png);
}

.neo-supported-module .swiper-slide .pn-alibaba-cloud {
    background-image: url(../img/homepage/alibaba-cloud.png);
}

.neo-supported-module .swiper-slide .pn-alibaba-cloud:hover {
    background-image: url(../img/homepage/alibaba-cloud-hover.png);
}

.neo-supported-module .swiper-slide .pn-huawei-cloud {
    background-image: url(../img/homepage/huawei-cloud.png);
}

.neo-supported-module .swiper-slide .pn-huawei-cloud:hover {
    background-image: url(../img/homepage/huawei-cloud-hover.png);
}

.neo-supported-module .swiper-slide .pn-tencent-cloud {
    background-image: url(../img/homepage/tencent-cloud.png);
}

.neo-supported-module .swiper-slide .pn-tencent-cloud:hover {
    background-image: url(../img/homepage/tencent-cloud-hover.png);
}


/** Work **/
.neo-work img {
    width: 100%
}

.neo-work ul {
    margin-bottom: 0;
}

.neo-work ul li {
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}

.neo-work ul li:last-child {
    margin-bottom: 0;
}

.neo-work ul li span {
    color: #2d768a;
    position: absolute;
    left: 40px;
    line-height: 30px;
}

/** MSPs **/
.neo-msp {
    background-image: url("../img/backup/tenant/background/msp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.neo-msp .item {
    background-color: #36a4a6;
    color: white;
    padding: 36px;
}

.neo-msp .item:hover {
    background-color: #00bfbf;
}

.neo-msp .item .info {
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 10px;
}

.neo-msp .item .name {
    line-height: 36px;
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 50px;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.neo-msp .item ul.list {
    height: 620px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.neo-msp .item ul.list li {
    background-image: url("../img/backup/tenant/icon/hook.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 56px;
}

.neo-msp .item ul.list li:last-child {
    margin-bottom: 0;
}

.neo-msp .item ul.list li .list-name {
    line-height: 30px;
    font-size: 18px;
    font-weight: bolder;
}

.neo-msp .item ul.list li .list-text {
    line-height: 24px;
    font-size: 14px;
    color: #f2f2f2;
}

@media (max-width: 991px) {
    .neo-msp .item .name {
        margin-bottom: 30px;
    }

    .neo-msp .item ul.list {
        height: unset;
    }

    .neo-msp .item ul.list li {
        margin-bottom: 10px;
    }
}

/** Supported Database **/
.neo-database {
    background-image: url(../img/backup/database/background/support.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.neo-database .item {
    color: white;
    font-weight: bolder;
    text-align: center;
}

.neo-database .item h3.name {
    height: 45px;
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 10px;
}

.neo-database .item .info {
    height: 120px;
    /*background-color: #36a4a6;*/
    border-radius: 24px 5px 5px 5px;
    /*padding: 50px 0;*/
    background-color: #FFFFFF;
}

.neo-database .item .info:hover {
    /*background-color: #00bfbf;*/
}

.neo-database .item .info .logo {
    padding-top: 20px;
    /*height: 80px;*/
    /*margin: 0 auto 18px;*/
}

.neo-database .item .info .logo img {
    height: 80px;
}

.neo-database .item .info .version {
    font-size: 14px;
}


/** Supported Platforms **/
.neo-platforms-supported {
    background-image: url(../img/backup/database/background/support.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.neo-platforms-supported .swiper-container {
    margin: -15px -15px 0;
    padding: 15px 15px 40px;
}

.neo-platforms-supported .item {
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.neo-platforms-supported .item h3.name {
    height: 45px;
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 10px;
}

.neo-platforms-supported .item .info {
    height: 100px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-platforms-supported .item .info a {
    width: 100%;
    display: block;
}

.neo-platforms-supported .item .info img {
    max-width: 60%;
    max-height: 80px;
}

.neo-platforms-supported .swiper-pagination {
    height: 8px;
    line-height: 8px !important;

    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 1000;
}

.neo-platforms-supported .swiper-pagination span {
    width: 80px;
    height: 8px;

    background-color: white;
    border-radius: unset;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
}

.neo-platforms-supported .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--default-color);
}


/** s3 archive **/
.neo-amazon-s3 {
    background-image: url(../img/backup/amazon-s3/background/01.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.neo-amazon-s3 .item {
    height: 386px;
    justify-content: space-between;
    color: white;
}

.neo-amazon-s3 .item > * {
    height: 100%;
}

.neo-amazon-s3 .intro {
    background-color: #36a4a6;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    flex: 1;
}

.neo-amazon-s3 .intro .text {
    font-size: 18px;
}

.neo-amazon-s3 .intro .info {
    font-size: 18px;
    margin: 0;
    counter-reset: number;
}

.neo-amazon-s3 .intro .info li {
    height: 32px;
    display: flex;
    align-items: center;
}

.neo-amazon-s3 .intro .info li:before {
    counter-increment: number;
    content: counter(number);

    font-size: 12px;
    font-weight: bolder;
    width: 22px;
    height: 22px;
    line-height: 18px;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 24px;
}

.neo-amazon-s3 .intro .tips {
    font-size: 16px;
    color: #f2f2f2;
}

.neo-amazon-s3 .cover img {
    width: unset;
    height: 100%;
}

/** Media 切换 **/
.neo-media .swiper-container {
    position: relative;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.neo-media .swiper-slide {
    width: 520px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}

.neo-media .swiper-slide img {
    display: block;
}

.neo-media .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

.neo-media .media-pagination {
    width: 108px;
    line-height: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -54px;
    z-index: 80;
}

.neo-media .media-pagination > span.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #d5ddde;
    border-radius: 8px;
    margin: 0 10px;
    opacity: 1;
}

.neo-media .media-pagination > span.swiper-pagination-bullet-active {
    background-color: #2F555B;
    border-radius: 0;

    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
}

.neo-media .media-button-prev, .neo-media .media-button-next {
    width: 50px;
    height: 260px;
    line-height: 300px;
    position: absolute;
    z-index: 50;
    color: #fff;
    top: 0;
}

.neo-media .media-button-prev {
    text-align: left;
    left: 8px;
}

.neo-media .media-button-next {
    text-align: right;
    right: 8px;
}

.neo-media .media-button-prev i, .neo-media .media-button-next i {
    font-size: 50px;
    color: white;
}

.neo-data .row {
    text-align: center;
}

.neo-data h3 {
    margin-top: 0;
    margin-bottom: 30px;
}

.neo-data h3 span {
    color: #36c3cb;
    font-family: var(--default-font-family-bold);
    font-size: 42px;
    font-weight: bolder;
    border-bottom: 5px solid #36c3cb;
}

.neo-data p {
    margin-top: 0;
    margin-bottom: 0;
}


.enter-KB {
    color: white;
    background: url(../img/support/bg-KB.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.enter-KB .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.enter-KB a {
    font-size: 16px;
    color: white;
    border: 3px solid #fff;
    padding: 10px 30px;
    border-radius: 5px;

    display: inline-block;
}

.enter-KB a:hover {
    border: 3px solid #475f77;
    color: #475f77;
}

.enter-KB p {
    font-size: 14px;
    color: white;
    max-width: 600px;
    margin: 10px auto 0;
}

.support-success {
    color: green;
    text-align: right;
    margin-top: 100px;
}

#support-success {
    top: 25%;
    left: 4%;
}

/** 云祺中等界面 width 1200px ~ 1264px **/
@media (max-width: 1264px) {
    /** Neo Bar **/
    .neo-bar .navigate li {
        font-size: 16px;
    }

    .neo-bar .request a {
        min-width: 136px;
    }

    /** Neo Reason **/
    .neo-reason p {
        font-size: 15px;
    }

    /** Neo Edition **/
    .neo-edition .item ul.char li {
        font-size: 14px;
    }

    /** Text List **/
    .text-list .list-row a {
        font-size: 16px;
    }

    /** Contact Info **/
    .neo-getOffer .tip {
        font-size: 28px;
    }

    .neo-getOffer .button {
        font-size: 22px;
    }

    /** Submit Info **/
    .neo-submit .form .thead {
        font-size: 20px;
    }

    .neo-submit .form label {
        font-size: 12px;
    }

    /** s3 archive **/
    .neo-amazon-s3 .item {
        height: 300px;
    }

    .neo-amazon-s3 .intro .text {
        font-size: 16px;
    }

    .neo-amazon-s3 .intro .info li {
        font-size: 14px;
        height: 30px;
    }

    .neo-amazon-s3 .intro .tips {
        font-size: 12px;
    }
}

/** 小屏幕 平板 width 768px ~ 991px **/
@media (max-width: 991px) {
    .padding-lt, .padding-rt {
        padding-left: 15px;
        padding-right: 15px;
    }

    /** Neo What Get **/
    .neo-whatget .col-lg-4 {
        width: auto;
        text-align: center;
        margin-right: 0;
    }

    /** Neo Reason **/
    .neo-reason .row > div:nth-child(2n), .neo-reason .row > div:nth-child(2n+1) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .neo-reason h4 {
        font-size: 17px;
    }

    .neo-reason p {
        font-size: 14px;
    }

    /** Neo Platform **/
    .neo-platforms ul {
        width: 230px;
    }

    /** Neo Thumb **/
    .neo-thumb a {
        font-size: 12px;
    }

    /** Neo Thumb **/
    .neo-protect .support > div, .neo-protect .brands > div {
        margin-bottom: 20px;
    }

    /** s3 archive **/
    .neo-amazon-s3 .item {
        height: auto;
    }

    .neo-amazon-s3 .intro .info {
        margin: 20px 0;
    }
}

/** 超小屏幕 手机 **/
@media (max-width: 767px) {
    .neo-text p {
        width: 100%;
        padding: 0 15px;
    }

    /** Neo Reason **/
    .neo-reason .row > div {
        margin-bottom: 40px;
    }

    .neo-reason .row > div:last-child {
        margin-bottom: 0;
    }

    /** Neo Guide **/
    .neo-guide .row > div:nth-child(3) .block {
        margin-bottom: 50px;
    }

    /** Neo Request **/
    .neo-request .row > div:first-child {
        margin-bottom: 40px;
    }
}

.align-center {
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .align-center {
        display: flex;
    }
}

.neo-vertical {
    position: relative;
    overflow: hidden;
}

.neo-vertical .background {
    background-image: linear-gradient(257deg, #1c666f 0%, #162831 100%);
    width: 200%;
    height: 100%;
    transform: rotate(-15deg);

    position: absolute;
    z-index: -1;
    left: -50%;
    top: 50%;
}

.neo-vertical .row {
    display: flex;
    flex-direction: column;
}

.neo-vertical .video {
    width: 50%;
    margin: 0 auto 30px;
}

.neo-vertical .text {
    width: 60%;
    color: white;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
}


/** 文字列表 **/
.text-collapse .item {
    border-bottom: 1px solid #e2e6f5;
}

.text-collapse .item h3 {
    font-size: inherit;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.text-collapse .item a,
.text-collapse .item .panel-title {
    line-height: 34px;
    font-size: 18px;
    color: #000000;
    cursor: pointer;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 10px 0;
}

.text-collapse .item:hover a {
    color: #0fb2c6;
}

.text-collapse .item i {
    float: right
}

.text-collapse .item .panel-body {
    font-size: 14px;
    display: none;
}

.text-collapse .item.show .panel-title, .text-collapse .item .panel-title:hover {
    color: #0fb2c6;
}

.text-collapse .item.show .panel-body {
    display: block;
}

@media (max-width: 1264px) {
    /** Text List **/
    .text-collapse .item a,
    .text-collapse .item .panel-title {
        font-size: 16px;
    }
}

/** NAS Backup **/
.nas-benefit {
    overflow: hidden
}

div[id^=benefit-item] {
    transition: transform 1.5s;
}

#benefit-item-1, #benefit-item-3 {
    transform: translateX(-150px);
    opacity: 0;
}

#benefit-item-2, #benefit-item-4 {
    transform: translateX(150px);
    opacity: 0;
}

/** Title Component NAS页样式 **/
.main-page .container > .title-component.title-nas {
    margin-bottom: 30px;
}

.main-page .container > .title-component.title-nas .nas-title {
    width: fit-content;

    height: 50px;
    line-height: 50px;
    background-color: #36a3a5;
    color: black;
    font-weight: bolder;
    border-radius: 20px;
    overflow: hidden;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px auto 0;
}

.main-page .container > .title-component.title-nas .nas-title span {
    height: 50px;
    line-height: 50px;
    font-family: var(--default-font-family-bold);
    font-size: 18px;
    cursor: pointer;

    padding: 0 40px;
}

.main-page .container > .title-component.title-nas .nas-title span.active {
    background-color: #ffad2b;
    color: white;
}

.main-page .container > .title-component.title-nas .nas-title span:first-child {
    border-radius: 20px 25px 25px 20px;
}

.main-page .container > .title-component.title-nas .nas-title span:last-child {
    border-radius: 25px 20px 20px 25px;
}

.main-page .container > .title-component.title-nas .nas-text {
    margin-top: 30px;
}

.nas-work {
    background-image: url(../img/backup/nas/illustration/background-1.png);
    background-size: cover;
    background-position: top center
}

.nas-work .container {
    padding-top: 140px !important;
}

.nas-work img {
    width: 100%;
    display: block;
}

/** 小屏幕 平板 width 768px ~ 991px **/
@media (max-width: 991px) {
    .main-page .container > .title-component.title-nas .nas-title {
        height: unset;

        display: block;
    }

    .main-page .container > .title-component.title-nas .nas-title span {
        display: block;
    }

    .main-page .container > .title-component.title-nas .nas-title span:first-child,
    .main-page .container > .title-component.title-nas .nas-title span:last-child {
        border-radius: unset;
    }

    .nas-work {
        background-image: unset;
        background-color: #08404c;
    }
}

.nas-feature {
    background-image: url(../img/backup/nas/illustration/background-3.png);
    background-size: cover;
    background-position: top center
}

.nas-feature .container {
    padding-bottom: 140px !important;
}

.nas-feature .item {
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.nas-feature .item:last-child {
    margin-bottom: 0;
}

.nas-feature .item:before {
    content: "";
    width: 6px;
    height: 100%;

    background-color: #36a4a6;
    position: absolute;
    left: 50px;
    top: 0;
    z-index: 1
}

.nas-feature .item:last-child:before {
    content: unset;
}

.nas-feature .item .cover {
    width: 100px;
    height: 100px;
    background-color: #08404c;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    z-index: 10;
}

.nas-feature .item:hover .cover {
    background-color: #36a3a5;
    border: 8px solid #c0ebe3;
    transform: scale(1.1);
}

.nas-feature .item .intro {
    width: calc(100% - 150px);

    background-color: white;
    padding: 40px 70px;
    border-radius: 24px;
}

.nas-feature .item:hover .intro {
    background-color: #36a3a5;
}

.nas-feature .item .intro .name {
    font-weight: bolder;
    color: var(--default-color);
    margin-top: 0;
}

.nas-feature .item:hover .intro .name, .nas-feature .item:hover .intro .text {
    color: white;
}

/** 小屏幕 平板 width 768px ~ 991px **/
@media (max-width: 991px) {
    .nas-feature .item .intro {
        padding: 20px;
    }

    .nas-feature .item .intro .name {
        font-size: 20px;
    }
}

.neo-enter {
    background-image: url("../img/backup/general/background/bottom-trial.jpg");
    background-size: cover;
    background-position: center bottom;
    text-align: center;
    border-radius: 65px 65px 0 0;
}

.neo-enter > .container {
    padding-top: 110px !important;
    padding-bottom: 120px !important;
}

.neo-enter p {
    line-height: 36px;
    font-size: 36px;
    font-weight: bolder;
}

.neo-enter p:nth-child(1) {
    color: white;
    margin-bottom: 32px;
}

.neo-enter p:nth-child(2) {
    color: #59f9ff;
    margin-bottom: 70px;
}

.neo-enter a {
    height: 60px;
    line-height: 60px;
    background-color: #ffad2b;
    font-size: 20px;
    font-weight: bolder;
    color: white;

    display: inline-block;
    padding: 0 50px;
    border-radius: 5px;
}

.neo-enter a:hover {
    background-color: #dd8a09;
}

.neo-support-os {
    background-image: url("../img/backup/physical-server/icon/os-bg-1.png"), url("../img/backup/physical-server/icon/os-bg-2.png");
    background-position: left center, right center;
    background-repeat: no-repeat;
}

.neo-support-os .item {
    background-color: white;
    border: 1px solid var(--default-color);
    border-radius: 28px;
    margin-top: 70px;
}

.neo-support-os .item.active {
    box-shadow: 0 8px 30px #d6d6d6;
}

.neo-support-os .item .item-head {
    height: 128px;
    background-color: var(--default-color);
    color: white;
    border-radius: 28px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 170px;
}

.neo-support-os .item .item-head h3 {
    font-size: 30px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-support-os .item .item-head img {
    width: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.neo-support-os .item .item-body {
    min-height: 340px;
    padding: 50px;
    display: flex;
}

.neo-support-os .item .item-body ul {
    font-size: 16px;
}

.neo-support-os .item .item-body ul li {
    line-height: 40px;
}

/** 云祺中等界面 width 1200px ~ 1264px **/
@media (max-width: 1264px) {
    .neo-support-os .item .item-head h3 {
        font-size: 24px;
    }
}

/** Physical Server Reason **/
.physical-reason .physical-tab {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 40px;
}

.physical-reason .physical-tab .item {
    width: 120px;
    height: 120px;
    background-color: #f8f8f8;
    border: 1px solid var(--default-color);
    border-radius: 20px;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}

.physical-reason .physical-tab .item.active {
    width: 160px;
    height: 160px;
    background-color: white;
    border-width: 5px;
    box-shadow: 0 8px 30px #d6d6d6;

    position: relative;
}

.physical-reason .physical-tab .item.active:after {
    content: '';
    width: 264px;
    height: 21px;
    background-image: url("../img/backup/physical-server/icon/reason-arrow.png");

    position: absolute;
    left: -52px;
    bottom: -45px;
}

.physical-reason .physical-tab .item img {
    width: 68%;
}

.physical-reason .physical-panel .item {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 8px 30px #d6d6d6;
    text-align: center;
    display: none;
}

.physical-reason .physical-panel .item.active {
    display: block;
}

.physical-reason .physical-panel .item h3.item-head {
    height: 40px;
    line-height: 40px;
    background-color: var(--default-color);
    border-radius: 20px;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.physical-reason .physical-panel .item .item-body {
    line-height: 24px;
    font-size: 16px;
    padding: 20px 100px;
}

/** 小屏幕 平板 width 768px ~ 991px **/
@media (max-width: 991px) {

    .physical-reason .physical-panel {
        box-shadow: 0 8px 30px #d6d6d6;
        border-radius: 5px;
        overflow: hidden;
    }

    .physical-reason .physical-panel .item {
        text-align: unset;
        border-bottom: 1px solid white;
        border-radius: unset;
        box-shadow: unset;
        display: block;
    }

    .physical-reason .physical-panel .item:last-child {
        border-bottom: unset;
    }

    .physical-reason .physical-panel .item h3.item-head {
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        border-radius: unset;
        padding-left: 30px;
    }

    .physical-reason .physical-panel .item .item-body {
        padding-left: 30px;
        padding-right: 30px;
        display: none;
    }

    .physical-reason .physical-panel .item.active .item-body {
        display: block;
    }
}

.physical-feature {
    background-color: #08404c;
}

.physical-feature .physical-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 100px
}

.physical-feature .physical-tab .item {
    width: 378px;
    height: 62px;
    color: white;
    cursor: pointer;
    border-bottom: 1px solid white;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0 30px;
}

.physical-feature .physical-tab .item > * {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.physical-feature .physical-tab .item.active {
    width: 408px;
    height: 92px;
    background-image: url("../img/backup/physical-server/icon/feature-nav.png");
    background-repeat: no-repeat;
    border-bottom: unset;

    margin: unset;
    padding: 14px 45px 16px 45px;
}

.physical-feature .physical-panel .item {
    width: 536px;
    height: 340px;
    background-image: url("../img/backup/physical-server/icon/feature-panel.png");
    background-repeat: no-repeat;
    padding: 58px 54px 16px 54px;
    display: none;
}

.physical-feature .physical-panel .item.active {
    display: block;
}

.physical-feature .physical-panel .item img {
    height: 60px;
    display: block;
    margin: 0 auto 24px;
}

.physical-feature .physical-panel .item .item-body {
    line-height: 26px;
    font-size: 16px;
    font-weight: bolder;
}

.physical-feature .more-gradient {
    cursor: pointer;
    text-align: center;

    display: flex;
    flex-direction: column;
}

.physical-feature .more-gradient i {
    line-height: 40px;
    font-size: 120px;
    color: #59f9ff;
}

.physical-feature .more-gradient i:nth-child(1) {
    opacity: 0.5;
}

.physical-feature .more-gradient i:nth-child(2) {
    opacity: 1;
}

.faq-end .container {
    text-align: center;
}

.faq-end .background-content5 {
    min-width: 100%;
}

.faq-end .background-content5 h3 {
    line-height: 40px;
}


/*** Feature Tabs ***/
.feature-tabs .feature-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 100px
}

.feature-tabs .feature-tab .item {
    height: 60px;
    border-bottom: 1px solid white;
    cursor: pointer;

    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: -20px;
    margin-bottom: 20px;
    padding: 0 28px;
}

.feature-tabs .feature-tab .item.active {
    -webkit-clip-path: polygon(0 10px, 10px 0, calc(100% - 90px) 0, calc(100% - 80px) 10px, 100% 10px, 100% 100%, 0 100%);
    clip-path: polygon(0 10px, 10px 0, calc(100% - 90px) 0, calc(100% - 80px) 10px, 100% 10px, 100% 100%, 0 100%);
    border-bottom: unset;

    margin-top: 0;
    padding-top: 10px;
}

.feature-tabs .feature-tab .item:last-child {
    margin-bottom: 0;
}

.feature-tabs .feature-tab .item > * {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.feature-tabs .feature-panel .item {
    background-color: white;
    -webkit-clip-path: polygon(0 14px, 14px 0, 126px 0, 140px 14px, calc(100% - 140px) 14px, calc(100% - 124px) 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    clip-path: polygon(0 14px, 14px 0, 126px 0, 140px 14px, calc(100% - 140px) 14px, calc(100% - 124px) 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    display: none;
}

.feature-tabs .feature-panel .item.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** 小屏幕 平板 width 768px ~ 991px **/
@media (max-width: 991px) {
    .feature-tabs .feature-item {
        flex-direction: column;
    }

    .feature-tabs .feature-tab {
        width: 100%;
        margin-bottom: 40px;
    }

    .feature-tabs .feature-tab select {
        -webkit-tap-highlight-color: transparent;
        border: 0;
        display: block;
        width: calc(100% - 2px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-appearance: none;
        border-radius: 0 2px 0 2px;
        -webkit-clip-path: polygon(0 12px, 12px 0, calc(100% - 82px) 0px, calc(100% - 72px) 8px, 100% 8px, 100% 100%, 0 100%);
        clip-path: polygon(0 12px, 12px 0, calc(100% - 82px) 0px, calc(100% - 72px) 8px, 100% 8px, 100% 100%, 0 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #000;
        position: relative;
        z-index: 3;
        height: 38px;
        padding: 10px 20px;

        background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.683 3.308a.625.625 0 1 1 .884.884L5.442 7.317a.625.625 0 0 1-.884 0L1.433 4.192a.625.625 0 1 1 .884-.884L5 5.991l2.683-2.683Z' fill='%23000'/%3E%3C/svg%3E");
        background-position: calc(100% - 20px) 49%;
        background-repeat: no-repeat;
        background-color: white;
    }

    .feature-tabs .feature-panel .item {
        width: unset;
        height: unset;

        padding: 34px 20px 20px;
    }
}

/** GDPR页面开始 **/
.gdpr-rule {
    background-color: #F4F9FB;
}

.gdpr-rule img {
    max-width: 100%;
}

.gdpr-rule .name {
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 30px;
}

.gdpr-rule .text {
    font-size: 16px;
}

.gdpr-compliance .item {
    background-color: #f8f8f8;
    text-align: center;

    -webkit-clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}

.gdpr-compliance .item:hover {
    background-color: #0b898c;
}

.gdpr-compliance .item .icon {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.gdpr-compliance .item {
    padding: 30px;
    transition: unset;
}

.gdpr-compliance .item h3 {
    font-size: 18px;
    font-weight: bolder;
    height: 40px;

    margin-top: 30px;
    margin-bottom: 20px;
}

.gdpr-compliance .item:hover h3 {
    color: white;
}

.gdpr-compliance .item p {
    min-height: 80px;
}

.gdpr-compliance .item:hover p {
    color: white;
}

.gdpr-compliance .row .active, .gdpr-helper .row .white {
    color: #fff;
}

.gdpr-protection .feature-tab .item {
    width: 360px;
    font-size: 18px;
    font-weight: bolder;
    color: white;
    cursor: pointer;
}

.gdpr-protection .feature-tab .item.active {
    background-color: white;
    color: #000000;
}

.gdpr-protection .feature-panel .item {
    width: 590px;
    height: 244px;
    line-height: 26px;
    font-size: 16px;

    padding: 30px 35px 16px 35px;
}


@media (min-width: 992px) {
    .gdpr-compliance .item p {
        min-height: 80px;
        max-height: 80px;
        /*overflow: hidden;*/
        transition: max-height 0.25s;
    }

    .gdpr-compliance .item:hover p {
        max-height: 80px;
    }
}

@media (max-width: 991px) {
    .gdpr-compliance .container > .row > div {
        margin-bottom: 10px;
    }

    .gdpr-compliance .container > .row > div:last-child {
        margin-bottom: 0;
    }
}

.gdpr-feature .name {
    font-size: 18px;
    font-weight: bolder;
    line-height: 46px;
    text-align: left;

    padding-left: 70px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 30px;
}

.gdpr-feature .name.title1 {
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/title-bar1.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.gdpr-feature .name.title2 {
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/title-bar2.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.gdpr-feature ul {
    text-align: left;
    font-size: 16px;
    line-height: 30px;

    margin-bottom: 20px;
}

.gdpr-feature ul li {
    padding-left: 5px;
}

.gdpr-feature ul .li-name {
    font-weight: bolder;
    position: relative;
}

.gdpr-feature ul .li-name:before {
    content: "·";
    position: absolute;
    left: -5px;
}

.gdpr-feature ul a {
    color: #36A3A5;
}

.gdpr-feature ul .learn-more {
    background-color: #36A3A5;
    color: #fff;
    padding: 3px 4px 3px 3px;
    margin-bottom: 3px;
}

@media (max-width: 991px) {
    .gdpr-feature .name {
        font-size: 24px;
    }

    .gdpr-feature div > img {
        width: 100%;
    }
}

.gdpr-global {
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/global-background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;

    padding-bottom: 70px;
}

.gdpr-global .swapper-title .container {
    padding-bottom: 0;
}

.gdpr-global .swapper-swiper {
    height: 700px;
    overflow: hidden;

    position: relative;
}

.gdpr-global .image-div {
    width: 55%;
    height: 643px;
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

.gdpr-global .image-div img {
    width: 100%;
    clip-path: polygon(0 0, 86% 0, 103% 100%, 0px 100%);
}

.gdpr-global .content-div {
    width: 60%;
    height: 643px;
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/rectangle-banner.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

    padding: 70px 0;

    position: absolute;
    top: 60px;
    right: 0;
}

.gdpr-global .swiper-container {
    width: 70%;
    margin: 0 auto;
}

.gdpr-global .swiper-button-next, .gdpr-global .swiper-button-prev {
    color: #fff;
    text-align: center;
    font-size: 25px;
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/oval.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
}

.gdpr-global .swiper-button-next img, .gdpr-global .swiper-button-prev img {
    margin-bottom: 3px;
}

.gdpr-global .item {
    text-align: left;
    width: 65%;
    margin: 0 auto;
}

.gdpr-global .item .country {
    font-size: 18px;
    font-weight: bolder;
}

.gdpr-global .item .name {
    font-size: 20px;
    font-weight: bolder;

    margin-top: 10px;
    margin-bottom: 0;
}

.gdpr-global .item img {
    height: 40px;
    margin: 30px 0;
}

.gdpr-global .item .text {
    font-size: 16px;
    margin-bottom: 20px;
}

.gdpr-global .item .info {
    font-size: 16px;
    font-weight: bolder;
}

.gdpr-global .swapper-end {
    text-align: center;
    margin-top: 90px;
}

.gdpr-global .swapper-end h2, .gdpr-global .swapper-end p, .gdpr-global .swapper-end span {
    font-weight: bolder;
}

.gdpr-global .swapper-end span {
    color: #4AD1CD;
}

.gdpr-global .swapper-end .btn-normal {
    background-color: #FFAD2B;
}

.gdpr-global .swapper-end .btn-normal:hover {
    background-color: #ec9100;
}

/*** gdpr-helper ***/
.gdpr-helper .item {
    background-image: linear-gradient(to right, #1D6B75, #3EAFAC);
}

.gdpr-helper .helper-div {
    width: 99%;
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    margin: 0 auto;
}

.gdpr-helper .helper-div img {
    margin: 40px auto 20px;
}

.gdpr-helper .helper-div .content-div {
    height: 90px;
    width: 95%;
    margin: 0 auto;
    word-wrap: break-word;
}

.neo-exchange .col-lg-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.neo-exchange .col-lg-12 .item {
    width: 400px;
    height: min-content;
    text-align: center;
}

.neo-exchange .col-lg-12 .item img {
    margin-bottom: 10px;
}

.neo-exchange .col-lg-12 .item li {
    line-height: 30px;
    font-size: 18px;
    font-weight: bolder;
}

/** GDPR页面结束 **/


/** 作者页开始 **/
.author-banner {
    width: 100%;
    height: 420px;
    background: url(../img/author/banner.png) no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: -70px;
    padding-top: 70px;
}

.author-banner .container {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.author-banner .banner-intro {
    width: 70%;
    margin: 0 auto;
}

.author-banner .banner-intro h1 {
    font-size: 28px;
    font-weight: bolder;
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 50px;
}

.author-banner .banner-intro p {
    text-align: justify;
    color: #fff;
}

.author-banner .author-intro {
    width: 70%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.author-banner .author-intro h1 {
    line-height: 40px;
    font-size: 28px;
    font-weight: bolder;
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.author-banner .author-intro .author-avatar {
    width: 180px;
    height: 180px;
    border-radius: 180px;
    overflow: hidden;
    text-align: center;
    margin-right: 60px;
    flex: none;
}

.author-banner .author-intro .author-avatar img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.author-banner .author-intro .author-name {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.author-banner .author-intro .author-name a.share-icon {
    float: left;
    margin-left: 10px;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.author-banner .author-intro .author-name a.share-icon:hover {
    background-color: var(--default-hover-color);
    border-color: var(--default-hover-color);
}

.author-banner .author-intro .author-name a.share-icon i {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.author-introduce {
    width: 80%;
    height: 200px;
    margin: 50px auto;
    border-radius: 5px;
    box-shadow: 0 5px 15px #d1d1d1;
    padding: 25px 10px;
}

.author-introduce h4 {
    font-weight: bolder;
}

.author-introduce img {
    height: 150px;
}

.author-view {
    margin-bottom: 50px;
}

.author-view .neo-blog {
    width: 80%;
    margin: 50px auto;
}

.author-view .neo-blog .col-lg-4 {
    padding: 0;
}

.author-view .neo-blog .col-lg-4:first-child {
    padding-right: 20px;
}

.author-view .neo-blog .col-lg-4:last-child {
    padding-left: 20px;
}

.author-view .neo-blog .col-lg-4:nth-child(2) {
    padding: 0 10px;
}

.author-view .neo-blog .col-lg-4 img {
    border-radius: 5px 5px 0 0;
}

.author-view .neo-blog .item .intro {
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 5px 15px #d1d1d1;
}

.author-view .neo-blog .item .intro .name {
    font-size: 16px;
}

.recent-articles h2 {
    text-align: center;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 30px;
}

.author-view #technique-list {
    width: 80%;
    margin: 30px auto;
}

.author-view #technique-list li {
    padding: 0;
    border: none;
    height: 240px;
    box-shadow: 0px 5px 15px #d1d1d1;
    border-radius: 10px;
    margin-bottom: 30px;
}

.author-view #technique-list li .col-md-4 .technique-img {
    height: 200px;
    width: 100%;
    margin: 20px auto;
}

.author-view #technique-list li .col-md-8 {
    height: 200px;
    margin: 20px auto;
    padding-right: 40px;
}

.author-view #technique-list a h2 {
    text-align: left;
}

.author-view #technique-list li p.time {
    position: absolute;
    bottom: 0;
    right: 40px;
}

.author-view .page-container {
    padding: 0;
    margin-bottom: 50px;
}

.author-banner .author-list-card {
    width: 70%;
    margin: 0 auto;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.author-banner .author-list-card h1 {
    font-size: 28px;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 50px;
}

.author-banner .author-list-card p {
    text-align: justify;
    color: #fff;
    margin-bottom: 30px;
    width: 90%;
}

.author-view .page-title p {
    font-size: 14px;
}

.author-list-articles h2 {
    text-align: center;
    font-weight: bolder;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #20124D;
}

.author-card {
    height: 300px;
}

.author-card .col-lg-7 {
    margin-bottom: 50px;
}

.author-card .img-frame {
    float: right;
    margin-right: 30px;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    overflow: hidden;
    text-align: center;
}

.author-card img {
    width: 100%;
    margin: 0 auto;
}

.author-card h2 {
    font-size: 30px;
    font-weight: bolder;
}

.author-card .col-lg-5 {
    text-align: right;
}

.author-card .author-color-strip {
    background-color: #4AD1CD;
    height: 10px;
    width: 25px;
    margin-bottom: 10px;
}


.author-card .author-name .share {
    position: absolute;
    top: 27px;
    right: 0;
    text-align: center;
}

.author-card .author-name .share-icon {
    float: left;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    padding: 2px;
    border: 1px solid #F0F0F0;
    border-radius: 15px;
}

.author-card .author-name .share-icon a {
    color: #909090;
    font-size: 18px;
    line-height: 18px;
}

.author-card p {
    color: #777777;
    margin-bottom: 30px;
}

.author-card .read-more {
    height: 40px;
    line-height: 40px;
    color: white;
    background-color: #4ad1cd;
    padding: 0 16px;
    display: inline-block;
}

.author-view .related-article .title {
    color: #777777 !important;
    background-color: #f9faff;
    margin-bottom: 0 !important;
    padding-top: 20px;
    padding-bottom: 10px;
}

/** 作者页结束 **/

/** 小屏幕 平板 width 768px ~ 991px **/
@media (max-width: 991px) {

    .physical-feature .physical-item {
        flex-direction: column;
    }

    .physical-feature .row:nth-child(2) {
        display: block;
        margin-bottom: unset;
    }

    .physical-feature .physical-tab {
        width: 100%;
        margin-bottom: 40px;
    }

    .physical-feature .physical-tab select {
        -webkit-tap-highlight-color: transparent;
        border: 0;
        display: block;
        width: calc(100% - 2px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-appearance: none;
        border-radius: 0 2px 0 2px;
        clip: polygon(0 12px, 13px 0, calc(100% - 82px) 0px, calc(100% - 72px) 8px, 100% 8px, 100% 100%, 0 100%);
        clip-path: polygon(0 12px, 13px 0, calc(100% - 82px) 0px, calc(100% - 72px) 8px, 100% 8px, 100% 100%, 0 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #000;
        position: relative;
        z-index: 3;
        height: 38px;
        padding: 10px 20px;

        background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.683 3.308a.625.625 0 1 1 .884.884L5.442 7.317a.625.625 0 0 1-.884 0L1.433 4.192a.625.625 0 1 1 .884-.884L5 5.991l2.683-2.683Z' fill='%23000'/%3E%3C/svg%3E");
        background-position: calc(100% - 20px) 49%;
        background-repeat: no-repeat;
        background-color: white;
    }

    .physical-feature .physical-panel .item {
        width: unset;
        height: unset;
        background-color: white;
        background-image: unset;
        -webkit-clip-path: polygon(0 14px, 16px 0, 124px 0, 140px 14px, calc(100% - 140px) 14px, calc(100% - 124px) 0, calc(100% - 16px) 0, 100% 14px, 100% 100%, 0 100%);
        clip-path: polygon(0 14px, 16px 0, 124px 0, 140px 14px, calc(100% - 140px) 14px, calc(100% - 124px) 0, calc(100% - 16px) 0, 100% 14px, 100% 100%, 0 100%);

        padding: 30px 20px;
    }

    .physical-feature .physical-panel .item img {
        margin-left: unset;
        margin-right: unset;
    }
}

.cookie-notice {
    border: 1px solid #031b4e;
    background-color: #1b6371;

    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 15px 0;
}

.cookie-notice .align-center {
    justify-content: unset;
}

.cookie-notice .notice-text {
    width: calc(100% - 330px);
    color: #fff;
    font-size: 12px;
}

.cookie-notice .notice-button {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: var(--default-color);
    color: white;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-left: 20px;
}

.cookie-notice .notice-button:hover {
    background-color: var(--default-hover-color);
}

@media (max-width: 991px) {
    .cookie-notice .notice-text {
        width: unset;
    }

    .cookie-notice .notice-button {
        margin-left: 0;
        margin-top: 10px;
    }
}

.main-page-success {
    padding: 3% 0 0 0;
}

.main-page-success .container {
    width: 70%;
}

.main-page-success .prompt {
    margin-bottom: 60px
}

.main-page-success .prompt h1 {
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    color: #0fb2c6;

    margin-top: 0;
    margin-bottom: 0;
}

.main-page-success .prompt p {
    line-height: 22px;
    font-family: var(--default-font-family);
    font-size: 18px;
    color: #0fb2c6;

    margin-top: 10px;
    margin-bottom: 0;
}

.main-page-success .process {
    margin-bottom: 60px;
}

.main-page-success .process .item {
    margin-bottom: 20px;
}

.main-page-success .process .item:last-child {
    margin-bottom: 0;
}

.main-page-success .process .name {
    line-height: 30px;
    font-family: var(--default-font-family-bold);
    font-size: 22px;
    color: #155861;
    text-align: left;

    margin-top: 0;
    margin-bottom: 10px;
}

.main-page-success .process .text {
    font-size: 18px;
    line-height: 30px;
    color: #1c6973;
    padding: 0;
}

.main-page-success .process .text span {
    color: #0fb2c6;
    font-weight: bolder;
    font-size: 18px;
}

.main-page-success .process .text a {
    color: #0fb2c6;
}

.main-page-success .process .text a:hover {
    color: #0fb1c6a1;
}

.main-page-success .explore .title-explore {
    margin-bottom: 70px;
    position: relative;
}

.main-page-success .explore .title-explore h2 {
    width: fit-content;
    background-color: white;
    color: #10515a;
    font-family: var(--default-font-family-bold);
    font-size: 28px;
    text-align: center;

    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 10;
}

.main-page-success .explore .title-explore:after {
    content: "";
    width: 100%;
    height: 1px;
    border: solid 1px #1c6973;

    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.main-page-success .explore .col-sm-4 {
    text-align: center;
    position: relative;
}

.main-page-success .explore .name {
    font-family: var(--default-font-family-bold);
    font-size: 22px;

    margin-bottom: 0;
}

.main-page-success .explore .bg-img {
    width: 80%;
    box-shadow: 0 3px 14px 1px rgba(35, 38, 38, 0.4);
    border-radius: 10px;
    overflow: hidden;

    display: block;
    margin: 0 auto;
    position: relative;
}

.main-page-success .explore .bg-img img {
    width: 100%;

    position: relative;
    z-index: 1;
}

.main-page-success .explore .bg-img a {
    background-color: #00000065 !important;
    background-blend-mode: multiply !important;

    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.main-page-success .explore .bg-img:hover a {
    display: block !important;
}

.main-page-success .explore .bg-img a .btn-find {
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 20px;

    margin-top: -20px;
    margin-left: -70px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.main-page-success .notice {
    margin-bottom: 60px;
}

.main-page-success .notice .title {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    color: #0fb2c6;

    margin-top: 0;
    margin-bottom: 20px;
}

.main-page-success .notice p {
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 1600px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 286px;
    }
}

@media (max-width: 1440px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 250px;
    }
}

@media (max-width: 1366px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 216px;
    }
}

@media (max-width: 1200px) {
    .main-page-success .container span.line {
        display: none;
    }
}

@media (max-width: 991px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 157px;
    }

    .main-page-success .col-lg-4 a {
        line-height: 37px;
        border-radius: 10px;
        font-size: 13px;
    }

    .main-page-success .col-lg-4 h1 {
        font-size: 16px;
    }

    .main-page-success .container p {
        padding-left: 0;
    }

    .main-page-success .container p {
        font-size: 33px;
    }

    .main-page-success .container p:nth-child(2) {
        font-size: 20px;
    }

    .main-page-success .col-lg-1 {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 100%;
    }

    .main-page-success .container p {
        font-size: 30px;
    }

    .main-page-success .container p:nth-child(2) {
        font-size: 15px;
    }

    .main-page-success span.center {
        font-size: 24px;
    }
}

.bottom-layer .container {
    height: 320px;
    background-image: linear-gradient(257deg, #1d6b75 0%, #4ad1cd 100%), linear-gradient(#003c94, #003c94);
    background-blend-mode: normal, normal;
    box-shadow: 0 1px 17px 1px rgba(0, 0, 0, 0.25);
    text-align: -webkit-center;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    top: 60px;
}

.bottom-layer h2 {
    height: 40px;
    line-height: 40px;
    font-family: var(--default-font-family);
    font-size: 40px;
    font-weight: bolder;
    font-stretch: normal;
    letter-spacing: 0;
    color: white;

    margin-top: 0;
    margin-bottom: 30px;
}

.bottom-layer p {
    line-height: 28px;
    font-family: var(--default-font-family);
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: white;

    margin-top: 0;
    margin-bottom: 30px;
}

.bottom-layer a {
    height: 50px;
    line-height: 46px;
    border-radius: 10px;
    border: solid 2px white;
    font-family: var(--default-font-family);
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: white;

    display: block;
    margin: 0 auto;
    padding: 0 10px;
}

.bottom-layer a:hover {
    background-color: white;
    color: var(--default-hover-color);
}

@media (max-width: 1601px) {
    .bottom-layer h2 {
        font-size: 38px;
    }

    .bottom-layer p {
        font-size: 20px;
    }

    .bottom-layer a {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .bottom-layer h2 {
        height: unset;
        line-height: unset;
        top: 11%;
    }

    .bottom-layer p {
        top: 15%;
    }

    .bottom-layer a {
        top: 44%;
        font-size: 15px;
    }
}

/** Scenarios **/
.neo-scenarios img {
    height: 120px;
    display: block;
    margin: 0 auto;
}

.neo-scenarios h3 {
    font-family: var(--default-font-family-bold);
    font-size: 22px;
    color: #0e0e0e;
    text-align: center;
    margin: 40px 0 25px 0;
}

.neo-scenarios li {
    display: flex;
    margin-bottom: 4px;
}

.neo-scenarios li i {
    color: var(--default-color);
    font-size: 16px;
    margin-top: 2px;
    margin-right: 5px;
}

/* BEGIN FREE TRIAL DETAILS */
.need-help {
    background: url(../img/support/bg-KB.png) no-repeat;
    background-size: cover;
    margin-bottom: -20px;
}

.need-help > .container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.need-help h2 {
    font-size: 28px;
    font-weight: bolder;
    color: white;
    margin: 0;
    text-align: center;
}

.need-help ul {
    width: fit-content;
    width: -moz-fit-content;

    margin: 10px auto 30px;
}

.need-help ul li {
    line-height: 22px;
    color: white;
    font-size: 16px;

    display: flex;
    align-items: center;
}

.need-help ul li i {
    font-size: 12px;
    margin-right: 4px;
}

.need-help .need-button {
    text-align: center;
}

.need-help .need-button a {
    color: #fff;
    font-size: 20px;
    padding: 10px 50px;
    border-radius: 5px;
    margin: 0 20px;
}

/* END FREE TRIAL DETAILS */


/* 移动端适配调整开始（414-360） */
.display-mobile {
    display: none !important;
}

@media (max-width: 414px) {
    .page-title .title {
        font-size: 24px;
    }

    .vinchin-intro {
        background-size: cover;
        background-position: 50% 50%;
        margin-bottom: 50px;
    }

    .about-vinchin {
        padding: 10px 0;
        margin: 50px auto;
    }

    .our-team {
        margin-bottom: 50px;
    }

    .our-team h2 {
        font-size: 20px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .our-team ul {
        width: 90%;
        margin: 0 auto;
        text-align: justify;
    }

    .our-team img {
        display: none;
    }

    .our-team .team-images .team-left img, .our-team .team-images .team-right img {
        display: block;
    }

    .our-copyright {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .our-copyright h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .our-copyright h3 {
        font-size: 18px;
    }

    .our-culture h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .our-culture .col-md-4 {
        width: 33.3333%;
        float: left;
        padding: 0;
    }

    .our-culture .col-md-4 h3 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .about-news a {
        font-size: 18px;
    }

    .footer-div {
        padding-top: 50px;
    }

    .footer-subscribe > .row > :last-child {
        margin-bottom: 30px;
    }

    .display-website {
        display: none !important;
    }

    .display-mobile {
        display: block !important;
    }

    .header #nav2 .navTwo .navThree {
        background-color: #29343B;
    }

    .header-container .header-contact {
        padding-top: 10px;
    }

    .header-container .header-contact span {
        line-height: 20px;
        font-size: 12px;
    }

    .main-page div.gary {
        overflow: hidden;
    }

    .footer-div .container {
        margin-top: 0;
        margin-bottom: -30px;
    }

    .footer-div .container .footer-enter {
        display: none;
    }

    .main-page .container {
        width: 90%;
        padding-bottom: 50px !important;
    }

    .form-edition #subscribe {
        margin: 5px 0 0 0;
    }

    .form-edition #learn-eula {
        max-width: 100%;
        padding: 0 5px;
    }

    .form-edition #learn-eula label {
        width: 90%;
        float: right;
    }

    .edition-content .title {
        margin-top: 30px;
    }

    .title .title-sub {
        display: none;
    }

    .quick-overview .display-mobile {
        width: 15%;
        margin-right: 2%;
        float: left;
    }

    .quick-overview .display-mobile img {
        margin-top: 5px;
    }

    .quick-overview h3 {
        width: 83%;
        font-size: 18px;
        height: 50px;
        display: table-cell;
        vertical-align: middle;
    }

    .quick-overview p {
        margin-top: 10px;
        margin-bottom: 30px !important;
        float: left;
    }

    .neo-whatget p {
        text-align: left;
    }

    .neo-whatget .col-lg-4 {
        margin-bottom: 30px;
    }

    .need-help {
        background-position: center;
    }

    .need-help .need-button a {
        margin-bottom: 10px;
    }

    .neo-platforms .row > div {
        margin-bottom: 0;
    }

    .neo-platforms .row .item {
        width: 80%;
        margin-bottom: 30px;
    }

    .main-page .container > .title-component > p {
        font-size: 16px !important;
    }

    .neo-partner .col-lg-4 .item {
        margin-bottom: 30px;
    }

    .neo-partner .col-lg-4 .item p {
        font-size: 16px !important;
    }

    .neo-button a {
        min-width: 100%;
    }

    .neo-submit .explain .name {
        font-size: 18px;
    }

    .main-page .container > .title-component {
        margin-bottom: 50px;
    }

    .neo-submit .explain ul li {
        font-size: 14px;
    }

    .neo-submit .explain ul {
        margin-bottom: 30px;
    }

    .neo-submit .explain .tint {
        margin-bottom: 30px !important;
    }

    .neo-contact .col-md-4 {
        margin-bottom: 30px;
    }

    .neo-button a {
        margin-top: 30px;
    }

    .main-page .container > .title-component > .heading {
        font-size: 24px;
    }

    .main-page .container > .title-component > h2 {
        font-size: 24px;
    }

    .neo-reason .row > div {
        margin-bottom: 0;
    }

    .neo-reason p {
        margin-bottom: 30px !important;
    }

    .neo-reason .item .div-blank {
        margin-top: 30px;
    }

    .neo-reason .item img {
        display: none;
    }

    .neo-guide .row div:first-child {
        margin-bottom: 30px;
    }

    .neo-guide .icon {
        padding-left: 40%;
        background-position: 10% 50%;
    }

    .neo-thumb .item:first-child {
        margin-bottom: 30px;
    }

    .text-collapse .item a, .text-collapse .item .panel-title {
        font-size: 14px;
        line-height: 20px;
    }

    .padding-lt, .padding-rt {
        padding: 0;
    }

    .neo-edition .item {
        margin-bottom: 50px;
    }

    .neo-getOffer .tip {
        line-height: 48px;
        margin-bottom: 30px;
    }

    .neo-provider img {
        width: 40%;
    }

    .neo-provider a {
        width: 80%;
        min-width: auto;
        margin: 0 auto;
        margin-top: 50px;
        height: 80px;
    }

    .neo-provider a span {
        font-size: 18px;
        line-height: 36px;
    }

    .neo-rich .content .cover {
        width: 100%;
    }

    .neo-rich .content .cover .tips {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .neo-rich .content .intro {
        margin: 0;
        width: 100%;
    }

    .neo-rich .intro ul li {
        font-size: 14px;
        height: auto;
    }

    .neo-media .media-button-prev, .neo-media .media-button-next {
        width: auto;
    }

    .neo-platforms ul {
        margin: 0 auto;
    }

    .neo-support .item:last-child {
        margin-bottom: 90px;
    }

    .neo-rich .display-mobile .tips {
        margin: 10px auto;
    }

    .neo-rich .content {
        padding: 0;
    }

    .neo-benefit .item img {
        display: none;
    }

    .neo-database .col-md-4 {
        margin-top: 30px !important;
    }

    .neo-support .container > .row > div:last-child .item:last-child {
        margin-bottom: 90px !important;
    }

    .neo-exchange .col-lg-12 .item {
        width: 100%;
    }

    .neo-exchange .col-lg-12 {
        display: block;
    }

    .neo-exchange .col-lg-12 .item:first-child {
        margin-bottom: 30px;
    }

    .main-page .container > .title-component.title-nas .nas-title span {
        height: 100px;
        line-height: 24px;
    }

    .neo-linux-server-backup-supported .item {
        width: 262px;
        margin: 20px auto;
    }

    .neo-linux-server-backup-supported .col-md-3:last-child {
        margin: 0 !important;
    }

    .neo-tpology .col-lg-9, .neo-tpology .col-lg-3 {
        width: 100% !important;
    }

    .neo-tpology img {
        width: 100%;
    }

    .neo-file-backup-supported .item {
        width: 262px;
        margin: 20px auto;
    }

    .neo-data h3 span {
        font-size: 30px;
    }

    .neo-data p {
        margin-bottom: 30px !important;
    }

    .ransomware-prepared .tape {
        display: none;
    }

    .ransomware-ready .info {
        font-size: 16px !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .ransomware-scenario-group {
        margin-bottom: 50px;
    }

    .ransomware-scenario.display-mobile h4 {
        background-image: linear-gradient(to right, #4ad1cd 30%, transparent 100%);
        color: white;
        height: 60px;
        font-size: 20px;
        font-weight: bolder;
        border-radius: 30px;
        margin-bottom: 10px;
        padding-left: 5%;
        padding-right: 30%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ransomware-scenario.display-mobile h4::after {
        content: '▶';
    }

    .ransomware-scenario.display-mobile .intro {
        background-color: white;
        border: 2px solid #0d7a7e;
        border-radius: 40px;
        overflow: hidden;
    }

    .ransomware-scenario.display-mobile .intro-1 {
        background-color: #0d7a7e;
        color: white;
        border-radius: 20px;
        box-shadow: 0 0 20px 0 rgb(11, 137, 140);
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .ransomware-scenario.display-mobile .intro-1 .name, .ransomware-scenario.display-mobile .intro-2 .name {
        border: 2px solid white;
        width: 160px;
        line-height: 40px;
        font-family: var(--default-font-family-bold);
        font-size: 20px;
        font-weight: bolder;
        text-align: center;
        border-radius: 20px;
        margin: 0 auto 10px;
    }

    .ransomware-scenario.display-mobile .intro-1 .text {
        border-color: white;
    }

    .ransomware-scenario.display-mobile .intro-2 {
        color: #0d7a7e;
    }

    .ransomware-scenario.display-mobile .intro-2 .name {
        border: 2px solid #0d7a7e;
    }

    .ransomware-scenario.display-mobile .intro-1 .text, .ransomware-scenario.display-mobile .intro-2 .text {
        line-height: 24px;
        min-height: 146px;
        font-size: 14px;
        border-style: dashed;
        border-width: 2px 0 0;
        padding: 10px 30px;
    }

    .neo-customer .item p {
        margin: 0 10px;
    }

    .neo-customer .swiper-button-next, .neo-customer .swiper-button-prev {
        font-size: 30px;
    }

    .neo-rich .content {
        display: block;
    }

    .neo-work img {
        margin-bottom: 30px;
    }

    .neo-platforms-supported .item {
        margin-bottom: 30px !important;
    }

    .gdpr-rule img {
        margin-bottom: 30px;
    }

    .gdpr-rule .name {
        font-size: 24px;
    }

    .gdpr-feature div > img {
        display: none;
    }

    .gdpr-helper .helper-div {
        margin-bottom: 30px;
    }

    .neo-scenarios .col-lg-4 {
        margin-bottom: 30px;
    }

    .vin-download > .container > .row img {
        position: relative;
        right: 5%;
    }

    .file-download .guide-tr .guide-td {
        font-size: 14px;
    }

    .file-download .guide-tr .guide-td:first-child {
        padding-left: 10px;
    }

    .file-download .guide-tr .guide-td:last-child {
        width: 100px;
    }

    .enter-KB .col-md-6:first-child p:last-child {
        margin-bottom: 30px !important;
    }

    .file-download .guide-tr.long-text {
        line-height: 30px;
    }

    .file-download .guide-tr.long-text a {
        line-height: 60px;
    }

    .file-download .guide-tr.long-text .guide-td {
        max-width: 190px;
    }

    .customer-overview {
        width: 100%;
    }

    .page-title p {
        margin-bottom: 50px !important;
    }

    .sales-contact .item {
        margin-bottom: 50px;
    }

    .main-page .neo-comparison .container {
        width: 100%;
    }

    .neo-comparison .item .item-thead {
        line-height: 20px;
        font-size: 16px;
    }

    .neo-comparison .item-tbody .item-title {
        line-height: 20px;
        font-size: 16px;
        height: 60px;
    }

    .neo-comparison .item .item-tr {
        padding-left: 10px;
    }

    .neo-comparison .item .item-td {
        width: 25%;
    }

    .sup-vinchin .container {
        padding-top: 10px !important;
    }

    .four-people .cover-item {
        text-align: center;
    }

    .four-people .cover-item .leader-intro {
        text-align: left;
    }

    .neo-half-content .padding-rt {
        text-align: center;
    }

    .neo-half-content .padding-lt {
        width: 95%;
        margin: 0 auto;
    }

    .neo-half-content img {
        width: 80%;
        margin-bottom: 30px;
    }

    .neo-page ._htools-select {
        width: 100% !important;
    }

    .align-center .padding-lt ul li i {
        display: none;
    }

    .neo-carousel .item {
        padding: 180px 0 40px;
    }

    .neo-enterprise .item {
        min-height: 250px;
    }

    .neo-enterprise .item:nth-child(2) {
        min-height: 400px;
    }

    .neo-enterprise .item:nth-child(3) {
        min-height: 550px;
    }

    .enter-KB .col-md-6:first-child {
        margin-bottom: 30px;
    }

    .sales-page {
        height: 860px !important;
    }

    .neo-bar .navigate li {
        font-size: 12px;
    }

    .neo-edition .item {
        min-height: auto !important;
    }

    .neo-edition .item ul.char {
        min-height: auto;
        margin-bottom: 70px;
    }

    .neo-getOffer {
        background-size: cover;
    }

    .neo-getOffer .row {
        display: block;
    }

    .neo-contact .col-md-3 {
        margin-bottom: 30px;
    }

    .neo-platforms ul {
        width: auto;
    }

    .neo-button a {
        width: 100%;
    }

    .neo-feature.red-virtualization img {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .neo-partner img {
        width: 100%;
        margin-bottom: 30px;
    }

    .neo-support .support-tab li {
        font-size: 14px;
    }

    .neo-benefit .item ul.tag li {
        margin-bottom: 10px;
    }

    .neo-work ul li span {
        display: none;
    }

    .neo-platforms-supported .item {
        padding-left: 10%;
    }

    .gdpr-protection .feature-panel .item {
        width: 100%;
        height: 400px;
    }

    .gdpr-feature .name.title1, .gdpr-feature .name.title2 {
        font-size: 18px;
        line-height: 30px;
    }

    .neo-support-os .item .item-head h3 {
        position: relative;
        left: 25%;
    }

    .need-help h2 {
        font-size: 24px;
    }

    .need-help .need-button a {
        font-size: 18px;
    }

    .need-help ul li {
        font-size: 14px;
    }

    .need-help ul li i {
        margin-right: 10px;
    }

    .neo-need a {
        position: relative;
        top: 10px;
    }

    .cookie-notice .notice-text {
        width: 100%;
    }

    .neo-request .block a {
        font-size: 16px;
    }

    .neo-tpology table {
        margin-left: -13px;
    }

    .neo-tpology table th {
        background: #4AD1CD;
        color: #fff;
        text-align: center;
        padding: 2px;
        font-size: 13px;
        line-height: 27px;
        width: 30%;
    }

    .neo-tpology table td {
        font-size: 11px;
        font-weight: normal;
        line-height: 20px;
        color: #171717;
        padding: 2px;
        text-align: center;
    }

    .neo-tpology table th:first-child {
        width: 10%;
    }

    .neo-tpology table span {
        font-size: 11px;
    }
}

/* 移动端适配调整结束（414-360） */