:root {
	--background: #fff;
}
html.dark-mode {
  --background: #181a21;
  --background-hover: #282a36;
  --color: #E3E5EA;
  --color-s: #cad0dd;
  --color-p:#a3a9b7;
  --color-h:#3779ff;
  --border:#ffffff0a;
  --border-x:#555;
  --card-bg: #21232e;
  
}

html body{
  background-color: var(--background);
  color: var(--color);
  transition: background-color 0.1s ease;
}

html.dark-mode .theme-btn {
  background: var(--card-bg);
  border-color: var(--border);
  color:var(--color);
}
html.dark-mode input:-webkit-autofill,
html.dark-mode input:-webkit-autofill:hover,
html.dark-mode input:-webkit-autofill:focus,
html.dark-mode input:-webkit-autofill:active,
html.dark-mode textarea:-webkit-autofill,
html.dark-mode textarea:-webkit-autofill:hover,
html.dark-mode textarea:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--background-hover) inset !important;
  box-shadow: 0 0 0 1000px var(--background-hover) inset !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
html.dark-mode .theme-btn:hover,html.dark-mode .header-tools .header-tools-right .header-lang-list,html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list ul,html.dark-mode .header-dropdown-list>li:not(.J-drop-dialog),
html.dark-mode .dropdown-product-content .dropdown-product-content-title{
  background: var(--background-hover);
}

html.dark-mode .theme-dropdown,html.dark-mode .float-bar-nav>.item {
  background:var(--card-bg);
  border-color:var(--border);
}

html.dark-mode .theme-dropdown button {
  color: var(--color);
}

html.dark-mode .theme-dropdown button:hover {
  background: var(--background-hover);
}
html.dark-mode .theme-dropdown::before {
  background:var(--card-bg);
  border-left-color: var(--border);
  border-top-color:var(--border);
}
html.dark-mode .header-bottom {
    background: #181a21b3;
    border-bottom: 1px solid rgba(255,255,255,.05);
	-webkit-backdrop-filter: blur(20px);
	    backdrop-filter: blur(20px);
	    transform: translateZ(0);
}
html.dark-mode .header-nav .header-nav-list>li>a,html.dark-mode .header-tools .header-tools-right>li>a,html.dark-mode .header-tools .header-tools-right>li>a>i ,
html.dark-mode a, html.dark-mode dd, html.dark-mode dl, html.dark-mode li, html.dark-mode p, html.dark-mode ul,
html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list li .header-tools-list-title a,html.dark-mode .dropdown-common-wrapper-top .dropdown-link-title{
    color: var(--color) !important;
}
html.dark-mode .header-tools .header-tools-right>li>a>i,html.dark-mode .header-tools .header-tools-right>li>a>img,html.dark-mode .header-logo img {
   filter: brightness(0) invert(1);
}

html.dark-mode .show-search-box .header-search .header-search-button input ,html.dark-mode .link-searcher input,html.dark-mode .header-search-inner input,html.dark-mode .header-mbshearch-input-box,html.dark-mode .header-mbshearch.show .header-mbshearch-input-box{
    background: #ffffff0f;
	border: 1px solid var(--border);
}

html.dark-mode .header-search-carousel li .search-carousel-text,html.dark-mode .por-tab a,html.dark-mode .header-tools .header-tools-right .header-lang-item>a,html.dark-mode .header-tools .header-tools-right .header-lang-list .header-site .header-site-left,
html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list li .header-tools-list-category-title,html.dark-mode .link-searcher input,html.dark-mode .header-search-inner input,html.dark-mode .header-mbshearch-input{
    color: var(--color-p);
}
html.dark-mode .dropdown-product-item-tag{
    background-color: var(--background);
    color:var(--color-p);
}
html.dark-mode .show-search-box .header-search .header-search-button:hover i ,html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list li .tool-item .header-tools-list-icon{
	filter: brightness(0) invert(80%);
}
@media (min-width: 769px) {
html.dark-mode .events-container .event-item,html.dark-mode .header-search-droplist {
        background:var(--card-bg);
		border:1px solid var(--border);
    }
html.dark-mode .banner .banner-text h5 {
        color: var(--color) !important;
    }
html.dark-mode .banner .banner-text p {
        color: var(--color-p) !important;
    }
html.dark-mode .events-container .event-title {
        color:var(--color);
}
html.dark-mode .events-container .event-desc {
        color: var(--color-p);
    }
	
html.dark-mode .banner .carousel-indicator span {
	        background: var(--color-s);
	    }
html.dark-mode .banner .banner-content-bg[data-bg=white] {
        background-color:var(--background);
    }
html.dark-mode .banner .carousel-wrapper {
        background: var(--background);

    }
html.dark-mode .banner .banner-text h5,html.dark-mode .events-container .event-title,html.dark-mode .por-section-title,html.dark-mode .section-head-title {
    font-weight: 500;
}
}
html.dark-mode .por-btn {
	border-color:var(--color-p) !important;
	color: var(--color-p) !important;
}
html.dark-mode .banner .banner-content-bg video{
  filter: invert(1) hue-rotate(180deg) brightness(1.3) contrast(0.9);
}
html.dark-mode .banner .banner-content-bg{
  background: none !important;
}
html.dark-mode .tpm-product__section,html.dark-mode .tpm-tabs__cont {
    background: none;
}
html.dark-mode .tpm-tabs__cont {
    box-shadow: inset 8px 8px 15px 0 rgb(0 0 0 / 10%), inset -8px 8px 10px 0 #00000038;
}
html.dark-mode .por-section-title, html.dark-mode .section-head-title,html.dark-mode .tpm-tabs--scroll .tpm-tabs__item.is-active .tpm-tabs__item-cont,html.dark-mode .tpm-tabs--warp .tpm-tabs__item.is-active .tpm-tabs__item-cont,
html.dark-mode .por-tab>ul>li.active a {
    color: var(--color);
}
html.dark-mode .tpm-tabs--scroll .tpm-tabs__item-cont,html.dark-mode .tpm-tabs--warp .tpm-tabs__item-cont{
    color: var(--color-p);
}
html.dark-mode .tpm-section__desc ,html.dark-mode .tpm-product-set__title{
    color: var(--color-p);
}

html.dark-mode .tpm-tabs--scroll .tpm-tabs__item-cont:before, html.dark-mode .tpm-tabs--warp .tpm-tabs__item-cont:before ,html.dark-mode .por-tab a:after,html.dark-mode .dropdown-product-nav-menu-text span:before{
    background-color: var(--color);
}
html.dark-mode .tpm-product.version-v2 .tpm-product-set__list .lidiv{
    background-color: var(--card-bg);
	        border: 1px solid var(--border);
            background-image: none;
}
html.dark-mode .tpm-product-set__title,html.dark-mode .dropdown-product-content-link a[href]:hover{
    color: var(--color-s);
}
html.dark-mode .tpm-product__recommend{
	filter: invert(1) hue-rotate(180deg) brightness(1) contrast(0.76);
}
html.dark-mode .tpm-product__recommend-hd,html.dark-mode .tpm-btn__text,html.dark-mode .tpm-product__recommend-desc{
	filter: brightness(0) contrast(1);
    color:var(--color);
}
html.dark-mode .por-section[data-bg=light], .por-section[data-bg=white] {
    background-color: var(--background) !important;
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container .card-bg-video{
	filter: invert(1) hue-rotate(180deg) brightness(1.5) contrast(0.9);
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title,html.dark-mode .dropdown-product-nav li.active span{
	color: var(--color);
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle ,html.dark-mode .dropdown-product-nav-menu-text span,html.dark-mode .sub-inner .info span,html.dark-mode .dropdown-common-wrapper-bottom .dropdown-common-module .dropdown-common-item-title{
    color: var(--color);
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container.grey,html.dark-mode .pep-home-product .product-card-wraper[data-bg=grey] {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border);
}
html.dark-mode .pep-home-product .product-card-wraper .card-title,html.dark-mode .input-qDsj,html.dark-mode .footer-nav-menus dl dt {
    color: var(--color);
}
html.dark-mode .pep-home-solution .solutions-card {
    background: var(--card-bg) no-repeat center / cover;
}
html.dark-mode .por-section[data-bg=grey]{
    background-color: var(--background);
}
html.dark-mode .header-search-droplist .J-search-popular a{
	border-color: var(--border);
	color: var(--color-p);
}
html.dark-mode .header-search-droplist .J-search-popular a:hover{
	border-color: var(--color-p);
	color: var(--color);
}
html.dark-mode .pep-product-support-guide-v2 .por-section .por-card[data-bg=white] ,html.dark-mode .dropdown-product-item,html.dark-mode .dropdown-product-item-icon{
    background: var(--card-bg);
    background-size: 100% 100%;
}
html.dark-mode .pep-product-support-guide-v2 .por-section .por-card .por-card-content-graphic .por-text-body-t1 .por-text-title-t3,html.dark-mode .home-information .information-news-card-title span ,
html.dark-mode .footer-nav-contact-phone .footer-nav-contact-phone-title,html.dark-mode .footer-nav-contact-phone>a,html.dark-mode .footer-nav-contact-phone>p,html.dark-mode .footer-service .footer-service-wrapper>ul>li>a .footer-title,
html.dark-mode .float-sidebar .sub-inner.inner .title,html.dark-mode .sub-inner .info-pc,html.dark-mode .events-container .event-item .event-content .event-title,html.dark-mode .header-tools .header-tools-right .header-login-mobile.header-login-mobile-show .header-user-info .button-container .header-user-info-button-red,
html.dark-mode .header-tools .header-tools-right .header-login-mobile.header-login-mobile-show .header-user-info .button-container .header-user-info-button-common,html.dark-mode .home-global-site-3d .global-site-data .global-site-text .title{
    color: var(--color) !important;
}
html.dark-mode .pep-product-support-guide-v2 .por-section .por-card .por-card-content-graphic .por-text-body-t1 .por-text-title-desc,html.dark-mode .home-information .information-news-card-list a ,html.dark-mode .title-W3M5,
html.dark-mode .footer-link,html.dark-mode .footer-nav-contact-emails-item a,html.dark-mode .footer-nav-about dt,html.dark-mode .footer-service .footer-service-wrapper>ul>li>a>p,html.dark-mode .footer-copyright,html.dark-mode .header-mbshearch-droplist .J-mbshearch-title,
html.dark-mode .home-global-site-3d .global-site-intro-desc,html.dark-mode .home-global-site-3d .global-site-data .global-site-text .desc,html.dark-mode .home-global-site-3d .section-body-bottom .safety-card p{
    color: var(--color-p);
}
html.dark-mode .por-section[data-bg=grey], html.dark-mode .home-global-site-3d .section {
    background-color: var(--background);
}
html.dark-mode .home-global-site-3d .section::after,html.dark-mode .home-information .information-news-card-icon,html.dark-mode .wrap-Q29q img,html.dark-mode .footer-nav-contact-phone .contact-icon,html.dark-mode .footer-service .footer-service-wrapper>ul>li>a>i,html.dark-mode .header-icon-arrow-right-large,html.dark-mode .header-search-inner .header-search-submit i,
html.dark-mode .sub-inner.inner .icons-float-bar,html.dark-mode .phone-icon>i,html.dark-mode .icons-float-bar.to-top,html.dark-mode .header-icon-search,html.dark-mode .header-icon-user,html.dark-mode .footer-nav-contact-icon i,html.dark-mode .footer-nav-submenus-link i,html.dark-mode .header-mbshearch-input-box i{
	filter: invert(1) hue-rotate(180deg) brightness(1.5) contrast(0.75);
}
html.dark-mode .home-information .section,html.dark-mode .input-wrap-QAAe, html.dark-mode .input-qDsj,html.dark-mode .float-bar-nav .sub-nav-main,html.dark-mode .home-customers .por-section{
    background: var(--background);
}
html.dark-mode .home-information .information-news-column,html.dark-mode .home-information .information-news-card,html.dark-mode .float-bar-nav>.item.tel,html.dark-mode .cloud-upPictext .card-grid .card-item-container,html.dark-mode .header-mbnav-collapses{
    background-color: var(--card-bg) !important;
}
html.dark-mode #footer, html.dark-mode .footer-service, html.dark-mode .footer-nav,html.dark-mode .events-container .event-item,html.dark-mode .header-mbshearch-droplist,html.dark-mode .header-mbnav-menulist li.active a{
    background: var(--card-bg);
}
html.dark-mode .footer-copyright-container,html.dark-mode .sub-inner:hover,html.dark-mode .footer-nav-submenus-qr,html.dark-mode .header-collapse-line,html.dark-mode .header-tools .header-user .header-user-info{
    background: var(--background-hover);
}
html.dark-mode .footer-copyright-wrapper{
	border-top: 1px solid var(--border);
	color: var(--color-p) !important;
}
html.dark-mode  .header-tools .header-user .header-user-info-split:before {
    border-top: 1px solid var(--border);
}
html.dark-mode .footer-service .footer-service-wrapper>ul {
    border-bottom: 1px solid var(--border);
}
html.dark-mode .footer-nav-submenus{
	border-right: 1px solid var(--border);
}
html.dark-mode .float-bar-nav .sub-nav-layer:before,html.dark-mode .float-config-btn .float-config-star-expand:before,html.dark-mode .float-config-custom:before,html.dark-mode .sidebar-qr-code-content:before {
    border-left-color: var(--background);
}
html.dark-mode .footer-nav-submenus-qr:before {
    border-color: var(--background-hover) transparent currentcolor;
    border-top: 3px solid var(--background-hover);
}
html.dark-mode .events-container {
        background:none;
    }
html.dark-mode .home-global-site-3d .section-body-bottom {
    background: hsl(0deg 0% 0% / 10%);
}
html.dark-mode .header-menu-mb span{
        background: var(--color);
}
html.dark-mode .tpm-tabs--scroll .tpm-tabs__bar,html.dark-mode .pep-home-product .por-section {
        background: none;
    }
html.dark-mode .header-mbshearch-innner,html.dark-mode .header-tools .header-tools-right .header-login-mobile.header-login-mobile-show .header-user-info,html.dark-mode .header-mbnav-leftmenu{
	background-color: var(--background-hover);
	color: var(--color);
	
}
html.dark-mode .header-mbshearch-droplist .J-mbshearch-popular li a,html.dark-mode .header-mbshearch-droplist .J-mbshearch-popular li{
	border-color: var(--background-hover);
	color: var(--color);
}
html.dark-mode .header-mbnav-menulist a:after {
        background-color: #0053fb;
    }
html.dark-mode .header-tools .header-user .header-user-name span ,html.dark-mode .header-tools .header-user .header-user-info-list>li:nth-child(n+3):hover>a,html.dark-mode .header-user-info .logout .bottom-username{
    color: #868aff;
}
html.dark-mode .header-tools .header-user,html.dark-mode .header-tools .header-tools-right li.header-shopping-cart {
    border-left: 1px solid #4d4d4d;
}

html.dark-mode .pep-product-banner-v3[data-bg=grey],html.dark-mode .por-section,html.dark-mode .por-section[data-bg=light],html.dark-mode .por-section[data-bg=white] {
        background: var(--background);
    }
html.dark-mode .pep-product-doc-v2 .por-section,html.dark-mode .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper{
        background: var(--card-bg);
    }
html.dark-mode .pep-product-banner-v3[data-bg=grey]{
    background-color: var(--background);
    background: none !important;
}
html.dark-mode .pep-problem-v2 .por-row .por-card,html.dark-mode .pep-product-banner-v3 .dynamic-content object,html.dark-mode .por-btn-primary,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container,html.dark-mode .pep-common-card-v2 .por-col[data-theme-bg=white]>.card-link,html.dark-mode .pep-product-doc-v2 .doc-lists .por-collapse-container,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper,html.dark-mode .pep-product-scene-diagram-v3 .por-collapse-container,html.dark-mode .pep-product-advantage-v2 .por-row .por-card,html.dark-mode .pep-problem-v2 .pep-activity-promotion-card-content,html.dark-mode .pep-problem-v2 .row-tab-container,html.dark-mode .pep-product-banner-v3 .por-row .por-card,html.dark-mode .pep-latest-dynamic-v2 object{
    background:var(--card-bg);
    }
html.dark-mode .por-collapse-head-text,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-maintitle-block_titlehtml.dark-mode .por-collapse-head-text,html.dark-mode .pep-activity-promotion-card-description .detail,html.dark-mode .pep-activity-promotion-card-header .title .text,html.dark-mode .pep-problem-v2 .row-tab.mb li,html.dark-mode .pep-latest-dynamic-v2 .dynamic-main,html.dark-mode .pep-product-banner-v3 .prodoc-banner-adSpace a,html.dark-mode .pep-product-banner-v3 .prodoc-banner-title .banner-mb,html.dark-mode .pep-product-banner-v3 .por-row h3.por-text-title-t3,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-expand,
html.dark-mode .pep-product-process-v2 [data-bg=grey] .process-title,html.dark-mode .pep-product-process-v2 [data-bg=light] .process-title,html.dark-mode .pep-product-process-v2 [data-bg=transBlack] .process-title,html.dark-mode .pep-problem-v2 .por-card .por-card-content .por-text-title-t3,html.dark-mode .pep-product-banner-v3 .dynamic-content .dynamic-main,html.dark-mode .pep-product-doc-v2 .doc-lists .doc-lists-content .list-title,html.dark-mode .pep-product-advantage-v2 .por-row .por-card .card-title,html.dark-mode .pep-product-banner-v3 .prodoc-banner-title .banner-pc,html.dark-mode .pep-solution-page-navigate-v2 .por-tab-container .tag-name,html.dark-mode .pep-common-card-v2 .card-link h3,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-expand {
    color: var(--color);
    }
html.dark-mode .pep-problem-v2 .por-card .por-card-content .por-text-body-t1,html.dark-mode .pep-common-card-v2 .card-link p,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary,html.dark-mode .pep-product-advantage-v2 .por-row .por-card ul li,html.dark-mode .pep-product-banner-v3 .por-row .por-text-body-t1,html.dark-mode .pep-activity-promotion-card-description .title,html.dark-mode .pep-activity-promotion-card-description .por-icon,.pep-activity-promotion-card-purchase .tooltip,html.dark-mode .pep-activity-promotion-card-purchase .unit {
    color: var(--color-p);
}
html.dark-mode .pep-product-banner-v3 .prodoc-banner-title .por-player-btn{
	background: var(--color-s);
}
html.dark-mode .pep-latest-dynamic-v2 .dynamic-icon,html.dark-mode .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper .icon {
    filter: brightness(0) invert(1);
    }
html.dark-mode .pep-problem-v2 .row-tab.mb li.active:after,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot:before{
	        background-color: var(--color-p);
	    }
html.dark-mode .pep-problem-v2 .row-tab.mb li+li {
	        border-left: 1px solid var(--border);
	    }
html.dark-mode .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container:not(:last-child),html.dark-mode [columns="1"] .pep-activity-promotion-card-description .spec,html.dark-mode [columns="2"] .pep-activity-promotion-card-description .spec,html.dark-mode [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .spec {
     border-bottom: 1px solid var(--border);
}
html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container.show:after{
	background:var(--border);
}
html.dark-mode .pep-product-banner-v3 .dynamic-content .dynamic-icon,html.dark-mode .pep-product-process-v2 .icon-process{
	filter: brightness(0) invert(1);
}


html.dark-mode .header--w0qGH {
    background-color: var(--card-bg);
    border-bottom: 1px solid var(--border);
}
html.dark-mode .content--b1eX3 {
    background:var(--background);
}
html.dark-mode .iaas-ecs-arco-steps-item-error .iaas-ecs-arco-steps-item-title,html.dark-mode .iaas-ecs-arco-steps-item-finish .iaas-ecs-arco-steps-item-title, .iaas-ecs-arco-steps-item-process .iaas-ecs-arco-steps-item-title {
    color: var(--color-h) !important;
}
html.dark-mode .iaas-ecs-arco-steps-item-wait .iaas-ecs-arco-steps-item-title {
    color: var(--color-p);
}
html.dark-mode .iaas-ecs-arco-steps-label-horizontal .iaas-ecs-arco-steps-item.iaas-ecs-arco-steps-item-process .iaas-ecs-arco-steps-item-title:after,html.dark-mode .iaas-ecs-arco-steps-label-horizontal .iaas-ecs-arco-steps-item:not(:last-child) .iaas-ecs-arco-steps-item-title:after{
    background-color: var(--border-x);
}
html.dark-mode .form_sec--FApAM ,html.dark-mode .f-order .el-main,html.dark-mode .el-table tr,html.dark-mode .footer--ZpVcq,html.dark-mode .header--glFzR{
    background: var(--card-bg);
}
html.dark-mode .el-loading-mask {
    background-color: rgb(33 35 46);
}
html.dark-mode .mf-cloud{
background: none;
}
html.dark-mode .c-material-radio-group .iaas-ecs-arco-radio-button:hover{
    background-color:var(--background-hover);
}
html.dark-mode .iaas-ecs-arco-radio-button,html.dark-mode .image-item,html.dark-mode .empty-image{
    background-color: #3b3d47;
    border: none;
}
html.dark-mode #content .el-form .el-radio-button__inner,html.dark-mode #content .el-form .flow-bw,html.dark-mode .image-item .version-select,.dark-mode .btn-custom{
    background-color: #3b3d47;
    color: var(--color);
}
html.dark-mode .image-item .version-select {
border-top: 1px solid var(--border-x);
}
html.dark-mode .iaas-ecs-arco-radio-button:after {
    background-color: #00000000;
}
html.dark-mode .form_row--siSCq,html.dark-mode .el-form-item__label,html.dark-mode .image-item .name,html.dark-mode .el-table .cell,html.dark-mode  .col-form-label{
    color: var(--color);
}
html.dark-mode .image-item .version{
    color: #fff;
}
html.dark-mode .empty-image i {
    border: 1px solid var(--color-p);
    color: var(--color);
}
html.dark-mode .s-tip{
    color: rgb(var(--gray-6));
}
html.dark-mode .s-tip span,html.dark-mode .store{
    color:var(--color-p);
}
html.dark-mode .el-form .el-radio-button.is-active .el-radio-button__inner {
    background: var(--zdans);
    border:none;
    color: var(--color);;
    box-shadow: 0px 0 0 0 #0058FF;
}
html.dark-mode .el-slider__runway,html.dark-mode .form-control-file,html.dark-mode .form-control-range{
    background: #3b3d47;
}
html.dark-mode  .el-table th.el-table__cell {
    background: #3b3d47;
}
html.dark-mode .el-table td.el-table__cell,html.dark-mode .el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid var(--border);
}
html.dark-mode .el-table {
    border: 1px solid #333131;
}
html.dark-mode .image-item.active,html.dark-mode .image-item.hover{
    background: var(--zdans);
}
html.dark-mode .el-table--border::after, html.dark-mode .el-table--group::after,html.dark-mode .el-table::before {
    background-color: var(--border);
}
html.dark-mode .el-table .el-table__cell {
    padding: 5px 0;
}
html.dark-mode .el-input.is-disabled .el-input__inner {
    background-color: #3b3d47;
    border-color: #3b3d47;

}
html.dark-mode .el-input__inner,html.dark-mode .el-select-dropdown {
    background-color: #3b3d47;
    border: 1px solid #3b3d47;
    color: var(--color);
}
html.dark-mode .el-input-number__decrease,html.dark-mode .el-input-number__increase,html.dark-mode .btn_sub ,html.dark-mode .btn_add{
    background: #3b3d47;
    color: var(--color);
}
html.dark-mode .btn_sub ,html.dark-mode .btn_add{
    background: #3b3d47;
    border: 1px solid var(--border-x);
    color: var(--color);
}
html.dark-mode .el-input-number__increase{
    border-left: 1px solid var(--border-x);
}
html.dark-mode .el-input-number__decrease {
    border-right: 1px solid var(--border-x);
}
html.dark-mode .marks .item,html.dark-mode .f-order  {
    color: var(--color-p);
}
html.dark-mode .f-order .link ,html.dark-mode .footer--ZpVcq{
    border-bottom: 1px solid var(--border);
    color: var(--color);
}
html.dark-mode .f-order .el-main,html.dark-mode .footer--ZpVcq{
    border-top: 1px solid var(--border);
}
html.dark-mode .el-select-dropdown__item.hover,html.dark-mode .el-select-dropdown__item:hover,html.dark-mode .dropdown-item.active,html.dark-mode .dropdown-item:active,html.dark-mode .dropdown-item:hover{
    background: rgba(0, 88, 255, 0.08);
    color: #0058FF;
}
html.dark-mode .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
    background-color: rgba(0, 88, 255, 0.08);
}
html.dark-mode .por-tab-scroll .u-icon {
    background: -webkit-gradient(linear, right top, left top, color-stop(80%, var(--background)), to(transparent));
    background: linear-gradient(270deg, var(--background) 80%, transparent 100%);
}
html.dark-mode .por-tab-scroll .u-icon:not(.disabled) {
    color: var(--color);
}
html.dark-mode .pep-common-banner-v2 .prodoc-title-content .por-text-body-t2.gap-small>p{
    color: #333;
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .anchor-point-list-pc>.list>ul>li:before {
    border: 1px solid #ffffff;
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .anchor-point-list-pc>.list>ul>li.selected {
    color: #0064ff;
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .anchor-point-list-pc>.list>ul>li.selected:before{
    background-color: #0064ff;
    border: 1px solid #0064ff;
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .anchor-point-list-pc>.list>ul>li:after {
    border-left: 1px solid var(--border-x);
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .product-content .first-content .second-content .card-list .card.white {
    background-color: var(--card-bg);
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .product-content .first-content .second-content .card-list .card .card-title{
color: var(--color);
}
html.dark-mode .pep-product-polymerize-card-v2 .por-section .por-section-body .product-content .first-content .second-content .card-list .card .card-description {
    color: var(--color-p);
}
html.dark-mode .color_text_primary_dark {
    color: var(--color-p) !important;
}
html.dark-mode .pep-activity-promotion-v2 .pep-activity-promotion-card-content {
    background-color: var(--card-bg);
}
html.dark-mode .pep-common-card-v2 .tj {
    background: linear-gradient(270deg, #06152b 0%, #181a21 100%);
}




html.dark-mode .gybg {
  position: relative !important;
  background: #000510;
  overflow: hidden !important;
}
html.dark-mode .gybg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background: radial-gradient(circle at 20% 20%, rgb(0 110 255 / 11%), transparent 30%), radial-gradient(circle at 80% 10%, rgb(50 150 255 / 9%), transparent 26%), radial-gradient(circle at 50% 100%, rgb(0 80 255 / 0%), transparent 34%), radial-gradient(circle at 70% 80%, rgb(30 130 255 / 4%), transparent 28%);
}
html.dark-mode .gybg::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  border:2px solid rgba(56,140,255,0.55);
  box-shadow:
    0 0 18px rgba(56,140,255,0.45),
    0 0 34px rgba(56,140,255,0.25),
    inset 0 0 12px rgba(56,140,255,0.25);
  transform:translate(-50%,-50%);
  animation:rippleRun 7s linear infinite;
  pointer-events:none;
  z-index:2;
}
html.dark-mode .gybg .por-section-body::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  border:2px solid rgba(80,170,255,0.45);
  box-shadow:
    0 0 18px rgba(80,170,255,0.35),
    0 0 34px rgba(80,170,255,0.20);
  transform:translate(-50%,-50%);
  animation:rippleRun 7s linear infinite;
  animation-delay:2.3s;
  pointer-events:none;
  z-index:2;
}
html.dark-mode .gybg .prodoc-banner-main::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  border:2px solid rgba(110,190,255,0.35);
  box-shadow:
    0 0 18px rgba(110,190,255,0.28),
    0 0 34px rgba(110,190,255,0.15);
  transform:translate(-50%,-50%);
  animation:rippleRun 7s linear infinite;
  animation-delay:4.6s;
  pointer-events:none;
  z-index:2;
}
@keyframes rippleRun {
  0% {
    width:0;
    height:0;
    opacity:0.2;
  }
  100% {
    width:1800px;
    height:1800px;
    opacity:0;
  }
}

html.dark-mode .dropdown-common-wrapper-bottom .dropdown-common-module .dropdown-common-item-desc{
color: var(--color-p);
}
html.dark-mode .header-dropdown-solution .dropdown-product-wrapper-top {
    background: none;
}
html.dark-mode .dropdown-product-item-more .title,html.dark-mode .dropdown-common-wrapper-bottom .dropdown-common-module-title{
color: var(--color-p);
}
html.dark-mode .dropdown-product-item-more .link {
    color: var(--color);
}
html.dark-mode .header-icon-arrow-right {
filter: brightness(0) invert(1);
}
html.dark-mode .pep-product-banner-v3 .prodoc-title-content {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


html.dark-mode .fbg {
  position: relative !important;
  overflow: hidden !important;
}

html.dark-mode .fbg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 25% 30%, rgba(20,110,255,0.1), transparent 40%),
    radial-gradient(circle at 75% 65%, rgba(35,130,255,0.1), transparent 45%),
    rgb(24 26 33);
  pointer-events: none;
  z-index: 1;
}

html.dark-mode .fbg::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -20%;
  width: 120%;
  height: 160%;
  background: linear-gradient(135deg, transparent 50%, rgba(45,135,255,0.1), transparent 65%);
  transform: rotate(-12deg);
  animation: slowSweep 6s linear infinite;
  pointer-events: none;
  z-index: 2;
}

html.dark-mode .fbg .por-container {
  position: relative;
  z-index: 3;
}

html.dark-mode .card,html.dark-mode #page-topbar{
    background: var(--card-bg);
}
html.dark-mode .vertical-menu,html.dark-mode .navbar-brand-box{
    background: var(--card-bg) !important;
}
@keyframes slowSweep {
  0% {
    transform: rotate(-12deg) translateX(-120px);
  }
  50% {
    transform: rotate(-12deg) translateX(120px);
  }
  100% {
    transform: rotate(-12deg) translateX(-120px);
  }
}


html.dark-mode .pep-product-irregular-scene-v2 .huge-card-content-main[data-bg-color=white],html.dark-mode .pep-product-irregular-scene-v2 .small-card-content-main[data-bg-color=white]{
    background-color: var(--card-bg);
}
html.dark-mode .pep-product-irregular-scene-v2 .huge-card-content-title,html.dark-mode .pep-product-irregular-scene-v2 .small-card-content-title{
    color: var(--color);
}
html.dark-mode .zdy-cloumn {
    background: var(--card-bg);
    border-bottom: 1px solid var(--border);
}
html.dark-mode .zdy-cloumn li p{
    color: var(--color);
}
html.dark-mode .zdy-cloumn li:after {
    background: var(--border-x);
}
html.dark-mode .zdy-cloumn li:before {
filter: brightness(0) invert(1);
}
html.dark-mode .zdy-title,html.dark-mode .zdy-agent .list h5{
    color: var(--color);
}
html.dark-mode .zdy-title span {
    color: var(--color-p);
}
html.dark-mode .zdy-cloumn .active {
    background: var(--background-hover);
}
html.dark-mode .zdy-spread{
    background: var(--background-hover);
}
html.dark-mode .zdy-spread ul li {
    background: var(--card-bg);
    border: 1px solid var(--border);
    color: var(--color-p);
}
html.dark-mode .zdy-spread li:hover {
    background: url(../img/bg3.jpg) center top no-repeat;
}
html.dark-mode .zdy-way li p {
    border: 1px solid var(--border-x);
    color: var(--color-s);
}
html.dark-mode .zdy-spread li h4 {
    color: var(--color);
}
html.dark-mode .zdy-advantage .list,html.dark-mode .zdy-advantage .center {
    background: var(--card-bg);
}
html.dark-mode .zdy-advantage .list p,html.dark-mode .zdy-advantage .center p{
    border-bottom: 1px solid var(--border);
}
html.dark-mode .zdy-advantage .list h4 {
    background: #181a21;
}
html.dark-mode .zdy-advantage .list p {
    color: var(--color-p);
}

html.dark-mode .footer {
    color: var(--border-x);
    background-color: var(--card-bg);
}
html.dark-mode #sidebar-menu ul li a,html.dark-mode .d-lg-inline-block a,html.dark-mode .header-item,html.dark-mode .header-search-droplist .search-block span {
    color: var(--color);
}
html.dark-mode .noti-icon i {
    color: var(--color-p);
}
html.dark-mode #sidebar-menu ul li ul.sub-menu li a {
    color:var(--color-p);
}
html.dark-mode .mm-active>a {
    background: var(--background);
}
html.dark-mode .zdy-ss {
    background:var(--background-hover);
    color: #555 !important;
    border: 1px solid var(--border);
}
html.dark-mode .navbar-header .dropdown.show .header-item {
    background-color: var(--background-hover);
    color: #0060fe;
}
html.dark-mode .header-search-droplist .search-block .search-tag a{
    border: 1px solid var(--border);
    color: var(--color-p);
}
html.dark-mode .header-search-droplist>ul li.to-page+li:not(.to-page):before {
    background-color: var(--border);
}
html.dark-mode .header-search-droplist>ul>li:hover .search-block,html.dark-mode .header-search-droplist>ul>li:hover>a{
background: var(--background-hover);
}
html.dark-mode .dropdown-menu {
background-color: var(--background-hover);
}
html.dark-mode .text-black-50 {
    color: var(--color-s) !important;
}
html.dark-mode canvas {
color: var(--color-p);
}
html.dark-mode .user-center_notice_item .notice_item_title,html.dark-mode .table{
    color: var(--color);
}
html.dark-mode .table-responsive{
    background: var(--card-bg);
}
html.dark-mode .bg-light {
    background-color: var(--background-hover) !important;
}

html.dark-mode .table thead th{
        border-bottom: none;
}
html.dark-mode .table td,html.dark-mode .table th {
    border-top: 1px solid var(--border);
}
html.dark-mode .bg-light i {
    color: var(--color-p) !important;
}
html.dark-mode .table-responsive tbody tr:hover tbody{
    background-color: var(--background-hover);
}
html.dark-mode .zdudb {
    border-bottom: 1px solid var(--border);
}
html.dark-mode .page-item.disabled .page-link,html.dark-mode select ,html.dark-mode .btn-default,html.dark-mode .btn-default.active,html.dark-mode .btn-default:hover{
    color: var(--color);
    background-color: var(--background-hover);
    border-color: var(--border);
}
html.dark-mode .form-control:disabled, html.dark-mode .form-control[readonly], html.dark-mode .form-control{
    background-color:var(--background-hover);
    color: var(--color-p);
    border: 1px solid var(--border-x);
}
html.dark-mode .form-control:focus{
     background-color:var(--background);
    color: var(--color-p);
    border: 1px solid var(--border-x);
}
html.dark-mode .security-info{
  background: none;
  color: var(--color);
}
html.dark-mode .security-label,html.dark-mode .security-item-title,html.dark-mode .close,html.dark-mode .btn-outline-light {
    color: var(--color);
}
html.dark-mode .security-item-desc{
    color: var(--color-p);
}
html.dark-mode .modal-content {
    background-color: var(--background);
    border: 1px solid var(--border);
}
html.dark-mode .modal-header{
    border-bottom: 1px solid var(--border);
}
html.dark-mode .modal-footer {
    border-top: 1px solid var(--border);
}
html.dark-mode .nav-tabs .nav-item.show .nav-link,html.dark-mode .nav-tabs .nav-link.active {
    color: var(--color);
    background-color: var(--background);
    border-color: var(--border)
}
html.dark-mode .nav-tabs {
    border-bottom: 1px solid var(--border);
}
html.dark-mode .table .thead-light th {
    color: var(--color);
    background-color: var(--background-hover);
    border-color: var(--border);
}
html.dark-mode .table-responsive tbody tr:hover td {
    background-color: var(--background-hover);
}
html.dark-mode .btn-light,html.dark-mode .btn-light:hover{
    background-color: var(--background-hover);
    border-color:var(--border) ;
    color: var(--color-h);
}
html.dark-mode .border{
    border-color: var(--border) !important;
}
html.dark-mode .list-group-item {
    background-color: var(--card-bg);
    border: 1px solid var(--border);
}
html.dark-mode .header-dropdown.showMask {
    backdrop-filter: blur(6px);
    background: hsl(231.43deg 14.89% 18.43% / 50%);
}
html.dark-mode .btn-outline-light {
    border-color: var(--border-x);
}
html.dark-mode .btn-outline-light:hover {
  color: var(--color-h);
}
html.dark-mode .btn-group-toggle .btn-primary {
    background: #3b3d47;

}
html.dark-mode .el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #3b3d47;
}
html.dark-mode .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #3b3d47;
}
html.dark-mode .el-popover {
    background: #3b3d47;
    border: 1px solid var(--border);
    color: var(--color);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}
html.dark-mode .cur-content .c-item ,html.dark-mode .free-content .c-item,html.dark-mode .cur-content .c-item .l-txt{
    color: var(--color-s) !important;
}
html.dark-mode .free-content .con,html.dark-mode .free-content .tit,html.dark-mode .cur-content .tit{
    border-bottom: 1px solid var(--border-x);
}
html.dark-mode .el-popper[x-placement^=top] .popper__arrow {
    border-top-color: #3b3d47;
}
html.dark-mode .common-config .l-config {
    background: none;
}
html.dark-mode .common-config .config-item .unit,html.dark-mode .tit,html.dark-mode .free-content .c-item .l-txt,html.dark-mode .common-config .config-tit ,html.dark-mode .common-config .cycle .item .name,html.dark-mode .cur-content .tit{
    color: var(--color);
}
html.dark-mode .common-config .description {
    border: 1px solid var(--border);
    color: var(--color-p);
}
html.dark-mode .common-config .cycle .item,html.dark-mode .common-config .click-select .item {
    border: 1px solid var(--border-x);
}
html.dark-mode .el-textarea__inner {
    background-color: var(--background-hover);
    border: 1px solid var(--border-x);
    color: var(--color);
}
html.dark-mode .box {
background: none;
}
html.dark-mode .card-header,html.dark-mode .card-footer,html.dark-mode .table-secondary,html.dark-mode .table-secondary > td,html.dark-mode .table-secondary > th {
    background-color: #3b3d47;
}
html.dark-mode .table {
   border: #ddd 1px var(--border) !important;
}
html.dark-mode .page-link {
    color: var(--color);
    background-color: var(--card-bg);
    border: 1px solid var(--border);
}
html.dark-mode .label--XUeGx,html.dark-mode .el-form--label-left .el-form-item__label {
    border-bottom: 1px solid var(--border);
}
html.dark-mode .foot-email ,html.dark-mode .support-nav .side-nav-menu{
    background: var(--card-bg);
}
html.dark-mode body .support-content .support-body .wrapper .support-main,html.dark-mode body .support-content{
    background-color: var(--background);
}
html.dark-mode body .support-content::before,html.dark-mode body .support-nav .prod-name{
    background-color: var(--card-bg);
}
html.dark-mode .support-main .help-content,html.dark-mode .relevant-content {
    background-color: var(--card-bg);
}
html.dark-mode .help-form > h3,html.dark-mode .support-nav .prod-name .caption .menu-title,html.dark-mode .support-content h1,html.dark-mode .doc-bottom-feedback .feedback-title,html.dark-mode .relevant-content .relevant-title{
    color: var(--color);
}
html.dark-mode .support-nav .prod-name .menu-box .menu-btn,html.dark-mode .help-view-share a i,html.dark-mode .unfold > .foldIcon,html.dark-mode .support-content .foldIcon{
 filter: brightness(0) invert(1);
}
html.dark-mode .updateTime{
    color: var(--color-p);
}
html.dark-mode .support-nav .side-nav .side-nav .nav-item.active > a,html.dark-mode .support-nav .side-nav .side-nav *:not(.nav-item.help-tsr) > a:hover{
    background: var(--background);
}
html.dark-mode .foldIcon:before {
    border: 0px solid transparent;
}
html.dark-mode .support-link-searcher-input,html.dark-mode .support-nav .side-nav-menu .support-search .search-box input {
    border: solid 1px var(--border-x);
    background: var(--background-hover);
    color: var(--color);
}
html.dark-mode .support-link-searcher-submit {
    background: url(./../img/help/support-doc-revision-search.svg) no-repeat center;
}
html.dark-mode .support-nav .item dt {
    color: var(--color-p);
}
html.dark-mode .support-nav .side-nav-menu .support-search .search-box button {
    background: url(./../img/help/support-doc-revision-search.svg) no-repeat center;
}
@media (max-width: 960px) {
html.dark-mode .pep-product-doc-v2 .por-section {
    background: none;
}
html.dark-mode .pep-activity-promotion-card-description .spec{
	border-bottom: 1px solid var(--border);
}

.el-form--label-left .el-form-item__label {
    text-align: left;
    width: 100% !important;
    float: none;
    border-bottom: 1px solid #eee;
}
.el-form-item__content {
    margin-left: 0 !important;
}
}