:root {
    --primary: #07e897;
    --primary-hover: #12bf6a;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 85%;
}

body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}


body, button, input, select, textarea {
    font-family: AlibabaPuHuiTi-2-55-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none!important;
}

textarea.form-control {
    height: auto !important;
}

.text-primary {
    color: var(--primary) !important;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:hover {
    border-color: var(--primary);
    background-color: var(--primary);
}

.page-item.active .page-link {
    background-color: var(--primary);
}

:focus {
    outline: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

input[type=checkbox] {
    position: relative;
    margin-right: 2px;
    width: 18px;
    height: 12px;
}

input[type=checkbox]:after {
    content: '';
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid #cfd5de;
    background-color: #fff;
    border-radius: 0;
    color: rgba(0,0,0,.9);
    position: absolute;
    transform: translate(0, 0px);
}

input[type=checkbox]:focus:after, input[type=checkbox]:hover:after {
    border-color: #0b53d9;
}

input[type=checkbox]:checked:after {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #0b53d9;
    background-color: #0b53d9;
}

input[type=checkbox]:checked:before {
    position: absolute;
    width: 16px;
    height: 16px;
    color: #FFF;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    z-index: 10;
    font-size: 0.8rem;
    top: -1px;
    left: 2px;
}

.text-white {
    color: #FFF;
}

.hidden {
    display: none !important;
}

.form-control-plaintext, .form-control {
    box-shadow: none !important;
    border: 1px solid #edefef;
    transition: all .3s;
    height: 36px;
}

.form-control:hover, .form-control:focus {
    outline: 0;
    box-shadow: none;
}



.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
}
.btn-default {
	color: #4e5969;
    background-color: #fff;
    border-color: #c9cdd5;
	box-shadow: 0 1px 1px rgba(0,0,0,.08);
}
.btn-default:hover {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
}
.btn-primary {
	background-color: #07e897;
	border-color: #07e897;
	color: #343f48;
}
.btn-primary:hover {
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	border-color: #343f48;
	background: #343f48;
	color: #fff;
}
.space {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.navbar-brand {
    text-indent: -999rem;
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left center;
    height: 40px;
    width: 150px;
    margin: 0;
    padding: 0;
}

.homepage header#header {
    z-index: 101;
    width: 100%;
    position: fixed;
    transition: background-color .3s ease;
    background: #fff;
}


header#header.header-white {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
}

.nav-item.billing .dropdown-menu {
    width: 240px;
}


.dropdown-menu .panel-amount {
    padding: 0 1.5rem;
}

.dropdown-menu .panel-amount-head {
    font-size: 12px;
    color: #888;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-menu .panel-amount-head .panel-amount-head-btn a {
    font-size: 12px !important;
    color: #e6c979;
}

.dropdown-menu .panel-amount-number {
    color: #333;
    font-style: normal;
    margin: 1rem 0;
    display: flex;
    align-items: flex-end;
}

.dropdown-menu .panel-amount-number em {
    font-style: normal;
}

.dropdown-menu .panel-amount-number .amount-number {
    font-size: 28px;
    line-height: 1;
    margin-right: 2px;
}

header .navbar {
    height: 60px;
}

header .navbar-nav .nav-item > a {
    font-size: 14px;
    display: block;
}


header .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    color: #5e6166;
    line-height: 59px;
    padding: 0 1rem;
    font-weight: 500;
}

header .navbar-nav .nav-item .nav-link .bi {
    font-size: 12px;
    transition: all 0.3s ease;
}

header .navbar-nav .nav-item .nav-link.show, header .navbar-nav .nav-item .nav-link:hover {
    color: var(--primary);
}

header .navbar-nav.navbar-nav-right .nav-item .btn {
    border-radius: 2px;
}

.dropdown-item {
    padding: .5rem 1.5rem;
}

.dropdown-item:active {
    background-color: transparent;
}

.dropdown-item .dropdown-link {
    color: #5e6166;
    display: block;
    text-decoration: none;
}

.dropdown-wrap {
    position: relative;
}

.dropdown-wrap-fluid {
    position: unset;
}

.dropdown-container {
    overflow: hidden;
    opacity: 0;
    height: 0;
    max-height: 0;
    position: absolute;
    top: 60px;
    left: 0;
    width: 150px;
    z-index: -1;
    transition: max-height .25s ease-in-out, opacity .25s ease-in-out;
}

.dropdown-wrap-fluid .dropdown-container {
    width: 100%;
}

.dropdown-container.show {
    padding-bottom: 20px;
    z-index: 100;
    height: auto;
    opacity: 1;
    max-height: 900px;
}

.dropdown-body {
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 5%);
    position: relative;
}

.dropdown-body ul > li > a {
    color: #444;
    display: block;
    line-height: 40px;
    text-decoration: none;
    padding: 0 1rem;
}

.dropdown-body ul > li > a:hover {
    color: var(--primary-hover);
    background-color: #f9faff;
}

.dropdown-body .list-items h5 {
}

.dropdown-body .list-items .list-item-link {
    margin-bottom: 1rem;
}

.dropdown-body .list-items .list-item-link a {
    padding: 0;
    line-height: 1.5;
}

.dropdown-body .list-items .list-item-link a:hover {
    background-color: transparent;
}

.dropdown-body .card .card-title {
    color: #444;
}

.dropdown-wrap-fluid .dropdown-body {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.dropdown-body-menu {
    width: 100%;
}

.body-menu-title {
    font-weight: 400;
    font-size: 1.215rem;
    margin-bottom: 1.5rem;
}

.body-menu-desc {
    color: rgba(34, 34, 34, 0.7);
    line-height: 28px;
}

.dropdown-bd {
    width: 100%;

}

.dropdown-bd .body-main {max-width: 100%;overflow: hidden;}

.dropdown-bd .body-main-title {
    font-weight: 400;
    font-size: 1.215rem;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 18px;
}

.dropdown-bd .body-main-title:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    display: block;
    height: 20px;
    width: 4px;
    background-color: var(--primary);
}

.dropdown-bd .body-main-bd {
    display: flex;
    flex-direction: column;
    display: flex;
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 2rem;
    width: 100%;
}

.body-main-bd-item {
    background-color: #f7f9fd;
    border-radius: .25rem;
    padding: .85rem;
    margin-bottom: 1rem;
    display: block;
}

.body-main-bd-item h4 {
    color: #333;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.body-main-bd-item h4 .badge {
    margin-left: .5rem;
    transform: scale(.8);
    text-transform: uppercase;
}

.body-main-bd-item h4 .badge-hot {
    color: #fff;
    background-color: #dc3545;
}

.body-main-bd-item h4 .badge-new {
    color: #fff;
    background-color: var(--primary);
}

.body-main-bd-item p {
    font-size: .815rem;
    color: rgba(34, 34, 34, 0.5);
    margin-bottom: 0;
    overflow: hidden;
}

.body-main-bd-item:hover {
    text-decoration: none;
    background-color: #f4f4f8;
    transition: .25s;
}

.body-main-bd-item:hover h4 {
    color: var(--primary);
}

.dropdown-body-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 20px;
}

.dropdown-body-menu-list li {
    text-align: left;
    -moz-box-pack: left;
    border-radius: 4px;
    font-size: 14px;
    height: 36px;
    -webkit-justify-content: left;
    justify-content: left;
    padding-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.dropdown-body-menu-list li.active {background: #f3fbf6;color: #07e897;cursor: pointer;font-weight: 600;}


.dropdown-body-main .tabs-content {
    display: none;
}

.dropdown-body-main .tabs-content.active {
    display: block;
}

.dropdown-body .card {
    border-color: #ebf0fc;
}

.dropdown-body .card:hover {
    background-color: #f9faff;
    text-decoration: none;
    border-color: var(--primary-hover);
    color: var(--primary-hover);
}

.dropdown-body .card .card-text {
    color: #444;
}

.dropdown-body .card:hover .card-text {
    color: #444;
}

.dropdown-body-box {
    flex: 1;
    padding: 0 1.5rem;
}

.account .dropdown-menu {
    width: 240px;
    border: 0 none;
    box-shadow: 0 0 16px 0 rgb(54 58 80 / 16%);
}

.btn-thememode > a > div {
    display: flex;
    align-items: center;
    font-size: 12px;
    overflow: hidden;
    border-radius: .25rem;
    border: 1px solid #9ba0a4;
    vertical-align: middle;
}

.btn-thememode > a > div > div {
    padding: 2px 5px;
}

.btn-thememode > a > div .active {
    color: #FFF;
    background-color: var(--primary);
}

/* swiper */
.wrap-main-swiper {
    overflow: hidden;
    background-position: center;
    background-size: auto 610px;
    position: relative;
}

.wrap-main-swiper .swiper-slide-banner {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 550px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 540px;
}

.wrap-main-swiper .swiper-slide-mp4 video {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%,-50%);
}

.wrap-main-swiper .content-slide {
    padding: 0;
    font-size: 18px;
    max-width: 660px;
    position: relative;
    z-index: 20;
}

.wrap-main-swiper .content-slide .slogan {
    letter-spacing: 1px;
    color: #020814;
    font-size: 42px;
    font-weight: 550;
    line-height: 60px;
}

.wrap-main-swiper .content-slide .sub-slogan {
    opacity: .8;
    margin-bottom: 3rem;
    padding-right: 50px;
}

.wrap-main-swiper .content-slide .btn {
    padding: 0;
    line-height: 48px;
    min-width: 180px;
    height: 48px;
    border-radius: 0px;
    font-weight: 600;
}

.wrap-main-swiper .content-slide img {
    position: absolute;
    left: 50px;
    top: -70px;
    max-height: 700px;
    z-index: -1;
}

.swiper-pagination-bullets {
    text-align: left !important;
    top: -120px;
}

.swiper-pagination-bullet {
    cursor: pointer;
    margin: 0 3px;
    border-radius: .5rem !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 5px !important;
    background-color: #FFF !important;
}

.swiper-pagination-bullet-active {
    background-color: var(--primary) !important;
}

.swiper-media {
    z-index: 100;
    /* position: absolute; */
    width: 100%;
    /* margin-top: -50px; */
    z-index: 2;
    position: relative;
    z-index: 100;
    position: absolute;
    width: 100%;
    bottom: 80px;
}

.swiper-media-items {
    overflow: hidden;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    border: 1.5px solid #fff;
    background-color: rgba(255,255,255,.6);
    box-shadow: 0 4px 33px rgb(190 196 207 / 28%);
    display: flex;
    align-items: center;
}

.swiper-media-item {
    flex: 1;
    color: #4a5072;
    height: 110px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 1.3rem;
}

.swiper-media-item:after {
    content: '';
    right: 0px;
    top: 50%;
    width: 1px;
    height: 50px;
    background-color: #ebf0fc;
    position: absolute;
    margin-top: -25px;
}

.swiper-media-item:hover {
    color: #4a5072;
    text-decoration: none;
}

.swiper-media-item img {
    max-width: 43px;
}

.swiper-media-item .media-body {
    margin-left: 1.3rem;
}

.swiper-media-item .media-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #282c33;
    margin-bottom: 5px;
}

.swiper-media-item .media-text {
    line-height: 24px;
    color: #9599a8;
    font-size: 14px;
}

.swiper-media-item:last-child:after {
    display: none;
}

.main-header {
    text-align: center;
    margin-bottom: 4rem;
}

.main-products-menu {
    border-bottom: 2px solid #e7e8ef;
}

.main-products-menu .nav .nav-link {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: -2px;
}

.main-products-menu .nav .nav-link.active {
    color: #096eff;
    border-radius: 0;
    box-shadow: inset 0 -2px 0 0 #096eff;
    background-color: transparent;
}

.main-products {
    padding-top: 120px !important;
    background: #f4f4f8;
    background-size: 1920px 610px;
    background-position: center;
    background-image: url("../img/vit4w.png");
}

.main-products-body {
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%);
}

.main-products-body.style2 {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.product-detail {
    display: flex;
}

.product-detail-side {
    width: 378px;
    padding-right: 48px;
    margin-bottom: 0;
}

.product-detail-main {
    flex: 1;
}

.product-recommend {
    background-color: #f3f5f8;
    background-image: url("../img/w45wr.webp"),linear-gradient(180deg,#f3f5f8,#fff 178px,#fff);
    background-size: 340px auto,auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 18px;
    box-sizing: border-box;
    height: 150px;
    position: relative;
    margin-bottom: 2rem;
}

.product-recommend:last-child {
    margin-bottom: 0;
}

.product-recommend-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.product-recommend-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
}

.product-recommend-title {
    font-weight: 500;
    font-size: 20px;
    color: inherit;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.product-recommend:hover .product-recommend-title {
    color: var(--primary);
}

.product-recommend-desc {
    font-size: 14px;
    color: #3d485d;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-recommend-btns {
    margin-top: 16px;
    display: flex;
    position: relative;
    z-index: 2;
}

.product-recommend-btns .btn:first-child {
    margin-left: 0;
    position: relative;
}

.product-recommend-btns .btn {
    flex: 1;
    margin-left: 12px;
    min-width: 0;
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
}

.product-detail-lists {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(3, auto);
}

.clientarea-body .product-detail-lists {
    grid-gap: 1rem;
}

.product-detail-list:hover {
    text-decoration: none;
}

.product-detail-list-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
}

.product-detail-list:hover .product-detail-list-title {
    color: var(--primary);
}

.product-detail-list-title {
    font-weight: 500;
    font-size: 16px;
    color: inherit;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.product-detail-list-desc {
    margin-bottom: 8px;
    font-size: 14px;
    color: #3d485d;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-detail-list-tags {
}

.product-detail-list-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    color: #98a3b7;
    border: 1px solid rgba(157,173,193,.5);
    border-radius: 2px;
    margin-right: 8px;
}

.product-detail-list-marks {
    margin-left: 8px;
    white-space: nowrap;
}

.product-detail-list-bubble {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
}

.product-detail-list-bubble:last-child {
    margin-right: 0;
}

.product-detail-list-bubble-inner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #f64041;
    border-radius: 2px;
    border-bottom-left-radius: 0;
}

.product-detail-list-bubble-inner:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent #f64041 #f64041 transparent;
    border-style: solid;
    border-width: 2px 3px;
}

.page-product-aside {
    padding-right: 0;
}

.page-product-body-aside {
    height: 483px;
    padding: 28px 32px;
    background-color: #077cff;
    background-image: url("../img/bg-product-aside.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
}

.page-product-body-title {
    line-height: 32px;
    font-size: 24px;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 16px;
}

.page-product-body-data {
    color: #FFF;
    margin: 0 0;
    padding: 0;
    list-style: none;
}

.page-product-body-data li {
    line-height: 24px;
    font-size: 14px;
}

.page-product-body-data li + li {
    margin-top: 16px;
}

.page-product-body-foot {
    margin-top: 46px;
}

.page-product-body-foot .btn {
    width: 100px;
}

.page-product-list [class*=col-] {
    padding: 0;
    border-right: 1px solid #E5E8ED;
    border-bottom: 1px solid #E5E8ED;
}

.page-product-list [class*=col-]:nth-child(2n) {
    padding-right: 15px;
    border-right: none;
}

.page-product-list [class*=col-]:nth-child(5n), .page-product-list [class*=col-]:nth-child(6n) {
    border-bottom: none;
}

.page-product-card {
    padding: 25px;
    display: block;
}

.page-product-card:hover {
    color: inherit;
    text-decoration: none;
    box-shadow: 0 4px 8px 0 rgb(0 110 255 / 12%);
}

.page-product-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.page-product-card-title {
    color: #333;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.page-product-card-price {
    color: #ff7900;
    font-weight: 500;
    font-size: 16px;
}

.page-product-card-desc {
    color: #999;
}

.page-product-card-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.page-product-card-body ul li {
    flex: 1;
    color: #000;
}

.page-product-card-body ul li span {
    display: block;
    color: #999;
    line-height: 24px;
    font-size: 12px;
}

.left-tools {
    display: flex;
    align-items: center;
}

.left-tools > .btn {
    margin-right: .8rem;
}

.left-tools .btn-default {
    border-color: #AAA;
    background-color: transparent;
}

.right-tools {
    display: flex;
    align-items: center;
}

.right-tools button {
    border: 0 none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 18px;
}

.changeViews {
    margin-left: 1.5rem;
}

.changeViews {
    display: flex;
    overflow: hidden;
    border-radius: .25rem;
}

.changeViews > button {
    border: 0 none;
    cursor: pointer;
    flex: 1 1 50%;
    background-color: #FFF;
}

.changeViews > button:focus, .changeViews > button:hover, .changeViews > button.active {
    color: var(--primary);
    outline: none;
    background-color: #a8bff2;
}

.main-solution {
    background-size: cover;
    background-image: url("../img/9r9c9.png");
}

.main-solution-body .main-solution-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 180px;
    padding: 0 16px 0 26px;
    position: relative;
    margin-bottom: 3rem;
    border-radius: .5rem;
    background-color: #fbfcfd;
    transition: all .3s ease-in-out;
    box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
}

.main-solution-body .main-solution-item:hover {
    background-color: #fff;
    transform: translateY(-20px);
}

.main-solution-body .main-solution-item img {
    width: 110px;
}

.main-solution-body .main-solution-item h4 {
    margin-bottom: 16px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 500;
}

.main-solution-body .main-solution-item p {
    line-height: 22px;
    color: #848b99;
    margin-bottom: 0;
}

.main-services-item {
    padding: 50px 28px;
    height: 400px;
    overflow: hidden;
    border-radius: .8rem;
    box-sizing: border-box;
    background-size: 110%;
    transition: all .3s ease-in-out;
    background-position: bottom;
    background-color: #e5eaf6;
}

.main-services-item:hover {
    transform: translateY(-20px);
}

.main-services-item-1 {
    background-image: url("../img/simple_bg.png");
}

.main-services-item-1:hover {
    background-image: url("../img/simple_hover_bg.png");
}

.main-services-item-2 {
    background-image: url("../img/data_bg.png");
}

.main-services-item-2:hover {
    background-image: url("../img/data_hover_bg.png");
}

.main-services-item-3 {
    background-image: url("../img/intelligence_bg.png");
}

.main-services-item-3:hover {
    background-image: url("../img/intelligence_hover_bg.png");
}

.main-services-item-4 {
    background-image: url("../img/export_bg.png");
}

.main-services-item-4:hover {
    background-image: url("../img/export_hover_bg.png");
}

/* maps */
.intl-map {
    position: relative;
}

.intl-map-object {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 92.2882%;
    box-sizing: border-box;
    z-index: 2;
}

.intl-map-bg-pc {
    position: relative;
    padding-top: 48.944%;
    width: 100%;
    height: 0;
    font-size: 0;
    box-sizing: border-box;
}

.intl-map-bg-pc img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.intl-map-bg-mb {
    display: none;
}

.intl-map-dot-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.intl-map-dot-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.intl-map-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    cursor: pointer
}

.intl-map-dot::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    visibility: hidden;
    opacity: 0
}

.intl-map-dot-layer, .intl-map-dot::after {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}

.intl-map-dot-group.anim .intl-map-dot-layer {
    animation: fadeIn .3s ease-out forwards
}

.intl-map-dot.active .intl-map-dot-layer, .intl-map-dot:hover .intl-map-dot-layer {
    opacity: 0;
    visibility: hidden
}

.intl-map-dot.active::after, .intl-map-dot:hover::after {
    opacity: 1;
    visibility: visible;
    animation: fadeInLarger .5s ease-out forwards
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        width: 6px;
        height: 6px
    }

    100% {
        opacity: 1;
        width: 22px;
        height: 22px
    }
}

@keyframes fadeInLarger {
    0% {
        width: 22px;
        height: 22px
    }

    100% {
        width: 36px;
        height: 36px
    }
}

.intl-map-dot.style-1 {
    background: #006EFF
}

.intl-map-dot.style-1 .intl-map-dot-layer, .intl-map-dot.style-1::after {
    background: rgba(0, 110, 255, .1);
    border-color: rgba(0, 110, 255, .2)
}

.intl-map-dot.style-2 {
    background: #FF7800
}

.intl-map-dot.style-2 .intl-map-dot-layer, .intl-map-dot.style-2::after {
    background: rgba(255, 120, 0, .1);
    border-color: rgba(255, 120, 0, .2)
}

.intl-map-dot-tit {
    position: absolute;
    top: 50%;
    line-height: 1;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    transform: translateY(-50%);
}

.intl-map-dot-tit.pos-left {
    margin-right: 4px;
    right: 100%
}

.intl-map-dot-tit.pos-right {
    margin-left: 4px;
    left: 100%
}

.intl-map-bubble {
    position: absolute;
    z-index: 6;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 12px;
    width: 200px;
    text-align: center;
    transition: .3s all ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    pointer-events: none;
    box-sizing: border-box
}

.intl-map-bubble-inner {
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 196px;
    line-height: 18px;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #006EFF;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);
    box-sizing: border-box
}

.intl-map-bubble-tit {
    line-height: 24px;
    font-size: 14px;
    color: #006EFF;
    background: #EBF4FF;
    border-radius: 4px 4px 0 0;
    padding: 8px 16px;
    font-weight: 500
}

.intl-map-bubble-detail {
    margin-top: 4px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    padding: 8px 16px
}

.intl-map-bubble-detail-item {
    margin-bottom: 4px
}

.intl-map-bubble-detail-item::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.intl-map-bubble-detail-tip {
    float: right;
    margin-left: 16px
}

.intl-map-bubble-detail-main {
    overflow: hidden
}

.intl-map-bubble-inner::after, .intl-map-bubble-inner:before {
    content: "";
    position: absolute;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -8px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 8px dashed transparent;
    border-top-style: solid;
    box-sizing: border-box
}

.intl-map-bubble-inner::before {
    border-top-color: #006EFF
}

.intl-map-bubble-inner::after {
    margin-top: -2px;
    border-top-color: #fff
}

.intl-map-dot.activ, .intl-map-dot:hover {
    z-index: 3
}

.intl-map-dot.active .intl-map-bubble, .intl-map-dot:hover .intl-map-bubble {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.intl-map-main {
    position: absolute;
    left: 0;
    bottom: 20px
}

.intl-map-data-item + .intl-map-data-item {
    margin-top: 20px
}

.intl-map-data-tit {
    line-height: 32px;
    font-size: 32px;
    color: #000;
    font-weight: 700
}

.intl-map-data-desc {
    margin-top: 4px;
    line-height: 20px;
    font-size: 14px;
    color: #000
}

.intl-map-explain {
    margin-top: 40px
}

.intl-map-explain-item + .intl-map-explain-item {
    margin-top: 12px
}

.intl-map-explain-item {
    position: relative;
    padding-left: 32px
}

.intl-map-explain-item .intl-map-dot {
    position: absolute;
    top: 9px;
    left: 9px
}

.intl-map-explain-item .intl-map-dot-layer {
    width: 24px;
    height: 24px
}

.intl-map-explain-text {
    line-height: 24px;
    font-size: 14px;
    color: #000
}

.intl-map-annotations2 {
    display: none
}

.intl-map-annotations {
    margin-top: 40px
}

.intl-map-annotations-text {
    max-width: 266px;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 18px
}

/* Sidebar */
.sidebar-sticky {
    height: 100%;
    padding-top: 1.5rem;
    background-color: #1e222d;
}

.sidebar-sticky .nav-title {
    padding: 18px 0 5px 20px;
    color: #7c878e;
    font-size: 12px;
}

.sidebar-sticky .nav-link {
    color: #c1c6c8;
    padding: 9px 0 9px 20px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.sidebar-sticky .nav-link i {
    color: #7c878e;
    margin-right: 8px;
    font-size: 20px;
    text-align: center;
}

.sidebar-sticky .nav-link span:first-child {
    flex: 1;
}

.sidebar-sticky .nav-link:hover {
    background-color: #262f3e;
}

.sidebar-sticky .nav-link.active {
    color: var(--primary);
    background-color: rgba(22, 100, 255, 0.08);
}

.sidebar-sticky .nav-link.active i {
    color: #FFF;
}

.side-white .sidebar-sticky {
    background-color: #eeeff3;
    border-right: 1px solid #f0f1f3;
    padding-right: 12px;
    padding-left: 12px;
}

.side-white .sidebar-sticky .nav-link {
    color: #7c878e;
}

.side-white .sidebar-sticky .nav-link:not(.active):hover {
    color: #fff;
    background-color: #222;
}

.side-white .sidebar-sticky .nav-link:not(.active):hover i {
    color: #07e897;
}
.side-white .sidebar-sticky .nav-link.active {
    color: #fff;
    background-color: #222;
}

/* WHMCS ClientArea */
.page-container {
    height: 100%;
    position: relative;
}

.page-body {
    transition: all cubic-bezier(.4,0,.2,1) .2s;
    position: absolute;
    left: 200px;
    top: 0;
    right: 0;
    bottom: 0;
}

.page-body .card {
    border-color: #eef0f8;
}

.page-side {
    position: fixed;
    top: 60px;
    width: 200px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
}


.subtop {
    padding: 120px 0;
    padding-top: 120px;
    background-position: top right;
    background: #eeeff3;
}


.subtop .subtop-info {
    color: #FFF;
    font-size: 16px;
}

.subtop .subtop-title {
    color: #181818;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    height: 52px;
    letter-spacing: .002em;
    line-height: 52px;
}

.subtop-info p {
    color: hsla(0,0%,9%,.8);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
    width: 100%;
}

.subtop .subtop-title small {
    font-size: 20px;
    margin-left: 1rem;
}



section#main-body {
    padding: 0;
    position: absolute;
    width: 100%;
    top: 60px;
    height: 100%;
}

.main-content {
    margin-bottom: 0;
}

.main-content .card {
    margin-bottom: 1.5rem;
}

.main-content h3.card-title {
    font-size: 1.25rem;
    font-weight: 400;
}

.main-content .form-check {
    padding-left: 0;
}

.bootstrap-switch.bootstrap-switch-small, .bootstrap-switch.bootstrap-switch-mini {
    min-width: 55px;
    line-height: auto;
}

.marketing-email-optin {
    padding: 20px;
    margin: 0 0 20px 0;
    background-color: #f8f8f8;
    border-radius: 3px;
}

#registration label {
    font-weight: 400;
    font-size: 16px;
}

#registration .checkbox {
    margin-top: 0;
    margin-bottom: 20px;
}

.checkbox label, .radio label {
    padding-left: 0;
}

/* clientarea-home */
.main-container {
    padding: 1.5rem 0;
}

.clientarea-home .card {
    margin-bottom: 22px;
    border: 0px solid #f1f2f3;
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 3%);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
}

.clientarea-home .card .card-header {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 24px;
}

.clientarea-home .card .card-header .btn:hover {
    color: #FFF;
}

.clientarea-home .card .card-header .card-title {
    color: #666;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-text-1);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.clientarea-home .card .card-body {
    padding: 1rem 1.25rem;
    position: relative;
    max-height: inherit;
    overflow: hidden;
}

.clientarea-home .card .card-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clientarea-home .card .card-body ul li.list-group-item {
    padding: 10px 1.25rem;
    border: 0 none;
    border-bottom: 1px solid #f1f2f3;
}

.clientarea-home .card .card-body li.list-group-item .date {
    color: #AAA;
}

.clientarea-home .card .card-body li h5 {
    color: #333;
    font-size: 1rem;
    margin-bottom: 0;
}

.clientarea-home .card .card-body li a {
    display: block;
}

.clientarea-home .card .card-body a, .clientarea-home .card .card-body a:hover {
    text-decoration: none;
    /* box-shadow: 0 2px 6px rgba(0,0,0,.05); */
}

.clientarea-home .card-item {
    display: flex;
    margin: .5rem 0 .75rem;
    padding: 10px;
    border: 1px solid rgba(234,237,241,.8);
    border-radius: 4px;
}

.clientarea-home .card-item .card-item-icon {
    height: 48px;
    width: 48px;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #f4f6fc; */
    /* color: #7d848e; */
    font-size: 24px;
    line-height: 1;
}

.clientarea-home .card-item .card-item-title {
    color: #020814;
    margin-bottom: 4px;
}

.clientarea-home .card-item:hover .card-item-title {
    color: #076dff;
}

.clientarea-home .card-item .card-item-info {
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: flex-start;
    word-break: break-word;
}

.home-billing-recent {
    display: flex;
}

.consumption-infos {
	flex: 0 0 28.57143%;
	min-width: 200px;
	width: 28.57143%;
	display: flex;
	flex-direction: column;
}
.consumption-info {
	background-color: #f6f8fa;
	border-radius: 8px;
	box-sizing: border-box;
	display: block;
	height: 110px;
	margin-top: 16px;
	padding: 16px 20px;
}
.consumption-info:first-child {
	margin-top: 0;
	height: auto;
	background-color: #e6f0ff;
	border: 1px solid #e6f0ff;
}


.consumption-chart {
	margin-left: 24px;
	flex: 0 0 71.42857%;
	max-width: calc(100% - 200px);
	width: 71.42857%;
}
.consumption-info {
    color: #888;
}

.consumption-info span {
    color: #333;
}

.current-month-number {
    margin: 16px 0 10px 0;
    font-size: 20px;
    color: #333;
    font-family: TCloudNumber;
}

.last-month-number {
    margin-top: 10px;
    font-size: 14px;
}

ul.reward-primary {
    display: flex;
}

ul.reward-primary > li {
    flex: 1;
    border-right: 1px solid #ebebeb;
    text-align: center;
}

ul.reward-primary > li:last-child {
    border-right: 0;
}

ul.reward-primary > li .money {
    color: #333;
    font-size: 2rem;
    font-family: TCloudNumber;
}

ul.reward-primary > li .symbol {
    font-size: 14px;
}

ul.reward-primary > li .money-label {
    font-size: 12px;
    color: rgba(85,85,85,.5);
}

ul.reward-secondary {
    margin-top: 20px;
}

ul.reward-secondary>li {
    display: flex;
    position: relative;
    line-height: 24px;
    font-size: 12px;
}

ul.reward-secondary>li .money-label {
    color: #333;
    flex: 1;
    color: #888;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-aff .links {
    margin-top: 16px;
    text-align: center;
}

.item-aff .inner {
    font-size: 12px;
    margin-top: 16px;
    margin-right: -17px;
    margin-left: -17px;
    padding: 12px 16px;
    color: #555;
    background-color: #ebf4fb;
}

.item-aff .share-links {
}

.no-data {
    min-height: 300px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.no-data .icon-holder {
    background-image: url("../img/icon-no-openorder.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
}

.avatar {
    border-radius: 50%;
    overflow: hidden;
}

.avatar-sm {
    width: 24px;
    height: 24px;
}

.avatar-md {
    width: 48px;
    height: 48px;
}

.avatar-lg {
	width: 64px;
	height: 64px;
}

.avatar img {
    max-width: 100%;
}



.card-body-info {
	display: flex;
	align-items: center;
	background-image: url("../img/avatar-bg.svg");
	background-position: 110px 14px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 1.5rem;
}
.funds-item-info {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 2rem;
}
.funds-item-labels {
	
}
.funds-item-label {
	color: #4e5969;	
	padding: 1px 8px;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #dde2e9, 0 2px 1px rgba(0,0,0,.08);
	border: 0 none;
	background-color: #f6f8fa;
	margin-right: 8px;
}
.funds-item-text {
	
}
.funds-item-top {
	display: flex;
	align-items: center;
}
.funds-item-top small {
	margin-left: 1rem;
}
.funds-item-other {
	display: flex;
	margin: 0 -20px;
}
.funds-item {
	flex: 1;
	padding: 0px 20px;
	cursor: pointer;
	text-decoration: none;
}
.funds-item:last-child {
	margin-right: 0;
}
.funds-item:hover {
	text-decoration: none;
}
.funds-item-header {
	font-size: 13px;
	color: #888;
	line-height: 1.5;
}
.funds-item .funds-num {
	color: #000;
	font-size: 20px;
	font-family: TCloudNumber;
}
.funds-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.funds-header h5 {
	font-size: 12px;
}


/*
* Main-top
*/
.main-top {
    background-color: #FFF;
    margin: 0;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaedf1;
}

.main-top > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-top h1 {
    color: #2a2e36;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0;
}

.main-top h1 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
    margin-left: 10px;
    font-size: 1rem;
}

.main-top .breadcrumb {
    color: #4d5460;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
}

.main-top .breadcrumb a {
    color: #a6abaf;
}

/* INVOICE */
@media (min-width: 992px) and (max-width: 1199px) {
    .invoice-container > div:last-child:not(.col-md-3) {
        width: 242px!important;
    }
}

.status-label {
    float: right;
    font-weight: 500;
    background-color: rgba(255, 255, 255, .1);
}

.invoice-logo img {
    max-width: 280px;
}

.invoice-top ul > li {
    position: relative;
    margin: 0 0 8px 0;
    text-align: right;
}

.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2;
}

.invoice-status {
    color: #fff;
}

.invoice-status .status-id {
    padding-left: 44px!important;
}

.invoice-status.status-md .status-id {
    padding-right: 30px;
    text-align: right;
}

.invoice-status.status-md .status-label {
    font-weight: 700;
}

.panel-invoice .list-address, .panel-invoice address {
    font-size: 13px;
}

.invoice-info h5 {
    font-size: 14px;
    font-weight: bold;
}

.form-actions table, .form-actions table > tbody, .form-actions table > tbody > tr, .form-actions table > tbody > tr > td, .form-actions table > tbody > tr > td > form {
    display: block;
    width: 100%;
}

.form-actions table > tbody > tr > td:first-child {
    margin-bottom: 8px;
}

.invoice-table .table>tbody>tr>td, .invoice-table .table>tbody>tr>th, .invoice-table .table>thead>tr>td, .invoice-table .table>thead>tr>th, .invoice-table .table>tfoot>tr>td, .invoice-table .table>tfoot>tr>th {
    padding-left: 0;
}

.invoice-table .table>tfoot>tr:last-child>td {
    border-bottom: 0 none;
}

.table .table-summary > tr > td:first-child {
    text-align: right;
    vertical-align: middle;
    border-bottom: none;
}

@media (min-width: 768px) {
    .panel-invoice .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .panel-invoice [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .panel-invoice .table > tbody > tr > td, .panel-invoice .table > thead > tr > th, .panel-invoice .table > tfoot > tr > td {
        padding: 10px 25px;
    }

    .panel-invoice .table > tbody > tr > td:first-child, .panel-invoice .table > thead > tr > th:first-child, .panel-invoice .table > tfoot > tr > td:first-child, .panel-invoice > .panel-body > h4, .panel-invoice > .panel-body > p {
        padding-left: 0;
    }

    .panel-invoice .table > tbody > tr > td:last-child, .panel-invoice .table > thead > tr > th:last-child, .panel-invoice .table > tfoot > tr > td:last-child, .panel-invoice > .panel-body > h4, .panel-invoice > .panel-body > p {
        padding-right: 0;
    }

    .status-label {
        padding: 0 20px;
    }

    .invoice-top, .invoice-status {
        margin-bottom: 40px;
    }

    .invoice-info {
        margin-bottom: 20px;
    }

    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px;
    }

    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
    }

    .invoice-taxitem {
        margin: -30px 0 40px;
    }
}

@media (max-width: 767px) {
    .invoice-status {
        padding-left: 54px;
        margin: 0 0 20px -40px;
    }

    .invoice-status .status-id {
        padding-left: 10px!important;
    }

    .invoice-status .status-label {
        padding-left: 20px;
    }

    .invoice-payto, .invoice-invoicedto {
        margin-bottom: 20px!important;
    }

    .invoice-top {
        margin-bottom: 32px!important;
    }

    .invoice-taxitem {
        margin: -10px 0 20px;
    }

    .invoice-status.status-lg {
        height: 50px;
        font-size: 24px;
        font-weight: 100;
        line-height: 50px;
    }

    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px;
    }

    .panel-invoice h4 {
        margin-bottom: 10px;
    }

    .invoice-table .table > tbody > tr, .invoice-table .table > thead > tr th {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .invoice-table .table > tbody > tr .amount-col {
        line-height: 32px;
    }

    .table-summary tr {
        width: 100%;
        padding: 10px 0;
    }

    .table-summary tr:after {
        display: block;
        content: "";
        clear: both;
    }

    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px !important;
    }
}

@media (max-width: 579px) {
    .panel-invoice .panel-body {
        padding: 24px;
    }

    .invoice-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .invoice-logo img {
        max-width: 200px;
    }

    .invoice-top ul > li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left;
    }

    .invoice-top ul > li .list-label {
        display: block;
    }

    .invoice-status {
        padding-left: 20px;
        margin: 0 0 20px -24px;
    }

    .invoice-status .status-id {
        padding-left: 10px!important;
    }

    .invoice-status .status-label {
        padding-left: 20px;
    }

    .main-top {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
}

/* Product List */
.products-lists {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgb(54 58 80 / 32%);
}

.products-row {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e8eaf0;
    transition: background-color .1s linear;
}

.products-row:hover {
    background-color: #eceef2;
}

.products-row.products-head {
    border-bottom: 1px solid #cfd5de;
}

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

.products-row.products-head:hover, .products-row.products-foot:hover {
    background-color: transparent;
}

.products-row.products-head .products-cell {
    font-weight: 600;
    padding: .8rem .5rem;
    color: rgba(0,0,0,.4);
}

.products-row.products-foot .products-cell {
    width: 100%;
    padding: 1rem;
    flex-direction: unset;
}

.products-row.products-foot .products-cell:nth-child(2) {
    justify-content: end;
}

.products-row.products-foot .products-cell .page-link {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 24px;
}

.products-row.products-foot .products-cell .page-link.prev {
    border-radius: 2px 0 0 2px;
}

.products-row.products-foot .products-cell .page-link.next {
    border-radius: 0 2px 2px 0;
}

.products-cell {
    font-size: 12px;
    width: 15%;
    padding: 1rem .5rem;
    color: rgba(0,0,0,.7);
    display: flex;
    position: relative;
}

.ip-div {
    display: flex;
    align-items: center;
}

.ip-div .bi-clipboard {
    display: none;
}

.products-row:hover .ip-div .bi-clipboard {
    display: inline-block;
}

.ip-tag {
    height: 18px;
    min-width: 35px;
    display: block;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #dbdee3;
    border-radius: 2px;
    background-color: #fbfbfc;
    color: #AAA;
    transform: scale(.8);
    margin-right: 2px;
    padding: 0 4px;
    text-transform: uppercase;
}

.products-cell:nth-child(1) {
    width: 30px;
}

.products-cell:nth-child(2) {
    flex-direction: column;
}

.products-cell:nth-child(3), .products-cell:nth-child(4), .products-cell:nth-child(5), .products-cell:nth-child(6) {
    width: 110px;
}

.products-cell .fa-os {
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.products-cell .iti-flag {
    margin-top: 2px;
}

.products-grid {
    background-color: transparent;
    box-shadow: none;
    overflow: unset;
}

.products-grid .products-lists-bd {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(3, auto);
}

.products-grid .products-row.products-head, .products-grid .products-row.products-foot {
    display: none;
}

.products-grid .products-row {
    overflow: hidden;
    background-color: #FFF;
    display: unset;
    position: relative;
    height: 150px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgb(54 58 80 / 32%);
}

.products-grid .products-cell {
    position: absolute;
    padding: 1rem 1rem;
    width: auto;
}

.products-grid .products-cell .ip-div.PrivateIP {
    display: none;
}

.products-grid .products-cell:nth-child(2) {
    left: 30px;
}

.products-grid .products-cell:nth-child(3) {
    right: 0;
}

.products-grid .products-cell:nth-child(4) {
    top: 50px;
    left: 30px;
}

.products-grid .products-cell:nth-child(5) {
    top: 50px;
    left: 130px;
}

.products-grid .products-cell:nth-child(6) {
    top: 50px;
    left: 230px;
}

.products-grid .products-cell:nth-child(7) {
    bottom: 0;
    right: 0;
}

.products-grid .products-cell:nth-child(8) {
    left: 0;
    bottom: 0;
    flex-direction: unset !important;
}

.products-grid .products-cell:nth-child(8) > div {
    margin-right: .5rem;
}

.products-grid .products-cell:nth-child(9) {
    display: none;
}

.btn-return-to-admin {
    right: 150px;
    bottom: 0;
    top: unset;
    transform: unset;
    border-radius: .25rem .25rem 0 0 !important;
}

/* All Table */
.table-container {
    position: relative;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 3%);
}

.table-container .listtable {
}

div.dataTables_wrapper div.dataTables_info {
    padding: 1rem !important;
    color: #333;
    font-weight: 400;
}

div.dataTables_wrapper div.dataTables_filter label {
    padding: 0;
    margin-bottom: 0;
}

.dataTables_wrapper .dataTables_length {
    height: 55px;
}

.dataTables_wrapper .dataTables_length label {
    padding: 0 10px;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding: 10px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
    margin: 7px 10px 0 0;
    background-position: left 10px center;
    background-size: auto 15px;
    padding-left: 40px !important;
}

.dataTables_wrapper table.table-list {
    border: 0;
    border-top: 0 none;
    border-bottom: 1px solid #f0f2f2;
    border-radius: 0;
    margin: 0 !important;
}

.dataTables_wrapper table.table-list thead th {
    color: #34474d;
    font-weight: 600;
    background-color: #f8f8f9;
    border: 0;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    text-align: left;
    border-radius: 0 !important;
}

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:before {
    bottom: 15px !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    top: auto !important;
}

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after {
    content: "\f0dd" !important;
}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc:before {
    content: "\f0de" !important;
}

.dataTables_wrapper table.table-list thead th:first-child, .dataTables_wrapper table.table-list tbody td:first-child {
    padding-left: 1.5rem;
}

.dataTables_wrapper table.table-list tbody tr:first-child td {
    border-top: 0 none;
}

.table-list>tbody>tr>td {
    color: #666;
    padding: 1rem;
    border-top: 1px solid #f1f2f2;
}

.table-container .dataTables_empty {
    height: 100px;
    vertical-align: middle;
}

.table-list>tbody>tr>td .fa-os {
    height: 18px;
    width: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.table-list>tbody>tr>td a:not([class]) {
    color: #999;
    font-weight: 400;
    text-decoration: none;
}

.iti-flag {
    display: inline-block;
}

/* products */
.visible-xs {
    display: none;
}

.table-header {
    padding: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #edeeee;
}

.table-footer {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFF;
}

.table-header .btn {
    box-shadow: none;
    background-image: none;
}

.table-header .btn-group .btn.active {
    color: #36dba1;
    font-weight: 500;
    background-color: #f8fcfd;
    border-color: #36dba1;
}

.table-paginate, .table-pages {
    color: #8e9595;
    font-size: 13px;
}

.table-status {
    display: flex;
}

.table-status .dropdown {
    margin-right: 10px;
}

.table-paginate {
    display: flex;
    align-items: center;
}

.table-paginate .dropdown {
    margin-right: 10px;
}

.table-paginate .dropdown .btn {
    padding: 5px 25px 5px 10px;
    background-image: none;
    height: 31px;
}

.table-paginate .dropdown .btn:after {
    position: absolute;
    top: 7px;
    right: 7px;
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    border: 0 none;
    transform: scale(.8);
}

.table-paginate .dropdown .home-dropdown__menu {
    width: 60px;
    min-width: 60px;
}

.table-paginate .pagination {
    margin: 0;
}

.table-paginate .pagination .form-control {
    max-width: 40px;
    text-align: center;
    border: 1px solid #edefef;
    border-radius: 4px !important;
    min-height: 28px;
    padding: 0 .25rem;
    font-size: .8em;
    margin-right: 1px;
}

.table-paginate .pagination .page-link {
    border: 0 none;
    cursor: pointer;
}

.table-paginate .pagination .page-link i {
    font-weight: 600;
    color: #36d29b;
}

.table-paginate .pagination .page-link:hover {
    color: #333;
    font-weight: 600;
    background-color: transparent;
}

.table-search {
    min-width: 25%;
    position: relative;
    margin-right: 1rem;
    padding-right: 1rem;
}

.table-search:after {
    position: absolute;
    content: '';
    border-right: 1px solid #edefef;
    height: 16px;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.table-search i {
    position: absolute;
    color: #3bdba2;
    font-size: 16px;
    font-weight: 600;
    width: 24px;
    height: 24px;
    top: 6px;
    left: 12px;
}

.table-search .form-control {
    padding-left: 40px;
    max-height: 32px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.table-search .form-control::-webkit-input-placeholder {
    color: #b4bebc;
}

.table-search .table-search-val {
    z-index: 100;
    width: 400px;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    border: 1px solid #dfe3ea;
    border-radius: 4px;
    background-color: #FFF;
    overflow-y: auto;
    max-height: 410px;
}

.table-search .table-search-val ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.table-search .table-search-val li {
    border-bottom: 1px solid #dfe3ea;
}

.table-search .table-search-val li:last-child {
    border-bottom: 0;
}

.table-search .table-search-val li.no-data {
    height: auto;
    margin: 0;
    padding: 15px;
}

.table-search .table-search-val li a {
    padding: 10px 15px;
    color: #7f8fa4;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: space-between;
}

.table-search .table-search-val li a:hover {
    background-color: #f8fcfd;
}

.btn-createHost {
    padding: .215rem 1.125rem;
    border-radius: 6px;
    border-color: #55b291;
    background-color: #36dba1;
}

.btn-createHost:hover, .btn-createHost:focus, .btn-createHost:active {
    border-color: #55b291;
    background-color: #55b291;
}

.security-title-box {
    padding: 24px;
    background-color: #d0e3ff;
    display: flex;
    justify-content: flex-start;
}

.security-title-box .icon-box {
    margin-right: 16px;
}

.security-title-box .icon-box .bi {
    color: #084298;
    font-size: 40px;
    line-height: 1;
}

.security-title-box .title-info .title {
    color: #1f2533;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px;
}

.security-title-box .title-info .sub-title {
    color: #7c8294;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
}

.security-list {
    padding: 0;
}

.security-content {
    min-height: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #eef0f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.security-line {
    padding: 0 24px;
}

.security-line:hover {
    background-color: #fafbfc;
}

.security-line:last-child .security-content {
    border-bottom: 0 none;
}

.security-line .security-content .icon-title-box {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

.security-line .security-content .icon-title-box .icon-box {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.security-line .security-content .icon-title-box .icon-box .bi {
    color: var(--primary);
    font-size: 24px;
    line-height: 1;
    vertical-align: text-top;
}

.security-line .security-content .icon-title-box .title-box .line-title {
    color: #40475b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}

.security-line .security-content .icon-title-box .title-box .line-desc {
    color: #9ba1b1;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
}

.security-line .security-content .right-content {
    width: 340px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.security-line .security-content .right-content span {
    margin-right: 16px;
    font-size: 12px;
    font-weight: 500;
}

.security-line .security-content .right-content span:last-child {
    margin-right: 0;
}

.security-line .security-content .right-content .info-text {
    color: #9aa1b1;
    line-height: 16px;
}

.announcement-items {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
}

.announcement-item {
    flex: 1;
    position: relative;
    border-radius: .35rem;
    border: 1px solid #f0f1f3;
    overflow: hidden;
}

.announcement-items {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
}

.announcement-item a {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-decoration: none;
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: 200px;
    height: 100%;
}

.announcement-item h4 {
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.announcement-body {
    font-size: 1.25rem;
}

.main-news-body .announcement-items {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
}

.announcement-item:hover {
    transform: translateY(-2px) scale(1.02);
    transition: all .3s ease-in-out;
}

.announcement-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.announcement-item:after {
    position: absolute;
    z-index: 2;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
}

.main-news-body .announcement-item a {
    min-height: 180px;
}

.announcement-item:first-child {
    grid-column: 1/span 2;
    grid-row: 1/span 2;
}

.main-partner-items {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(6, 1fr);
}

.main-partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-partner-item img {
    max-height: 100px;
    max-width: 90%;
    opacity: .6;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.main-partner-item:hover img {
    opacity: 1;
    transform: translateY(-2px) scale(1.02);
}

.pageError {
    display: flex;
    align-items: center;
    justify-items: center;
    padding: calc( (100vh - 661px) / 2) 0;
}

.pageError .display-1 {
    font-size: 12rem;
    background-image: linear-gradient(to right,#FFCF02, #FF7352);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.pageError lottie-player {
    max-width: 720px;
    max-height: 400px;
    margin: 0 auto;
}

.notes .layui-layer-content {
    padding: 25px;
}

.notes.layui-layer {
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.notes .layui-layer-title {
    padding: 0 25px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 0 none;
    background-color: transparent;
}

.layui-layer-content .form-item-title {
    line-height: 24px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: -20px;
}

.notes .layui-layer-setwin {
    top: 10px;
    right: 15px;
}

.notes .layui-layer-setwin .layui-layer-close1 {
    font-family: "Font Awesome 5 Pro";
    background-image: none;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AAA;
}

.notes .layui-layer-setwin .layui-layer-close1:before {
    content: "\f00d";
}

.notes .layui-layer-btn {
    display: flex;
    padding: 0 25px 25px;
}

.notes .layui-layer-btn > a {
    display: flex;
    flex: 1;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 600;
    margin: 0;
}

.notes .layui-layer-btn .layui-layer-btn0 {
    border-color: #087fdf;
    background-color: #087fdf;
}

.notes .layui-layer-btn .layui-layer-btn1 {
    margin-left: 20px;
    color: #087fdf;
    border-color: #087fdf;
}

.layui-layer-loading .layui-layer-loading2 {
    width: 48px;
    height: 48px;
    background: none;
    border: 3px solid rgba(0, 0, 0, .15);
    border-top: 3px solid #2d9df3;
    border-radius: 100%;
    vertical-align: text-bottom;
    animation: rotation .6s infinite linear;
    background-image: none !important;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 576px) {
    .table-header, .table-footer {
        display: block;
    }

    .table-status, .table-pages {
        margin-bottom: 1rem;
    }

    .table-status .btn-group {
        display: flex;
    }

    .table-status .btn-group .btn {
        flex: 1;
    }

    .table-search .table-search-val {
        width: 100%;
    }
}

.status {
    font-weight: 600;
    padding: 0;
    color: #6c757d;
    display: inline-block;
    margin-bottom: 0;
    background-color: transparent;
}

/* 'Pending','Active','Suspended','Terminated','Cancelled','Fraud','Completed' */
.status.status-pending {
    color: #fd7e14;
}

.status.status-open, .status.status-paid, .status.status-completed, .status.status-active {
    color: #28a745;
}

.status.status-unpaid, .status.status-close, .status.status-Fraud, .status.status-terminated {
    color: #dc3545;
}

.status.status-cancelled, .status.status-suspended {
    color: #6c757d;
}

.status.status-customer-reply {
    color: #f60;
}

/* article */
.article section#main-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent;
}

.xs-title h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
}

.terms-wraper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.647;
    color: #444;
}

.terms-wraper:not(:last-child) {
    margin-bottom: 30px;
}

.order-list {
    padding-left: 0px;
    margin-bottom: 0px;
}

.order-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.647;
    color: #666;
    list-style: decimal;
    list-style-position: inside;
}

.order-list li:not(:last-child) {
    margin-bottom: 10px;
}

.tickets-main {
    border: 1px solid #EEE;
    border-radius: 4px;
    padding: 20px;
    display: block;
}

.tickets-main:focus, .tickets-main:hover {
    text-decoration: none;
    background-color: #FAFAFA;
}

.tickets-main h4 {
    color: #333;
    font-size: 18px;
    margin: 0 0 15px;
}

.tickets-main p {
    color: #666;
    margin-bottom: 0;
}

#popup-backdrop .main-content {
    padding: 0;
}

/* SiteMap */
.sitemap h4 {
    margin: 0;
    font-weight: 400;
    padding-bottom: 18px;
}

.sitemap li {
    padding-bottom: 5px;
}

.sitemap li a {
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
}

.sitemap li .label {
    vertical-align: middle;
    border-radius: 2px;
    margin-left: 5px;
    padding: 0 .6em .1em;
}

.label-update {
    background-color: #3ca6ff;
}

.label-new {
    background-color: #cf4f2e;
}

.submit-item a {
    display: flex;
    align-items: center;
    border-radius: .5rem;
    border: 1px solid #f0f1f3;
    padding: 1rem 1.5rem;
    text-decoration: none;
}

.submit-item a:hover {
    background-color: #f0f1f3;
}

.common-tool-icon {
    margin-right: 1.5rem;
}

.common-tool-icon i {
    color: var(--primary);
    font-size: 48px
}

.common-tool-msg-cont {
}

.submit-item-title {
    color: #333;
    font-size: 16px;
}

.submit-item-text {
    margin-bottom: 0;
    color: #6c757d;
}

/* Footer */
footer.footer {
    padding: 60px 0;
    border: 0 none;
    font-size: 14px;
    position: relative;
    border-top: 0 none;
}

footer.footer h5 {
    font-size: 16px;
    margin-bottom: 1rem;
}

footer.footer a {
    line-height: 26px;
    color: #939699;
}

footer.footer .copyright {
    margin: 0;
    font-size: 1rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.footer .privacy a {
    color: #FFF;
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

footer.footer .privacy a:after {
    height: 14px;
    position: absolute;
    content: '';
    right: 8px;
    top: 6px;
    width: 1px;
    background-color: #444;
}

footer.footer .privacy a:last-child::after {
    display: none;
}

/* header-lined */
div.header-lined h1 {
    margin: 0px 0px 0px -2px;
    border-bottom: none;
    font-weight: 400;
    color: #2a2e36;
    font-size: 28px;
    line-height: 40px;
    line-height: 1.5;
}

div.header-lined h1 small {
    color: #777;
    font-size: 1.25rem;
    margin-left: 1rem;
}

div.header-lined .breadcrumb {
    font-size: 14px;
}

div.header-lined .breadcrumb>.active {
    color: #666;
}

div.header-lined .breadcrumb > .breadcrumb-item > a {
    color: #888;
}

div.dataTables_wrapper div.dataTables_length label {
    margin-top: 4px;
}

.dataTables_wrapper .dataTables_length label .form-control {
    border: 1px solid #ddd;
    min-width: 50px;
    height: 27px !important;
    line-height: 27px;
    padding: 0 0 0 10px;
}

select.form-control {
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYgNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCOUJEQzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS41LDFoLTVDMC4yMiwxLDAsMS4yMiwwLDEuNVYyYzAsMC4xMywwLjA1LDAuMjYsMC4xNSwwLjM1bDIuNSwyLjVDMi43NCw0Ljk1LDIuODcsNSwzLDVzMC4yNi0wLjA1LDAuMzUtMC4xNQoJbDIuNS0yLjVDNS45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
    -webkit-appearance: none;
}

.tickets-main {
    border: 1px solid #EEE;
    border-radius: 4px;
    padding: 20px;
    display: block;
}

.tickets-main:focus, .tickets-main:hover {
    text-decoration: none;
    background-color: #FAFAFA;
}

.tickets-main h4 {
    color: #333;
    font-size: 18px;
    margin: 0 0 15px;
}

.tickets-main p {
    color: #666;
    margin-bottom: 0;
}

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

.ticket-action {
    display: flex;
    align-items: center;
}

.ticket-cell {
    margin-left: 1.5rem;
    color: #a2a2a2;
}

.ticket-cell strong {
    color: #333;
    margin-left: 15px;
}

.ticket-detail {
    display: flex;
    padding: 1.5rem 0;
    border-bottom: 1px dashed #d3d3d3;
}

.ticket-detail:last-child {
    border-bottom: 0 none;
}

.ticket-detail-icon {
    margin-right: 1rem;
}

.ticket-detail-icon img {
    width: 40px;
    height: 40px;
}

.ticket-detail-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
}

.ticket-detail-main {
    width: 100%;
}

.ticket-detail-message {
    font-size: 12px;
}

.ticket-detail-message ul, .ticket-detail-message ol {
    margin: 0 0 1rem;
    padding-left: 25px;
}

.ticket-detail-message pre {
    padding: .7rem 1rem;
    margin: 0 0 1rem;
    font-size: .75rem;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border-radius: .25rem;
}

.ticket-detail-message blockquote {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    padding: .7rem 1rem;
    font-size: .75rem;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    border-left: 4px solid var(--primary);
}

.ticket-detail-message blockquote p:last-child {
    margin-bottom: 0;
}

.ticket-reply .rating, .ticket-reply .rating-done {
    font-size: 18px;
}

@media (min-width: 768px) {
    .container {
        max-width: 98%;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}

@media (max-width: 1052px) {
    .nav-item.language {
        display: none;
    }
}

@media (max-width: 800px) {
    .space {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .px100 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .navbar-collapse {
        background-color: #FFF;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        margin-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer.footer .back-to-top {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    div.dataTables_wrapper div.dataTables_length label {
        float: left;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        padding: 5px 0 0;
    }

    .navbar-toggle {
        margin: 0;
        position: absolute;
        right: 15px;
    }

    .navbar-brand {
        margin: 0;
    }

    .header .navbar {
        min-height: 90px;
    }

    .header .navbar-toggler {
        color: #333;
        min-height: 36px;
        border: 1px solid #999;
    }

    .header .navbar-collapse {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 12;
        height: 100%;
        width: 240px;
        background-color: #1b70b8;
        transition: transform .24s ease;
        transform: translateX(-240px);
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        height: 100%;
        border: 0;
    }

    .header .navbar-collapse.show {
        transform: translateX(0px);
    }

    .header .navbar-nav>li>a, .header .navbar-nav.navbar-right>li>a {
        color: #FFF;
        text-align: center;
    }

    .header .navbar-nav>li>a:hover {
        color: #EEE;
    }

    .header .navbar-collapse.in {
        transform: translateX(0);
    }

    .product-table td .ip-tag, .product-table td .ip-div, .product-table td .info, .reload .status {
        display: inline-block;
    }

    .product-wrap .boxe-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .product-wrap .boxe-title .name, .product-wrap .boxe-title .cost {
        margin: 0;
    }

    .product-wrap .boxe .btn {
        display: block;
    }

    .product-wrap .boxe dl dt {
        float: inherit;
    }

    .product-wrap .boxe dl dt, .product-wrap .boxe dl dd {
        width: 24%;
        min-width: auto;
        display: inline-block;
    }

    .product-wrap .boxe dl dd:last-child {
        width: 60%;
    }

    .notice .item-list li a {
        height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .item-list li .time {
        display: block;
        float: inherit;
    }

    .language {
        display: block;
        border-left: 0 none;
        padding-left: 0;
        margin-top: 15px;
    }

    .login-bg {
        display: none;
    }

    .login-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .login-body {
        padding: 2rem;
    }

    .login-wrapper {
        min-height: 500px;
    }

    .page-side {
        transform: translateX(-300px);
    }

    .page-side.show {
        top: 59px;
        z-index: 100;
        transform: translateX(0);
        transition: transform .2s;
    }

    .page-body {
        left: 0;
    }

    .home-billing-recent {
        flex-direction: column;
    }

    .consumption-info {
        display: flex;
        align-items: center;
        width: 100%;
        flex: 1;
        max-width: 100%;
    }

    .consumption-info > * {
        flex: 1;
    }

    .consumption-chart {
        width: 100%;
        flex: 1;
        max-width: 100%;
        margin: 0;
    }

    .footer-logo, .page-product-aside, .wrap-main-swiper .content-slide img {
        display: none;
    }

    .page-product-list [class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
        border: 0 none;
    }

    .main-maps {
        overflow: hidden;
    }

    .page-product-card {
        border-radius: 3px;
        background-color: #FFF;
        box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%);
        margin-bottom: 2rem;
    }

    .main-solution-body .card {
        margin-bottom: 2rem
    }

    .main-products-body {
        border-radius: 0;
        box-shadow: none;
        background-color: transparent;
    }

    .wrap-main-swiper .swiper-slide {
        height: 450px;
        background-size: auto 450px;
    }

    .wrap-main-swiper .content-slide {
        height: 450px;
        max-height: 450px;
        padding-top: 80px;
    }

    .swiper-pagination-bullets {
        top: -50px;
    }

    .wrap-main-swiper .content-slide .slogan {
        font-size: 2rem;
    }

    .navbar-collapse {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 12;
        width: 300px;
        transition: transform .24s ease;
        transform: translateX(-300px);
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        height: 100vh;
        border: 0;
        box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%);
    }

    .navbar-collapse.show {
        transform: translateX(0px);
    }

    header .navbar-nav .nav-item .nav-link {
        text-align: center;
    }

    .navbar-toggler {
        position: relative;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .navbar-toggler {
        border: 1px solid #dfe1e7;
    }

    .navbar-toggler > i {
        color: #dfe1e7;
    }

    header .navbar-nav.navbar-nav-right .nav-item .btn {
        margin-top: 1rem;
        line-height: 40px;
    }

    header .navbar-nav.navbar-nav-right .nav-item .nav-link {
        line-height: 60px !important;
    }

    .dropdown-container.show {
        top: 110px;
        max-height: 100vh;
    }

    .dropdown-body-menu {
        display: none;
    }

    .dropdown-bd {
        padding: 1rem;
        grid-gap: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .dropdown-bd .body-main-bd {
    }

    .body-main-bd-item p {
        display: none;
    }

    .card-body-info {
        background-image: none;
    }

    .funds-items {
        flex-direction: column;
    }

    .funds-item-info {
        width: 100%;
        display: flex;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #e8e9f0;
    }

    .funds-item-other {
        width: 100%;
        display: grid;
        grid-gap: 0rem;
        grid-template-columns: repeat(2, auto);
    }

    .funds-item {
        width: 100%;
        font-size: 18px;
        padding: 1rem 1.5rem 1rem 0;
        border-left: none;
        border-bottom: 1px solid #e8e9f0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .funds-item .funds-num {
        margin: 0;
    }

    .main-top h1 {
        font-size: 1.25rem;
    }

    .consumption-info {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(2, auto);
        margin-bottom: 2rem;
    }

    .last-month-number, .current-month-number {
        margin: 0;
        font-size: 1.125rem;
    }

    .announcement-items {
        display: flex;
        flex-direction: column;
    }

    .main-partner-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .main-header {
        margin-bottom: 2rem;
    }

    .main-title {
        font-size: 1.5rem;
    }

    .product-detail {
        flex-direction: column;
    }

    .product-detail-side {
        padding-right: 1.5rem;
    }

    .product-detail-main {
        margin-top: 1.5rem;
    }

    .product-detail-lists {
        grid-gap: 1.5rem;
        grid-template-columns: repeat(1, auto);
    }

    .intl-map-main {
        bottom: -10px;
    }

    .swiper-media {
        margin: 2rem 0 0;
    }

    .main-services-item {
        height: 300px;
        margin-bottom: 1.5rem;
    }

    .swiper-media-items {
        align-items: unset;
        flex-direction: column;
    }

    .swiper-media-item {
        padding: 1.5rem;
    }

    .swiper-media-item:after {
        right: 0;
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        margin-top: 0;
        margin-left: 50%;
    }

    .dataTables_wrapper table.table-list thead {
        display: none;
    }

    .dataTables_wrapper table.table-list tbody tr {
        border-top: 1px solid #f1f2f2;
    }

    .dataTables_wrapper table.table-list tbody tr td {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        vertical-align: unset;
        white-space: nowrap;
        padding: 1rem !important;
        min-width: 300px;
        border: none !important;
    }

    .dataTables_wrapper table.table-list tbody tr td .w-hidden {
        display: inline-block;
    }
}

@font-face {
    font-display: swap;
    font-family: TCloudNumber;
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/TCloudNumber-Regular.ttf");
}

@font-face {
    font-family: ucicon-product;
    src: url(./fonts/ucicon-division.eot?v=1656486059844);
    src: url(./fonts/ucicon-division.eot?v=1656486059844) format("embedded-opentype"), url(./fonts/ucicon-division.ttf?v=1656486059844) format("truetype"), url(./fonts/ucicon-division.woff?v=1656486059844) format("woff"), url(./fonts/ucicon-division.svg?v=1656486059844) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-product__"], [class^=icon-product__] {
    font-family: ucicon-product !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-product__"]:before, [class^=icon-product__]:before {
    display: inline-block
}

.icon-product__access-control:before {
    content: "\E001"
}

.icon-product__accessgw:before {
    content: "\E002"
}

.icon-product__account-security:before {
    content: "\E003"
}

.icon-product__account:before {
    content: "\E004"
}

.icon-product__aim5g:before {
    content: "\E005"
}

.icon-product__anycasteip:before {
    content: "\E006"
}

.icon-product__billing:before {
    content: "\E007"
}

.icon-product__caas:before {
    content: "\E008"
}

.icon-product__censor:before {
    content: "\E009"
}

.icon-product__cloudshell:before {
    content: "\E00A"
}

.icon-product__company:before {
    content: "\E00B"
}

.icon-product__consumption-analysis:before {
    content: "\E00C"
}

.icon-product__contract-center:before {
    content: "\E00D"
}

.icon-product__cube:before {
    content: "\E00E"
}

.icon-product__dashboard3:before {
    content: "\E00F"
}

.icon-product__ephome-graphics:before {
    content: "\E010"
}

.icon-product__finance:before {
    content: "\E011"
}

.icon-product__firewall:before {
    content: "\E012"
}

.icon-product__globalrdp:before {
    content: "\E013"
}

.icon-product__globalssh:before {
    content: "\E014"
}

.icon-product__gpu:before {
    content: "\E015"
}

.icon-product__hela:before {
    content: "\E016"
}

.icon-product__httpdns:before {
    content: "\E017"
}

.icon-product__invoice:before {
    content: "\E018"
}

.icon-product__iotedge:before {
    content: "\E019"
}

.icon-product__ipsecvpn:before {
    content: "\E01A"
}

.icon-product__isms:before {
    content: "\E01B"
}

.icon-product__library:before {
    content: "\E01C"
}

.icon-product__logo:before {
    content: "\E01D"
}

.icon-product__message-center:before {
    content: "\E01E"
}

.icon-product__message:before {
    content: "\E01F"
}

.icon-product__mongodb:before {
    content: "\E020"
}

.icon-product__mq:before {
    content: "\E021"
}

.icon-product__nat:before {
    content: "\E022"
}

.icon-product__networkacl:before {
    content: "\E023"
}

.icon-product__overview:before {
    content: "\E024"
}

.icon-product__plive:before {
    content: "\E025"
}

.icon-product__qqtc:before {
    content: "\E026"
}

.icon-product__recycle:before {
    content: "\E027"
}

.icon-product__roma:before {
    content: "\E028"
}

.icon-product__routetable:before {
    content: "\E029"
}

.icon-product__safehouse:before {
    content: "\E02A"
}

.icon-product__search-global:before {
    content: "\E02B"
}

.icon-product__secgroup:before {
    content: "\E02C"
}

.icon-product__sharedgpu:before {
    content: "\E02D"
}

.icon-product__shockwave:before {
    content: "\E02E"
}

.icon-product__snapshot:before {
    content: "\E02F"
}

.icon-product__tidb:before {
    content: "\E030"
}

.icon-product__transaction-bill:before {
    content: "\E031"
}

.icon-product__uads:before {
    content: "\E032"
}

.icon-product__uai-behavior:before {
    content: "\E033"
}

.icon-product__uai-exterior:before {
    content: "\E034"
}

.icon-product__uai-face:before {
    content: "\E035"
}

.icon-product__uai-object:before {
    content: "\E036"
}

.icon-product__uai-ubox:before {
    content: "\E037"
}

.icon-product__uai-ucvm:before {
    content: "\E038"
}

.icon-product__uai-ueng:before {
    content: "\E039"
}

.icon-product__uai-uepg:before {
    content: "\E03A"
}

.icon-product__uai-upda:before {
    content: "\E03B"
}

.icon-product__uai-vehicle:before {
    content: "\E03C"
}

.icon-product__uai:before {
    content: "\E03D"
}

.icon-product__uaitrain:before {
    content: "\E03E"
}

.icon-product__uanycastclean:before {
    content: "\E03F"
}

.icon-product__uapi:before {
    content: "\E040"
}

.icon-product__uapigateway:before {
    content: "\E041"
}

.icon-product__uapistore:before {
    content: "\E042"
}

.icon-product__uarchive:before {
    content: "\E043"
}

.icon-product__uas:before {
    content: "\E044"
}

.icon-product__ucamon:before {
    content: "\E045"
}

.icon-product__ucdn:before {
    content: "\E046"
}

.icon-product__ucgs:before {
    content: "\E047"
}

.icon-product__uclickhouse:before {
    content: "\E048"
}

.icon-product__ucloudstack:before {
    content: "\E049"
}

.icon-product__ucloudstor:before {
    content: "\E04A"
}

.icon-product__ucmp:before {
    content: "\E04B"
}

.icon-product__ucnam:before {
    content: "\E04C"
}

.icon-product__udas:before {
    content: "\E04D"
}

.icon-product__udataark:before {
    content: "\E04E"
}

.icon-product__udb:before {
    content: "\E04F"
}

.icon-product__uddb:before {
    content: "\E050"
}

.icon-product__udhost:before {
    content: "\E051"
}

.icon-product__udi:before {
    content: "\E052"
}

.icon-product__udisk:before {
    content: "\E053"
}

.icon-product__udnr:before {
    content: "\E054"
}

.icon-product__udns:before {
    content: "\E055"
}

.icon-product__udocker:before {
    content: "\E056"
}

.icon-product__udoris:before {
    content: "\E057"
}

.icon-product__udpn:before {
    content: "\E058"
}

.icon-product__udts:before {
    content: "\E059"
}

.icon-product__udw:before {
    content: "\E05A"
}

.icon-product__ues:before {
    content: "\E05B"
}

.icon-product__uewaf:before {
    content: "\E05C"
}

.icon-product__ufile:before {
    content: "\E05D"
}

.icon-product__uflink:before {
    content: "\E05E"
}

.icon-product__ufs:before {
    content: "\E05F"
}

.icon-product__ugaa:before {
    content: "\E060"
}

.icon-product__ugc:before {
    content: "\E061"
}

.icon-product__ugn:before {
    content: "\E062"
}

.icon-product__ugroup:before {
    content: "\E063"
}

.icon-product__uhadoop:before {
    content: "\E064"
}

.icon-product__uhas:before {
    content: "\E065"
}

.icon-product__uhids:before {
    content: "\E066"
}

.icon-product__uhive:before {
    content: "\E067"
}

.icon-product__ec:before, .icon-product__dedicated:before, .icon-product__uhost:before {
    content: "\E068"
}

.icon-product__uhub:before {
    content: "\E06A"
}

.icon-product__uhybrid:before {
    content: "\E06B"
}

.icon-product__uhyperbox:before {
    content: "\E06C"
}

.icon-product__uiot:before {
    content: "\E06D"
}

.icon-product__uiotbox:before {
    content: "\E06E"
}

.icon-product__uiotstack:before {
    content: "\E06F"
}

.icon-product__uiw:before {
    content: "\E070"
}

.icon-product__uk8s:before {
    content: "\E071"
}

.icon-product__ukafka:before {
    content: "\E072"
}

.icon-product__ukms:before {
    content: "\E073"
}

.icon-product__ulb:before {
    content: "\E074"
}

.icon-product__ulive:before {
    content: "\E075"
}

.icon-product__ulog:before {
    content: "\E076"
}

.icon-product__umarket:before {
    content: "\E077"
}

.icon-product__umedia:before {
    content: "\E078"
}

icon-product__umem:before {
    content: "\E079"
}

.icon-product__umon:before {
    content: "\E07A"
}

.icon-product__unet:before {
    content: "\E07B"
}

.icon-product__uni:before {
    content: "\E07C"
}

.icon-product__unvs:before {
    content: "\E07D"
}

.icon-product__uodn:before {
    content: "\E07E"
}

.icon-product__uodn2:before {
    content: "\E07F"
}

.icon-product__uol:before {
    content: "\E080"
}

.icon-product__upca:before {
    content: "\E081"
}

.icon-product__uphone:before {
    content: "\E082"
}

.icon-product__uphoneserver:before {
    content: "\E083"
}

.icon-product__server:before, .icon-product__uphost:before {
    content: "\E084"
}

.icon-product__uprivate:before {
    content: "\E085"
}

.icon-product__upro:before {
    content: "\E086"
}

.icon-product__urecord:before {
    content: "\E087"
}

.icon-product__urlm:before {
    content: "\E088"
}

.icon-product__urmp:before {
    content: "\E089"
}

.icon-product__urtc:before {
    content: "\E08A"
}

.icon-product__usa:before {
    content: "\E08B"
}

.icon-product__usdp:before {
    content: "\E08C"
}

.icon-product__user:before {
    content: "\E08D"
}

.icon-product__uslk:before {
    content: "\E08E"
}

.icon-product__uslpe:before {
    content: "\E08F"
}

.icon-product__usmc:before {
    content: "\E090"
}

.icon-product__usnap:before {
    content: "\E091"
}

.icon-product__hgc:before, .icon-product__usql:before {
    content: "\E092"
}

.icon-product__ussg:before {
    content: "\E093"
}

.icon-product__ussl:before {
    content: "\E094"
}

.icon-product__utsdb:before {
    content: "\E095"
}

.icon-product__uvms:before {
    content: "\E096"
}

.icon-product__uws:before {
    content: "\E097"
}

.icon-product__video:before {
    content: "\E098"
}

.icon-product__vip:before {
    content: "\E099"
}

.icon-product__vouchers:before {
    content: "\E09A"
}

.icon-product__vpc:before {
    content: "\E09B"
}

.icon-product__work-order:before {
    content: "\E09C"
}

.icon-product__xzone:before {
    content: "\E09D"
}

.icon-product__xzoneserver:before {
    content: "\E09E"
}

.icon-product__host:before {
    content: "\E049";
}

.icon-product__cdn:before {
    content: "\E059";
}

ul.footer-contact.under-line {
    list-style: none;
    padding: 0px;
}

@media (max-width: 768px) {
    .product-detail {
        overflow: hidden;
    }

    .product-detail-side {
        padding-right: 0px;
    }

    .product-detail-lists a {
        overflow: hidden;
    }
}


.home-news .news-item {
    height: auto;
    text-align: left;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
    cursor: pointer;
    padding: 30px;
    min-height: 200px;
    margin-bottom: 20px;
    width: auto;
    display: block;
}

.home-news .tagTitle {
    margin-bottom: 16px;
    color: #030a1a;
    font-size: 18px;
    line-height: 24px;
}

.home-news .content-summary {
    color: #020814;
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
    min-height: 60px;
}

.article-sidebar .sidebar-sticky {
    background: transparent;
}

.icon-product__tiktok:before {
    content: "\E075";
}

.pageError img {
    max-width: 300px;
    margin-bottom: 20px;
}

.wrap-main-swiper .swiper-slide-banner {
    background-repeat: no-repeat!important;
    background-size: cover;
    background-position: 50%;
}

@media (max-width: 768px) {
    a.product-detail-list {
        background-color: #f3f5f8;
        background-image: url(../img/w45wr.webp),linear-gradient(180deg,#f3f5f8,#fff 178px,#fff);
        background-size: 340px auto,auto;
        background-position: 100% 0;
        background-repeat: no-repeat;
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
        border-radius: 4px;
        padding: 18px;
        box-sizing: border-box;
        height: 150px;
        position: relative;
    }
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs .nav-link {
    border: solid transparent;
    border-width: 0 0 2px;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    color: rgba(0,0,0,.55);
    padding: 17px 29px 16px
}

.nav-tabs .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent
}

.nav-tabs .nav-link:focus {
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #07e897;
    border-color: #07e897;
}

.nav-pills {
    margin-left: -.5rem
}


.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: #e3ebf7;
    color: #285192
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: auto
}

.ann-card ul.nav.nav-tabs {
    margin-bottom: 5px;
}

.clientarea-home .card .card-body li h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solution-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 28px 24px;
    height: 193px;
    overflow: hidden;
    position: relative;
    margin: 0 0px 20px;
    border: 1px solid #e6e6e6
}

.solution-item .subtitle {
    margin-bottom: 28px;
    font-weight: 600;
    font-size: 22px;
    line-height: 31px
}

.solution-item p {
    margin-top: 12px;
    z-index: 2;
    margin-bottom: 0px;
}

.solution-item p a {
    position: relative;
    color: #181818;
    font-size: 14px;
}

.solution-item p a i {
    font-size: 20px;
    line-height: 14px;
    vertical-align: text-bottom;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s
}

.solution-item p a:hover i {
    transform: translateX(4px)
}

.solution-item p a>i {
    margin-left: 12px
}

.solution-item .background-box {
    width: 208px;
    height: 193px;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 208px 193px
}

.solution-item:hover {
    position: relative;
    background-color: #02e894;
    background-image: -webkit-linear-gradient(344deg,#02e894,#00ab75);
    background-image: linear-gradient(106deg,#02e894,#00ab75);
    color: #fff
}




.solution-item:hover:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/home/solutionBg.png);
    position: absolute;
    left: 0;
    top: 0
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th, .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #d5dce5
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #d5dce5
}

.table tbody + tbody {
    border-top: 2px solid #d5dce5
}

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #d5dce5
}

.table-bordered th, .table-bordered td {
    border: 1px solid #d5dce5
}

.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgb(52 97 255 / 5%);
    --bs-table-accent-bg: transparent;
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8d8f3
}

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
    border-color: #7bb6e9
}

.table-hover .table-primary:hover {
    background-color: #a2ccef
}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #a2ccef
}

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #f5c9c8
}

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
    border-color: #ec9b99
}

.table-hover .table-secondary:hover {
    background-color: #f1b4b2
}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #f1b4b2
}

.table-success, .table-success > th, .table-success > td {
    background-color: #b8d8f3
}

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
    border-color: #7bb6e9
}

.table-hover .table-success:hover {
    background-color: #a2ccef
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #a2ccef
}

.table-info, .table-info > th, .table-info > td {
    background-color: #d1edf6
}

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
    border-color: #aadeee
}

.table-hover .table-info:hover {
    background-color: #bce5f2
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #bce5f2
}

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #fbe8cd
}

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
    border-color: #f7d4a3
}

.table-hover .table-warning:hover {
    background-color: #f9ddb5
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #f9ddb5
}

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f4cfce
}

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
    border-color: #eba6a3
}

.table-hover .table-danger:hover {
    background-color: #efbbb9
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #efbbb9
}

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #d5dce5
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th, .table-dark td, .table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive > .table-bordered {
    border: 0
}

.table-masspay {
    margin-top: 20px
}

.table-masspay tr th {
    font-weight: 500
}

.table-masspay tr td h5 {
    font-size: 15px
}

.table-masspay tr td h5 i {
    margin-right: 4px
}

.table-masspay tr td a {
    text-decoration: none
}

.table-masspay .item-description td {
    border: 0 none !important
}

.table-masspay .masspay-total td {
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
    padding: 15px 0
}

.table-masspay .masspay-total td.text-right {
    padding-right: 4px
}

.table-container {
    background-color: #fff;
    border: 1px solid #d5dce5;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 4px;
    border-radius: 10px;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);
    border-radius: 2px;
}

.table-container .listtable .table {
    margin-bottom: 0!important;
    margin-top: 0!important;
}

.table-container .listtable .table thead th {
    font-weight: normal;
    font-size: 80%;
    border-bottom: 2px solid #d5dce5
}

.table-container .listtable .table thead th[class*=sorting_] {
    background-color: #fff;
    border-bottom: 2px solid #3461ff;
}

.table-container .listtable .table tbody .col-small {
    width: 45px;
    min-width: 45px
}

.table-container .listtable .table tbody .col-small.center {
    text-align: center
}

.table-container .listtable .table tbody tr {
    cursor: pointer
}

.table-container .listtable .table tbody tr.row-detail ul {
    padding: 0
}

.table-container .listtable .table tbody tr.row-detail ul li {
    list-style-type: none
}

.table-container .listtable .table tbody tr td {
    outline: none !important
}

.table-container .listtable .table tbody tr td a {
    text-decoration: none
}

.table-container .listtable .table tbody tr td .text-small {
    display: inline-block;
    font-size: 85%
}

.table-container .listtable .table tbody tr td .ssl-info {
    display: inline-block
}

.table-container .listtable .table tbody tr td .ssl-info img {
    height: 12px;
    width: 12px;
    max-width: 12px
}

.table-container .listtable .table tbody tr td .btn-link {
    color: #0273d4;
    background-color: transparent !important;
    text-decoration: none
}

@media (min-width: 1041px) {
    .table-container .listtable .table tbody tr td .cycle-text {
        display: block
    }
}

.table-container .listtable .table thead tr th, .table-container .listtable .table tbody tr th, .table-container .listtable .table tfoot tr th, .table-container .listtable .table thead tr td, .table-container .listtable .table tbody tr td, .table-container .listtable .table tfoot tr td {
    position: relative;
    vertical-align: middle
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td a {
    -ms-word-break: break-all;
    word-break: break-all
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander {
    top: 0 !important;
    left: 0;
    bottom: 0;
    border: 0;
    border-radius: 0;
    height: 100%;
    width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    text-align: center;
    text-indent: 0 !important;
    outline: 0;
    background-color: #edf0f5
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander:before {
    font-weight: 500
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td:first-child {
    padding-left: 60px
}

.table-container .dataTables_filter, .table-container .dataTables_info {
    display: none
}

.table-container .table-header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #d5dce5
}

.table-container .table-header label {
    font-weight: normal;
    margin: 0;
    margin-right: 10px
}

.table-container .table-header .btn {
    background-color: #fff !important;
    border: 1px solid #d5dce5 !important;
    padding: 3px 6px
}

.table-container .dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    padding: 10px 15px
}

.table-container .dataTables_paginate .pagination {
    margin: 0
}

.table-container .dataTables_length {
    border-top: 1px solid #d5dce5
}

.table-container .dataTables_length label {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    white-space: nowrap;
    padding: 10px 15px;
    margin: 0
}

.table-container .dataTables_length:after {
    display: block;
    content: "";
    clear: both
}

.table-container.domain-pricing-table {
    box-shadow: none !important;
    border: 0 none
}

.table-container.domain-pricing-table table {
    box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, .1);
    border: 1px solid #d5dce5
}

.table-container.domain-pricing-table .dataTables_filter {
    display: block
}

.dataTable.table.has-columns-hidden > tbody > tr > td > span.responsiveExpander::before {
    font-style: normal;
    font-weight: 900;
    content: "\2b";
    padding-right: 5px;
    font-size: 19px;
    color: rgb(136, 136, 136);
    font-family: "Font Awesome 5 Pro" !important;
}

.pagination {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0273d4;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination li:hover {
    z-index: 2;
    color: #0c8efd;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.pagination li:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, .25)
}

.pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.pagination li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination li.active a {
    z-index: 3;
    color: #fff;
    background-color: #0273d4;
    border-color: #0273d4
}

.pagination li.disabled a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

form[name='hiddenProduct'] {
    display: flex;
    margin-bottom: 10px;
    margin-left: -20px;
}

form[name='hiddenInvoice'] {
    display: flex;
    margin-bottom: 10px;
    margin-left: -10px;
}

@media (max-width: 768px) {
    .hideChecks {
        left: 10px;
    }
}

.no-data .text {
    margin-top: 10px;
    margin-bottom: 20px;
}

.service-tab a {
    line-height: 65px;
    text-decoration: none;
    display: inline-block;
    height: inherit;
}

.service-mod {
    position: relative;
    padding: 40px 0 60px;
    overflow: hidden;
}

.service-tab {
    background: #FFF;
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / 10%);
}

.security-tab-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    /* background: -100px 0 no-repeat; */
    background-size: cover;
    margin-bottom: 30px;
    background-repeat: inherit;
    margin-bottom: 60px;
}

.security-tab-icon:hover {
    background-position: 0 0;
}

.service-tab .title-main {
    padding-top: 70px;
    text-align: center;
}

.security-tab-title {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    line-height: 25px;
    color: #666;

    text-align: center;
    font-family: 'djf';
}

.service-nav-link {
    position: relative;
    height: 130px;
    cursor: pointer;
    width: 100%;
    border-bottom: 4px solid transparent;
}

.service-nav-card {
    text-align: center;
    justify-content: center;
    display: flex;
}

.service-tab-row .col-md-3.active .security-tab-title {
    color: var(--primary);
}

.service-tab-row .col-md-3.active .security-tab-icon {
    background-position: 0 0;
}

.service-tab-row .col-md-3.active .service-nav-link {
    border-bottom: 4px solid var(--primary);
}

a.spro-mod-2 {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top;
}

a.spro-mod-2:hover {
    background: url(../img/index/icon_arrow_black_web.svg) right 20px center no-repeat #FFF;
    background-size: 16px 16px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
}

.spro-mod2-title {
}

.spro-mod2-hint {
    margin-top: 6px;
    font-size: 14px;
    color: #989898;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.spro-mod2-title-name {
    margin-top: 6px;
    padding-right: 14px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.fade:not(.show) {
    display: none;
}


@media (max-width: 768px) {
    .right_aside {
        display: none;
    }
}


footer.footer {
    padding-bottom: 0px;
    border: 0 none;
    font-size: 14px;
    position: relative;
    background-image: url(../img/footer-logo.svg),linear-gradient(#0e121b 38.93%,#2b303b 80.86%);
    background-position: 0 -15%,0 0;
    background-repeat: no-repeat,repeat;
    background-size: 35.0625rem 35.0625rem,auto;
}

footer.footer .btn {
    color: #333;
    display: flex;
    align-items: center;
}

footer.footer .btn > div {
    margin-right: .2rem;
}

.footer-top {
    padding-bottom: 80px;
    border-bottom: 1px solid #ffffff1f;
    padding-top: 80px;
}

.footer-top h4 {
    margin-bottom: 18px;
    line-height: 20px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
}

.footer-top ul li {
    padding: 6px 0;
    font-size: 14px;
    line-height: 23px;
}

.footer-top ul li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    opacity: .72;
    color: #ffffff;
}

.footer-top ul li i {
    color: #999;
}
.footer-top ul li a:hover {
    color: #07e897;
    text-decoration: none;
}

.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.08);
}

footer.footer .footer-bottom .copyright {
    font-size: 14px;
    margin: 0;
    text-align: left;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

footer.footer .footer-bottom .copyright .nav {
    align-items: center;
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link {
    padding: 0;
    color: #9ca3af;
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link2 {
    max-width: 67px;
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link img {
    max-width: 100%;
}

footer.footer .footer-bottom .copyright .nav .stick {
    margin: 0 12px;
    width: 1px;
    height: 14px;
    background-color: rgba(255,255,255,.1);
}

footer.footer .navbar-brand {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

@media screen and (max-width: 768px) {
    .footer-col.active h4 {
        color: #07e897;
    }

    .footer-col.active h4:after {
        background-image: url(../img/footer-media.svg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        transform: rotate(360deg);
    }

    .footer-top ul.list-unstyled {
        display: none;
        padding: 10px 16px;
        border-top: 1px solid rgba(229,232,237,.1);
    }

    .footer-top h4 {
        position: relative;
        margin: 0;
        padding: 12px 40px 12px 16px;
        line-height: 24px;
        font-size: 16px;
    }

    .footer-top h4:after {
        content: "";
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
        width: 12px;
        height: 12px;
        background-image: url(../img/footer-media.svg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }

    .footer-top .col {
        flex-basis: auto;
        width: 100%;
        border-bottom: 1px solid rgba(229,232,237,.1);
        padding: 0;
    }
}

@media (max-width: 768px) {
    footer.footer .footer-bottom .copyright {
        display: block;
    }

    footer.footer .footer-bottom .copyright .nav {
        position: static;
        margin-top: 20px!important;
    }
}

.footer-col .list-unstyled.active {
    display: block;
}

img.footer-icp {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    line-height: initial;
}

.omnisearch {
    width: 100%;
    margin-top: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    background-color: transparent;
    pointer-events: none;
    transform: translateY(0);
    transition: transform 0.3s, opacity 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .omnisearch {
        transition: none;
    }
}

.omnisearch.show {
    opacity: 1;
    transform: translateY(50%);
}

.omnisearch .container {
    position: relative;
    height: 100%;
}

.omnisearch .omnisearch-form {
    display: block;
    position: relative;
    z-index: 700;
    background: #FFF;
    border-radius: 0.375rem;
    width: 680px;
    margin: auto;
}

.omnisearch .omnisearch-form .input-group-text {
    font-size: 1.25rem;
    background: transparent;
}

.omnisearch .omnisearch-form .form-control {
    display: block;
    height: 68px;
    font-size: 1.25rem;
    color: #454545;
    background-color: transparent;
    background-image: none;
}

.omnisearch .omnisearch-form .form-control:-ms-input-placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-form .form-control::placeholder {
    color: #C0CCDA;
}

.omnisearch .omnisearch-suggestions {
    width: 680px;
    min-height: 150px;
    padding: 1.5rem;
    background: white;
    margin: auto;
    border-radius: 0.375rem;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s;
    transition-delay: 0.21s;
}

@media (prefers-reduced-motion: reduce) {
    .omnisearch .omnisearch-suggestions {
        transition: none;
    }
}

.omnisearch .omnisearch-suggestions:before {
    background: #FFF;
    box-shadow: none;
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    left: 20px;
    position: absolute;
    bottom: 100%;
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    border-radius: .2rem;
}

.omnisearch .omnisearch-suggestions .heading {
    color: #8492A6;
}

.omnisearch .omnisearch-suggestions .list-link span {
    font-weight: 600;
    color: #3C4858;
}

.omnisearch .omnisearch-suggestions .list-link:hover {
    color: #6e00ff;
}

.omnisearch .omnisearch-suggestions .list-link:hover span {
    color: #6e00ff;
}

.omnisearch.show .omnisearch-form, .omnisearch.show .omnisearch-suggestions {
    pointer-events: auto;
}

.omnisearch.show .omnisearch-suggestions {
    opacity: 1;
}

@media (max-width: 991.98px) {
    .omnisearch .omnisearch-form {
        width: 100%;
    }

    .omnisearch .omnisearch-suggestions {
        width: 100%;
    }
}

.mask-body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 999998;
}

.mask-body-dark {
    background: rgba(31, 45, 61, 0.3);
}

.mask-body-light {
    background: rgba(255, 255, 255, 0.3);
}

.omnisearch.show {
    z-index: 999999;
}

.omnosearch-search-card-header {
    padding: 0 20px;
    padding-top: 1px;
    height: 64px;
    background: linear-gradient(90.07deg,#12bf6a .78%,#07e897);
}

.omnosearch-search-card-header span {
    display: inline-block;
    cursor: pointer;
    height: 64px;
    width: auto;
    color: #fff;
    opacity: .9;
    padding-right: 30px;
    text-align: center;
    line-height: 64px;
    font-size: 15px;
    float: left;
    letter-spacing: 0;
    position: relative;
}

.omnosearch-search-card {
    position: relative;
    background: #fff;
    box-shadow: 0 8px 13px 0 rgb(0 0 0 / 7%);
    border-radius: 0 0 2px 2px;
    z-index: 1;
    transition: width .2s ease-in-out;
}

.omnisearch .omnisearch-form .input-group-text {
    border: none;
    padding: 20px;
}

.omnisearch .omnisearch-form .form-control {
    border: navajowhite;
}

.input-group-prepend {
    border: none;
}

a.common-search-history-item {
    line-height: 18px;
    height: 24px;
    font-size: 12px;
    color: #181818;
    display: inline-block;
    letter-spacing: 0;
    padding: 3px 12px;
    border: 1px solid #d8d8d8;
    margin-right: 12px;
    margin-bottom: 10px;
    min-width: 64px;
    cursor: pointer;
    text-align: center;
    transition: all .2s;
}

a.common-search-history-item:hover {
    color: #ff6a00;
    border: 1px solid #ff6a00;
}

.omnisearch .omnisearch-suggestions .heading {
    color: #999;
    font-weight: 400;
    margin-bottom: 10px;
}

.omnisearch .omnisearch-suggestions {
    min-height: 100px;
}

a.omnisearch-close {
    height: 64px;
    width: auto;
    color: #fff;
    opacity: .6;
    line-height: 64px;
    font-size: 15px;
    float: left;
    letter-spacing: 0;
    position: relative;
}

.list-wrapper {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
    border-radius: 2px;
    background: #ffffff;
    list-style: none;
    padding-left: 0px;
}

.list-wrapper .item {
    position: relative;
    padding: 40px 40px 30px;
}

.list-wrapper .item:last-child {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 196px 131px;
}

.list-wrapper .name {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #031129;
    margin-bottom: 10px;
}

.list-wrapper .desc {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

ul.content-wrapper {
    list-style: none;
    padding-left: 0px;
}

.list-wrapper .number {
    font-size: 18px;
    line-height: 25px;
    color: var(--primary);
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.list-wrapper .content-wrapper .content {
    margin-bottom: 10px;
}

.list-wrapper .item:first-child:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #eee;
}

ul.list-wrapper .item {
    width: 50%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 196px 131px;
}

.kf-list {
    display: flex;
    width: 100%;
}

.kf-list span {
    width: 30%;
}

ul.list-wrapper.beian .item {
    background-size: 196px 111px;
}

.kf-list span:first-child {
    color: rgba(0,0,0,.9);
    font-size: 15px;
    font-weight: 500;
}

.kf-list span:nth-child(2) {
    font-family: PingFangShome-Semibold;
    font-weight: 600;
}

.kf-list span:nth-child(2) svg {
    color: #333;
}

.list-wrapper.beian .desc {
    font-size: 18px;
    line-height: 25px;
    color: var(--primary);
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.list-wrapper.beian .desc i {
    margin-left: 10px;
}

@media (max-width: 768px) {

	
    .header-container-wrap a img {
        height: 52px;
    }

    .header-container .nav-item {
        padding: 0 5px;
    }

    li#Secondary_Navbar-Account-themeMode {
        display: none;
    }
	
}

.home-event {
    position: relative;
    z-index: 1;
    margin: -60px 0;
}

.home-event .event-items {
    border-radius: 10px;
    backdrop-filter: blur(20px);
    border: 1.5px solid #fff;
    background-color: rgba(255,255,255,.6);
    box-shadow: 0 4px 33px rgb(190 196 207 / 28%);
}

.home-event .event-item {
    display: flex;
    align-items: center;
    flex: 1;
    color: #4a5072;
    height: 110px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 1.3rem;
}

.home-event .event-item-icon {
    height: 70px;
    width: 70px;
    margin-right: 20px;
    background-size: 70px;
    background-position: center;
    background-repeat: no-repeat;
}

.home-event .event-item-info h3 {
    font-size: 16px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #282c33;
    margin-bottom: 5px;
}

.home-event .event-item-info p {
    color: #999;
    margin-bottom: 0;
}

.home-event .event-item-icon.icon1 {
    background-image: url("../img/home/sub1.png");
}

.home-event .event-item-icon.icon2 {
    background-image: url("../img/home/sub2.png");
}

.home-event .event-item-icon.icon3 {
    background-image: url("../img/home/sub3.png");
}

.home-event .event-item-icon.icon4 {
    background-image: url("../img/home/sub4.png");
}

@media screen and (max-width: 770px) {
    section.home-event {
        margin-top: -20px;
    }

    .home-event .event-item {
        margin-bottom: 20px;
        background-position-x: 130%!important;
    }
}

@media screen and (min-width: 996px) {
    .bor-header-container-top {
        padding-left: 50px;
    }
}

li#Secondary_Navbar-Account-Account_Security {
    display: none;
}

.footer-split {
    width: 100%;
    height: 9px;
    margin-top: -1px;
    background: linear-gradient(90.07deg,#12bf6a .78%,#07e897);
}

.home-news .news-item .item-active-1 {
    background-image: url(../img/news/img-1.81aebf8e.png);
    transition: .4s
}

.home-news .news-item .item-active-2 {
    background-image: url(../img/news/img-2.30e41ed4.png);
    transition: .4s
}

.home-news .news-item .item-active-3 {
    background-image: url(../img/news/img-3.578df191.png);
    transition: .4s
}

.home-news .news-item .item-active-4 {
    background-image: url(../img/news/img-4.2e6386fe.png);
    transition: .4s
}

.home-news .news-item:hover {
    background-size: cover;
    z-index: 11
}

.home-news .news-item:hover .item-active-1 {
    background-image: url(../img/news/img-1-active.53e88a18.png)
}

.home-news .news-item:hover .item-active-2 {
    background-image: url(../img/news/img-2-active.9653cffb.png)
}

.home-news .news-item:hover .item-active-3 {
    background-image: url(../img/news/img-3-active.588da18c.png)
}

.home-news .news-item:hover .item-active-4 {
    background-image: url(../img/news/img-4-active.e95f6a99.png)
}

.home-news .news-item .item-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 170px;
    width: 140px;
    background-size: cover;
}

.hero-card-item {
    display: flex;
    margin-bottom: 15px;
    border-radius: 10px;
    height: 124px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,.1);
    border: 1px solid hsla(0,0%,100%,.1);
    box-shadow: 0 4px 40px rgb(0 110 255 / 10%);
    color: #fff;
    padding: 24px 15px;
    cursor: pointer;
    overflow: hidden;
}

.hero-card-item .item-title {
    font-size: 19px;
    font-weight: 900;
    color: #000;
    line-height: 28px;
    margin-bottom: 6px;
    margin-top: 8px;
    font-family: 'djf';
}

.hero-card-item .item-text {
    font-size: 15px;
    color: #000;
    opacity: .5;
    font-weight: 500;
}

.hero-card-item:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(hsla(0,0%,100%,.15),hsla(0,0%,100%,.06));
    z-index: -1;
}

.hero-card-item .item-text {
    opacity: 1;
}

.hero-card-item video {
    margin-right: 10px;
}

.home-notices {
    height: 60px;
    background-color: transparent;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 99;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: hsla(0,0%,100%,.2);
    border: 1px solid hsla(0,0%,100%,.2);
    box-shadow: inset 0 4px 4px hsl(0deg 0% 100% / 1%),inset 0 0 68px hsl(0deg 0% 100% / 1%);
}

.home-notices .splide--ttb > .splide__pagination {
    display: none;
}

.home-notices .splide__arrows {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 100;
    display: inline-block;
}

.home-notices .splide__arrow {
    display: block;
    height: 16px;
    width: 16px;
    font-size: 1.5rem;
    outline: none;
    background-color: transparent;
    position: relative;
}

.home-notices .splide__arrow svg {
    max-height: 16px;
    max-width: 16px;
}

.home-notices .splide--ttb > .splide__arrows .splide__arrow--prev {
    top: 0;
    margin-bottom: 15px;
    color: #fff;
}

.home-notices .splide--ttb > .splide__arrows .splide__arrow--next {
    bottom: 10px;
    color: #fff;
}

.home-notices .splide__slide {
    display: flex;
    align-items: center;
}

.home-notices .splide__slide .badge-cell {
    margin-right: 15px;
    padding: 3px 11px;
    border-radius: 13px;
    background: #009ef7;
    font-size: 0.875rem;
    color: #fff;
    font-weight: 600;
}

.home-notices .splide__slide .text {
    padding-left: 10px;
}

.home-notices .splide__slide .text a {
    color: #0a0a0a;
    font-size: 14px;
}

.hero-card-item img {
    height: 64px;
    margin-right: 10px;
    width: 64px;
}

@media (max-width: 768px) {
    .new_plan .plan_advert .pc_img {
        display:none;
    }

    .new_plan .plan_advert .mobile_img {
        display: block;
    }

    .new_plan .plan_advert .center1200 {
        justify-content: space-between;
    }

    .hero-card-item {
        height: unset;
        padding: 12px;
        border-radius: 3px;
    }

    .hero-card-item video {
        width: 28px;
        height: 28px;
    }

    .hero-card-item .item-text {
        display: none;
    }

    .hero-card-item .item-title {
        margin: 0;
        font-size: 14px;
    }

    .hero-card-item img {
        width: 28px;
        height: 28px;
    }

    .wrap-main-swiper .swiper-slide {
        height: 650px;
        background-size: auto 650px;
    }

    .wrap-main-swiper .content-slide {
        height: 450px;
        max-height: 450px;
        padding-top: 30px;
    }

    .swiper-pagination-bullets {
        top: -50px;
    }

    .wrap-main-swiper .content-slide .slogan {
        font-size: 2rem;
    }
}


.dropdown-menu {
	border: 0 none;
	border-radius: 8px;
	box-shadow: 0 10px 20px rgb(64 64 64 / 15%);
}



.index-section-header {
    text-align: center;
    margin-bottom: 70px;
}

.index-section-header p {
    margin-bottom: 0px!important;
}

.index-section-header-title {
    margin-bottom: 10px;
}



.CatalogBlock_tab__E_OiC {
    cursor: pointer;
    height: 160px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(45,60,100,.03), 0 4px 32px rgba(45,60,100,.05);
    transition: background .3s ease-in-out;
}
.CatalogBlock_tabs__32aFe {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 16px;
    gap: 16px;
}
.CatalogBlock_tabContent__iohZQ {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 20px;
}
.CatalogBlock_tabTitle__ROiJq {
    margin: 0;
    font-family: SBSansInterface;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #373e45;
    transition: color .3s ease-in-out;
}
.CatalogBlock_tabIcon__sJJHg {
    width: 48px;
    height: 48px;
    margin-top: auto;
}
.CatalogBlock_icon__uu1KW {
    position: absolute;
    z-index: 0;
    right: 16px;
    bottom: 16px;
    transition: color .3s ease-in-out;
}
.CatalogBlock_products__xhDSm.CatalogBlock_active__UNG0L {
    width: 100%;
    height: auto;
    padding: 48px;
    visibility: visible;
}

.CatalogBlock_products__xhDSm {
    position: absolute;
    left: 0;
    display: grid;
    grid-column: 1/5;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 16px;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    margin-top: 16px;
    padding: 0;
    visibility: hidden;
    background: #212830;
    border-radius: 12px;
    transition: height .3s ease-in-out;
        z-index: 9;
}

.CatalogBlock_tab__E_OiC.CatalogBlock_active__UNG0L, .CatalogBlock_tab__E_OiC:hover {
    background: #212830;
}
.CatalogBlock_tab__E_OiC.CatalogBlock_active__UNG0L .CatalogBlock_icon__uu1KW, .CatalogBlock_tab__E_OiC.CatalogBlock_active__UNG0L .CatalogBlock_tabTitle__ROiJq, .CatalogBlock_tab__E_OiC:hover .CatalogBlock_icon__uu1KW, .CatalogBlock_tab__E_OiC:hover .CatalogBlock_tabTitle__ROiJq {
    color: #fff;
}

.CatalogBlock_productsTitle__kRs56 {
    grid-column: 1/5;
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 36px;
    color: #fff;
    letter-spacing: -.01em;
}
.CatalogBlock_card__ROIvh {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background: #373e45;
    border-radius: 8px;
    outline: 1px solid transparent;
    transition: outline-color .3s ease-in-out;
}

.CatalogBlock_cardTitle__Q5XCI {
    font-family: SBSansInterface;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    margin-bottom: 0px;
}
.CatalogBlock_cardText__Fc7tT {
    overflow: hidden;
    display: -webkit-box;
    font-family: SBSansInterface;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #a6a9ac;
    letter-spacing: .01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.CatalogBlock_cardIcon__qPKjQ {
    -ms-flex: none;
    flex: none;
}

@media (max-width: 768px) {
.CatalogBlock_tabs__32aFe {
    display: block;
}

.CatalogBlock_products__xhDSm {
    display: block;
}

.CatalogBlock_card__ROIvh {
    margin-bottom: 20px;
}

.CatalogBlock_tabContent__iohZQ {
}

.CatalogBlock_tab__E_OiC {
    margin-bottom: 20px!important;
}
span.index-module-textbg {
    font-size: 35px;
}

.index-section-header-title h2 {
    font-size: 22px;
}

}


.page-body.page-home {
    width: 100%;
    left: 0;
}

body.clientareahome {
    background: #f9fafc;
}

.verification-banner.email-verification {
    display: none;
}

img.avatar-menu {
    width: 50px;
    border-radius: 50%;
}

.header-container .nav-item a i {
    font-size: 18px;
    margin-right: 10px;
    color: #222;
}

.dropdown-toggle::after {
    border: solid #949499;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 5px;
}


.newsContainer-vMFw {
    -moz-box-pack: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 1023px) {
    .newsContainer-vMFw {
        background:#fff;
        border-radius: 8px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 12px
    }

    .newsItem-y_ek {
        -moz-box-pack: justify;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 12px
    }
}

@media screen and (max-width: 767px) {
    .newsItem-y_ek {
        width:100%
    }

    .newsItem-y_ek:nth-child(-n+3) .newsTitleWrap-sM5T {
        border-bottom: 1px solid #eaedf1
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .newsItem-y_ek {
        width:50%
    }

    .newsItem-y_ek:nth-child(-n+2) .newsTitleWrap-sM5T {
        border-bottom: 1px solid #eaedf1
    }
}

@media screen and (min-width: 1024px) {
    .newsItem-y_ek {
        -moz-box-flex:1;
        -webkit-flex: 1 1;
        flex: 1 1;
        margin-left: 32px
    }

    .newsItem-y_ek:hover .newsTitle-ZYMW {
        color: #1664ff
    }

    .newsItem-y_ek:hover .newsPicPhome-czWx {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .newsItem-y_ek:first-child {
        margin-left: 0
    }
}

.newsTitleWrap-sM5T {
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-pack: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 1023px) {
    .newsTitleWrap-sM5T {
        padding:12px 0
    }
}

.newsTitleWrap-sM5T .newsTitle-ZYMW {
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    color: #020814;
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1023px) {
    .newsTitleWrap-sM5T .newsTitle-ZYMW {
        font-size:14px;
        line-height: 22px
    }
}

@media screen and (min-width: 1024px) {
    .newsTitleWrap-sM5T .newsTitle-ZYMW {
        font-size:18px;
        letter-spacing: .003em;
        line-height: 26px
    }
}

.newsTitleWrap-sM5T .newsTagMob-p25n {
    color: #41464f;
    font-size: 12px;
    letter-spacing: .003em;
    line-height: 20px;
    margin-top: 8px
}

@media screen and (min-width: 1024px) {
    .newsTitleWrap-sM5T .newsTagMob-p25n {
        display:none
    }
}

.newsPicPcWrap-DQNZ {
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 1024px)and (max-width:1439px) {
    .newsPicPcWrap-DQNZ {
        height:155px
    }
}

@media screen and (min-width: 1440px)and (max-width:1679px) {
    .newsPicPcWrap-DQNZ {
        height:167px
    }
}

@media screen and (min-width: 1680px) {
    .newsPicPcWrap-DQNZ {
        height:189px
    }
}

@media screen and (max-width: 1023px) {
    .newsPicPcWrap-DQNZ {
        display:none
    }
}

.newsPicPcWrap-DQNZ .newsPicPhome-czWx {
    display: block;
    height: 100%;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    width: 100%
}

.newsPicPcWrap-DQNZ .newsTagPhome-egc0 {
    background-image: url(https://portal.volccdn.com/obj/volcfe/Home4.0/news/news_tag.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 20px;
    padding: 2px 17px 2px 12px;
    position: absolute
}

@media screen and (max-width: 1023px) {
    .newsPicPcWrap-DQNZ .newsTagPhome-egc0 {
        display:none
    }
}

.newsPicMob-Yb8o {
    aspect-ratio: 4/3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 12px;
    width: 27%
}

@media screen and (min-width: 1024px) {
    .newsPicMob-Yb8o {
        display:none
    }
}

section.home-bigdata {
    background-image: url(../img/number_banner_bg-cd7f2fde4ac2ef41d8918ee9d4834911.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

section.main-solutions {
    background: #f9fafc;
}



.home-bigdata-contentlistitem {
    display: flex;
}

.home-bigdata-contentlistitem p {
    margin-bottom: 0px;
}

.home-bigdata-contentlistitem img {
    width: 54px;
    height: 49px;
    margin-right: 20px;
}

.home-bigdata-contentlistitem div div {
    display: flex;
    color: #181818;
    display: inline-block;
    font-size: 48px;
    position: relative;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

span.index-module--unit--cdOR6 {
    font-size: 20px;
    color: #181818;
    padding-left: 8px;
}
.index-module--numberBox--iyObb {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}



@media (max-width: 768px) {
.home-bigdata-contentlistitem div div {
    font-size: 18px;
}

span.index-module--unit--cdOR6 {
    font-size: 14px;
}

.home-bigdata-contentlistitem img {
    margin-right: 10px;
}

.home-bigdata-contentlistitem {
    margin-bottom: 10px;
    margin-top: 10px;
}
}


.active-link{text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.active-link:hover{color:#07e897!important}
.menu-hover{padding-left:.1rem;margin-left:-.1rem;border-radius:3px;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;-moz-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;-webkit-box-shadow:0 0 0 rgba(191,191,191,.08);box-shadow:0 0 0 rgba(191,191,191,.08)}
.menu-hover:hover{-webkit-box-shadow:0 0 10px rgba(191,191,191,.08);box-shadow:0 0 10px rgba(191,191,191,.08)}
.header-container-wrap{position: fixed;top:0;left:0;width:100%;z-index: 99999;-webkit-box-sizing: border-box;border-bottom: 1px solid #dde0ea;}
.header-container{position:relative;-webkit-transition:background .3s;-o-transition:background .3s;-moz-transition:background .3s;transition:background .3s;position: relative;height: 60px;}
.header-container:hover{background:#fff}
.header-container.white{background:#fff}
.bor-header-container-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content: center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;/* max-width:1200px; */margin:0 auto;height: 100%;padding-left: 20px;}
.header-container-left{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.header-container-left .et-logo{display:inline-block;margin-right:6%}
.header-container-left .et-logo .bor-logo-img{margin-top:16px;vertical-align:baseline}
.header-container-right .bor-link svg {
    width: 24px;
    height: 24px;
    fill: #000;
}
.header-container-left .et-diff-intro{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left: 30px;}
.header-container .nav-item{position:relative;display:inline-block;font-size:15px;color: #333;padding: 0 15px;}
.header-container .nav-item>span{color: #333;-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s;}
.header-container .nav-item:hover>a>span,.header-container .nav-item:hover>span{color:#07e897}
.header-container .nav-item:hover .menu-arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.header-container .nav-item .hot-new{color:#181818}
.header-container .nav-item .hot-new::after{content:"Hot";margin-left:2px;color:#ff69b4}
.menu-arrow{display:inline-block;width:14px;height:8px;margin-left:.03rem;color:#e2e2e7;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;-moz-transition:transform .4s,-moz-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;vertical-align:middle;margin-top:-2px}
.nav-item .nav-topbar-dropdown-wrap{position:fixed;top: 61px;left:0;right:0;height:0;opacity:0;z-index:999;min-width:1020px;overflow-y:hidden;-webkit-transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);-o-transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);-moz-transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);background-color:#fff;box-shadow: 0 10px 8px rgba(0, 0, 0, .07);}


.header-container .nav-item a{color: #000;align-items: center;font-weight: 600;}
.header-container .nav-item:hover .second-nav-topbar-dropdown{opacity:1;height:540px;max-height:540px}
.header-container .nav-item:hover .third-nav-topbar-dropdown{opacity:1;height:428px;max-height:428px}
.header-container .nav-item:hover .sixth-nav-topbar-dropdown{opacity:1;height:460px;max-height:460px}
.header-container .nav-item:hover .eigth-nav-topbar-dropdown{opacity:1;height:310px;max-height:310px}
.nav-item .nav-topbar-dropdown{color:#1b2226;/* max-width:1200px; */height:100%;z-index:1;margin:0 auto;padding-top:0;background-color: #ffffff;}
.header-container-right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height: 100%;}
.header-container-right .bor-link{padding: 18px 28px;-webkit-transition:background-color .2s;-o-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s;height: 100%;font-size: 15px;-moz-box-pack: center;border-radius: 0;display: flex;align-items: center;font-weight: 600;-webkit-justify-content: center;justify-content: center;position: relative;text-align: center;-webkit-transition: background .1s linear;-o-transition: background .1s linear;-moz-transition: background .1s linear;transition: background .1s linear;z-index: 2;}
.header-container-right .bor-link.et-demonstract{color: #fff;background-color: #222;}
.header-container-right .bor-link.et-demonstract:hover{border-color: #343f48;background: #343f48;color: #fff;}

.header-container-right .bor-link.svg-link {
    padding: 18px 15px;
}

.header-container-right .bor-link.svg-link:hover svg {
    fill: var(--primary-hover);
}


.nav-item .nav-topbar-dropdown>h2{padding:15px 0;text-align:left;font-size:17px;font-weight:500}
.nav-item .product-title{color:#152235;font-size:16px}
.nav-item .bor-block-product-container{float:right;display:inline-block;width: 78%;height:auto;color:#0a0a0a;vertical-align:top;margin-top:.6rem;}
.nav-item .bor-block-product-container .product-detail{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}
.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-right:.2rem;max-width: 25%;padding-left: 10px;padding-right: 10px;}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item-title{display:inline-block;width:55%;line-height:normal;font-size:15px;color:#818b99;font-weight:400;vertical-align:middle;margin-bottom:0}
.nav-item .product-detail .bor-product-menu-second-wrap>hr{width:90%;color:#87a0be;opacity:.36;margin:10px 0}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item{display:block;color:#87a0be;line-height:60px;cursor:default;margin:10px 0}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-item-wrap{padding-left:.1rem;margin-left:-.1rem;border-radius:3px}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item:nth-of-type(1){margin-top:0}
.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-primary .menu-title{color:#047ad4}
.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-primary .menu-info{color:#152235}
.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-img{background-color:#d0e2f4}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-img{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;background-color:#ebf3ff;border-radius:2px;vertical-align:middle;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-img .img{width:54%}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-primary{display:inline-block;vertical-align:middle;margin-left:.05rem}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-primary>span{display:block;line-height:normal}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-title{font-size:16px;color:#152235}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-info{font-size:13px;color:#727c8e;margin-top:.05rem;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}
.nav-item .bor-block-product-container .product-version>img{width:7px;vertical-align:middle;margin-left:14px}
.nav-item .bor-block-product-container .product-version>span{color:#87a0be;vertical-align:middle}
.nav-item .bor-block-product-container .product-version>.iconmenu-arrow{font-size:12px;color:#dde1e4;margin-left:.2rem}
.nav-item .bor-block-product-type{float:left;width: 15%;height:100%;border-right:2px solid #f5f5f5;font-size:14px;text-align:left;margin-top:25px;}
.nav-item .bor-block-product-type .product-type-item{width:100%;color:#152235;line-height:normal}
.nav-item .bor-block-product-type .product-type-item a{display:block;font-size:16px;color:#152235;margin-bottom:24px}
.nav-item .bor-block-product-type .product-function{white-space:normal}
.nav-item .bor-block-product-type .product-function a{display:inline-block;width:45%}
.solution-nav-topbar .product-title{margin-top:.4rem}
.container-top{margin-top:24px}
.nav-topbar-dropdown .all-menu-container .second-menu-inner-wrap.scene-menu{width:26%}
.second-menu-inner-wrap{display:inline-block;width:14%;margin-right:.6rem;vertical-align:top}
.second-menu-inner-wrap>hr{color:#87a0be;opacity:.36;margin:10px 0}
.second-menu-inner-wrap .second-menu-title{line-height:normal;font-size:15px;color:#818b99}
.second-menu-inner-wrap .menu-title{display:inline-block;color:#152235;font-size:15px}
.second-menu-inner-wrap .third-menu-item-wrap{line-height:45px}
.second-menu-inner-wrap .third-menu-item-wrap .between-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.second-menu-inner-wrap .third-menu-item-wrap .between-item .econ::after{content:"";padding:2px 4px;background-color:#fffae5;color:#f93;font-size:12px;margin-left:.03rem}
.menu-icon{display:none;position:relative;height:48px;width:48px;vertical-align:middle;overflow:hidden;margin-top:-2px;text-indent:100%;white-space:nowrap;color:transparent}
.menu-icon .nav-trigger{position:absolute;left:50%;top:50%;bottom:auto;right:auto;background-color:#404040;height:2px;width:24px;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .2s;-o-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.menu-icon .nav-trigger:after,.menu-icon .nav-trigger:before{position:absolute;background-color: #000;height:2px;width:24px;content:"";left:0;transition:-webkit-transform .2s;-webkit-transition:-webkit-transform .2s;-o-transition:transform .2s;-o-transition:-o-transform .2s;-moz-transition:transform .2s,-moz-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;transition:transform .2s,-webkit-transform .2s}
.menu-icon .nav-trigger:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}
.menu-icon .nav-trigger:after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);-moz-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
.menu-icon.active .nav-trigger{background-color:transparent}
.menu-icon.active .nav-trigger:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-icon.active .nav-trigger:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.header-container-wrap .nav-side-menu{display:none;position:fixed;top: 61px;bottom:0;left:0;width:100%;z-index:399;overflow:hidden;background-color:rgba(55,61,65,.4)}
.header-container-wrap .dropdown-wrap{position:absolute;top:0;width:100%;height:100%;left:100%;z-index:399;opacity:1}
.nav-side-menu.show{-webkit-animation:showSide .5s;-moz-animation:showSide .5s;-o-animation:showSide .5s;animation:showSide .5s;opacity:1}
.nav-side-menu.hide{-webkit-animation:hideSide .5s;-moz-animation:hideSide .5s;-o-animation:hideSide .5s;animation:hideSide .5s;opacity:0}
.nav-side-menu.show .dropdown-wrap{-webkit-animation:showMove .5s;-moz-animation:showMove .5s;-o-animation:showMove .5s;animation:showMove .5s;left:0}
.nav-side-menu.hide .dropdown-wrap{-webkit-animation:hideMove .5s;-moz-animation:hideMove .5s;-o-animation:hideMove .5s;animation:hideMove .5s;left:100%}
.header-container-wrap .dropdown-wrap .bor-dropdown-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;height:100%;overflow:auto;background-color:#fff}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:self-start;-webkit-align-items:self-start;-moz-box-align:self-start;-ms-flex-align:self-start;align-items:self-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:140px;background: #26d07c0f;padding-left:10px;padding-right: 10px;padding-bottom:40px;}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t{width:100%}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t-item{width:100%;padding:14px 0;color:#181818;border-bottom: 1px solid #e0e0e07d;}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t-item.active{color: #26d07c;font-weight: 600;}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t ul{list-style:none;padding:0}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f{width:100%}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f .nav-p-b-item{display:block;padding:8px 0;color:#787979;position:relative}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f .nav-p-b-item:after{content:"";position:absolute;right: 15px;top:15px;width:12px;height:5px;background-image:url(../img/page/icon-link.svg);}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding: 10px;overflow:auto}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#272727}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main.active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-first-title{display:block;width:100%;font-size:16px;border-bottom:1px solid #ececec;line-height:42px;color: #26d07c;font-weight: 600;}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item,.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main>a{width:100%;padding-right:20px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a{display:block;width:100%;font-size:16px;color:#272727;margin-top:11px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a>span{display:block;font-size:14px;color:#6f7786;margin-top:18px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a>span::after{content:"";width:6px;height:12px;background:url(../../images/lanyun/icon/icon-arrow-right.svg) no-repeat right/cover;float:right}
.banner .banner-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:350px}
.banner .banner-container .banner-text-wrap{color:#fff;max-width:1140px}
.banner .banner-container .banner-text-wrap .banner-text{text-align:center;color:#fff}
.banner .banner-container .banner-text-wrap .banner-text .pOne{font-size:59px;margin-bottom:30px}
.banner .banner-container .banner-text-wrap .banner-text .pTwo{font-size:18px;margin-top:29px;line-height:33px}
.version{padding:68px;text-align:center}
.version .version-title{text-align:center;font-size:32px;color:#17214c;font-weight:400;margin-bottom:65px}
.version .ver-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;max-width:1180px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 55px;text-align:left}
.version .ver-wrap .version-container{position:relative;width:556px;max-width:556px;margin:0 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:42px 38px 80px;flex-shrink:1;background-color:#fff;-webkit-box-shadow:3px 3px 5px rgba(165,165,165,.35);box-shadow:3px 3px 5px rgba(165,165,165,.35)}
.version .ver-wrap .version-container>h3{color:#307fe2;font-size:40px;font-weight:400;text-align:center;margin-bottom:58px}
.version .ver-wrap .version-container>h4{color:#212121;font-size:18px;font-weight:400;text-align:left;margin-bottom:29px}
.version .ver-wrap .version-container>p{color:#5a5a66;font-size:14px;margin-bottom:5px}
.version .ver-wrap .version-container .major-function{background-color:#f5fbff;padding:21px 18px;height:230px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:30px;text-align:left}
.version .ver-wrap .version-container .major-function h5{font-size:14px;color:#191919;margin-bottom:23px}
.version .ver-wrap .version-container .major-function li{font-size:14px;color:#5a5a66;margin:14px 0}
.version .ver-wrap .version-container .major-function li::before{content:"";display:inline-block;width:15px;height:15px;margin-right:8px;background:url(../../images/lanyun/icon/icon-tick-bg.svg) no-repeat center/cover;vertical-align:middle}
.version .ver-wrap .version-container .contact-btn{width:100%;margin-top:47px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.version .ver-wrap .version-container .contact-btn a{width:45%;display:inline-block;font-size:18px;padding:10px 0;text-align:center}
.version .ver-wrap .version-container .contact-btn .try{background-color:#307fe2;color:#fff;-webkit-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s;-moz-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}
.version .ver-wrap .version-container .contact-btn .ask{border:1px solid #307fe2;color:#307fe2;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.version .ver-wrap .version-container .contact-btn .try:hover{background-color:#4baaea}
.version .ver-wrap .version-container .contact-btn .ask:hover{border:1px solid #4baaea;background-color:#e6f4fd}
.version .version-free{position:absolute;top:-2px;left:5%;display:block;width:50px}
.fire-icon{display:inline-block;width:9px;height:11px;margin-left:4px}
.arrow-right{display:inline-block;width:6px;line-height:10px}
@-webkit-keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@-moz-keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@-o-keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@-webkit-keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@-moz-keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@-o-keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@-webkit-keyframes showMove{0%{left:100%}
100%{left:0}
}
@-moz-keyframes showMove{0%{left:100%}
100%{left:0}
}
@-o-keyframes showMove{0%{left:100%}
100%{left:0}
}
@keyframes showMove{0%{left:100%}
100%{left:0}
}
@-webkit-keyframes hideMove{0%{left:0}
100%{left:100%}
}
@-moz-keyframes hideMove{0%{left:0}
100%{left:100%}
}
@-o-keyframes hideMove{0%{left:0}
100%{left:100%}
}
@keyframes hideMove{0%{left:0}
100%{left:100%}
}
.home-customer{text-align:center}
.home-customer .customer-logo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:56px;margin-bottom:60px}
.home-customer .customer-logo>a{display:inline-block;-webkit-box-flex:0;-webkit-flex:0 1 25%;-moz-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}
.home-customer .customer-logo .logo{display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;width:96%;margin:8px 0;border:1px solid #ededed;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.home-customer .customer-logo .logo img{display:inline-block;width:100%}
.area-section{padding-top:64px;padding-bottom:64px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.area-section .title{font-size:32px;color:#1b1c1c;font-weight:400;margin-bottom:12px}
.area-section .title2{font-size:16px;font-weight:400;color:#777;max-width:850px;margin:0 auto 40px}
.area-section .carousel-item{width:1144px}
.button{display:inline-block;border-radius:3px;text-align:center;-webkit-transition:background-position .3s ease-in-out;-o-transition:background-position .3s ease-in-out;-moz-transition:background-position .3s ease-in-out;transition:background-position .3s ease-in-out}
.button__left{margin-left:30px}
.button__right{margin-right:30px}
.button__normal{width:166px;height:46px;font-size:18px;line-height:46px}
.button__large{width:190px;height:49px;font-size:18px;line-height:49px}
.button.button-theme__blue{color:#fff;background-image:-webkit-linear-gradient(340deg,#1c96ff,#06f,#a72dda);background-image:-moz-linear-gradient(340deg,#1c96ff,#06f,#a72dda);background-image:-o-linear-gradient(340deg,#1c96ff,#06f,#a72dda);background-image:linear-gradient(110deg,#1c96ff,#06f,#a72dda);-o-background-size:200%;background-size:200%}
.button-theme__blue:hover{background-position:100% 20%}
.button.button-theme__white{background-image:-webkit-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);background-image:-moz-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);background-image:-o-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);background-image:linear-gradient(120deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);color:#047ad4;-o-background-size:300%;background-size:300%;-webkit-transition:background-position .3s ease-in-out,color .3s ease-in-out;-o-transition:background-position .3s ease-in-out,color .3s ease-in-out;-moz-transition:background-position .3s ease-in-out,color .3s ease-in-out;transition:background-position .3s ease-in-out,color .3s ease-in-out}
.button-theme__white:hover{color:#fff;background-position:100% 19%}
.button.button-theme__orange{position:relative;border:1px solid #047ad4;background-image:-webkit-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);background-image:-moz-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);background-image:-o-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);background-image:linear-gradient(315deg,#f9bb30 0,#ff890d 74%)}
.button.button-theme__orange:hover{background-image:-webkit-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);background-image:-moz-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);background-image:-o-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);background-image:linear-gradient(315deg,#ffc74a 0,#ff9b33 74%)}
.button.button-theme__white2{border:1px solid #047ad4;background-color:#fff;color:#047ad4;-webkit-transition:color .3s,background-color .3s;-o-transition:color .3s,background-color .3s;-moz-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}
.button-theme__white2:hover{color:#fff;background-color:#c5e8ff4a}
.button-theme__white.color__black:hover,.button-theme__white2.color__black:hover{color:#fff}
.button.button-theme__transparent{border:1px solid #fff;background-color:transparent;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.button.button-theme__transparent:hover{background-color:#56ade84a}
.button.color__black{color:#232d5d}
.waves{position:relative;cursor:pointer;display:inline-block;overflow:hidden;text-align:center;-webkit-tap-highlight-color:transparent;z-index:1}
.waves .waves-animation{position:absolute;border-radius:50%;width:25px;height:25px;opacity:0;background:rgba(255,255,255,.3);-webkit-transition:all .7s ease-out;-o-transition:all .7s ease-out;-moz-transition:all .7s ease-out;transition:all .7s ease-out;transition-property:transform,opacity,-webkit-transform;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}
@media screen and (min-width:770px){body{min-width:1020px}
::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}
::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#c8c8c8}
}
@media screen and (max-width:1100px){.menu-arrow{display:none}
}
@media screen and (min-width:770px) and (max-width:1200px){.bor-header-container-top{min-width:1020px}
.header-container .nav-item:hover .second-nav-topbar-dropdown{height:510px;max-height:510px}
.nav-item .product-detail .bor-product-menu-second-wrap>hr{margin:6px 0}
.nav-topbar-dropdown .all-menu-container .second-menu-inner-wrap.scene-menu{min-width:245px}
.header-container .nav-item:hover .eigth-nav-topbar-dropdown{height:280px;max-height:280px}
}
@media screen and (max-width:770px){.header-container{background-color:#fff}
.header-container .bor-link{display:none}
.header-container-left .et-diff-intro{display:none}
.header-container-right .menu-icon, .header-container-right .user-icon,.header-container-right .sehome-menu-icon{display: flex;}
.phome-footer{display:none}
#footer{display:block}
.version{padding:50px 12px}
.version .version-title{font-size:28px}
.version .ver-wrap{text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;min-width:auto;margin-bottom:0}
.version .ver-wrap .version-container{width:90%;padding:40px 18px;text-align:left;margin:0 auto 30px;-webkit-box-shadow:3px 3px 10px rgb(165 165 165 / 10%);box-shadow:3px 3px 10px rgb(165 165 165 / 10%)}
.version .ver-wrap .version-container>h3{font-size:28px;margin-bottom:20px}
.version .ver-wrap .version-container>h4{font-size:16px;margin-bottom:16px}
.version .ver-wrap .version-container .major-function{margin-top:20px}
.version .ver-wrap .version-container .contact-btn{margin-top:30px;padding-left:0;padding-right:0;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.version .ver-wrap .version-container .contact-btn a{font-size:16px}
.home-customer .customer-logo>a{-webkit-box-flex:0;-webkit-flex:0 1 33%;-moz-box-flex:0;-ms-flex:0 1 33%;flex:0 1 33%}
.home-customer .customer-logo .logo{width:94%;height:auto}
.home-customer .customer-logo .logo img{width:100%}
.home-customer .customer-logo{margin-bottom:32px;margin-top:40px}
.area-section{padding-top:50px;padding-bottom:50px}
.area-section .title{font-size:28px}
.button__normal{width:120px;height:40px;font-size:17px;line-height:40px}
.button__large{width:146px;height:50px;font-size:18px;line-height:50px}
}
.header-container-wrap a{text-decoration:none!important;color: #26d07c;}
.solution-menu-main{margin-top:30px}
.main-menu-title{position:relative;padding-left:18px;font-size:18px;font-weight:400;margin-bottom:10px}
.main-menu-title:before{content:" ";position:absolute;left:0;top:50%;margin-top:-10px;display:block;height:20px;width:4px;background:#07e897}
.solution-item{line-height:unset;border:1px solid #e6e9f0;transition:all .1s;margin-top: 20px;background-color: #fff;border: solid 2px #ffffff;border-radius: 2px;}
.solution-item .nav-item-name{padding-left:20px}
.solution-item:hover{color:#07e897;cursor:pointer;background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f5), to(#ffffff)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background-image: -o-linear-gradient(top, #f0f2f5 0%, #ffffff 100%), -o-linear-gradient(#ffffff, #ffffff);background-image: linear-gradient(180deg, #f0f2f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;-webkit-box-shadow: 0px 4px 20px 0px rgb(0 53 128 / 10%);box-shadow: 0px 4px 20px 0px rgb(0 53 128 / 10%);-webkit-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.solution-menu-box-body{margin-bottom:20px}
.product-menu-item-box{margin-top:10px;line-height:unset;border:1px solid #e6e9f0;transition:all .1s;display:block;padding:12px 20px;max-width: 227px;}
.product-menu-item-box .menu-title{width:100%;display:block;line-height:normal;margin-bottom:5px}
.product-menu-item-box .menu-info{width:100%;display:block;line-height:normal}
.product-menu-item-box:hover{border: 1px solid #07e897;color: #07e897;cursor:pointer;}
.product-menu-item-box:hover .menu-info,.product-menu-item-box:hover .menu-title{color: #07e897!important;}


.nav-item .bor-block-product-type .product-type-item a {
    border-radius: 8px;
    color: #07e897;
    background-color: #07e8971c !important;
    padding: 10px;
    margin-right: 10px;
}
.nav-item .bor-block-product-type .product-type-item a img {
    margin-right: 5px;
}


.old-system-login {
    margin-right: 12px;
    color: #333;
}


.header-dropdown-left {
    box-sizing: border-box;
    max-height: 600px;
    min-height: 300px;
    padding: 36px 0px 40px 50px;
    background: #F6F9FE url(https://bce.bdstatic.com/p3m/common-service/uploads/left_backend_new_ba6a747.png) right bottom no-repeat;
    background-size: 236px auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    float: left;
    width: 20%;
    height: 100%;
    font-size: 14px;
    text-align: left;
}

.header-dropdown-left {
  box-sizing: border-box;
  max-height: 600px;
  min-height: 300px;
  padding: 36px 0px 40px 50px;
  
  background-size: 236px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.header-dropdown-left.product {
background: #F6F9FE url(../img/header/headerbg_1.svg) right bottom no-repeat;
}
.header-dropdown-left.products {background: #f4f6f9;}

.header-dropdown-left.solution {background: linear-gradient(90deg, #ebf2fd, #ebf2fd 100%, #fff 0, #fff);}


.header-dropdown-left.services {    background: linear-gradient(90deg, #ebf2fd, #ebf2fd 100%, #fff 0, #fff);}




.header-dropdown-left.about {
background: #F6F9FE url(../img/header/headerbg_5.svg) right bottom no-repeat;
}
.header-dropdown-left .header-dropdown-nav {
  box-sizing: border-box;
  overflow: auto;
}
.header-dropdown-left .header-dropdown-nav .header-all-product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title h2 {
  margin-bottom: 16px;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title p {
  margin-bottom: 16px;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button {
  margin-bottom: 24px;
  vertical-align: middle;
  padding-right: 10px;
  font: 600 14px / 22px PingFangShome-Semibold;
  height: 22px;
  color: #222222;
  position: relative;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  right: -8px;
  top: 4px;
  width: 16px;
  height: 16px;
  transition: right 0.3s cubic-bezier(0.25, 0.1, 0.25, 0.1);
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover {
  color: #2468f2;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover::after {
  right: -16px;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li {
  float: left;
  clear: left;
  position: relative;
  color: #222222;
  margin-bottom: 16px;
  cursor: default;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  top: 27px;
  height: 2px;
  background-color: #2468f2;
  transition: width 0.3s linear;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li.current {
  color: #2468f2;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li.current::after {
  width: 100%;
}
.header-dropdown-left .header-dropdown-nav .header-left-jump {
  display: block;
  float: left;
  clear: left;
  position: relative;
  font: 400 14px / 22px PingFangShome-Regular;
  color: #222222;
  cursor: pointer;
}
.header-dropdown-left .header-dropdown-nav .header-left-jump:hover {
  color: #2468f2;
}
.header-dropdown-left .header-left-extends {
  padding-right: 24px;
  box-sizing: border-box;
  white-space: pre-line;
}
.header-dropdown-left .header-left-title {
  font: 400 20px / 28px PingFangSC;
  color: #222222;
}
.header-dropdown-left .header-left-desc {
  font: 400 14px / 22px PingFangShome-Regular;
  padding-right: 24px;
  box-sizing: border-box;
  color: rgba(34, 34, 34, 0.7);
}

.header-dropdown-left {
  padding-left: calc((100% - 1438px) / 2);
  min-width: 288px;
}
.header-dropdown-left .header-dropdown-nav {
  width: 238px;
}
.header-dropdown-left .header-left-extends {
  width: 238px;
}
.header-dropdown-left .header-left-desc {
  width: 238px;
  white-space: initial;
}

.product-type-item{width:100%;color:#152235;line-height:normal}
.product-type-item a{display:block;font-size:16px;color:#152235;margin-bottom:24px}
.product-type-item img {width: 30px;}

.solution-menu-main>.row {
    margin: 0;
}



.product-info-card {
    margin-bottom: 10px;
    line-height: normal;
    border: 1px solid #e6e9f0;
    transition: all .1s;
    padding: 10px 20px;
}

.product-info-card-name {
    color: #333;
    line-height: normal;
}

small.product-info-card-headline {
    color: #333;
    line-height: normal!important;
    height: auto;
    margin-top: 10px;
    display: block;
}





.header-dropdown-left .header-dropdown-nav {
  box-sizing: border-box;
  overflow: auto;
}
.header-dropdown-left .header-dropdown-nav .header-all-product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title h2 {
  margin-bottom: 16px;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-other-title p {
  margin-bottom: 16px;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button {
  margin-bottom: 24px;
  vertical-align: middle;
  padding-right: 10px;
  font: 600 14px / 22px PingFangShome-Semibold;
  height: 22px;
  color: #222222;
  position: relative;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  right: -8px;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url(https://bce.bdstatic.com/p3m/common-service/uploads/arrow_aca2afe.svg) no-repeat center / cover;
  transition: right 0.3s cubic-bezier(0.25, 0.1, 0.25, 0.1);
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover {
  color: #2468f2;
}
.header-dropdown-left .header-dropdown-nav .header-all-product .header-left-button:hover::after {
  right: -16px;
  background-image: url(https://bce.bdstatic.com/p3m/common-service/uploads/arrow-hover_5c62c57.svg);
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li {
  float: left;
  clear: left;
  position: relative;
  font: 400 14px / 22px PingFangShome-Regular;
  color: #222222;
  margin-bottom: 16px;
  cursor: default;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  top: 27px;
  height: 2px;
  background-color: #2468f2;
  transition: width 0.3s linear;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li.current {
  color: #2468f2;
}
.header-dropdown-left .header-dropdown-nav .header-left-nav li.current::after {
  width: 100%;
}
.header-dropdown-left .header-dropdown-nav .header-left-jump {
  display: block;
  float: left;
  clear: left;
  position: relative;
  font: 400 14px / 22px PingFangShome-Regular;
  color: #222222;
  cursor: pointer;
}
.header-dropdown-left .header-dropdown-nav .header-left-jump:hover {
  color: #2468f2;
}
.header-dropdown-left .header-left-extends {
  padding-right: 24px;
  box-sizing: border-box;
  white-space: pre-line;
}
.header-dropdown-left .header-left-title {
  font: 400 20px / 28px PingFangSC;
  color: #222222;
}
.header-dropdown-left .header-left-desc {
  font: 400 14px / 22px PingFangShome-Regular;
  padding-right: 24px;
  box-sizing: border-box;
  color: rgba(34, 34, 34, 0.7);
}

.header-dropdown-left {
  /* padding-left: calc((100% - 1438px) / 2); */
  /* min-width: 288px; */
}
.header-dropdown-left .header-dropdown-nav {
  width: 238px;
}
.header-dropdown-left .header-left-extends {
  width: 238px;
}
.header-dropdown-left .header-left-desc {
  width: 238px;
  white-space: initial;
}
.product-info-card:hover {
    border-color: #07e897;
}
.product-info-card:hover .product-info-card-name{
    color:#07e897!important;
}



.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap.active {
    display: block;
    width: 100%;
    max-width: 100%;
}

.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap {
    display: none;
}




.bor-product-menu-second-wrap .card {
	border-color: #ebf0fc;
}
.bor-product-menu-second-wrap .card:hover {
	background-color: #f9faff;
	text-decoration: none;
	border-color: #06f;
	color: #06f;
}
.bor-product-menu-second-wrap .card .card-text {
	color: #444;
}
.bor-product-menu-second-wrap .card:hover .card-text {
	color: #444;
}

.product-type-item a img {
    height: 24px;
}

.product-type-item a {
    border-radius: 8px;
    padding: 5px 5px;
    margin-right: 10px;
    transition: all .3s;
}
.product-type-item a.active {
    color: #07e897;
    background-color: #07e8971a !important;
}

.product-type-item a img {
    margin-right: 5px;
    width: 24px;
}
.product-detail {
    margin-top: 30px;
}


main {
    margin-top: 60px;
}



.prodNav a {
	margin-top: 20px;
	background-color: #fff;

	padding: 15px 30px 15px 30px;
}

.prodNav a h4 {
	font-size: 16px;
	font-weight: 500;
}

.prodNav a p {
	margin-top: 3px;
	color: #7d87a5;
	line-height: initial;
	margin-bottom: 0px;
}

.prodNav a:hover,.ffsub a:hover {
	background: #f8f8fa;
	border-left: 5px solid #07e897;
}

.prodNav a:hover p,
.prodNav a:hover h4 {color: #ffffff;}

.user-icon {
    display: none;
    position: relative;
    height: 48px;
    width: 36px;
    vertical-align: middle;
    white-space: nowrap;
    color: transparent;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.header-container-wrap .nav-user-menu.show {
    display:block;
}

.header-container-wrap .nav-user-menu {
    display: none;
    /* position: fixed; */
    top: 70px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 398;
    overflow: hidden;
    background-color: rgba(55,61,65,.4);
    -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    cursor: default;
    background: #fff;
}

.user-menu-bottom {
    padding: 20px;
}


ul.header-user-info-list.account-nav {
    list-style: none;
    padding-left: 0px;
}

.user-menu-top {
    padding: 20px;
    padding-bottom: 0px;
}


.header-user-info-split {
    height: 1px;
    line-height: 1;
    background: #dfe1e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
}


ul.header-user-info-list.account-nav li a span {
    width: auto;
    min-width: 16px;
    background-color: var(--primary);
    float: right;
    padding: 0 4px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #fff !important;
    margin-top: 3px;
}

ul.header-user-info-list.account-nav li a {
    height: 22px;
    line-height: 22px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #252b3a;
    font-size: 14px;
}

.header-user-info-list .header-verification {
    padding-left: 0;
    line-height: 20px;
    text-align: right;
    height: 32px;
    display: block;
}

.header-user-info-list>li {
    position: relative;
    line-height: 20px;
    color: #252b3a;
}

.header-user-info-item-account>a {
    float: left;
    width: 50%;
}

.header-user-info-list>li:not(.header-user-info-split) {
    padding-top: 5px;
    padding-bottom: 5px;
}

a.account-verification.header-verification {
    margin-bottom: 5px;
}

.header-menu-content a {
    display: block;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 15px 20px;
    background: #f8f8fa;
    border: 1px solid transparent;
    margin-bottom: 20px;
}

.header-menu-content a span {
    margin: 0;
    font-family: SBSansInterface;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #212830;
}

.header-menu-content-right {
    margin-left: 10px;
}


a.d-flex.flex-column.product-item {
    text-align: left;
    align-items: baseline;
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px 0 rgba(46,70,146,.05);


}

a.d-flex.flex-column.product-item:hover {
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(46,70,146,.05);
    background-color: var(--primary);
}


.CatalogBlock_cardHead__ew_HX {
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

@media (max-width: 1280px){

.CatalogBlock_cardHead__ew_HX {
    gap: 0.9375vw;
    margin-bottom: 1.25vw;
}

}

.CatalogBlock_card__ROIvh:hover {
    outline-color: #06c37f;
}




section.home-service.bg-white.space {
    padding-bottom: 0px!important;
    background: #F5F7FB;
}

.hero-card-item:hover {
    transition: all .5s;
    background: linear-gradient(180deg, #F0F4FF 34.55%, #F9FBFF 100%);
}

.pageError h3 {
    color: #434e59;
    font-size: 72px;
    font-weight: 600;
    line-height: 72px;
    margin-bottom: 24px;
    padding-top: 20px;
}

.pageError p {
    color: rgba(0,0,0,0.45);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
}


.invoice-main .card ,.invoice-slide .card,body.clientareadetails .card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    overflow: hidden;
    width: 100%;
    border: none;
}



.invoice-main .card-header,.invoice-slide .card-header ,body.clientareadetails .card-header{
    background: transparent;
    border-bottom: 0px;
}


body.viewinvoice .primary-content.main-container,body.clientareadetails .primary-content.main-container{
    background: #F6F8FA;
}

.invoice-main .card .card {background: rgb(255, 255, 255);border: 1px solid rgb(234, 237, 241);border-radius: 2px;box-shadow: none;}

.card .card .card-header {
    background: #F6F8FA;
    border-color: #eaedf1;
}

.invoice-main .table th,.invoice-main .table td {
    border-color: #eaedf1;
}


.invoice-main .btn-group.btn-group-sm.d-print-none a {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08);
    box-shadow: 0 1px 1px rgba(0,0,0,.08);
    padding: 5px 20px!important;
}

.invoice-main .btn-group.btn-group-sm.d-print-none a:last-child {
    color: #07e897;
    border-color: #07e897;
    background: transparent;
}

.badge-success {
    background: #07e897;
}
.badge-refunded {
    background: #f98600;
}
.invoice-status.badge-default {
    background: #ff5b5b;
}

.margin-bottom {
    margin-bottom: 20px;
}
header#header.header-fixed {
    background: #ffffff;
}

.header-container-wrap a svg.logo-primary {
    height: 35px;
    width: 130px;
}



.user-icon {
    max-width: 112px;
}
.user-icon {
    max-width: 88px;
}

.user-icon {
    max-width: 112px;
  }
.move-icon {
    left: 56px;
    top: 38px;
    width: 44px!important;
  }
.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.recomm-img .user-icon {
    width: 100px;
    display: flex;
    height: 100px;
}


.header-container .solution-menu-main  a:hover {
    background: #e1e2f7;
}

.alert-lg.no-data .icon img {
    width: 120px;
}
.clientarea-home .card-item .card-item-icon img {
    width: 48px;
    height: 48px;
}


.product-coming-soon {
    float: left;
    width: 100%;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    padding: 23px 15px 23px 23px;
    border: 1px solid #FFF;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    box-shadow: 0px 4px 8px 0px rgba(30, 35, 45, 0.08);
    text-align: center;
}

.product-coming-soon-icon img {
    margin-bottom: 20px;
    width: 100px;
}

.product-coming-soon-text {
    color: #666;
    font-family: PingFangShome-Medium, sans-serif;
    text-align: center;
    font-family: 'djf';
    font-size: 18px;
}

a.right-link {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-text-3);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    color: #80838a;
}

a.right-link i {
    margin-left: 5px;
}

a.right-link:hover {
    color: #07e897;
    text-decoration: none;
}

.todo-card {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid rgba(234,237,241,.8);
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 46px;
    padding: 12px;
    justify-content: space-between;
    margin-bottom: 15px;
}

.todo-left img {
    width: 28px;
    margin-right: 10px;
}

.todo-left {
    display: flex;
    align-items: center;
}


.header-menu-content-left img {
    width: 36px;
    height: 36px;
}



@media (max-width: 768px) {

.clientarea-home .card.activity-newyear .card-header {
    display: block;
}



.consumption-infos {
    min-width: 100%;
    margin-bottom: 20px;
}

.consumption-info {
    margin-bottom: 0rem;
}

.funds-item-other {
    width: 100%;
    grid-template-columns: repeat(3, auto);
    margin: 0 0px;
}

.funds-item {
    border-bottom: 0px;
}

}




.side-white .sidebar-sticky img {
    width: 24px;
    margin-right: 5px;
}


.header-container .nav-item .dropdown-item .dropdown-link img {
    width: 24px;
    margin-right: 5px;
}



.header-container .nav-item a i.if-human:before,.header-container .nav-item a i.if-group:before,i.fas.fa-user-circle.if-sub-account:before,i.fas.fa-user-circle.icon-product__transaction-bill:before,.icon-product__account:before,i.icon-product__account-security:before,.icon-product__company:before,.if-up-left:before {
    content: unset;
}



.sehome-menu-icon.active svg path {
    fill: var(--primary);
}

.swiper-thumbs-main {
    position: absolute;
    z-index: 99;
    bottom: 0px;
    width: 100%;
}

.swiper-thumbs-main .swiper-slide {
    text-align: center;
}

.swiper-thumbs-main .swiper-slide span {
    padding-bottom: 10px;
    color: #020814;
    font-weight: 600;
    font-size: 15px;
}

.swiper-pagination-progress-body {
    margin-top: 10px;
}


.header-container .nav-item.nav-dropdown-menu::after {
    border-left: 1px solid;
    border-top: 1px solid;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 4px;
    margin-bottom: 2px;
    margin-left: 6px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: margin-bottom .3s ease, -webkit-transform .3s ease;
    transition: margin-bottom .3s ease, -webkit-transform .3s ease;
    -o-transition: margin-bottom .3s ease, -o-transform .3s ease;
    -moz-transition: transform .3s ease, margin-bottom .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease, margin-bottom .3s ease;
    transition: transform .3s ease, margin-bottom .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;
    width: 4px;
}

.header-container .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}





.home-top {
	padding-top: 30px;
	padding-bottom: 30px;
}
.home-top .box {
    display: flex;
    align-items: center;
}
.home-top .box.noboard {
	border: 0;
}
.home-top .box:after {
	content: '';
	display: table;
	clear: both;
}
.home-top .icon,
.home-top .txt {
    float: left;
    vertical-align: middle;
}
.home-top .icon {
	display: block;
    width: 100px;
    height: 100px;
    transition: all .2s linear;
    background-size: 100%;
}
.home-top .txt:hover h2:after {right: -20px;}
.home-top h2  {
    margin-bottom: 4px;
    position: relative;
    color: #000;
    font-size: 18px;
    line-height: 36px;
    font-weight: 600;
    transition: color .3s ease-in-out;
}
.home-top p {
    word-break: break-all;
    white-space: normal;
    margin: 0;
    color: #41464f;
    font-size: 12px;
}

.gray-bg {
    background: linear-gradient(360deg, #fff 0, #f4f7fc 100%);
}

.home-top h2:after {
    border-bottom: 1px solid;
    border-left-color: currentColor;
    border-right: 1px solid;
    border-top-color: currentColor;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -moz-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    transition: right .3s;
    width: 6px;
}

.home-top .box img {
    margin-right: 10px;
    width: 42px;
    height: 42px;
}

.home-top .row .col-sm-3:not(:first-child):after {
        background: rgba(158, 165, 184, .2);
        content: "";
        display: block;
        height: 48px;
        left: -1px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
    }
    

.bg-top-Zeth {
	display: block;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	right: 40px;
	z-index: 2;
}
@media (min-width: 768px) {
	.bg-top-Zeth {
		bottom: 80px;
		height: calc(100% - 150px);
	}
}
@media (min-width: 1280px) {
	.bg-top-Zeth {
		right: calc(-500px + 45vw);
	}
}


@media (min-width:1024px) {
	.home-information {
		background: #f4f7fc;
	}

	.home-information .section-body {
		height: 300px
	}
}

.home-information .section {
	background: #f8f9fb;
}

.home-information .section-head {
	text-align: center
}

.home-information .information-main {
	position: relative;
	z-index: 1;
	padding-top: 68px;
	padding-bottom: 110px
}

@media (min-width:1024px) {
	.home-information .information-main {
		background-image: none !important
	}
}

.home-information .information-title {
	width: 424px;
	font-size: 24px;
	line-height: 30px;
	color: #252b3a;
	margin-bottom: 12px
}

.home-information .information-desc {
	width: 424px;
	font-size: 14px;
	line-height: 22px;
	color: #575d6c;
	margin-bottom: 16px
}

.home-information .information-frontground {
	position: absolute;
	right: 125px;
	bottom: -60px;
	width: 615px;
	height: 379px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	-webkit-transition: right .2s;
	transition: right .2s
}

@media (min-width:1024px) {
	.home-information .information-frontground:not(.init-parallax) {
		display: none
	}
}

@media (max-width:1180px) {
	.home-information .information-frontground {
		right: 50px
	}
}

@media (max-width:1080px) {
	.home-information .information-frontground {
		right: 0
	}
}

.home-information .information-news {
	position: relative;
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff
}

.home-information .information-news-column {
	width: 33.33333333%
}

.home-information .information-news-column+.information-news-column {
	border-left: 1px solid #dfe1e6
}

.home-information .information-news-card {
	padding: 32px;
	background-color: #fff;
	text-align: left
}

.home-information .information-news-card-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-information .information-news-card-title span {
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	color: #252b3a;
	-webkit-transition: .2s;
	transition: .2s
}

.home-information .information-news-card-title .por-icon {
	font-size: 14px;
	color: #252b3a;
	margin-left: 8px;
	-webkit-transition: .2s;
	transition: .2s
}

.home-information .information-news-card-title:hover .por-icon,
.home-information .information-news-card-title:hover span {
	color: #0008ff
}

.home-information .information-news-card-title:hover .por-icon {
	-webkit-transform: translate(4px);
	transform: translate(4px)
}

.home-information .information-news-card-icon {
	display: block;
	width: 36px;
	height: 36px;
	margin-right: 12px;
	background-size: cover
}

.home-information .information-news-card-list {
	margin-top: 24px;
	list-style: none;
	padding-left: 0px;
}

.home-information .information-news-card-list>li+li {
	margin-top: 16px
}

.home-information .information-news-card-list a {
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #252b3a;
	-webkit-transition: .2s;
	transition: .2s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.home-information .information-news-card-list a em {
	font-style: normal;
	font-weight: 600;
	color: inherit
}

.home-information .information-news-card-list a:hover {
	color: #0008ff
}

@media (max-width:1023px) {
	.home-information {
		background-size: cover;
		background-position: top;
		background: #f4f7fc;
	}

	.home-information .section {
		background-image: none !important
	}

	.home-information .information-main {
		padding: 12px 15px 32px;
		background-size: 100% auto;
		background-position: 100% 0
	}

	.home-information .information-title {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 4px
	}

	.home-information .information-desc {
		width: 50%;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 8px
	}

	.home-information .information-frontground-m {
		position: absolute;
		top: 0;
		right: 0;
		bottom: -100%;
		width: 50%;
		background-size: auto 100%;
		background-position: top;
		background-repeat: no-repeat
	}

	.home-information .information-news {
		display: block;
		margin-top: 0
	}

	.home-information .information-news-column {
		width: auto
	}

	.home-information .information-news-column+.information-news-column {
		position: relative;
		border-left: none
	}

	.home-information .information-news-column+.information-news-column:before {
		content: "";
		position: absolute;
		top: 0;
		left: 15px;
		right: 15px;
		border-top: 1px solid #dfe1e6
	}

	.home-information .information-news-card {
		padding: 20px 15px
	}

	.home-information .information-news-card-title {
		margin-bottom: 12px
	}

	.home-information .information-news-card-title span {
		font-size: 14px;
		line-height: 18px
	}

	.home-information .information-news-card-title .por-icon {
		margin-left: 4px
	}

	.home-information .information-news-card-icon {
		width: 30px;
		height: 30px;
		margin-right: 12px
	}

	.home-information .information-news-card-list {
		margin-top: 12px
	}

	.home-information .information-news-card-list>li+li {
		margin-top: 8px
	}

	.home-information .information-news-card-list a {
		font-size: 12px;
		line-height: 18px
	}
}

@media (max-width:1023px) and (max-width:580px) {
	.home-information .information-frontground-m {
		bottom: -25%
	}
}

@media (max-width:1023px) and (max-width:374px) {
	.home-information .information-frontground-m {
		background-size: 100% auto
	}
}


.section-head {
	padding-bottom: 32px;
	text-align: left;
}

.section-head-title {
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	color: #252b3a
}

.section-head-subtitle {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-top: 14px;
	color: #575d6c
}

.section-head-subtitle a {
	margin-left: 1em;
	-webkit-transition: .2s;
	transition: .2s
}

.section-head-subtitle a i {
	margin-top: -4px;
	vertical-align: middle;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.section-head-subtitle a:hover {
	color: #0008ff
}

.section-head-subtitle a:hover i {
	-webkit-transform: translate(4px);
	transform: translate(4px)
}






.home-solutions {
    width: 130px;
    border-right: 1px solid #d2dbe8;
    position: relative;
    margin-top: 50px;
    padding-top: 20px
}

.home-solutions .home-solution {
    padding-bottom: 24px
}

.home-solutions .home-solution .solution-name {
    width: 100px;
    height: 30px;
    padding-right: 29px;
    font-size: 16px;
    color: #374567;
    line-height: 30px;
    text-align: right;
    cursor: pointer
}

.home-solutions .home-solution .solution-contain {
    display: none;
    position: absolute;
    left: 175px;
    top: 20px;
    width: 905px;
    font-size: 14px
}

.home-solutions .home-solution .solution-contain p {
    margin-top: 32px;
    margin-bottom: 40px;
    color: #7a8ba6;
    line-height: 24px
}

.home-solutions .home-solution .solution-contain .sicon {
    display: inline-block;
    margin-right: 15px;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: cover
}


.home-solutions .home-solution .solution-contain .solution-tag {
    display: inline-block;
    margin: 0 12px 32px 0;
    padding: 0 10px;
    border: 1px solid #dcdee3;
    border-radius: 4px
}

.home-solutions .home-solution .solution-contain .solution-imgs {
    margin-top: 64px;
    height: 60px
}

.home-solutions .home-solution .solution-contain .solution-imgs a {
    display: inline-block;
    vertical-align: middle
}

.home-solutions .home-solution .solution-contain .simg {
    width: auto;
    height: 60px;
    margin-right: 22px
}

.home-solutions .home-solution .solution-contain .more {
    display: inline-block;
    margin-left: 20px;
    font-size: 13px;
    color: #3860f4
}

.home-solutions .home-solution.selected .solution-name {
    color: #3860f4;
    border-right: 3px solid
}

.home-solutions .home-solution.selected .solution-contain {
    display: block
}

.home-solutions .home-solution:hover .solution-name {
    color: #3860f4;
    border-right: 3px solid
}

.home-solutions-new {
    position: relative;
    margin-top: 42px
}

.home-solutions-new .solution-tabs {
    position: relative;
    width: 268px;
    height: 32px;
    background: linear-gradient(to left,#3860f4,#5f87f8);
    border-radius: 16px
}

.home-solutions-new .solution-tabs .line1 {
    position: absolute;
    left: 133px;
    top: 9px;
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #fff;
    opacity: .2
}

.home-solutions-new .solution-tabs>button {
    float: left;
    width: 134px;
    height: 32px;
    color: #fff;
    background: 0 0;
    border-radius: 0
}

.home-solutions-new .solution-tabs>button:first-child {
    width: 135px;
    margin-left: -1px;
    border-radius: 16px 0 0 16px
}

.home-solutions-new .solution-tabs>button:last-child {
    width: 135px;
    margin-right: -1px;
    border-radius: 0 16px 16px 0
}

.home-solutions-new .solution-tabs>button:hover {
    background: linear-gradient(to right,#537ffa,#3357df)
}

.home-solutions-new .solution-tabs>button.selected {
    background: linear-gradient(to right,#ffcf87,#ffbc76);
    color: #4e342e
}

.home-solutions-new .solution-contain {
    position: relative
}

.home-solutions-new .solution-contain>a>button {
    position: absolute;
    right: 0;
    top: -80px
}

.home-solutions-new .solution-contain ul {
    margin-top: 48px;
    font-size: 0
}

.home-solutions-new .solution-contain .solution-contain-item {
    position: relative;
    display: inline-block;
    padding: 38px 32px 74px 32px;
    width: 100%;
    height: calc(100% - 20px);
    background: #fff;
    vertical-align: top;
    box-shadow: 0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);
    border: 1px solid #e1e6f0;
    overflow: hidden;
    margin-bottom: 20px;
}

.home-solutions-new .solution-contain .solution-contain-item p {
    margin: 8px 0 24px 0;
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px;
    text-align: justify
}

.home-solutions-new .solution-contain .solution-contain-item .button-base {
    position: absolute;
    bottom: 40px;
    left: 32px;
    color: #3860f4
}

.home-solutions-new .solution-contain .solution-contain-item .simg {
    display: inline-block;
    margin-right: 12px;
    margin-top: 4px;
    width: 24px;
    height: 24px;
    vertical-align: top
}

.home-solutions-new .solution-contain .solution-contain-item:nth-child(3n) {
    margin-right: 0
}

.home-solutions-new .solution-contain .solution-contain-item .more-img {
    width: 343px;
    margin-top: -53px;
    margin-left: 42px;
    position: absolute;
}



.new-tabs {
    position: relative;
    font-size: 0;
    display: inline-block;
    padding-left: 0px;
    margin-bottom: 40px;
}

.new-tabs>li {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #374567;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 1px solid #e1e6f0;
    transition: all .25s ease-in-out
}

.new-tabs>li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 14px;
    width: 1px;
    height: 16px;
    background-color: #ebf0fc
}

.new-tabs>li:last-child:after {
    display: none
}

.new-tabs>li:hover {
    color: #3860f4
}

.new-tabs>li.selected {
    font-weight: 700;
    color: #3860f4
}

.new-tabs .selected-line {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3860f4;
    transition: all .25s ease-in-out;
    z-index: 2
}

.new-tabs.bluebg>li {
    color: rgba(255,255,255,.5);
    border-bottom: 1px solid #7599ff
}

.new-tabs.bluebg>li.selected {
    color: #fff
}

.new-tabs.bluebg>li:hover {
    color: #fff
}

.new-tabs.bluebg .selected-line {
    background-color: #fff;
    transition: all .25s ease-in-out
}

.dn {
    display: none !important;
}


.button-base {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out
}

.button-radius-40 {
    border-radius: 40px
}

.button-radius-32 {
    border-radius: 32px
}

.button-radius-4 {
    border-radius: 4px
}

.button-bluegradient {
    background: linear-gradient(to right,#5f87f8,#3860f4);
    color: #fff
}

.button-bluegradient:hover {
    background: linear-gradient(to right,#537ffa,#3357df);
    color: #fff
}

.button-white {
    background: #fff;
    color: #3860f4
}

.button-yellowgradient {
    background: linear-gradient(to right,#ffcf87,#ffbc76);
    color: #4e342e
}

.button-yellowgradient:hover {
    background: linear-gradient(to right,#fec672,#f6ad61);
    color: #4e342e
}

.button-whiteborder {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-whiteborder:hover {
    background: rgba(255,255,255,.3)
}

.button-blueborder {
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4
}

.button-blueborder:hover {
    background: #e7eeff
}

.button-blueoborder {
    background: linear-gradient(to right,#5f87f8,#3860f4);
    color: #3860f4;
    padding: 0
}

.button-blueoborder .inborder {
    margin: 1px;
    background: #fff;
    padding: 0 24px
}

.button-blueoborder:hover .inborder {
    background: #e7eeff
}

.button-disable {
    border: 1px solid #d9d9d9;
    color: #bbb;
    background-color: #f8f8f8;
    cursor: not-allowed
}

.button {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background-color: #3860f4;
    border: 1px solid #3860f4;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    transition: all .25s ease-in-out
}

.button:hover {
    line-height: 40px;
    background-color: #3357df;
    border-color: #3357df;
    box-shadow: 0 4px 8px rgba(0,0,0,.12)
}

.button.small {
    height: 34px;
    line-height: 34px
}

.button.small:hover {
    height: 34px;
    line-height: 34px
}

a.button:hover {
    color: #fff
}

.button.yellow {
    background-color: #ffcf87;
    border: 1px solid #ffcf87;
    color: #374567
}

.button.yellow:hover {
    color: #374567;
    height: 40px;
    line-height: 40px;
    background-color: #ffcf87;
    border: 1px solid #ffcf87
}

a.button.yellow:hover {
    color: #374567
}

.button.white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #374567
}

.button.white:hover {
    color: #3860f4;
    background-color: #fff;
    border: 1px solid #fff
}

a.button.white:hover {
    color: #3860f4
}

.button.t-blue {
    background-color: transparent;
    border: 1px solid #3860f4;
    color: #3860f4
}

.button.t-blue:hover {
    background-color: #3860f4;
    color: #fff
}

a.button.t-blue:hover {
    color: #fff
}

.button.t-white {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.button.t-white:hover {
    background-color: #fff;
    color: #3860f4
}

a.button.t-white:hover {
    color: #3860f4
}

.button-circle {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    text-align: center;
    background-color: #3860f4;
    color: #fff;
    line-height: 22px
}

.button-circle:hover {
    background-color: #3357df
}

.button-circle-yellow {
    color: #374567;
    background-color: #ffcf87
}

.button-circle-yellow:hover {
    background-color: #ffcf87
}

.button-circle-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #abb4c3;
    color: #abb4c3;
    line-height: 20px;
    box-sizing: border-box
}

.button-circle-gray:hover {
    border: 1px solid #3860f4;
    color: #3860f4
}

.button-square-white {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #7a8ba6;
    line-height: 24px;
    box-sizing: border-box;
    box-shadow: 0 8px 10px 0 rgba(229,234,255,.82);
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    background-color: #fff
}

.button-square-white:hover {
    border: 1px solid #3860f4;
    color: #3860f4
}

.button-text {
    font-size: 13px;
    line-height: 22px;
    color: #3860f4;
    font-weight: 400;
    vertical-align: middle
}

.button-text:hover {
    color: #2a49b8
}

.button-text-icon {
    font-size: 12px;
    line-height: 22px;
    vertical-align: middle;
    color: #3860f4
}

.button-text-icon:hover {
    text-decoration: none;
    color: #2a49b8
}

@media (max-width: 768px) {


.swiper-thumbs-main {
    display: none;
}
	section.wrap-main-swiper picture {
    display: none;
}

.wrap-main-swiper .swiper-slide {
    height: 450px;
    padding-top: 70px;
}


.home-product .product-buttons {
    top: -50px;
}

h2.left-header-title {
    font-size: 30px;
}

.home-solutions-new .solution-contain .solution-contain-item {}

.solution-contain .col-md-4:last-child {
    display: none;
}

	.home-top .box {
    display: block;
    text-align: center;
    justify-content: center;
}

.home-top p {
    display: none;
}

.home-top .box img {
    margin-right: 0px;
    display: inline;
    width: 30px;
    margin-bottom: 10px;
}

.home-top h2:after {}

.home-top h2:after {
    display: none;
}

.home-top .icon, .home-top .txt {
    float: unset;
    text-align: center;
    width: 100%;
}

.home-top h2 {
    font-size: 14px;
}

.home-top .icon, .home-top .txt .home-top-title {
    justify-content: center;
}

.home-top .box {
    margin-bottom: 0px;
}
}


.login-body {
	flex: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #fdfdfd;
	position: relative;
	overflow: hidden;
	border: 1px solid #dde0ea;
}
.login-loading {
	position: relative;
	overflow: hidden;
}
.login-loading:before {
	background-color: rgba(255,255,255,.6);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	pointer-events: auto;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .1s linear;
	width: 100%;
	z-index: 1;
}
.arco-spin-icon {
	color: var(--primary);
	font-size: 20px;
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translate(-50%,-50%);
}
.arco-icon-loading {
	display: inline-block;
	color: inherit;
	font-style: normal;
	width: 1em;
	height: 1em;
	vertical-align: -2px;
	animation: arco-loading-circle 1s linear infinite;
}
@keyframes arco-loading-circle {
	to {
		transform:rotate(1turn)
	}
}
.login-body .form-control {
	height: 42px;
}
.login-body .agreement {
	font-size: 12px;
	color: #7f8792;
}
.login-body .agreement a {
	color: #000;
	margin: 0 2px;
}

.login-body .login-or {
	position: relative;
    margin-bottom: 4px;
    color: rgba(0,0,0,.25);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}
.login-body .login-or:after,
.login-body .login-or:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 44%;
    height: 1px;
    background-color: #e8eaec;
    content: "";
    transform: translateY(-50%);
}
.login-body .login-or:before {
	left: 0;
}
.login-body .social-login .btn:hover {
	color: #007bff;
    border-color: #007bff;
    background-color: transparent;
}


.m-change-part {
	cursor: pointer;
}

.m-change-part .u-change-tip {
	right: 60px;
	top: 9px;
	z-index: 1;
	width: auto;
	padding: 0 5px;
	height: 23px;
	border: 1px solid #0d5ffe;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 21px;
	font-size: 12px;
	color: #0d5ffe;
	text-align: center;
	background: #dfeafe;
}

.m-change-part .u-change-tip,.m-change-part .u-change-tip .u-arrow {
	position: absolute;
}

.m-change-part .u-change-tip .u-arrow {
	width: 7px;
	height: 19px;
	background: url(../img/user/switch-arrow-icon.svg) no-repeat;
	background-position: 0;
	z-index: 2;
	top: 1px;
	-webkit-transform: translateX(-.2px);
	-moz-transform: translateX(-.2px);
	-ms-transform: translateX(-.2px);
	transform: translateX(-.2px);
	right: -7px;
}

.m-change-part .u-change-loginType-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	background: url(../img/user/account-switch-icon.svg);
	cursor: pointer;
	background-size: cover;
}

.m-change-part.f-account .u-change-loginType-btn {
	background: url(../img/user/phone-switch-icon.svg);
}


.whmcs_content_right .whmcs_box {
    position: relative;
}

.u-change-loginType-btn.wechat {
    background: url(../img/user/qrcode-switch-icon.svg);
}


.login_weChatText__2QyuK {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    color: #79879c;
}

.login_weChatText__2QyuK span {
    font-weight: 500;
    color: #242e42;
}

.my-auto.wechat h1 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #242e42;
    margin-top: 30px;
}


    .index-module__left-panel--jrHKe .index-module__left-panel-title--aSRni {
                color: #181818;
                display: inline-block;
                font-family: PingFang SC;
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                letter-spacing: .002em;
                line-height: 40px;
                margin: unset;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-subtitle--xA6c9 {
                color: #525b6a;
                display: inline-block;
                font-family: PingFang SC;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin-top: 8px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj {
                margin-top: 40px
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6:not(:first-child) {
                margin-top: 32px
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-header--W0Gm4 {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-header--W0Gm4 .index-module__advantage-item-tag--cYEPz {
                border: 1px solid #07e897;
                border-radius: 4px;
                box-shadow: 0 0 0 1px #dde2e9;
                color: #07e897;
                display: -moz-box;
                display: flex;
                display: inline-block;
                font-family: PingFang SC;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                letter-spacing: .003em;
                line-height: 20px;
                padding: 0 6px;
                vertical-align: middle
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-header--W0Gm4 .index-module__advantage-item-title--X4Lnb {
                color: #181818;
                font-family: PingFang SC;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin-left: 8px;
                vertical-align: middle
            }

            .index-module__left-panel--jrHKe .index-module__left-panel-advantages--pmkfj .index-module__advantage-item--bQnq6 .index-module__advantage-item-des--H4ijK {
                color: #525b6a;
                display: inline-block;
                font-family: PingFang SC;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 22px;
                margin-top: 4px;
                opacity: .7;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

            .index-module__right-panel--tkLBq {
                -moz-box-flex: 0;
                flex: none;
                padding-top: 60px;
                position: relative;
                width: 60%
            }

            .index-module__right-panel--tkLBq .index-module__success-block-wrapper--2x92Y {
                height: 100%;
                width: 100%
            }

            .index-module__right-panel--tkLBq .index-module__form-block-wrapper--GnwU0 {
                height: 100%;
                padding: 0 calc(50% - 218.5px);
                width: 100%
            }

            @media screen and (max-width: 600.9px) {
                {
                    padding:68px 16px 16px
                }
            }

            @media screen and (min-width: 601px) and (max-width:767.9px) {
                {
                    padding:80px 16px 16px
                }
            }

            @media screen and (max-width: 767.9px) {
                {
                    background-color:#fafafa
                }

                .index-module__left-panel--jrHKe {
                    display: none
                }

                .index-module__right-panel--tkLBq {
                    background-color: #fff;
                    border-radius: 8px;
                    padding: 24px 24px 0;
                    width: 100%
                }

                .index-module__right-panel--tkLBq .index-module__success-block-wrapper--2x92Y {
                    height: auto
                }

                .index-module__right-panel--tkLBq .index-module__form-block-wrapper--GnwU0 {
                    height: auto;
                    padding: 0
                }
            }



.hidden {
    display: none;
}

span.cloud-theme-user-info {
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    background-color: #ecf2ff;
    color: #05f;
    border-radius: 50%;
    display: inline-block;
    font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans;
    font-weight: 600;
    text-align: center;
    outline: none;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?1b0qx7');
  src:  url('../fonts/icomoon.eot?1b0qx7#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?1b0qx7') format('truetype'),
    url('../fonts/icomoon.woff?1b0qx7') format('woff'),
    url('../fonts/icomoon.svg?1b0qx7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-abnormality:before {
  content: "\e900";
}
.icon-access-control:before {
  content: "\e901";
}
.icon-accident-report:before {
  content: "\e902";
}
.icon-accident:before {
  content: "\e903";
}
.icon-account:before {
  content: "\e904";
}
.icon-add-bookmark:before {
  content: "\e905";
}
.icon-add-bookshelf:before {
  content: "\e906";
}
.icon-add-com-mark:before {
  content: "\e907";
}
.icon-add-folder:before {
  content: "\e908";
}
.icon-add-member:before {
  content: "\e909";
}
.icon-add-subscription:before {
  content: "\e90a";
}
.icon-add-to-job:before {
  content: "\e90b";
}
.icon-add-to-library:before {
  content: "\e90c";
}
.icon-add-to-playlist:before {
  content: "\e90d";
}
.icon-add-user:before {
  content: "\e90e";
}
.icon-add-video-camera:before {
  content: "\e90f";
}
.icon-adjuster:before {
  content: "\e910";
}
.icon-agenda:before {
  content: "\e911";
}
.icon-ai:before {
  content: "\e912";
}
.icon-air-conditioner:before {
  content: "\e913";
}
.icon-alarm-off:before {
  content: "\e914";
}
.icon-alarm:before {
  content: "\e915";
}
.icon-album-fill:before {
  content: "\e916";
}
.icon-album:before {
  content: "\e917";
}
.icon-alert-octagon:before {
  content: "\e918";
}
.icon-alert-triangle-fill:before {
  content: "\e919";
}
.icon-alert-triangle:before {
  content: "\e91a";
}
.icon-align-bottom:before {
  content: "\e91b";
}
.icon-align-horizontal-centers:before {
  content: "\e91c";
}
.icon-align-justified:before {
  content: "\e91d";
}
.icon-align-left:before {
  content: "\e91e";
}
.icon-align-right:before {
  content: "\e91f";
}
.icon-align-top:before {
  content: "\e920";
}
.icon-align-vertical-centers:before {
  content: "\e921";
}
.icon-ambulance:before {
  content: "\e922";
}
.icon-analysis:before {
  content: "\e923";
}
.icon-announcement:before {
  content: "\e924";
}
.icon-anti-crawler:before {
  content: "\e925";
}
.icon-anti-disgust:before {
  content: "\e926";
}
.icon-anti-porn:before {
  content: "\e927";
}
.icon-anti-violence:before {
  content: "\e928";
}
.icon-api-gateway:before {
  content: "\e929";
}
.icon-api-management:before {
  content: "\e92a";
}
.icon-app-notification:before {
  content: "\e92b";
}
.icon-approval:before {
  content: "\e92c";
}
.icon-apps-fill:before {
  content: "\e92d";
}
.icon-apps:before {
  content: "\e92e";
}
.icon-area-chart:before {
  content: "\e92f";
}
.icon-arrow-fall-square:before {
  content: "\e930";
}
.icon-arrow-fall:before {
  content: "\e931";
}
.icon-arrow-insert:before {
  content: "\e932";
}
.icon-arrow-rise-square:before {
  content: "\e933";
}
.icon-arrow-rise:before {
  content: "\e934";
}
.icon-ascending-alphabet:before {
  content: "\e935";
}
.icon-ascending-sorting:before {
  content: "\e936";
}
.icon-assignment:before {
  content: "\e937";
}
.icon-at:before {
  content: "\e938";
}
.icon-attachment:before {
  content: "\e939";
}
.icon-attendance-analysis:before {
  content: "\e93a";
}
.icon-audio-file:before {
  content: "\e93b";
}
.icon-audiobook:before {
  content: "\e93c";
}
.icon-auth:before {
  content: "\e93d";
}
.icon-authorization:before {
  content: "\e93e";
}
.icon-auto-brightness:before {
  content: "\e93f";
}
.icon-award:before {
  content: "\e940";
}
.icon-background-process:before {
  content: "\e941";
}
.icon-bag:before {
  content: "\e942";
}
.icon-band-width:before {
  content: "\e943";
}
.icon-banned:before {
  content: "\e944";
}
.icon-batch-activation:before {
  content: "\e945";
}
.icon-batch-adjustment:before {
  content: "\e946";
}
.icon-batch-upload:before {
  content: "\e947";
}
.icon-bath:before {
  content: "\e948";
}
.icon-bathtub:before {
  content: "\e949";
}
.icon-battery:before {
  content: "\e94a";
}
.icon-beautify:before {
  content: "\e94b";
}
.icon-bed:before {
  content: "\e94c";
}
.icon-behavior-analysis:before {
  content: "\e94d";
}
.icon-bg-colors:before {
  content: "\e94e";
}
.icon-bicycle:before {
  content: "\e94f";
}
.icon-big-eye:before {
  content: "\e950";
}
.icon-blacklist:before {
  content: "\e951";
}
.icon-block-storage-alt:before {
  content: "\e952";
}
.icon-block-storage:before {
  content: "\e953";
}
.icon-block:before {
  content: "\e954";
}
.icon-blockchain:before {
  content: "\e955";
}
.icon-bluetooth-off:before {
  content: "\e956";
}
.icon-body-text:before {
  content: "\e957";
}
.icon-bold:before {
  content: "\e958";
}
.icon-book-alt:before {
  content: "\e959";
}
.icon-book:before {
  content: "\e95a";
}
.icon-borders:before {
  content: "\e95b";
}
.icon-bottom-align:before {
  content: "\e95c";
}
.icon-bottom-border .path1:before {
  content: "\e95d";
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path2:before {
  content: "\e95e";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path3:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path4:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path5:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path6:before {
  content: "\e962";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path7:before {
  content: "\e963";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path8:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path9:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path10:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path11:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path12:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path13:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path14:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path15:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path16:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path17:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path18:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path19:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path20:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path21:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path22:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path23:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path24:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path25:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path26:before {
  content: "\e976";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path27:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path28:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path29:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path30:before {
  content: "\e97a";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path31:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path32:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path33:before {
  content: "\e97d";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-bottom-border .path34:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(68, 68, 68);
}
.icon-bowling:before {
  content: "\e97f";
}
.icon-box-plot:before {
  content: "\e980";
}
.icon-brain:before {
  content: "\e981";
}
.icon-bread:before {
  content: "\e982";
}
.icon-bring-backward:before {
  content: "\e983";
}
.icon-bring-forward:before {
  content: "\e984";
}
.icon-browser:before {
  content: "\e985";
}
.icon-brush:before {
  content: "\e986";
}
.icon-bug:before {
  content: "\e987";
}
.icon-bulb:before {
  content: "\e988";
}
.icon-bus-stop:before {
  content: "\e989";
}
.icon-bus:before {
  content: "\e98a";
}
.icon-business-card-fill:before {
  content: "\e98b";
}
.icon-business-center:before {
  content: "\e98c";
}
.icon-buy-in:before {
  content: "\e98d";
}
.icon-cake:before {
  content: "\e98e";
}
.icon-calculator:before {
  content: "\e98f";
}
.icon-calendar-alt-fill:before {
  content: "\e990";
}
.icon-calendar-alt:before {
  content: "\e991";
}
.icon-calendar-fill-123 .path1:before {
  content: "\e992";
  color: rgb(43, 47, 54);
}
.icon-calendar-fill-123 .path2:before {
  content: "\e993";
  margin-left: -1em;
  color: rgb(43, 47, 54);
}
.icon-calendar-fill-123 .path3:before {
  content: "\e994";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-calendar-founder:before {
  content: "\e995";
}
.icon-calendar-to-do:before {
  content: "\e996";
}
.icon-calendar:before {
  content: "\e997";
}
.icon-camera:before {
  content: "\e998";
}
.icon-cancel-onborading:before {
  content: "\e999";
}
.icon-cancel-topping:before {
  content: "\e99a";
}
.icon-car:before {
  content: "\e99b";
}
.icon-card-view:before {
  content: "\e99c";
}
.icon-career:before {
  content: "\e99d";
}
.icon-caret-down:before {
  content: "\e99e";
}
.icon-caret-left:before {
  content: "\e99f";
}
.icon-caret-right:before {
  content: "\e9a0";
}
.icon-caret-up:before {
  content: "\e9a1";
}
.icon-case:before {
  content: "\e9a2";
}
.icon-cash:before {
  content: "\e9a3";
}
.icon-cctv:before {
  content: "\e9a4";
}
.icon-cd-fill:before {
  content: "\e9a5";
}
.icon-cd:before {
  content: "\e9a6";
}
.icon-chair:before {
  content: "\e9a7";
}
.icon-change-color:before {
  content: "\e9a8";
}
.icon-charging-pole:before {
  content: "\e9a9";
}
.icon-chart-block:before {
  content: "\e9aa";
}
.icon-chart-fill:before {
  content: "\e9ab";
}
.icon-chart:before {
  content: "\e9ac";
}
.icon-check-circke:before {
  content: "\e9ad";
}
.icon-check-circle-fill:before {
  content: "\e9ae";
}
.icon-check-circle:before {
  content: "\e9af";
}
.icon-chicken-drumstick:before {
  content: "\e9b0";
}
.icon-ci:before {
  content: "\e9b1";
}
.icon-clean:before {
  content: "\e9b2";
}
.icon-clear-borders:before {
  content: "\e9b3";
}
.icon-clipboard-add:before {
  content: "\e9b4";
}
.icon-clipboard-delete:before {
  content: "\e9b5";
}
.icon-clipboard-error:before {
  content: "\e9b6";
}
.icon-clipboard-fill:before {
  content: "\e9b7";
}
.icon-clipboard-success:before {
  content: "\e9b8";
}
.icon-clipboard-text:before {
  content: "\e9b9";
}
.icon-clipboard:before {
  content: "\e9ba";
}
.icon-clock-circle:before {
  content: "\e9bb";
}
.icon-close-circle:before {
  content: "\e9bc";
}
.icon-close:before {
  content: "\e9bd";
}
.icon-cloud-computing:before {
  content: "\e9be";
}
.icon-cloud-disk-fill:before {
  content: "\e9bf";
}
.icon-cloud-download-alt:before {
  content: "\e9c0";
}
.icon-cloud-download:before {
  content: "\e9c1";
}
.icon-cloud-editing:before {
  content: "\e9c2";
}
.icon-cloud-engine:before {
  content: "\e9c3";
}
.icon-cloud-gateway:before {
  content: "\e9c4";
}
.icon-cloud-parse-success:before {
  content: "\e9c5";
}
.icon-cloud-parse:before {
  content: "\e9c6";
}
.icon-cloud-phone:before {
  content: "\e9c7";
}
.icon-cloud-server-fill:before {
  content: "\e9c8";
}
.icon-cloud-space-fill:before {
  content: "\e9c9";
}
.icon-cloud-space:before {
  content: "\e9ca";
}
.icon-cloud-update:before {
  content: "\e9cb";
}
.icon-code-block:before {
  content: "\e9cc";
}
.icon-code-pen:before {
  content: "\e9cd";
}
.icon-code-release-managment:before {
  content: "\e9ce";
}
.icon-code-sandbox:before {
  content: "\e9cf";
}
.icon-code-square:before {
  content: "\e9d0";
}
.icon-code:before {
  content: "\e9d1";
}
.icon-coded-lock:before {
  content: "\e9d2";
}
.icon-color:before {
  content: "\e9d3";
}
.icon-command-line:before {
  content: "\e9d4";
}
.icon-command:before {
  content: "\e9d5";
}
.icon-comment:before {
  content: "\e9d6";
}
.icon-compass:before {
  content: "\e9d7";
}
.icon-complete-info:before {
  content: "\e9d8";
}
.icon-complete:before {
  content: "\e9d9";
}
.icon-comprehensive-evaluation:before {
  content: "\e9da";
}
.icon-config:before {
  content: "\e9db";
}
.icon-connection:before {
  content: "\e9dc";
}
.icon-console:before {
  content: "\e9dd";
}
.icon-contact-fill:before {
  content: "\e9de";
}
.icon-contact:before {
  content: "\e9df";
}
.icon-content-detection:before {
  content: "\e9e0";
}
.icon-content-review:before {
  content: "\e9e1";
}
.icon-contrast-alt:before {
  content: "\e9e2";
}
.icon-controller:before {
  content: "\e9e3";
}
.icon-conversion-analysis:before {
  content: "\e9e4";
}
.icon-coordinate:before {
  content: "\e9e5";
}
.icon-copy:before {
  content: "\e9e6";
}
.icon-course-information:before {
  content: "\e9e7";
}
.icon-course-statistics:before {
  content: "\e9e8";
}
.icon-course:before {
  content: "\e9e9";
}
.icon-create-copy:before {
  content: "\e9ea";
}
.icon-create-file:before {
  content: "\e9eb";
}
.icon-create-record:before {
  content: "\e9ec";
}
.icon-create-service:before {
  content: "\e9ed";
}
.icon-credit-card-unavailable:before {
  content: "\e9ee";
}
.icon-credit-card:before {
  content: "\e9ef";
}
.icon-credits:before {
  content: "\e9f0";
}
.icon-crop:before {
  content: "\e9f1";
}
.icon-currency:before {
  content: "\e9f2";
}
.icon-curtain:before {
  content: "\e9f3";
}
.icon-curve:before {
  content: "\e9f4";
}
.icon-custom-image:before {
  content: "\e9f5";
}
.icon-customer-service:before {
  content: "\e9f6";
}
.icon-cycling:before {
  content: "\e9f7";
}
.icon-data-analysis:before {
  content: "\e9f8";
}
.icon-data-check:before {
  content: "\e9f9";
}
.icon-data-mining:before {
  content: "\e9fa";
}
.icon-data-package:before {
  content: "\e9fb";
}
.icon-data-table-block:before {
  content: "\e9fc";
}
.icon-data-table:before {
  content: "\e9fd";
}
.icon-data-traffic:before {
  content: "\e9fe";
}
.icon-data-visualization:before {
  content: "\e9ff";
}
.icon-dau:before {
  content: "\ea00";
}
.icon-deal:before {
  content: "\ea01";
}
.icon-delete-document:before {
  content: "\ea02";
}
.icon-delete-folder:before {
  content: "\ea03";
}
.icon-delete:before {
  content: "\ea04";
}
.icon-delivery:before {
  content: "\ea05";
}
.icon-demonstration:before {
  content: "\ea06";
}
.icon-deploy-associations:before {
  content: "\ea07";
}
.icon-descending-alphabet:before {
  content: "\ea08";
}
.icon-descending-sorting:before {
  content: "\ea09";
}
.icon-description:before {
  content: "\ea0a";
}
.icon-desktop:before {
  content: "\ea0b";
}
.icon-details:before {
  content: "\ea0c";
}
.icon-dev-process:before {
  content: "\ea0d";
}
.icon-developer:before {
  content: "\ea0e";
}
.icon-dimension:before {
  content: "\ea0f";
}
.icon-direction-alt:before {
  content: "\ea10";
}
.icon-direction:before {
  content: "\ea11";
}
.icon-disassemble:before {
  content: "\ea12";
}
.icon-distribution-config:before {
  content: "\ea13";
}
.icon-divide-circle:before {
  content: "\ea14";
}
.icon-divider:before {
  content: "\ea15";
}
.icon-diving:before {
  content: "\ea16";
}
.icon-document:before {
  content: "\ea17";
}
.icon-done-alt:before {
  content: "\ea18";
}
.icon-done:before {
  content: "\ea19";
}
.icon-door:before {
  content: "\ea1a";
}
.icon-double-down:before {
  content: "\ea1b";
}
.icon-double-left:before {
  content: "\ea1c";
}
.icon-double-right:before {
  content: "\ea1d";
}
.icon-double-triangle-left:before {
  content: "\ea1e";
}
.icon-double-up:before {
  content: "\ea1f";
}
.icon-down-choice:before {
  content: "\ea20";
}
.icon-down-circle:before {
  content: "\ea21";
}
.icon-down:before {
  content: "\ea22";
}
.icon-download-desktop:before {
  content: "\ea23";
}
.icon-download:before {
  content: "\ea24";
}
.icon-drag-arrow:before {
  content: "\ea25";
}
.icon-drag-dot-horizontal:before {
  content: "\ea26";
}
.icon-drag-dot-vertical:before {
  content: "\ea27";
}
.icon-drag-dot:before {
  content: "\ea28";
}
.icon-drawer:before {
  content: "\ea29";
}
.icon-drink:before {
  content: "\ea2a";
}
.icon-duplicate:before {
  content: "\ea2b";
}
.icon-dust:before {
  content: "\ea2c";
}
.icon-dynamihome-config-center:before {
  content: "\ea2d";
}
.icon-dynamihome-decision-making:before {
  content: "\ea2e";
}
.icon-ear:before {
  content: "\ea2f";
}
.icon-earth:before {
  content: "\ea30";
}
.icon-eco-mode:before {
  content: "\ea31";
}
.icon-edit-song:before {
  content: "\ea32";
}
.icon-edit:before {
  content: "\ea33";
}
.icon-education-experience:before {
  content: "\ea34";
}
.icon-education:before {
  content: "\ea35";
}
.icon-eject:before {
  content: "\ea36";
}
.icon-ellipse:before {
  content: "\ea37";
}
.icon-email:before {
  content: "\ea38";
}
.icon-encrypted-chat:before {
  content: "\ea39";
}
.icon-encrypted-document:before {
  content: "\ea3a";
}
.icon-energy:before {
  content: "\ea3b";
}
.icon-english:before {
  content: "\ea3c";
}
.icon-enter-theme:before {
  content: "\ea3d";
}
.icon-equal-circle:before {
  content: "\ea3e";
}
.icon-equalizer:before {
  content: "\ea3f";
}
.icon-eraser:before {
  content: "\ea40";
}
.icon-error-fill:before {
  content: "\ea41";
}
.icon-examinee-information:before {
  content: "\ea42";
}
.icon-exclamation-circle:before {
  content: "\ea43";
}
.icon-exhibition:before {
  content: "\ea44";
}
.icon-exit-rich-text:before {
  content: "\ea45";
}
.icon-export-alt:before {
  content: "\ea46";
}
.icon-export:before {
  content: "\ea47";
}
.icon-external:before {
  content: "\ea48";
}
.icon-eye-invisible:before {
  content: "\ea49";
}
.icon-eye:before {
  content: "\ea4a";
}
.icon-face-recognition:before {
  content: "\ea4b";
}
.icon-face:before {
  content: "\ea4c";
}
.icon-fan:before {
  content: "\ea4d";
}
.icon-fast-forward:before {
  content: "\ea4e";
}
.icon-fencing:before {
  content: "\ea4f";
}
.icon-file-group:before {
  content: "\ea50";
}
.icon-file-upload:before {
  content: "\ea51";
}
.icon-file:before {
  content: "\ea52";
}
.icon-filter-app:before {
  content: "\ea53";
}
.icon-filter:before {
  content: "\ea54";
}
.icon-find-replace:before {
  content: "\ea55";
}
.icon-fire:before {
  content: "\ea56";
}
.icon-firewall:before {
  content: "\ea57";
}
.icon-first-aid:before {
  content: "\ea58";
}
.icon-flag-alt:before {
  content: "\ea59";
}
.icon-flag:before {
  content: "\ea5a";
}
.icon-flip-horizontal:before {
  content: "\ea5b";
}
.icon-flip-vertical:before {
  content: "\ea5c";
}
.icon-floor:before {
  content: "\ea5d";
}
.icon-flow-control:before {
  content: "\ea5e";
}
.icon-flow:before {
  content: "\ea5f";
}
.icon-folder-download:before {
  content: "\ea60";
}
.icon-folder-error:before {
  content: "\ea61";
}
.icon-folder-success:before {
  content: "\ea62";
}
.icon-folder-upload:before {
  content: "\ea63";
}
.icon-folder:before {
  content: "\ea64";
}
.icon-font-colors:before {
  content: "\ea65";
}
.icon-font-select:before {
  content: "\ea66";
}
.icon-font:before {
  content: "\ea67";
}
.icon-football:before {
  content: "\ea68";
}
.icon-form:before {
  content: "\ea69";
}
.icon-formula:before {
  content: "\ea6a";
}
.icon-forward-all:before {
  content: "\ea6b";
}
.icon-forward:before {
  content: "\ea6c";
}
.icon-four-k:before {
  content: "\ea6d";
}
.icon-freckle:before {
  content: "\ea6e";
}
.icon-freeze-columns:before {
  content: "\ea6f";
}
.icon-freeze-first-column:before {
  content: "\ea70";
}
.icon-freeze-top-row:before {
  content: "\ea71";
}
.icon-freezing-rain:before {
  content: "\ea72";
}
.icon-fridge-alt:before {
  content: "\ea73";
}
.icon-fridge:before {
  content: "\ea74";
}
.icon-fullscreen-exit:before {
  content: "\ea75";
}
.icon-fullscreen:before {
  content: "\ea76";
}
.icon-fund:before {
  content: "\ea77";
}
.icon-funnel-plot:before {
  content: "\ea78";
}
.icon-gale:before {
  content: "\ea79";
}
.icon-gold:before {
  content: "\ea7a";
}
.icon-grade:before {
  content: "\ea7b";
}
.icon-grid:before {
  content: "\ea7c";
}
.icon-group-card:before {
  content: "\ea7d";
}
.icon-group-chat:before {
  content: "\ea7e";
}
.icon-h1:before {
  content: "\ea7f";
}
.icon-h2:before {
  content: "\ea80";
}
.icon-h3:before {
  content: "\ea81";
}
.icon-h4:before {
  content: "\ea82";
}
.icon-h5:before {
  content: "\ea83";
}
.icon-h6:before {
  content: "\ea84";
}
.icon-h7:before {
  content: "\ea85";
}
.icon-h8:before {
  content: "\ea86";
}
.icon-h9:before {
  content: "\ea87";
}
.icon-ha:before {
  content: "\ea88";
}
.icon-hardware-server:before {
  content: "\ea89";
}
.icon-havip:before {
  content: "\ea8a";
}
.icon-heart-rate:before {
  content: "\ea8b";
}
.icon-heater:before {
  content: "\ea8c";
}
.icon-hide-separate-window:before {
  content: "\ea8d";
}
.icon-hierarchy:before {
  content: "\ea8e";
}
.icon-highlight:before {
  content: "\ea8f";
}
.icon-history:before {
  content: "\ea90";
}
.icon-hobby-group:before {
  content: "\ea91";
}
.icon-horse-toy:before {
  content: "\ea92";
}
.icon-hospital:before {
  content: "\ea93";
}
.icon-hot-air-ballon:before {
  content: "\ea94";
}
.icon-hotel:before {
  content: "\ea95";
}
.icon-hourglass:before {
  content: "\ea96";
}
.icon-housing-subsidy:before {
  content: "\ea97";
}
.icon-hurricane:before {
  content: "\ea98";
}
.icon-ice-cream-cone:before {
  content: "\ea99";
}
.icon-ice-cream-lolly:before {
  content: "\ea9a";
}
.icon-identity:before {
  content: "\ea9b";
}
.icon-image-editing:before {
  content: "\ea9c";
}
.icon-image-file:before {
  content: "\ea9d";
}
.icon-image:before {
  content: "\ea9e";
}
.icon-import-alt:before {
  content: "\ea9f";
}
.icon-import-record:before {
  content: "\eaa0";
}
.icon-import:before {
  content: "\eaa1";
}
.icon-inbox:before {
  content: "\eaa2";
}
.icon-info-circle:before {
  content: "\eaa3";
}
.icon-info-fill:before {
  content: "\eaa4";
}
.icon-info:before {
  content: "\eaa5";
}
.icon-inline-view:before {
  content: "\eaa6";
}
.icon-inner-borders .path1:before {
  content: "\eaa7";
  color: rgb(68, 68, 68);
}
.icon-inner-borders .path2:before {
  content: "\eaa8";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path3:before {
  content: "\eaa9";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path4:before {
  content: "\eaaa";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path5:before {
  content: "\eaab";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path6:before {
  content: "\eaac";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path7:before {
  content: "\eaad";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path8:before {
  content: "\eaae";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path9:before {
  content: "\eaaf";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path10:before {
  content: "\eab0";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path11:before {
  content: "\eab1";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path12:before {
  content: "\eab2";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path13:before {
  content: "\eab3";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path14:before {
  content: "\eab4";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path15:before {
  content: "\eab5";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path16:before {
  content: "\eab6";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path17:before {
  content: "\eab7";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path18:before {
  content: "\eab8";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path19:before {
  content: "\eab9";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path20:before {
  content: "\eaba";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-inner-borders .path21:before {
  content: "\eabb";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-insert-chart:before {
  content: "\eabc";
}
.icon-insert-row:before {
  content: "\eabd";
}
.icon-intersect:before {
  content: "\eabe";
}
.icon-invisible:before {
  content: "\eabf";
}
.icon-ios-switch:before {
  content: "\eac0";
}
.icon-italic:before {
  content: "\eac1";
}
.icon-job:before {
  content: "\eac2";
}
.icon-jump-rope:before {
  content: "\eac3";
}
.icon-jump-to:before {
  content: "\eac4";
}
.icon-kanban:before {
  content: "\eac5";
}
.icon-key:before {
  content: "\eac6";
}
.icon-keyboard-off:before {
  content: "\eac7";
}
.icon-keyboard-on:before {
  content: "\eac8";
}
.icon-keyboard-shortcuts:before {
  content: "\eac9";
}
.icon-knife:before {
  content: "\eaca";
}
.icon-knowledge:before {
  content: "\eacb";
}
.icon-lamp-alt:before {
  content: "\eacc";
}
.icon-lamp:before {
  content: "\eacd";
}
.icon-laptop:before {
  content: "\eace";
}
.icon-last:before {
  content: "\eacf";
}
.icon-law:before {
  content: "\ead0";
}
.icon-left-border .path1:before {
  content: "\ead1";
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path2:before {
  content: "\ead2";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path3:before {
  content: "\ead3";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path4:before {
  content: "\ead4";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path5:before {
  content: "\ead5";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path6:before {
  content: "\ead6";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path7:before {
  content: "\ead7";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path8:before {
  content: "\ead8";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path9:before {
  content: "\ead9";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path10:before {
  content: "\eada";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path11:before {
  content: "\eadb";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path12:before {
  content: "\eadc";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path13:before {
  content: "\eadd";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path14:before {
  content: "\eade";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path15:before {
  content: "\eadf";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path16:before {
  content: "\eae0";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path17:before {
  content: "\eae1";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path18:before {
  content: "\eae2";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path19:before {
  content: "\eae3";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path20:before {
  content: "\eae4";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path21:before {
  content: "\eae5";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path22:before {
  content: "\eae6";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path23:before {
  content: "\eae7";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path24:before {
  content: "\eae8";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path25:before {
  content: "\eae9";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path26:before {
  content: "\eaea";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path27:before {
  content: "\eaeb";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path28:before {
  content: "\eaec";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path29:before {
  content: "\eaed";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path30:before {
  content: "\eaee";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path31:before {
  content: "\eaef";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path32:before {
  content: "\eaf0";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path33:before {
  content: "\eaf1";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-left-border .path34:before {
  content: "\eaf2";
  margin-left: -1em;
  color: rgb(68, 68, 68);
}
.icon-left-circle:before {
  content: "\eaf3";
}
.icon-left:before {
  content: "\eaf4";
}
.icon-level-test:before {
  content: "\eaf5";
}
.icon-level:before {
  content: "\eaf6";
}
.icon-light:before {
  content: "\eaf7";
}
.icon-lighter:before {
  content: "\eaf8";
}
.icon-like:before {
  content: "\eaf9";
}
.icon-line-chart:before {
  content: "\eafa";
}
.icon-line-height:before {
  content: "\eafb";
}
.icon-line:before {
  content: "\eafc";
}
.icon-link:before {
  content: "\eafd";
}
.icon-list:before {
  content: "\eafe";
}
.icon-load-balancing:before {
  content: "\eaff";
}
.icon-loading:before {
  content: "\eb00";
}
.icon-location:before {
  content: "\eb01";
}
.icon-lock:before {
  content: "\eb02";
}
.icon-log-search:before {
  content: "\eb03";
}
.icon-loop:before {
  content: "\eb04";
}
.icon-loudspeaker:before {
  content: "\eb05";
}
.icon-man:before {
  content: "\eb06";
}
.icon-manager:before {
  content: "\eb07";
}
.icon-mark:before {
  content: "\eb08";
}
.icon-market-quotations:before {
  content: "\eb09";
}
.icon-market:before {
  content: "\eb0a";
}
.icon-mask:before {
  content: "\eb0b";
}
.icon-medal:before {
  content: "\eb0c";
}
.icon-medication:before {
  content: "\eb0d";
}
.icon-meeting-room-off:before {
  content: "\eb0e";
}
.icon-meeting-room:before {
  content: "\eb0f";
}
.icon-memo:before {
  content: "\eb10";
}
.icon-menu-fold:before {
  content: "\eb11";
}
.icon-menu-unfold:before {
  content: "\eb12";
}
.icon-merge-cells:before {
  content: "\eb13";
}
.icon-message-alt:before {
  content: "\eb14";
}
.icon-message-box:before {
  content: "\eb15";
}
.icon-message-fill:before {
  content: "\eb16";
}
.icon-message:before {
  content: "\eb17";
}
.icon-microphone:before {
  content: "\eb18";
}
.icon-microwave:before {
  content: "\eb19";
}
.icon-mind-mapping:before {
  content: "\eb1a";
}
.icon-mindmap:before {
  content: "\eb1b";
}
.icon-mini-program:before {
  content: "\eb1c";
}
.icon-minus-circle-fill:before {
  content: "\eb1d";
}
.icon-minus-circle:before {
  content: "\eb1e";
}
.icon-mirror-off:before {
  content: "\eb1f";
}
.icon-mirror-on:before {
  content: "\eb20";
}
.icon-mirror:before {
  content: "\eb21";
}
.icon-mist:before {
  content: "\eb22";
}
.icon-mobile-fill .path1:before {
  content: "\eb23";
  color: rgb(0, 0, 0);
}
.icon-mobile-fill .path2:before {
  content: "\eb24";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mobile:before {
  content: "\eb25";
}
.icon-model-platform:before {
  content: "\eb26";
}
.icon-monitor-fill:before {
  content: "\eb27";
}
.icon-moon:before {
  content: "\eb28";
}
.icon-more-vertical:before {
  content: "\eb29";
}
.icon-more:before {
  content: "\eb2a";
}
.icon-morph:before {
  content: "\eb2b";
}
.icon-mosaic:before {
  content: "\eb2c";
}
.icon-mouse:before {
  content: "\eb2d";
}
.icon-musihome-list:before {
  content: "\eb2e";
}
.icon-music:before {
  content: "\eb2f";
}
.icon-musical-notation:before {
  content: "\eb30";
}
.icon-mute-alt:before {
  content: "\eb31";
}
.icon-mute-fill:before {
  content: "\eb32";
}
.icon-mute:before {
  content: "\eb33";
}
.icon-mysql:before {
  content: "\eb34";
}
.icon-nat-gateway:before {
  content: "\eb35";
}
.icon-navigation:before {
  content: "\eb36";
}
.icon-new-theme:before {
  content: "\eb37";
}
.icon-new-window:before {
  content: "\eb38";
}
.icon-next:before {
  content: "\eb39";
}
.icon-notes:before {
  content: "\eb3a";
}
.icon-notification-off:before {
  content: "\eb3b";
}
.icon-notification:before {
  content: "\eb3c";
}
.icon-nuclear:before {
  content: "\eb3d";
}
.icon-office-building-off:before {
  content: "\eb3e";
}
.icon-office-building:before {
  content: "\eb3f";
}
.icon-onbording:before {
  content: "\eb40";
}
.icon-open-account:before {
  content: "\eb41";
}
.icon-ops-management:before {
  content: "\eb42";
}
.icon-option-management:before {
  content: "\eb43";
}
.icon-option:before {
  content: "\eb44";
}
.icon-ordered-list:before {
  content: "\eb45";
}
.icon-original-size:before {
  content: "\eb46";
}
.icon-outbox:before {
  content: "\eb47";
}
.icon-outer-borders:before {
  content: "\eb48";
}
.icon-overflow:before {
  content: "\eb49";
}
.icon-parking:before {
  content: "\eb4a";
}
.icon-paste:before {
  content: "\eb4b";
}
.icon-pause-circle-fill:before {
  content: "\eb4c";
}
.icon-pause-circle:before {
  content: "\eb4d";
}
.icon-payment-check:before {
  content: "\eb4e";
}
.icon-payment-management:before {
  content: "\eb4f";
}
.icon-payment-report:before {
  content: "\eb50";
}
.icon-pc:before {
  content: "\eb51";
}
.icon-pdf-file:before {
  content: "\eb52";
}
.icon-pen:before {
  content: "\eb53";
}
.icon-percentage:before {
  content: "\eb54";
}
.icon-personal-information:before {
  content: "\eb55";
}
.icon-personal-kanban:before {
  content: "\eb56";
}
.icon-pie-chart:before {
  content: "\eb57";
}
.icon-pin-fill:before {
  content: "\eb58";
}
.icon-plan-analysis:before {
  content: "\eb59";
}
.icon-plan:before {
  content: "\eb5a";
}
.icon-play-circle-fill:before {
  content: "\eb5b";
}
.icon-play-circle:before {
  content: "\eb5c";
}
.icon-play-fill:before {
  content: "\eb5d";
}
.icon-play-later:before {
  content: "\eb5e";
}
.icon-play:before {
  content: "\eb5f";
}
.icon-playlist:before {
  content: "\eb60";
}
.icon-plug:before {
  content: "\eb61";
}
.icon-plus-circle:before {
  content: "\eb62";
}
.icon-plus:before {
  content: "\eb63";
}
.icon-pokeball:before {
  content: "\eb64";
}
.icon-poll-fill:before {
  content: "\eb65";
}
.icon-poll:before {
  content: "\eb66";
}
.icon-polygon:before {
  content: "\eb67";
}
.icon-position-correct:before {
  content: "\eb68";
}
.icon-position-error:before {
  content: "\eb69";
}
.icon-position-warning:before {
  content: "\eb6a";
}
.icon-position:before {
  content: "\eb6b";
}
.icon-power-plug:before {
  content: "\eb6c";
}
.icon-power-switch:before {
  content: "\eb6d";
}
.icon-pre-study:before {
  content: "\eb6e";
}
.icon-preview:before {
  content: "\eb6f";
}
.icon-print:before {
  content: "\eb70";
}
.icon-printer:before {
  content: "\eb71";
}
.icon-privacy:before {
  content: "\eb72";
}
.icon-private-equity:before {
  content: "\eb73";
}
.icon-private-ip:before {
  content: "\eb74";
}
.icon-product:before {
  content: "\eb75";
}
.icon-profit-model-alt:before {
  content: "\eb76";
}
.icon-profit-model:before {
  content: "\eb77";
}
.icon-project-fill:before {
  content: "\eb78";
}
.icon-project:before {
  content: "\eb79";
}
.icon-promise:before {
  content: "\eb7a";
}
.icon-proportion-alt:before {
  content: "\eb7b";
}
.icon-proportion:before {
  content: "\eb7c";
}
.icon-publihome-image:before {
  content: "\eb7d";
}
.icon-publihome-ip:before {
  content: "\eb7e";
}
.icon-publihome-kanban:before {
  content: "\eb7f";
}
.icon-push-service:before {
  content: "\eb80";
}
.icon-puzzle:before {
  content: "\eb81";
}
.icon-qq:before {
  content: "\eb82";
}
.icon-qrcode:before {
  content: "\eb83";
}
.icon-query:before {
  content: "\eb84";
}
.icon-question-circle:before {
  content: "\eb85";
}
.icon-question-mark-circle:before {
  content: "\eb86";
}
.icon-question-pool:before {
  content: "\eb87";
}
.icon-questionnaire:before {
  content: "\eb88";
}
.icon-quote:before {
  content: "\eb89";
}
.icon-qzone:before {
  content: "\eb8a";
}
.icon-radio:before {
  content: "\eb8b";
}
.icon-rain:before {
  content: "\eb8c";
}
.icon-range-hood:before {
  content: "\eb8d";
}
.icon-ranking:before {
  content: "\eb8e";
}
.icon-reading-list-fill .path1:before {
  content: "\eb8f";
  color: rgb(255, 255, 255);
}
.icon-reading-list-fill .path2:before {
  content: "\eb90";
  margin-left: -1em;
  color: rgb(43, 47, 54);
}
.icon-reading-list-fill .path3:before {
  content: "\eb91";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-reading-list-fill .path4:before {
  content: "\eb92";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-reading-list-fill .path5:before {
  content: "\eb93";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-reading-list:before {
  content: "\eb94";
}
.icon-ready-to-deliver:before {
  content: "\eb95";
}
.icon-ready-to-pay:before {
  content: "\eb96";
}
.icon-receipt:before {
  content: "\eb97";
}
.icon-record-information:before {
  content: "\eb98";
}
.icon-record-stop:before {
  content: "\eb99";
}
.icon-record:before {
  content: "\eb9a";
}
.icon-rectangle:before {
  content: "\eb9b";
}
.icon-red-packet:before {
  content: "\eb9c";
}
.icon-redo:before {
  content: "\eb9d";
}
.icon-reference:before {
  content: "\eb9e";
}
.icon-refresh:before {
  content: "\eb9f";
}
.icon-related-lists:before {
  content: "\eba0";
}
.icon-relational-database:before {
  content: "\eba1";
}
.icon-reminders:before {
  content: "\eba2";
}
.icon-remove-bookshelf:before {
  content: "\eba3";
}
.icon-repeat-one:before {
  content: "\eba4";
}
.icon-repeat:before {
  content: "\eba5";
}
.icon-replacement-warranty:before {
  content: "\eba6";
}
.icon-reply:before {
  content: "\eba7";
}
.icon-report:before {
  content: "\eba8";
}
.icon-repository:before {
  content: "\eba9";
}
.icon-resign:before {
  content: "\ebaa";
}
.icon-responsive:before {
  content: "\ebab";
}
.icon-return-uplevel:before {
  content: "\ebac";
}
.icon-revert:before {
  content: "\ebad";
}
.icon-rewind:before {
  content: "\ebae";
}
.icon-rich-text:before {
  content: "\ebaf";
}
.icon-right-border .path1:before {
  content: "\ebb0";
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path2:before {
  content: "\ebb1";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path3:before {
  content: "\ebb2";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path4:before {
  content: "\ebb3";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path5:before {
  content: "\ebb4";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path6:before {
  content: "\ebb5";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path7:before {
  content: "\ebb6";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path8:before {
  content: "\ebb7";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path9:before {
  content: "\ebb8";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path10:before {
  content: "\ebb9";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path11:before {
  content: "\ebba";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path12:before {
  content: "\ebbb";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path13:before {
  content: "\ebbc";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path14:before {
  content: "\ebbd";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path15:before {
  content: "\ebbe";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path16:before {
  content: "\ebbf";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path17:before {
  content: "\ebc0";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path18:before {
  content: "\ebc1";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path19:before {
  content: "\ebc2";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path20:before {
  content: "\ebc3";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path21:before {
  content: "\ebc4";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path22:before {
  content: "\ebc5";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path23:before {
  content: "\ebc6";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path24:before {
  content: "\ebc7";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path25:before {
  content: "\ebc8";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path26:before {
  content: "\ebc9";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path27:before {
  content: "\ebca";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path28:before {
  content: "\ebcb";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path29:before {
  content: "\ebcc";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path30:before {
  content: "\ebcd";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path31:before {
  content: "\ebce";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path32:before {
  content: "\ebcf";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path33:before {
  content: "\ebd0";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-right-border .path34:before {
  content: "\ebd1";
  margin-left: -1em;
  color: rgb(68, 68, 68);
}
.icon-right:before {
  content: "\ebd2";
}
.icon-risk-warning:before {
  content: "\ebd3";
}
.icon-robot-add:before {
  content: "\ebd4";
}
.icon-robot:before {
  content: "\ebd5";
}
.icon-roi-analysis:before {
  content: "\ebd6";
}
.icon-rotate-device:before {
  content: "\ebd7";
}
.icon-rotate-left:before {
  content: "\ebd8";
}
.icon-route:before {
  content: "\ebd9";
}
.icon-router:before {
  content: "\ebda";
}
.icon-rss-subscription:before {
  content: "\ebdb";
}
.icon-rss:before {
  content: "\ebdc";
}
.icon-ruler:before {
  content: "\ebdd";
}
.icon-running:before {
  content: "\ebde";
}
.icon-safari:before {
  content: "\ebdf";
}
.icon-sandstorm:before {
  content: "\ebe0";
}
.icon-satisfaction-analysis:before {
  content: "\ebe1";
}
.icon-save-file:before {
  content: "\ebe2";
}
.icon-save-water:before {
  content: "\ebe3";
}
.icon-scale:before {
  content: "\ebe4";
}
.icon-scan:before {
  content: "\ebe5";
}
.icon-scatter-plot:before {
  content: "\ebe6";
}
.icon-scenihome-spot:before {
  content: "\ebe7";
}
.icon-scissor:before {
  content: "\ebe8";
}
.icon-screenshot:before {
  content: "\ebe9";
}
.icon-scroll:before {
  content: "\ebea";
}
.icon-sdk:before {
  content: "\ebeb";
}
.icon-search-file:before {
  content: "\ebec";
}
.icon-search-log:before {
  content: "\ebed";
}
.icon-search:before {
  content: "\ebee";
}
.icon-seat:before {
  content: "\ebef";
}
.icon-security-authorization:before {
  content: "\ebf0";
}
.icon-security:before {
  content: "\ebf1";
}
.icon-select-all:before {
  content: "\ebf2";
}
.icon-selected:before {
  content: "\ebf3";
}
.icon-self-selected:before {
  content: "\ebf4";
}
.icon-sell-out:before {
  content: "\ebf5";
}
.icon-send:before {
  content: "\ebf6";
}
.icon-separate-window:before {
  content: "\ebf7";
}
.icon-service-analysis:before {
  content: "\ebf8";
}
.icon-setting-fill:before {
  content: "\ebf9";
}
.icon-setting:before {
  content: "\ebfa";
}
.icon-settings:before {
  content: "\ebfb";
}
.icon-shake-device:before {
  content: "\ebfc";
}
.icon-shape:before {
  content: "\ebfd";
}
.icon-share-external:before {
  content: "\ebfe";
}
.icon-share-internal:before {
  content: "\ebff";
}
.icon-shared-folder:before {
  content: "\ec00";
}
.icon-sharpen:before {
  content: "\ec01";
}
.icon-short-task:before {
  content: "\ec02";
}
.icon-shuffle:before {
  content: "\ec03";
}
.icon-shutdown:before {
  content: "\ec04";
}
.icon-sidebar-fold:before {
  content: "\ec05";
}
.icon-sidebar-unfold:before {
  content: "\ec06";
}
.icon-skating:before {
  content: "\ec07";
}
.icon-slides:before {
  content: "\ec08";
}
.icon-slim-face:before {
  content: "\ec09";
}
.icon-smog:before {
  content: "\ec0a";
}
.icon-snowsquall:before {
  content: "\ec0b";
}
.icon-social-insurance-management:before {
  content: "\ec0c";
}
.icon-sofa:before {
  content: "\ec0d";
}
.icon-softball:before {
  content: "\ec0e";
}
.icon-sort-alt:before {
  content: "\ec0f";
}
.icon-sort:before {
  content: "\ec10";
}
.icon-sound-balance:before {
  content: "\ec11";
}
.icon-soundwave:before {
  content: "\ec12";
}
.icon-spinning:before {
  content: "\ec13";
}
.icon-spreadsheet-alt:before {
  content: "\ec14";
}
.icon-spreadsheet-file:before {
  content: "\ec15";
}
.icon-spreadsheet:before {
  content: "\ec16";
}
.icon-staff-transfer:before {
  content: "\ec17";
}
.icon-stamp-fill:before {
  content: "\ec18";
}
.icon-stamp:before {
  content: "\ec19";
}
.icon-star-fill:before {
  content: "\ec1a";
}
.icon-star:before {
  content: "\ec1b";
}
.icon-starred-folder-fill:before {
  content: "\ec1c";
}
.icon-starred-folder:before {
  content: "\ec1d";
}
.icon-stop-recording-fill:before {
  content: "\ec1e";
}
.icon-stop:before {
  content: "\ec1f";
}
.icon-stopwatch:before {
  content: "\ec20";
}
.icon-storage-fill:before {
  content: "\ec21";
}
.icon-storm:before {
  content: "\ec22";
}
.icon-strikethrough:before {
  content: "\ec23";
}
.icon-subordinates:before {
  content: "\ec24";
}
.icon-subway-alt:before {
  content: "\ec25";
}
.icon-subway-map:before {
  content: "\ec26";
}
.icon-subway-station:before {
  content: "\ec27";
}
.icon-subway:before {
  content: "\ec28";
}
.icon-success-fill:before {
  content: "\ec29";
}
.icon-summary:before {
  content: "\ec2a";
}
.icon-sun:before {
  content: "\ec2b";
}
.icon-sunrise:before {
  content: "\ec2c";
}
.icon-sunset:before {
  content: "\ec2d";
}
.icon-swap-alt:before {
  content: "\ec2e";
}
.icon-swap:before {
  content: "\ec2f";
}
.icon-swim-pants:before {
  content: "\ec30";
}
.icon-swim-ring:before {
  content: "\ec31";
}
.icon-swing:before {
  content: "\ec32";
}
.icon-swipe:before {
  content: "\ec33";
}
.icon-switch-complete:before {
  content: "\ec34";
}
.icon-switch-routes:before {
  content: "\ec35";
}
.icon-switch-theme:before {
  content: "\ec36";
}
.icon-table-tennis:before {
  content: "\ec37";
}
.icon-tap:before {
  content: "\ec38";
}
.icon-target:before {
  content: "\ec39";
}
.icon-technology:before {
  content: "\ec3a";
}
.icon-temperature:before {
  content: "\ec3b";
}
.icon-tennis:before {
  content: "\ec3c";
}
.icon-terminal:before {
  content: "\ec3d";
}
.icon-text-ailgn-right:before {
  content: "\ec3e";
}
.icon-text-align-center:before {
  content: "\ec3f";
}
.icon-text-align-left:before {
  content: "\ec40";
}
.icon-text-alt:before {
  content: "\ec41";
}
.icon-text:before {
  content: "\ec42";
}
.icon-texture:before {
  content: "\ec43";
}
.icon-thunder-bolt:before {
  content: "\ec44";
}
.icon-title:before {
  content: "\ec45";
}
.icon-to-bottom:before {
  content: "\ec46";
}
.icon-to-do:before {
  content: "\ec47";
}
.icon-to-left:before {
  content: "\ec48";
}
.icon-to-right:before {
  content: "\ec49";
}
.icon-to-top:before {
  content: "\ec4a";
}
.icon-toggle-calendar-view:before {
  content: "\ec4b";
}
.icon-toilet:before {
  content: "\ec4c";
}
.icon-tone-alt:before {
  content: "\ec4d";
}
.icon-tone:before {
  content: "\ec4e";
}
.icon-tool:before {
  content: "\ec4f";
}
.icon-toolbox:before {
  content: "\ec50";
}
.icon-top-align:before {
  content: "\ec51";
}
.icon-top-border .path1:before {
  content: "\ec52";
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path2:before {
  content: "\ec53";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path3:before {
  content: "\ec54";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path4:before {
  content: "\ec55";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path5:before {
  content: "\ec56";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path6:before {
  content: "\ec57";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path7:before {
  content: "\ec58";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path8:before {
  content: "\ec59";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path9:before {
  content: "\ec5a";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path10:before {
  content: "\ec5b";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path11:before {
  content: "\ec5c";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path12:before {
  content: "\ec5d";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path13:before {
  content: "\ec5e";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path14:before {
  content: "\ec5f";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path15:before {
  content: "\ec60";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path16:before {
  content: "\ec61";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path17:before {
  content: "\ec62";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path18:before {
  content: "\ec63";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path19:before {
  content: "\ec64";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path20:before {
  content: "\ec65";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path21:before {
  content: "\ec66";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path22:before {
  content: "\ec67";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path23:before {
  content: "\ec68";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path24:before {
  content: "\ec69";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path25:before {
  content: "\ec6a";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path26:before {
  content: "\ec6b";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path27:before {
  content: "\ec6c";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path28:before {
  content: "\ec6d";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path29:before {
  content: "\ec6e";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path30:before {
  content: "\ec6f";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path31:before {
  content: "\ec70";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path32:before {
  content: "\ec71";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path33:before {
  content: "\ec72";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}
.icon-top-border .path34:before {
  content: "\ec73";
  margin-left: -1em;
  color: rgb(68, 68, 68);
}
.icon-top-choice:before {
  content: "\ec74";
}
.icon-topic:before {
  content: "\ec75";
}
.icon-tower:before {
  content: "\ec76";
}
.icon-traffihome-cone:before {
  content: "\ec77";
}
.icon-translation:before {
  content: "\ec78";
}
.icon-trophy:before {
  content: "\ec79";
}
.icon-truncation:before {
  content: "\ec7a";
}
.icon-typhoon:before {
  content: "\ec7b";
}
.icon-underline:before {
  content: "\ec7c";
}
.icon-undo:before {
  content: "\ec7d";
}
.icon-unencrypted:before {
  content: "\ec7e";
}
.icon-unfold:before {
  content: "\ec7f";
}
.icon-unfreeze:before {
  content: "\ec80";
}
.icon-union:before {
  content: "\ec81";
}
.icon-unordered-list:before {
  content: "\ec82";
}
.icon-up:before {
  content: "\ec83";
}
.icon-update:before {
  content: "\ec84";
}
.icon-upload-log:before {
  content: "\ec85";
}
.icon-usb:before {
  content: "\ec86";
}
.icon-user-group:before {
  content: "\ec87";
}
.icon-user-management:before {
  content: "\ec88";
}
.icon-user-research:before {
  content: "\ec89";
}
.icon-user:before {
  content: "\ec8a";
}
.icon-vertical-centers-align:before {
  content: "\ec8b";
}
.icon-video-camera:before {
  content: "\ec8c";
}
.icon-video-chat:before {
  content: "\ec8d";
}
.icon-video-file:before {
  content: "\ec8e";
}
.icon-video-on-demand-fill:before {
  content: "\ec8f";
}
.icon-video-on-demand:before {
  content: "\ec90";
}
.icon-view-alt:before {
  content: "\ec91";
}
.icon-view:before {
  content: "\ec92";
}
.icon-voice-call:before {
  content: "\ec93";
}
.icon-voice-input:before {
  content: "\ec94";
}
.icon-voice-wake-up:before {
  content: "\ec95";
}
.icon-voice:before {
  content: "\ec96";
}
.icon-volume-fill:before {
  content: "\ec97";
}
.icon-volume:before {
  content: "\ec98";
}
.icon-wait:before {
  content: "\ec99";
}
.icon-walking:before {
  content: "\ec9a";
}
.icon-wallet:before {
  content: "\ec9b";
}
.icon-wardrobe:before {
  content: "\ec9c";
}
.icon-warning-fill:before {
  content: "\ec9d";
}
.icon-washing-machine:before {
  content: "\ec9e";
}
.icon-watch:before {
  content: "\ec9f";
}
.icon-wechat:before {
  content: "\eca0";
}
.icon-whistle:before {
  content: "\eca1";
}
.icon-wifi-off:before {
  content: "\eca2";
}
.icon-wifi-security:before {
  content: "\eca3";
}
.icon-wifi:before {
  content: "\eca4";
}
.icon-wind:before {
  content: "\eca5";
}
.icon-woman:before {
  content: "\eca6";
}
.icon-word-wrap:before {
  content: "\eca7";
}
.icon-www:before {
  content: "\eca8";
}
.icon-zipped-folder:before {
  content: "\eca9";
}
.icon-zoom-in-fill:before {
  content: "\ecaa";
}
.icon-zoom-in:before {
  content: "\ecab";
}
.icon-zoom-out-fill:before {
  content: "\ecac";
}
.icon-zoom-out:before {
  content: "\ecad";
}


.product-detail-column .column-bg {
	background-position: right 12px;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	height: 102px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.column-wrap {
	border-bottom: 1px solid;
	border-radius: 8px 8px 0 0;
	margin: 0 32px 22px;
	padding-bottom: 25px;
}
.column-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}
.column-subtitle {
	color: rgba(19,87,189,.8);
	font-size: 14px;
	line-height: 22px;
}
.column-link {
	display: block;
	padding: 16px 32px;
	background: #fafbfc;
	border: 1px dashed #dde2e9;
}
.column-link:hover {
	text-decoration: none;
}
.column-link-hd {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	color: #000;
}
.column-link:hover .column-link-title {
	color: var(--primary);
}
.column-link-title {
	font-weight: 500;
	font-size: 18px;
	color: inherit;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
}
.column-link-desc {
	margin-bottom: 8px;
	font-size: 14px;
	color: #3d485d;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.column-link-tags {
	
}
.column-link-tag {
	display: inline-block;
	vertical-align: middle;
	padding: 0 12px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 26px;
	color: #41464f;
	border: 1px solid #dde2e9;
	border-radius: 4px;
	margin-right: 8px;
}
.column-link-marks {
	margin-left: 8px;
	white-space: nowrap;
}
.column-link-bubble {
	display: inline-block;
	vertical-align: middle;
	padding-left: 4px;
}
.column-link-bubble:last-child {
	margin-right: 0;
}
.column-link-bubble-inner22 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 8px;
	height: 22px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background-color: #28a745;
	border-radius: 2px;
	border-bottom-left-radius: 0;
}

.column-link-bubble-inner {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 8px;
	height: 22px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background-color: #f64041;
	border-radius: 2px;
	border-bottom-left-radius: 0;
}

.column-link-bubble-inner3:after {
	content: "";
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 0;
	height: 0;
	border-color: transparent #1673ff #1673ff transparent;
	border-style: solid;
	border-width: 2px 3px;
}
.column-link-bubble-inner3 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 8px;
	height: 22px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background-color: #1673ff;
	border-radius: 2px;
	border-bottom-left-radius: 0;
}
.column-link-bubble-inner:after {
	content: "";
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 0;
	height: 0;
	border-color: transparent #f64041 #f64041 transparent;
	border-style: solid;
	border-width: 2px 3px;
}




a.bor-link.et-register.cursor.waves {
    font-size: 15px;
    color: #000;
}

.header-container-wrap a.logo img {
    height: 36px;
}



.footer-company-info {
    color: #ffffff;
    font-size: 14px;
    line-height: 28px;
}

.footer-company-info img {
    margin-bottom: 20px;
    width: 100px;
}



#scloud-sidebar-wrap {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    bottom: 96px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 24px;
    width: 48px;
    z-index: 699
}

#scloud-sidebar-wrap.scloud-prevent-pointer-events * {
    pointer-events: none!important
}

@media (max-width: 990px) {
    #scloud-sidebar-wrap {
        bottom:90px;
        right: 24px
    }
}

#scloud-sidebar-wrap.scloud-force-mobile {
    bottom: 90px;
    right: 24px
}

#scloud-sidebar-wrap.scloud-force-mobile .scloud-sidebar-pc {
    display: none
}

#scloud-sidebar-wrap.scloud-force-mobile .scloud-sidebar-mobile {
    display: block
}

#scloud-sidebar-wrap * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#scloud-sidebar-wrap .arco-popover-content {
    border-radius: 8px!important;
    height: 100%
}

#scloud-sidebar-wrap .scloud-sidebar-pcMenu {
    -webkit-transform: translateX(-290px);
    -moz-transform: translateX(-290px);
    -o-transform: translateX(-290px);
    transform: translateX(-290px)
}

#scloud-sidebar-wrap .scloud-sidebar-pcMenu .arco-popover-content {
    padding: 8px 12px;
    width: 278px
}

#scloud-sidebar-wrap .scloud-sidebar-pcMenu.scloud-sidebar-style-fix .arco-popover-content {
    -webkit-transform: translateY(60px)!important;
    -moz-transform: translateY(60px)!important;
    -o-transform: translateY(60px)!important;
    transform: translateY(60px)!important
}

#scloud-sidebar-wrap .scloud-sidebar-feelgood {
    -webkit-transform: translateX(-290px);
    -moz-transform: translateX(-290px);
    -o-transform: translateX(-290px);
    transform: translateX(-290px)
}

#scloud-sidebar-wrap .scloud-sidebar-feelgood .arco-popover-content {
    padding: 16px;
    width: 278px
}

#scloud-sidebar-wrap .scloud-sidebar-mobileMenu {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

#scloud-sidebar-wrap .scloud-sidebar-mobileMenu .arco-popover-content {
    padding: 8px 12px;
    -webkit-transform: translateX(-180px);
    -moz-transform: translateX(-180px);
    -o-transform: translateX(-180px);
    transform: translateX(-180px);
    width: 228px
}

.scloud-sidebar-cell-wrap {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.03);
    color: #41464f;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 12px;
    min-height: 48px;
    overflow: hidden;
    padding: 9px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px;
    z-index: 0
}

.scloud-sidebar-cell-wrap.scloud-sidebar-mini {
    padding: 5px 0
}

.scloud-sidebar-cell-wrap.scloud-sidebar-topcell {
    background: linear-gradient(to bottom, #07e897 0%, #26d07c 100%);
    border: none;
    color: #fff;
    margin-top: 0;
    padding: 14px 0;
    cursor: pointer;
}

.scloud-sidebar-cell-wrap.scloud-sidebar-topcell .scloud-sidebar-cell-text {
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 20px;
    margin-top: 9px;
    width: 14px
}

.scloud-sidebar-cell-wrap.scloud-sidebar-topcell:hover {
    background: #26d07c;
}

.scloud-sidebar-secondcell-item {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 9px 0;
    position: relative;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    width: 100%;
    cursor: pointer;
}

.scloud-sidebar-secondcell-item:hover {
    color: #1664ff
}

.scloud-sidebar-cell-text {
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    line-height: 22px;
    width: 24px
}

.scloud-sidebar-icon-small {
    height: 21px;
    width: 21px
}

.scloud-sidebar-icon-middle {
    height: 24px;
    width: 24px
}

.scloud-sidebar-menu-item {
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 48px;
    margin-top: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.scloud-sidebar-menu-item:first-child {
    margin-top: 0
}

.scloud-sidebar-menu-item:hover {
    background: #f3f7ff;
    color: #1664ff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-title {
    color: #1664ff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-subtitle {
    color: #387bff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-menu-icon-wrap {
    background: #f3f7ff
}

.scloud-sidebar-menu-item:hover .scloud-sidebar-rightarrow {
    color: #1664ff
}

.scloud-sidebar-menu-item:hover [class^=scloud-sidebar-icon] {
    color: #1664ff
}

.scloud-sidebar-menu-icon-wrap {
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f1f3f5;
    border-radius: 18px;
    color: #80838a;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 36px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 10px;
    width: 36px
}

.scloud-sidebar-menu-text-wrap {
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-pack: space-evenly;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    padding: 7px 0
}

.scloud-sidebar-menu-text-wrap .scloud-sidebar-title {
    color: #020814;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.scloud-sidebar-menu-text-wrap .scloud-sidebar-subtitle {
    color: #41464f;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.scloud-sidebar-menu-text-wrap .scloud-sidebar-subtitle a {
    color: #1664ff
}

.scloud-sidebar-menu-rightarrow-wrap {
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px
}

.scloud-sidebar-rightarrow {
    color: #41464f;
    height: 100%;
    width: 6px
}


#scloud-sidebar-linkchat {
    border-radius: 4px;
    bottom: 18px;
    overflow: hidden;
    pointer-events: auto;
    position: fixed;
    right: 24px;
    z-index: 1100
}

#scloud-sidebar-linkchat>iframe {
    height: 65vh!important;
    max-height: 580px!important;
    min-height: 400px!important
}

.scloud-sidebar-scrolltop-wrap {
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    bottom: -65px;
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.03);
    color: #41464f;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px
}

.scloud-sidebar-scrolltop-wrap:hover {
    color: #1664ff
}

.scloud-sidebar-clickable {
    cursor: pointer
}

.scloud-sidebar-red-dot {
    background: #f65159;
    border: .5px solid #db373f;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0,0,0,.08);
    height: 8px;
    position: absolute;
    right: 11px;
    top: 7px;
    width: 8px
}





section.home-service{
    background: #f7f8fb;
}


.renew_main_container header {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    word-break: keep-all;
}

@media only screen and (min-width: 768px) {
    .renew_main_container header {
        font-size: 32px;
    }
}

@media only screen and (min-width: 1024px) {
    .renew_main_container header {
        font-size: 2.25rem;
    }
}

.main_benefit__num {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #07e897;
}



.main_benefit__text {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
@media only screen and (min-width: 768px) {
    .main_benefit__text {
        font-size: 18px;
    }
}


.main_benefit__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
}

@media only screen and (min-width: 768px) {
    .main_benefit__list {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px 10px;
    }
}

.main_benefit__text span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.main_recommend {
    background: #f1f4f8;
    overflow: hidden;
}



.main_recommend .title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    word-break: keep-all;
}

@media (min-width: 768px) {
    .main_recommend .title {
        margin-bottom: 40px;
        font-size: 32px;
    }
}

@media (min-width: 1024px) {
    .main_recommend .title {
        margin-bottom: 40px;
        font-size: 2.25rem;
    }
}

.main_recommend .tab_wrap {
    position: relative;
    border-left: 2px solid #d9d9d9;
    width: 100%;
    gap: 10px 0;
}

@media (min-width: 768px) {
    .main_recommend .tab_wrap {
        width: 75%;
        gap: 14px 0;
    }
}

@media (min-width: 1024px) {
    .main_recommend .tab_wrap {
        width: 100%;
    }
}

.main_recommend .tab_wrap::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #d9d9d9;
    left: calc(50% - 2px);
    z-index: 1;
}

@media (min-width: 768px) {
    .main_recommend .tab_wrap::before {
        left: 33%;
    }
}

@media (min-width: 1024px) {
    .main_recommend .tab_wrap::before {
        display: none;
    }
}

.main_recommend .tab_wrap::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #d9d9d9;
    left: calc(66% + 3px);
    z-index: 1;
}

@media (min-width: 768px) {
    .main_recommend .tab_wrap::after {
        display: none;
    }
}

.main_recommend .tab {
    padding-left: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

@media (min-width: 768px) {
    .main_recommend .tab {
        padding-left: 28px;
        font-size: 18px;
    }
}

@media (min-width: 1024px) {
    .main_recommend .tab {
        font-size: 1.125rem;
    }
}

.main_recommend .tab.gt-active {
    position: relative;
    border-left: 2px solid #07e897;
    margin-left: -2px;
    color: #000;
    font-weight: 700;
    z-index: 2;
}

.main_recommend .tab-content {
    min-height: 195px;
    padding: 30px 15px;
}

@media (min-width: 768px) {
    .main_recommend .tab-content {
        min-height: 291px;
        padding: 60px 15px;
    }
}

@media (min-width: 1024px) {
    .main_recommend .tab-content {
        padding: 70px 40px;
    }
}

.main_recommend .content-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

@media (min-width: 768px) {
    .main_recommend .content-title {
        font-size: 24px;
    }
}

@media (min-width: 1024px) {
    .main_recommend .content-title {
        font-size: 1.5rem;
    }
}

.main_recommend .content-description {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

@media (min-width: 768px) {
    .main_recommend .content-description {
        margin-bottom: 30px;
        font-size: 16px;
    }
}

@media (min-width: 1024px) {
    .main_recommend .content-description {
        font-size: 1rem;
    }
}


.main_recommend .title_wrap {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}




@media only screen and (max-width: 768px) {
section.main_recommend .tab-content {
    padding: 30px 35px;
}

.main_recommend .tab_wrap::after {
    display: none;
}

.main_recommend .tab_wrap::before {
    display: none;
}

.main_recommend .title_wrap {
    padding: 30px 35px!important;
}

.section-head-title {
    font-size: 22px;
}

.section-head-subtitle {
    font-size: 14px;
}
}

.header-loginpage {
    z-index: 101;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #FFF;
    background-color: transparent !important;
    padding: 32px 40px 0;
}

.header-loginpage .navbar-brand {
    height: 40px;
    background-size: contain;
}


@media only screen and (max-width: 768px) {
.login-body {
    width: 100%;
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
}



section.wrap-main-swiper .swiper-slide.swiper-slide-banner {
    background: #eeeff3;
}

.layui-layer.SCloud {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 96%, .6);
    border: .5px solid #dde2e9;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .05);
}

.layui-layer.SCloud .layui-layer-title {
    background: transparent;
    border-bottom: 0px;
}

.layui-layer-shade {
    background: transparent!important;
    display: none;
}

.layui-layer.SCloud .layui-layer-btn .layui-layer-btn0 {
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
}


@media only screen and (min-width: 768px) {
    .main_indicator .contents-container .contents_title {
        display: block;
        margin-bottom: 40px;
        font-size: 24px;
        font-weight: 700;
    }
}

@media only screen and (min-width: 1024px) {
    .main_indicator .contents-container .contents_title {
        font-size: 1.5rem;
    }
}


@media only screen and (min-width: 1024px) {
    .block-desktop {
        display: block;
    }
}



.renew_main_container.ai_gpu_optimization .ai_gpu_optimization__title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

@media only screen and (min-width: 1024px) {
    .renew_main_container.ai_gpu_optimization .ai_gpu_optimization__title {
        font-size: 1.25rem;
    }
}

.renew_main_container.ai_gpu_optimization .ai_gpu_optimization__icon {
    padding-bottom: 10px;
    width: 36px;
}
@media only screen and (min-width: 768px) {
    .renew_main_container.ai_gpu_optimization .ai_gpu_optimization__icon {
        padding-bottom: 20px;
        width: 54px;
    }
}


@media only screen and (min-width: 1024px) {
    .renew_main_container.ai_gpu_optimization .ai_gpu_optimization__icon {
        padding-bottom: 30px;
    }
}




.renew_main_container.ai_gpu_optimization .ai_gpu_optimization__desc {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}
@media only screen and (min-width: 1024px) {
    .renew_main_container.ai_gpu_optimization .ai_gpu_optimization__desc {
        font-size: 1.1rem;
    }
}

span.small-title {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding-top: 10px;
}

body.homepage section {
    overflow: hidden;
}

.funds-item-info .avatar {
    background-color: #ecf2ff;
    color: #05f;
    display: flex;
    font-size: 30px;
    line-height: 32px;
    border-radius: 50%;
    display: inline-block;
    font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans;
    font-weight: 600;
    text-align: center;
    outline: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.sehome-menu-icon {
    display: none;
    position: relative;
    color: black;
}




@media (max-width: 768px) {
.gt-grid .col-sm-6 {
    /* grid-column: auto / span 6; */
    text-align: center;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
}

.main_recommend .tab_wrap {
    display: flex;
}

.tab.col-sm-6.col-md-4.col-lg-12.gt-nav-item.gt-active {
    border-left: 0px;
}

.main_recommend .tab_wrap {
    border-left: 0px;
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
}

.tab.col-sm-6.col-md-4.col-lg-12.gt-nav-item.gt-active {
    border-bottom: 2px solid #3860f4;
    padding-bottom: 10px;
}
}


.bg-gray {
    background: #eeeff3;
}


























.home-products-catalog__card {
    width: 100%;
    height: 360px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    margin-bottom: 20px;
}

.home-products-catalog__card:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.05);
    box-shadow: 0 8px 20px rgba(0,0,0,.05)
}

.home-products-catalog__card:hover .home-products-catalog__card-header-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(max-width: 1260px) {
    .home-products-catalog__card {
        width:100%;
        margin-right: 0
    }
}

@media(max-width: 828px) {
    .home-products-catalog__card {
        width:278px;
        margin-right: 20px;
        margin-bottom: 20px
    }
}

@media(max-width: 636px) {
    .home-products-catalog__card {
        width:100%;
        margin-right: 0
    }
}

.home-products-catalog__card-header {
    position: relative;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.home-products-catalog__card-header-bg {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.home-products-catalog__card-icon {
    margin-right: 10px;
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px
}

@media(max-width: 1052px) {
    .home-products-catalog__card-icon {
        width:19px;
        height: 19px
    }
}

.home-products-catalog__card-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    margin: 0 0 16px;
    z-index: 2;
    color: #343f48;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 1260px) {
    .home-products-catalog__card-title {
        font-size:20px;
        line-height: 24px
    }
}

@media(max-width: 1052px) {
    .home-products-catalog__card-title {
        font-size:16px;
        line-height: 20px
    }
}

@media(max-width: 828px) {
    .home-products-catalog__card-title {
        font-size:16px;
        line-height: 20px
    }
}

@media(max-width: 636px) {
    .home-products-catalog__card-title {
        font-size:18px;
        line-height: 22px
    }
}

.home-products-catalog__card-content {
    padding: 24px 26px 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 120px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-products-catalog__card-subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #979797;
    margin: 0 0 35px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media(max-width: 1052px) {
    .home-products-catalog__card-subtitle {
        font-size:13px;
        line-height: 22px
    }
}

@media(max-width: 828px) {
    .home-products-catalog__card-subtitle {
        line-height:18px
    }
}

.home-products-catalog__card .home-button_primary {
    width: 194px;
    height: 37px;
    font-size: 14px;
    color: #343f48;
    background: #f3f3f3;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: auto
}

.home-products-catalog__card .home-button_link {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: auto;
    color: #343f48;
    text-shadow: none
}

.home-products-catalog__card .home-anchor {
    display: block;
    height: 100%
}

.home-products-catalog__card .home-anchor:hover .home-button_primary {
    background: #07e897
}

.home-products-catalog__card-line {
    margin-bottom: 16px;
    height: 137px
}

@media(max-width: 1052px) {
    .home-products-catalog__card-line {
        height:150px
    }
}

@media(max-width: 636px) {
    .home-products-catalog__card-line {
        height:140px
    }
}

.home-products-catalog__card-line:last-child {
    margin-bottom: 0
}

.home-products-catalog__card-line .home-anchor {
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transition: opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    transition: opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out,opacity .3s ease-in-out;
    transition: box-shadow .3s ease-in-out,opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 40px;
    height: 100%
}

@media screen and (max-width: 1052px) {
    .home-products-catalog__card-line .home-anchor {
        padding:24px
    }
}

@media(max-width: 435px) {
    .home-products-catalog__card-line .home-anchor {
        padding:20px
    }
}

.home-products-catalog__card-line .home-anchor:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.05);
    box-shadow: 0 8px 20px rgba(0,0,0,.05)
}

.home-products-catalog__card-line .home-anchor:hover .home-products-catalog__card-line-arrow {
    opacity: 1
}

.home-products-catalog__card-line-arrow {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    position: absolute;
    top: 24px;
    right: 24px
}

.home-products-catalog__card-line-image {
    width: 26px;
    min-height: 100%;
    position: relative
}

@media screen and (max-width: 636px) {
    .home-products-catalog__card-line-image {
        height:26px;
        margin-bottom: 16px
    }
}

.home-products-catalog__card-line-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px
}

.home-products-catalog__card-line-content {
    width: 100%;
    margin-left: 16px
}

section.home-start.space {
    background: url(../img/home/startbg.png);
    background-color: #eeeff3;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
}

.home-start-text-title {
    font-size: 28px;
    color: #222;
    font-weight: 600;
    margin-bottom: 10px;
}

.home-start-text p {
    font-size: 16px;
}



.login-container {
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: url(../img/login/grid.svg);
    background-color: #eeeff3;
}

.login-left-img img {
    height: 400px;
}

.login-left-img {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-children {
    padding: 4rem;
}

.login-children .logo img {
    max-width: 200px;
}

.login-children .logo {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.login-children h3 {
    text-align: center;
}


.user-icon svg,.sec-menu-icon svg {
    width: 24px;
    height: 24px;
    fill: #000;
}

.user-icon:hover svg ,.sec-menu-icon:hover svg {
    fill: #07e897;
}



.sec-menu-icon {
    position: relative;
    height: 48px;
    width: 36px;
    vertical-align: middle;
    white-space: nowrap;
    color: transparent;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: none;
}

@media screen and (max-width:770px){
    .sec-menu-icon{display:flex}
}