.md34853.md-product .hidden{display:none;}
.md34853.md-product .overflow-hidden{overflow:hidden;}
.md34853.md-product .overflow-visible{overflow:visible;}
.md34853.md-product .absolute{position:absolute;}
.md34853.md-product .relative{position:relative;}
.md34853.md-product .inset-0{inset:0;}
.md34853.md-product .z-10{z-index:10;}
.md34853.md-product .mx-auto{margin-left:auto;margin-right:auto;}
.md34853.md-product .mt-auto{margin-top:auto;}
.md34853.md-product .ml-auto{margin-left:auto;}
.md34853.md-product .size-full{width:100%;height:100%;}
.md34853.md-product .w-full{width:100%;}
.md34853.md-product .w-auto{width:auto;}
.md34853.md-product .h-full{height:100%;}
.md34853.md-product .h-auto{height:auto;}
.md34853.md-product .leading-none{line-height:1;}
.md34853.md-product .whitespace-nowrap{white-space:nowrap;}
.md34853.md-product .bg-theme{background-color:rgb(var(--theme));}
.md34853.md-product .cursor-pointer{cursor:pointer;}
.md34853.md-product .object-cover{object-fit:cover;}
.md34853.md-product .object-contain{object-fit:contain;}
.md34853.md-product .pointer-events-none{pointer-events:none;}
.md34853.md-product .pointer-events-auto{pointer-events:auto;}
.md34853.md-product .brightness-20{filter:brightness(20);}
.md34853.md-product .invert{filter:invert(1);}
.md34853.md-product .text-theme{color:var(--theme);}
.md34853.md-product .italic{font-style:italic;}
.md34853.md-product button,.md34853.md-product input,.md34853.md-product textarea{border:none;outline:none;padding:0;background-color:transparent;}
.md34853.md-product img{opacity:0;}
.md34853.md-product img[src]{opacity:1;}
.md34853.md-product .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s;}
.md34853.md-product .icon img{width:100%;height:100%;object-fit:contain;transition:.3s;}
.md34853.md-product .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s;}
.md34853.md-product .icon img:nth-child(2),.md34853.md-product .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5;}
.md34853.md-product .hover-icon:hover.icon img:first-child,.md34853.md-product .hover-icon:hover .icon img:first-child,.md34853.md-product .active-icon.icon img:first-child,.md34853.md-product .active-icon .icon img:first-child{opacity:0;}
.md34853.md-product .hover-icon:hover.icon img:last-child,.md34853.md-product .hover-icon:hover .icon img:last-child,.md34853.md-product .active-icon.icon img:last-child,.md34853.md-product .active-icon .icon img:last-child{opacity:1;}
.md34853.md-product.wrap,.md34853.md-product .wrap{padding-left:4%;padding-right:4%;max-width:100%;}
.md34853.md-product .area{margin:0 auto;width:16.8rem;max-width:100%;}
.md34853.md-product{color:#333;overflow:hidden;display:flex;justify-content:space-between;background-color:#f9f9f9;}
.md34853.md-product .product-router{padding:0 .6rem;flex:1;}
.md34853.md-product .product-view{width:12.1rem;padding-top:1.1rem;padding-bottom:1.2rem;}
.md34853.md-product .product-head{display:flex;justify-content:space-between;align-items:center;}
.md34853.md-product .search-form{display:flex;align-items:center;width:4rem;padding:.15rem 0;border-bottom:1px solid #eee;}
.md34853.md-product .search-ipt{flex:1;}
.md34853.md-product .opt{margin-left:.2rem;cursor:pointer;display:none;}
.md34853.md-product .product-list{display:flex;flex-wrap:wrap;gap:.4rem .34rem;padding-top:.4rem;}
.md34853.md-product .product-item{position:relative;display:block;width:calc((100% - .7rem) / 3);background-color:#fff;transition:.3s;}
.md34853.md-product .product-item:hover{transform:translateY(-5px);box-shadow:0 0 .2rem #0002;}
.md34853.md-product .product-item:hover .fill{transform:scale(1.05);}
.md34853.md-product .product-item:hover .title{color:rgba(var(--rgb),1);}
.md34853.md-product .product-item:hover .more{opacity:1;}
.md34853.md-product .pic{position:relative;flex-shrink:0;}
.md34853.md-product .pic:before{content:"";display:block;padding-top:100%;}
.md34853.md-product .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s;}
.md34853.md-product .pic{overflow:hidden;}
.md34853.md-product .content{padding:.25rem .4rem;border-top:1px solid #f9f9f9;}
.md34853.md-product .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;max-width:100%;max-height:3em;-webkit-line-clamp:2;line-height:1.5;transition:.3s;}
.md34853.md-product .info{line-height:1.625;margin-top:.2rem;}
.md34853.md-product .more{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:2em;height:2em;color:#fff;background-color:rgba(var(--rgb),1);opacity:0;transition:.3s;}
.md34853.md-product .paging{padding-top:.9rem;}
.md34853.md-product .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer;user-select:none;}
.md34853.md-product .cross:before,.md34853.md-product .cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%);background-color:currentColor;transition:.5s;}
.md34853.md-product .cross:before{transform:translate(-50%,-50%) rotate(90deg);}
.md34853.md-product .cross:after{transform:translate(-50%,-50%) rotate(180deg);}
.md34853.md-product .sidebar{width:5.3rem;padding:0 .6rem;background-color:#fff;}
.md34853.md-product .sidebar-inner{width:3.5rem;margin-left:auto;padding-top:.2rem;}
.md34853.md-product .breadcrumb{display:flex;align-items:center;white-space:nowrap;}
.md34853.md-product .breadcrumb::-webkit-scrollbar{background-color:#eee;border-radius:3px;}
.md34853.md-product .breadcrumb::-webkit-scrollbar-button{display:none;}
.md34853.md-product .breadcrumb::-webkit-scrollbar-thumb{background:rgba(var(--rgb),1);border-radius:3px;}
.md34853.md-product .breadcrumb{overflow-x:auto;}
.md34853.md-product .breadcrumb::-webkit-scrollbar{height:.05rem;}
@supports not selector(::-webkit-scrollbar) {
    .md34853.md-product .breadcrumb{scrollbar-color:rgba(var(--rgb),1) #eee;scrollbar-width:thin;}
}
.md34853.md-product .icon-home{margin-right:.1rem;}
.md34853.md-product .crumb-item{display:flex;transition:.3s;}
.md34853.md-product .crumb-item:nth-child(n+2){padding-left:.1rem;}
.md34853.md-product .crumb-item:nth-child(n+2):before{content:"-";display:block;padding-right:.05rem;color:#999;text-shadow:none;}
.md34853.md-product .crumb-item:hover{color:rgba(var(--rgb),1);}
.md34853.md-product .filter{margin-top:.8rem;}
.md34853.md-product .filter-item:nth-child(n+2){margin-top:.5rem;}
.md34853.md-product .filter-item.active .cross:before{transform:translate(-50%,-50%) rotate(360deg);}
.md34853.md-product .filter-item.active .cross:after{transform:translate(-50%,-50%) rotate(360deg);}
.md34853.md-product .filter-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;line-height:1.4545454545;}
.md34853.md-product .filter-list{padding-top:.15rem;line-height:2.2222222222;}
.md34853.md-product .check-box{display:flex;align-items:center;}
.md34853.md-product .filter-checkbox{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin-right:.1rem;border:1px solid #bbb;border-radius:50%;}
.md34853.md-product .filter-checkbox:after{content:"";width:.55em;height:.55em;border-radius:inherit;background-color:rgba(var(--rgb),1);transform:scale(0);transition:.15s;}
.md34853.md-product .filter-checkbox:checked{border-color:rgba(var(--rgb),1);}
.md34853.md-product .filter-checkbox:checked:after{transform:scale(1);}
.md34853.expand-filter.expand{position:fixed;right:0;top:0;display:flex;justify-content:flex-end;width:100%;height:100%;background-color:#0000001a;pointer-events:none;transform:translate(100%);transition:backdrop-filter .5s;backdrop-filter:blur(4px);opacity:0;z-index:52;}
.md34853.expand-filter.expand.expand-show{opacity:1;transform:translate(0);pointer-events:auto;}
.md34853.expand-filter.expand.expand-show .expand-inner{transform:translate(0);}
.md34853.expand-filter.expand .expand-inner{display:flex;flex-direction:column;height:100vh;min-width:60%;transform:translate(10%);padding:.15rem;background-color:#fff;overflow-y:auto;border-radius:.15rem 0 0 .15rem;transition:.15s;}
.md34853.expand-filter.expand .exp-footer{margin-top:auto;}
.md34853.expand-filter.expand .exp-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.15rem;border-radius:.15rem;background-color:#ddd;}
@media (max-width:1000px) {
    .md34853.md-product .sidebar{display:none;}
    .md34853.md-product .product-view{width:100%;}
    .md34853.md-product .filter{margin-top:0;}
    .md34853.md-product .opt{display:flex;}
}
@media (max-width:750px) {
    .md34853.md-product .product-item{width:calc((100% - .35rem)/2);}
}
@media (max-width:500px) {
    .md34853.md-product .product-item{width:100%;}
}

.paging{width:100%;font-size:0;text-align:center;}
.paging-item{transition:all .3s;display:inline-block;vertical-align:middle;cursor:pointer;margin:.1rem;min-width:.5rem;height:.5rem;line-height:.5rem;color:#333;border:solid 1px #eeeeee;}
.paging-item:hover{color:#fff;background-color:var(--theme);border:solid 1px var(--theme);}
.paging-item.active{color:#fff;background-color:var(--theme);border:solid 1px var(--theme);}
.paging-up{transition:all .3s;display:inline-block;vertical-align:middle;cursor:pointer;margin:.1rem .4rem;min-width:.5rem;height:.5rem;color:transparent;border:solid 1px #eeeeee;background-image:url('/static/home/images/a3.png');background-size:.22rem auto;background-position:center center;background-repeat:no-repeat;}
.paging-up:hover{background-image:url('/static/home/images/a3-b.png');background-color:var(--theme);border:solid 1px var(--theme);}
.paging-next{transition:all .3s;transform:rotate(-180deg);display:inline-block;vertical-align:middle;cursor:pointer;margin:.1rem .4rem;min-width:.5rem;height:.5rem;color:transparent;border:solid 1px #eeeeee;background-image:url('/static/home/images/a3.png');background-size:.22rem auto;background-position:center center;background-repeat:no-repeat;}
.paging-next:hover{background-image:url('/static/home/images/a3-b.png');background-color:var(--theme);border:solid 1px var(--theme);}
@media (max-width: 1150px) {
    .paging-item{min-width:.6rem;height:.6rem;line-height:.6rem;}
    .paging-up{margin:.1rem .2rem;min-width:.6rem;height:.6rem;}
    .paging-next{margin:.1rem .2rem;min-width:.6rem;height:.6rem;}
}