/* V1.3 - Original assets restored from the user-supplied www.tar.gz.
   Do not override the native 60x60 quick-entry sprite sizing/animation. */
/* V1.5: Original 21-frame category sprites supplied by the site owner, now stored locally. */
.systemproduct-category-img{background-repeat:no-repeat;background-position:0 0}
/* Keep the original news background local instead of referencing /themes/web/www. */
.comprehensive-news-left-inner{background-image:url('../../static/picture/remoteL17075739033142.png')}
/* Local fallback for a few glyphs whose remote Ali iconfont was not included. */
i.develop:before,.nav-search-hotProducts-icon:before{content:'';display:inline-block;width:1.1em;height:1.1em;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;vertical-align:-.1em}
.sk-sousuo1:before,.Submenu-middle-search-icon:before{mask-image:url('../img/icons/search.svg');-webkit-mask-image:url('../img/icons/search.svg')}
.sk-qianwang2:before{mask-image:url('../img/icons/arrow-right.svg');-webkit-mask-image:url('../img/icons/arrow-right.svg')}
.sk-gonggong-xinwenbiaoqian1:before{mask-image:url('../img/icons/news.svg');-webkit-mask-image:url('../img/icons/news.svg')}
.sk-tubiao_kefu:before{mask-image:url('../img/icons/support.svg');-webkit-mask-image:url('../img/icons/support.svg')}
.sk-bianji1:before{mask-image:url('../img/icons/edit.svg');-webkit-mask-image:url('../img/icons/edit.svg')}
.sk-tousujianyi:before{mask-image:url('../img/icons/feedback.svg');-webkit-mask-image:url('../img/icons/feedback.svg')}
.sk-jubao:before{mask-image:url('../img/icons/report.svg');-webkit-mask-image:url('../img/icons/report.svg')}
.sk-31erweima:before{mask-image:url('../img/icons/qr.svg');-webkit-mask-image:url('../img/icons/qr.svg')}
.sk-fanhuidingbu1:before{mask-image:url('../img/icons/up.svg');-webkit-mask-image:url('../img/icons/up.svg')}
/* Original nav uses a remote font not contained in the archive; restore tiny chevrons with CSS. */
.horizontal-menu-navbar .horizontal-menu-navbar-container .horizontal-container-navbar .horizontal-menu-navbar-menu-container .horizontal-menu-navbar-menu li a.nav-arrow::after{
  content:''!important;font-family:inherit!important;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:rotate(45deg);top:calc(50% - 4px);right:-5px;font-size:0;color:#959cad
}
.horizontal-menu-navbar .horizontal-menu-navbar-container .horizontal-container-navbar .horizontal-menu-navbar-menu-container .horizontal-menu-navbar-menu li a.menu-active.nav-arrow::after{
  transform:rotate(225deg);top:calc(50% - 1px);color:var(--Original)
}
@media(max-width:768px){.systemproduct-category-img,.bannerbelow-item-icon{flex-shrink:0}}


/* A5IDC V1.4.1: restore original product-category hover sprite animation from 111.zip. */
/* Original 70px x 20-frame sprites; universalComponents.css already defines
   @keyframes slide-market200-3fc45e0c (0 to -1400px). */
.systemproduct-category:hover .transition2,
.systemproduct-category:hover .transition3,
.systemproduct-category:hover .transition7,
.systemproduct-category:hover .transition10 {
    animation: slide-market200-3fc45e0c .5s steps(20) forwards;
}


/* V1.5: Product category original PNG sprites, 21 vertical frames.
   The supplied PNGs are 97 x 2047; scale to 70 x 1470 for 70px frames.
   Keep the PNG files unmodified; the existing 0 -> -1400px animation
   moves through the first 20 steps and lands on frame 21. */
.systemproduct-layoutcontainer .systemproduct-categories .systemproduct-category .systemproduct-category-img {
    display: block;
    width: 70px;
    height: 70px;
    background-size: 70px 1470px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* V2.0: server-rendered navigation, instant tab switching (zero AJAX). */
.a5idc-theme .menu-dropdown-container .Submenu-container.product_services .menu-product-content{display:flex!important;min-width:0;width:100%}
.a5idc-theme .menu-dropdown-container .Submenu-container.product_services .Submenu-middle{display:block;min-width:0;width:100%}
.a5idc-theme .menu-dropdown-container .Submenu-container.product_services .Submenu-middle-product{display:none!important;min-width:0;width:100%}
.a5idc-theme .menu-dropdown-container .Submenu-container.product_services .Submenu-middle-product.active{display:flex!important;visibility:visible!important}
.a5idc-theme .menu-dropdown-container .Submenu-container.product_services .Submenu-product-content-list{display:grid!important;width:100%;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.a5idc-theme .menu-dropdown-container .Submenu-container.product_services .list-product-content{min-width:0}