/*! #banner start */
/* #region */
.md27225.banner .hidden{display:none}
.md27225.banner .overflow-hidden{overflow:hidden}
.md27225.banner .overflow-visible{overflow:visible}
.md27225.banner .absolute{position:absolute}
.md27225.banner .relative{position:relative}
.md27225.banner .inset-0{inset:0}
.md27225.banner .top-0{top:0}
.md27225.banner .right-0{right:0}
.md27225.banner .bottom-0{bottom:0}
.md27225.banner .left-0{left:0}
.md27225.banner .top-full{top:100%}
.md27225.banner .right-full{right:100%}
.md27225.banner .bottom-full{bottom:100%}
.md27225.banner .left-full{left:100%}
.md27225.banner .z-0{z-index:0}
.md27225.banner .z-10{z-index:10}
.md27225.banner .mx-auto{margin-left:auto;margin-right:auto}
.md27225.banner .mt-auto{margin-top:auto}
.md27225.banner .ml-auto{margin-left:auto}
.md27225.banner .w-full{width:100%}
.md27225.banner .w-auto{width:auto}
.md27225.banner .w-screen{width:100vw}
.md27225.banner .h-full{height:100%}
.md27225.banner .h-auto{height:auto}
.md27225.banner .h-screen{height:100vh}
.md27225.banner .max-w-full{max-width:100%}
.md27225.banner .leading-none{line-height:1}
.md27225.banner .whitespace-nowrap{white-space:nowrap}
.md27225.banner .bg-theme{background-color:rgb(var(--theme))}
.md27225.banner .rounded-full{border-radius:9999px}
.md27225.banner .cursor-pointer{cursor:pointer}
.md27225.banner .object-cover{object-fit:cover}
.md27225.banner .object-contain{object-fit:contain}
.md27225.banner .pointer-events-none{pointer-events:none}
.md27225.banner .pointer-events-auto{pointer-events:auto}
.md27225.banner .brightness-20{filter:brightness(20)}
.md27225.banner .invert{filter:invert(1)}
.md27225.banner .text-theme{color:rgb(var(--theme))}
.md27225.banner .mt-60{margin-top:.6rem}
.md27225.banner .size-full{width:100%;height:100%}
.md27225.banner .text-theme{color:var(--theme)}
.md27225.banner .flex-center{display:flex;align-items:center;justify-content:center}
.md27225.banner .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27225.banner .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27225.banner .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27225.banner .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27225.banner .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27225.banner .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27225.banner .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27225.banner .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27225.banner .rounded-10{border-radius:.1rem}
.md27225.banner .rounded-15{border-radius:.15rem}
.md27225.banner .rounded-20{border-radius:.2rem}
.md27225.banner button,.md27225.banner input,.md27225.banner textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27225.banner [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27225.banner [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27225.banner [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27225.banner [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27225.banner [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27225.banner [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27225.banner [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27225.banner [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27225.banner [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27225.banner [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27225.banner [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27225.banner [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27225.banner [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27225.banner [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27225.banner [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27225.banner [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27225.banner [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27225.banner [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27225.banner [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27225.banner [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27225.banner [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27225.banner [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27225.banner .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}
.md27225.banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27225.banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27225.banner .icon img:nth-child(2),.md27225.banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27225.banner .hover-icon:hover.icon img:first-child,.md27225.banner .hover-icon:hover .icon img:first-child,.md27225.banner .active-icon.icon img:first-child,.md27225.banner .active-icon .icon img:first-child{opacity:0}
.md27225.banner .hover-icon:hover.icon img:last-child,.md27225.banner .hover-icon:hover .icon img:last-child,.md27225.banner .active-icon.icon img:last-child,.md27225.banner .active-icon .icon img:last-child{opacity:1}
.md27225.banner.wrap,.md27225.banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27225.banner .area{margin:0 auto;width:var(--page-width);max-width:100%}
.md27225.banner img{opacity:0}
.md27225.banner img[src]{opacity:1}
.md27225.banner{color:#333;overflow:hidden}
.md27225.banner .swp-opt{position:absolute;left:0;right:0;bottom:.15rem;z-index:10}
.md27225.banner .swp-pagination{position:static;display:flex;justify-content:flex-end}
.md27225.banner .swiper-pagination-bullet{width:.14rem;height:.14rem;border:1px solid #fff;background-color:transparent;margin:0 5px;opacity:1;transition:.3s}
.md27225.banner .swiper-pagination-bullet-active{background-color:#fff}
/* #endregion */
/*! #banner end */

/*! #adv start */
/* #region */
.md27223.adv .hidden{display:none}
.md27223.adv .overflow-hidden{overflow:hidden}
.md27223.adv .overflow-visible{overflow:visible}
.md27223.adv .absolute{position:absolute}
.md27223.adv .relative{position:relative}
.md27223.adv .inset-0{inset:0}
.md27223.adv .top-0{top:0}
.md27223.adv .right-0{right:0}
.md27223.adv .bottom-0{bottom:0}
.md27223.adv .left-0{left:0}
.md27223.adv .top-full{top:100%}
.md27223.adv .right-full{right:100%}
.md27223.adv .bottom-full{bottom:100%}
.md27223.adv .left-full{left:100%}
.md27223.adv .z-0{z-index:0}
.md27223.adv .z-10{z-index:10}
.md27223.adv .mx-auto{margin-left:auto;margin-right:auto}
.md27223.adv .mt-auto{margin-top:auto}
.md27223.adv .ml-auto{margin-left:auto}
.md27223.adv .w-full{width:100%}
.md27223.adv .w-auto{width:auto}
.md27223.adv .w-screen{width:100vw}
.md27223.adv .h-full{height:100%}
.md27223.adv .h-auto{height:auto}
.md27223.adv .h-screen{height:100vh}
.md27223.adv .max-w-full{max-width:100%}
.md27223.adv .leading-none{line-height:1}
.md27223.adv .whitespace-nowrap{white-space:nowrap}
.md27223.adv .bg-theme{background-color:rgb(var(--theme))}
.md27223.adv .rounded-full{border-radius:9999px}
.md27223.adv .cursor-pointer{cursor:pointer}
.md27223.adv .object-cover{object-fit:cover}
.md27223.adv .object-contain{object-fit:contain}
.md27223.adv .pointer-events-none{pointer-events:none}
.md27223.adv .pointer-events-auto{pointer-events:auto}
.md27223.adv .brightness-20{filter:brightness(20)}
.md27223.adv .invert{filter:invert(1)}
.md27223.adv .text-theme{color:rgb(var(--theme))}
.md27223.adv .mt-60{margin-top:.6rem}
.md27223.adv .size-full{width:100%;height:100%}
.md27223.adv .text-theme{color:var(--theme)}
.md27223.adv .flex-center{display:flex;align-items:center;justify-content:center}
.md27223.adv .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27223.adv .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27223.adv .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27223.adv .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27223.adv .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27223.adv .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27223.adv .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27223.adv .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27223.adv .rounded-10{border-radius:.1rem}
.md27223.adv .rounded-15{border-radius:.15rem}
.md27223.adv .rounded-20{border-radius:.2rem}
.md27223.adv button,.md27223.adv input,.md27223.adv textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27223.adv [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27223.adv [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27223.adv [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27223.adv [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27223.adv [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27223.adv [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27223.adv [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27223.adv [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27223.adv [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27223.adv [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27223.adv [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27223.adv [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27223.adv [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27223.adv [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27223.adv [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27223.adv [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27223.adv [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27223.adv [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27223.adv [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27223.adv [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27223.adv [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27223.adv [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27223.adv .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}
.md27223.adv .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27223.adv .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27223.adv .icon img:nth-child(2),.md27223.adv .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27223.adv .hover-icon:hover.icon img:first-child,.md27223.adv .hover-icon:hover .icon img:first-child,.md27223.adv .active-icon.icon img:first-child,.md27223.adv .active-icon .icon img:first-child{opacity:0}
.md27223.adv .hover-icon:hover.icon img:last-child,.md27223.adv .hover-icon:hover .icon img:last-child,.md27223.adv .active-icon.icon img:last-child,.md27223.adv .active-icon .icon img:last-child{opacity:1}
.md27223.adv.wrap,.md27223.adv .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27223.adv .area{margin:0 auto;width:var(--page-width);max-width:100%}
.md27223.adv img{opacity:0}
.md27223.adv img[src]{opacity:1}
.md27223.adv{color:#333;overflow:hidden;padding-top:.4rem;padding-bottom:.4rem}
.md27223.adv .item-smaller{width:31.6666666667%}
.md27223.adv .item-smaller{position:relative;flex-shrink:0}
.md27223.adv .item-smaller:before{content:"";display:block;padding-top:86.8421052632%}
.md27223.adv .item-smaller>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27223.adv .item-bigger{width:65.8333333333%}
.md27223.adv .item-bigger{position:relative;flex-shrink:0}
.md27223.adv .item-bigger:before{content:"";display:block;padding-top:41.7721518987%}
.md27223.adv .item-bigger>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
@media(max-width:750px){
	.md27223.adv .item-smaller,.md27223.adv .item-bigger{width:100%}
.md27223.adv .item-bigger{margin-top:.2rem}
}

/*! #product start */
/* #region */
.md27224.product .hidden{display:none}
.md27224.product .overflow-hidden{overflow:hidden}
.md27224.product .overflow-visible{overflow:visible}
.md27224.product .absolute{position:absolute}
.md27224.product .relative{position:relative}
.md27224.product .inset-0{inset:0}
.md27224.product .top-0{top:0}
.md27224.product .right-0{right:0}
.md27224.product .bottom-0{bottom:0}
.md27224.product .left-0{left:0}
.md27224.product .top-full{top:100%}
.md27224.product .right-full{right:100%}
.md27224.product .bottom-full{bottom:100%}
.md27224.product .left-full{left:100%}
.md27224.product .z-0{z-index:0}
.md27224.product .z-10{z-index:10}
.md27224.product .mx-auto{margin-left:auto;margin-right:auto}
.md27224.product .mt-auto{margin-top:auto}
.md27224.product .ml-auto{margin-left:auto}
.md27224.product .w-full{width:100%}
.md27224.product .w-auto{width:auto}
.md27224.product .w-screen{width:100vw}
.md27224.product .h-full{height:100%}
.md27224.product .h-auto{height:auto}
.md27224.product .h-screen{height:100vh}
.md27224.product .max-w-full{max-width:100%}
.md27224.product .leading-none{line-height:1}
.md27224.product .whitespace-nowrap{white-space:nowrap}
.md27224.product .bg-theme{background-color:rgb(var(--theme))}
.md27224.product .rounded-full{border-radius:9999px}
.md27224.product .cursor-pointer{cursor:pointer}
.md27224.product .object-cover{object-fit:cover}
.md27224.product .object-contain{object-fit:contain}
.md27224.product .pointer-events-none{pointer-events:none}
.md27224.product .pointer-events-auto{pointer-events:auto}
.md27224.product .brightness-20{filter:brightness(20)}
.md27224.product .invert{filter:invert(1)}
.md27224.product .text-theme{color:rgb(var(--theme))}
.md27224.product .mt-60{margin-top:.6rem}
.md27224.product .size-full{width:100%;height:100%}
.md27224.product .text-theme{color:var(--theme)}
.md27224.product .flex-center{display:flex;align-items:center;justify-content:center}
.md27224.product .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27224.product .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27224.product .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27224.product .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27224.product .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27224.product .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27224.product .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27224.product .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27224.product .rounded-10{border-radius:.1rem}
.md27224.product .rounded-15{border-radius:.15rem}
.md27224.product .rounded-20{border-radius:.2rem}
.md27224.product button,.md27224.product input,.md27224.product textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27224.product [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27224.product [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27224.product [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27224.product [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27224.product [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27224.product [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27224.product [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27224.product [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27224.product [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27224.product [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27224.product [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27224.product [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27224.product [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27224.product [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27224.product [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27224.product [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27224.product [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27224.product [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27224.product [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27224.product [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27224.product [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27224.product [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27224.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}
.md27224.product .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27224.product .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27224.product .icon img:nth-child(2),.md27224.product .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27224.product .hover-icon:hover.icon img:first-child,.md27224.product .hover-icon:hover .icon img:first-child,.md27224.product .active-icon.icon img:first-child,.md27224.product .active-icon .icon img:first-child{opacity:0}
.md27224.product .hover-icon:hover.icon img:last-child,.md27224.product .hover-icon:hover .icon img:last-child,.md27224.product .active-icon.icon img:last-child,.md27224.product .active-icon .icon img:last-child{opacity:1}
.md27224.product.wrap,.md27224.product .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27224.product .area{margin:0 auto;width:var(--page-width);max-width:100%}
.md27224.product img{opacity:0}
.md27224.product img[src]{opacity:1}
.md27224.product{color:#333;overflow:hidden;padding-top:.2rem;padding-bottom:.4rem}
.md27224.product .md-head{display:flex;justify-content:space-between;height:3em;background-color:#f8f8f8}
.md27224.product .md-item{display:flex;align-items:center;padding:0 .3rem}
.md27224.product .md-item.active{background-color:#fff;color:var(--theme);font-weight:700;border-top:2px solid var(--theme)}
.md27224.product .md-more{display:flex;align-items:center;padding:0 .3rem;color:var(--theme)}
.md27224.product .list{margin-top:.3rem}
.md27224.product .item{position:relative;padding:.25rem .15rem .35rem}
.md27224.product .item{width:calc((100% - .6rem)/4 - .01rem)}
.md27224.product .item:nth-child(n+2){margin-left:.2rem}
.md27224.product .item:nth-child(4n+1){margin-left:0}
.md27224.product .item:nth-child(n+5){margin-top:.2rem}
.md27224.product .item{transition:.3s}
.md27224.product .item:hover{box-shadow:0 0 27px #9b9b9b36}
.md27224.product .item:hover .add-btn{transform:translate(-50%,50%);opacity:1}
.md27224.product .pic{position:relative;flex-shrink:0}
.md27224.product .pic:before{content:"";display:block;padding-top:100%}
.md27224.product .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27224.product .title{margin:.2rem 0;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;height:3.4285714286em}
.md27224.product .info{display:flex;justify-content:space-between}
.md27224.product .price{line-height:1.5555555556;color:#c90013;font-weight:700}
.md27224.product .pre-icon{margin-right:.1rem}
.md27224.product .add-btn{position:absolute;left:50%;bottom:0;display:flex;align-items:center;justify-content:center;height:2em;min-width:1.6rem;background-color:var(--theme);color:#fff;white-space:nowrap;transform:translate(-50%);opacity:0;transition:.3s}
@media(max-width:750px){
	.md27224.product .item{width:calc((100% - .2rem)/2 - .01rem)}
.md27224.product .item:nth-child(n+2){margin-left:.2rem}
.md27224.product .item:nth-child(odd){margin-left:0}
.md27224.product .item:nth-child(n+3){margin-top:.2rem}
}

.md27222.ban{margin-bottom:.5rem}
.md27222.ban .pic{width:100%;object-fit:contain}

/*! #product start */
/* #region */
.md27464.product .hidden{display:none}
.md27464.product .overflow-hidden{overflow:hidden}
.md27464.product .overflow-visible{overflow:visible}
.md27464.product .absolute{position:absolute}
.md27464.product .relative{position:relative}
.md27464.product .inset-0{inset:0}
.md27464.product .top-0{top:0}
.md27464.product .right-0{right:0}
.md27464.product .bottom-0{bottom:0}
.md27464.product .left-0{left:0}
.md27464.product .top-full{top:100%}
.md27464.product .right-full{right:100%}
.md27464.product .bottom-full{bottom:100%}
.md27464.product .left-full{left:100%}
.md27464.product .z-0{z-index:0}
.md27464.product .z-10{z-index:10}
.md27464.product .mx-auto{margin-left:auto;margin-right:auto}
.md27464.product .mt-auto{margin-top:auto}
.md27464.product .ml-auto{margin-left:auto}
.md27464.product .w-full{width:100%}
.md27464.product .w-auto{width:auto}
.md27464.product .w-screen{width:100vw}
.md27464.product .h-full{height:100%}
.md27464.product .h-auto{height:auto}
.md27464.product .h-screen{height:100vh}
.md27464.product .max-w-full{max-width:100%}
.md27464.product .leading-none{line-height:1}
.md27464.product .whitespace-nowrap{white-space:nowrap}
.md27464.product .bg-theme{background-color:rgb(var(--theme))}
.md27464.product .rounded-full{border-radius:9999px}
.md27464.product .cursor-pointer{cursor:pointer}
.md27464.product .object-cover{object-fit:cover}
.md27464.product .object-contain{object-fit:contain}
.md27464.product .pointer-events-none{pointer-events:none}
.md27464.product .pointer-events-auto{pointer-events:auto}
.md27464.product .brightness-20{filter:brightness(20)}
.md27464.product .invert{filter:invert(1)}
.md27464.product .text-theme{color:rgb(var(--theme))}
.md27464.product .mt-60{margin-top:.6rem}
.md27464.product .size-full{width:100%;height:100%}
.md27464.product .text-theme{color:var(--theme)}
.md27464.product .flex-center{display:flex;align-items:center;justify-content:center}
.md27464.product .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27464.product .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27464.product .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27464.product .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27464.product .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27464.product .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27464.product .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27464.product .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27464.product .rounded-10{border-radius:.1rem}
.md27464.product .rounded-15{border-radius:.15rem}
.md27464.product .rounded-20{border-radius:.2rem}
.md27464.product button,.md27464.product input,.md27464.product textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27464.product [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27464.product [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27464.product [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27464.product [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27464.product [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27464.product [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27464.product [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27464.product [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27464.product [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27464.product [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27464.product [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27464.product [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27464.product [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27464.product [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27464.product [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27464.product [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27464.product [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27464.product [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27464.product [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27464.product [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27464.product [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27464.product [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27464.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}
.md27464.product .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27464.product .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27464.product .icon img:nth-child(2),.md27464.product .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27464.product .hover-icon:hover.icon img:first-child,.md27464.product .hover-icon:hover .icon img:first-child,.md27464.product .active-icon.icon img:first-child,.md27464.product .active-icon .icon img:first-child{opacity:0}
.md27464.product .hover-icon:hover.icon img:last-child,.md27464.product .hover-icon:hover .icon img:last-child,.md27464.product .active-icon.icon img:last-child,.md27464.product .active-icon .icon img:last-child{opacity:1}
.md27464.product.wrap,.md27464.product .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27464.product .area{margin:0 auto;width:var(--page-width);max-width:100%}
.md27464.product img{opacity:0}
.md27464.product img[src]{opacity:1}
.md27464.product{color:#333;overflow:hidden;padding-top:.2rem;padding-bottom:.4rem}
.md27464.product .md-head{display:flex;justify-content:space-between;height:3em;background-color:#f8f8f8}
.md27464.product .md-item{display:flex;align-items:center;padding:0 .3rem}
.md27464.product .md-item.active{background-color:#fff;color:var(--theme);font-weight:700;border-top:2px solid var(--theme)}
.md27464.product .md-more{display:flex;align-items:center;padding:0 .3rem;color:var(--theme)}
.md27464.product .list{margin-top:.3rem}
.md27464.product .item{position:relative;padding:.25rem .15rem .35rem}
.md27464.product .item{width:calc((100% - .6rem)/4 - .01rem)}
.md27464.product .item:nth-child(n+2){margin-left:.2rem}
.md27464.product .item:nth-child(4n+1){margin-left:0}
.md27464.product .item:nth-child(n+5){margin-top:.2rem}
.md27464.product .item{transition:.3s}
.md27464.product .item:hover{box-shadow:0 0 27px #9b9b9b36}
.md27464.product .item:hover .add-btn{transform:translate(-50%,50%);opacity:1}
.md27464.product .pic{position:relative;flex-shrink:0}
.md27464.product .pic:before{content:"";display:block;padding-top:100%}
.md27464.product .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27464.product .title{margin:.2rem 0;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;height:3.4285714286em}
.md27464.product .info{display:flex;justify-content:space-between}
.md27464.product .price{line-height:1.5555555556;color:#c90013;font-weight:700}
.md27464.product .pre-icon{margin-right:.1rem}
.md27464.product .add-btn{position:absolute;left:50%;bottom:0;display:flex;align-items:center;justify-content:center;height:2em;min-width:1.6rem;background-color:var(--theme);color:#fff;white-space:nowrap;transform:translate(-50%);opacity:0;transition:.3s}
@media(max-width:750px){
	.md27464.product .item{width:calc((100% - .2rem)/2 - .01rem)}
.md27464.product .item:nth-child(n+2){margin-left:.2rem}
.md27464.product .item:nth-child(odd){margin-left:0}
.md27464.product .item:nth-child(n+3){margin-top:.2rem}
}

/*! #product start */
/* #region */
.md27463.product .hidden{display:none}
.md27463.product .overflow-hidden{overflow:hidden}
.md27463.product .overflow-visible{overflow:visible}
.md27463.product .absolute{position:absolute}
.md27463.product .relative{position:relative}
.md27463.product .inset-0{inset:0}
.md27463.product .top-0{top:0}
.md27463.product .right-0{right:0}
.md27463.product .bottom-0{bottom:0}
.md27463.product .left-0{left:0}
.md27463.product .top-full{top:100%}
.md27463.product .right-full{right:100%}
.md27463.product .bottom-full{bottom:100%}
.md27463.product .left-full{left:100%}
.md27463.product .z-0{z-index:0}
.md27463.product .z-10{z-index:10}
.md27463.product .mx-auto{margin-left:auto;margin-right:auto}
.md27463.product .mt-auto{margin-top:auto}
.md27463.product .ml-auto{margin-left:auto}
.md27463.product .w-full{width:100%}
.md27463.product .w-auto{width:auto}
.md27463.product .w-screen{width:100vw}
.md27463.product .h-full{height:100%}
.md27463.product .h-auto{height:auto}
.md27463.product .h-screen{height:100vh}
.md27463.product .max-w-full{max-width:100%}
.md27463.product .leading-none{line-height:1}
.md27463.product .whitespace-nowrap{white-space:nowrap}
.md27463.product .bg-theme{background-color:rgb(var(--theme))}
.md27463.product .rounded-full{border-radius:9999px}
.md27463.product .cursor-pointer{cursor:pointer}
.md27463.product .object-cover{object-fit:cover}
.md27463.product .object-contain{object-fit:contain}
.md27463.product .pointer-events-none{pointer-events:none}
.md27463.product .pointer-events-auto{pointer-events:auto}
.md27463.product .brightness-20{filter:brightness(20)}
.md27463.product .invert{filter:invert(1)}
.md27463.product .text-theme{color:rgb(var(--theme))}
.md27463.product .mt-60{margin-top:.6rem}
.md27463.product .size-full{width:100%;height:100%}
.md27463.product .text-theme{color:var(--theme)}
.md27463.product .flex-center{display:flex;align-items:center;justify-content:center}
.md27463.product .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27463.product .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27463.product .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27463.product .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27463.product .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27463.product .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27463.product .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27463.product .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27463.product .rounded-10{border-radius:.1rem}
.md27463.product .rounded-15{border-radius:.15rem}
.md27463.product .rounded-20{border-radius:.2rem}
.md27463.product button,.md27463.product input,.md27463.product textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27463.product [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27463.product [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27463.product [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27463.product [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27463.product [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27463.product [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27463.product [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27463.product [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27463.product [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27463.product [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27463.product [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27463.product [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27463.product [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27463.product [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27463.product [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27463.product [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27463.product [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27463.product [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27463.product [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27463.product [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27463.product [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27463.product [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27463.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}
.md27463.product .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27463.product .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27463.product .icon img:nth-child(2),.md27463.product .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27463.product .hover-icon:hover.icon img:first-child,.md27463.product .hover-icon:hover .icon img:first-child,.md27463.product .active-icon.icon img:first-child,.md27463.product .active-icon .icon img:first-child{opacity:0}
.md27463.product .hover-icon:hover.icon img:last-child,.md27463.product .hover-icon:hover .icon img:last-child,.md27463.product .active-icon.icon img:last-child,.md27463.product .active-icon .icon img:last-child{opacity:1}
.md27463.product.wrap,.md27463.product .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27463.product .area{margin:0 auto;width:var(--page-width);max-width:100%}
.md27463.product img{opacity:0}
.md27463.product img[src]{opacity:1}
.md27463.product{color:#333;overflow:hidden;padding-top:.2rem;padding-bottom:.4rem}
.md27463.product .md-head{display:flex;justify-content:space-between;height:3em;background-color:#f8f8f8}
.md27463.product .md-item{display:flex;align-items:center;padding:0 .3rem}
.md27463.product .md-item.active{background-color:#fff;color:var(--theme);font-weight:700;border-top:2px solid var(--theme)}
.md27463.product .md-more{display:flex;align-items:center;padding:0 .3rem;color:var(--theme)}
.md27463.product .list{margin-top:.3rem}
.md27463.product .item{position:relative;padding:.25rem .15rem .35rem}
.md27463.product .item{width:calc((100% - .6rem)/4 - .01rem)}
.md27463.product .item:nth-child(n+2){margin-left:.2rem}
.md27463.product .item:nth-child(4n+1){margin-left:0}
.md27463.product .item:nth-child(n+5){margin-top:.2rem}
.md27463.product .item{transition:.3s}
.md27463.product .item:hover{box-shadow:0 0 27px #9b9b9b36}
.md27463.product .item:hover .add-btn{transform:translate(-50%,50%);opacity:1}
.md27463.product .pic{position:relative;flex-shrink:0}
.md27463.product .pic:before{content:"";display:block;padding-top:100%}
.md27463.product .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27463.product .title{margin:.2rem 0;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;height:3.4285714286em}
.md27463.product .info{display:flex;justify-content:space-between}
.md27463.product .price{line-height:1.5555555556;color:#c90013;font-weight:700}
.md27463.product .pre-icon{margin-right:.1rem}
.md27463.product .add-btn{position:absolute;left:50%;bottom:0;display:flex;align-items:center;justify-content:center;height:2em;min-width:1.6rem;background-color:var(--theme);color:#fff;white-space:nowrap;transform:translate(-50%);opacity:0;transition:.3s}
@media(max-width:750px){
	.md27463.product .item{width:calc((100% - .2rem)/2 - .01rem)}
.md27463.product .item:nth-child(n+2){margin-left:.2rem}
.md27463.product .item:nth-child(odd){margin-left:0}
.md27463.product .item:nth-child(n+3){margin-top:.2rem}
}

/*! #news start */
/* #region */
.md27221.news .hidden{display:none}
.md27221.news .overflow-hidden{overflow:hidden}
.md27221.news .overflow-visible{overflow:visible}
.md27221.news .absolute{position:absolute}
.md27221.news .relative{position:relative}
.md27221.news .inset-0{inset:0}
.md27221.news .top-0{top:0}
.md27221.news .right-0{right:0}
.md27221.news .bottom-0{bottom:0}
.md27221.news .left-0{left:0}
.md27221.news .top-full{top:100%}
.md27221.news .right-full{right:100%}
.md27221.news .bottom-full{bottom:100%}
.md27221.news .left-full{left:100%}
.md27221.news .z-0{z-index:0}
.md27221.news .z-10{z-index:10}
.md27221.news .mx-auto{margin-left:auto;margin-right:auto}
.md27221.news .mt-auto{margin-top:auto}
.md27221.news .ml-auto{margin-left:auto}
.md27221.news .w-full{width:100%}
.md27221.news .w-auto{width:auto}
.md27221.news .w-screen{width:100vw}
.md27221.news .h-full{height:100%}
.md27221.news .h-auto{height:auto}
.md27221.news .h-screen{height:100vh}
.md27221.news .max-w-full{max-width:100%}
.md27221.news .leading-none{line-height:1}
.md27221.news .whitespace-nowrap{white-space:nowrap}
.md27221.news .bg-theme{background-color:rgb(var(--theme))}
.md27221.news .rounded-full{border-radius:9999px}
.md27221.news .cursor-pointer{cursor:pointer}
.md27221.news .object-cover{object-fit:cover}
.md27221.news .object-contain{object-fit:contain}
.md27221.news .pointer-events-none{pointer-events:none}
.md27221.news .pointer-events-auto{pointer-events:auto}
.md27221.news .brightness-20{filter:brightness(20)}
.md27221.news .invert{filter:invert(1)}
.md27221.news .text-theme{color:rgb(var(--theme))}
.md27221.news .mt-60{margin-top:.6rem}
.md27221.news .size-full{width:100%;height:100%}
.md27221.news .text-theme{color:var(--theme)}
.md27221.news .flex-center{display:flex;align-items:center;justify-content:center}
.md27221.news .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27221.news .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27221.news .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27221.news .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27221.news .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27221.news .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27221.news .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27221.news .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27221.news .rounded-10{border-radius:.1rem}
.md27221.news .rounded-15{border-radius:.15rem}
.md27221.news .rounded-20{border-radius:.2rem}
.md27221.news button,.md27221.news input,.md27221.news textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27221.news [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27221.news [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27221.news [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27221.news [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27221.news [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27221.news [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27221.news [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27221.news [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27221.news [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27221.news [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27221.news [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27221.news [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27221.news [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27221.news [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27221.news [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27221.news [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27221.news [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27221.news [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27221.news [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27221.news [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27221.news [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27221.news [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27221.news .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}
.md27221.news .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27221.news .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27221.news .icon img:nth-child(2),.md27221.news .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27221.news .hover-icon:hover.icon img:first-child,.md27221.news .hover-icon:hover .icon img:first-child,.md27221.news .active-icon.icon img:first-child,.md27221.news .active-icon .icon img:first-child{opacity:0}
.md27221.news .hover-icon:hover.icon img:last-child,.md27221.news .hover-icon:hover .icon img:last-child,.md27221.news .active-icon.icon img:last-child,.md27221.news .active-icon .icon img:last-child{opacity:1}
.md27221.news.wrap,.md27221.news .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27221.news .area{margin:0 auto;width:var(--page-width);max-width:100%}
.md27221.news img{opacity:0}
.md27221.news img[src]{opacity:1}
.md27221.news{color:#333;overflow:hidden}
.md27221.news .md-head{display:flex;justify-content:space-between;height:3em;background-color:#f8f8f8}
.md27221.news .md-item{display:flex;align-items:center;padding:0 .3rem}
.md27221.news .md-item.active{background-color:#fff;color:var(--theme);font-weight:700;border-top:2px solid var(--theme)}
.md27221.news .md-more{display:flex;align-items:center;padding:0 .3rem;color:var(--theme)}
.md27221.news .news-main{padding:.3rem 0}
.md27221.news .item{width:calc((100% - .6rem) / 3 - .01rem)}
.md27221.news .item:nth-child(n+2){margin-left:.3rem}
.md27221.news .item:nth-child(3n+1){margin-left:0}
.md27221.news .item:nth-child(n+4){margin-top:.15rem}
.md27221.news .item:hover .fill{transform:scale(1.05)}
.md27221.news .item:hover .title{color:var(--theme)}
.md27221.news .item:hover .more{background-color:var(--theme);color:#fff;border-color:var(--theme)}
.md27221.news .pic{position:relative;flex-shrink:0}
.md27221.news .pic:before{content:"";display:block;padding-top:56.3157894737%}
.md27221.news .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27221.news .pic{overflow:hidden}
.md27221.news .more{line-height:2.5;white-space:nowrap;padding:0 .2rem;border:solid 1px #d2d2d2;transition:.3s}
.md27221.news .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;max-width:100%;max-height:2.8em;-webkit-line-clamp:2;line-height:1.4;margin:.2rem 0 .1rem;transition:.3s}
.md27221.news .info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;max-width:100%;max-height:3.4em;-webkit-line-clamp:2;line-height:1.7;margin-bottom:.25rem}
@media(max-width:750px){
	.md27221.news .item{width:calc((100% + -0rem)*1 - .01rem)}
.md27221.news .item:nth-child(n+2){margin-left:.3rem}
.md27221.news .item:nth-child(n+1){margin-left:0}
.md27221.news .item:nth-child(n+2){margin-top:.25rem}
}