/*! #md-banner start */
/* #region */
.md27721.md-banner .hidden{display:none}
.md27721.md-banner .overflow-hidden{overflow:hidden}
.md27721.md-banner .overflow-visible{overflow:visible}
.md27721.md-banner .absolute{position:absolute}
.md27721.md-banner .relative{position:relative}
.md27721.md-banner .inset-0{inset:0}
.md27721.md-banner .top-0{top:0}
.md27721.md-banner .right-0{right:0}
.md27721.md-banner .bottom-0{bottom:0}
.md27721.md-banner .left-0{left:0}
.md27721.md-banner .top-full{top:100%}
.md27721.md-banner .right-full{right:100%}
.md27721.md-banner .bottom-full{bottom:100%}
.md27721.md-banner .left-full{left:100%}
.md27721.md-banner .z-0{z-index:0}
.md27721.md-banner .z-10{z-index:10}
.md27721.md-banner .mx-auto{margin-left:auto;margin-right:auto}
.md27721.md-banner .mt-auto{margin-top:auto}
.md27721.md-banner .ml-auto{margin-left:auto}
.md27721.md-banner .w-full{width:100%}
.md27721.md-banner .w-auto{width:auto}
.md27721.md-banner .w-screen{width:100vw}
.md27721.md-banner .h-full{height:100%}
.md27721.md-banner .h-auto{height:auto}
.md27721.md-banner .h-screen{height:100vh}
.md27721.md-banner .max-w-full{max-width:100%}
.md27721.md-banner .leading-none{line-height:1}
.md27721.md-banner .whitespace-nowrap{white-space:nowrap}
.md27721.md-banner .bg-theme{background-color:rgb(var(--theme))}
.md27721.md-banner .rounded-full{border-radius:9999px}
.md27721.md-banner .cursor-pointer{cursor:pointer}
.md27721.md-banner .object-cover{object-fit:cover}
.md27721.md-banner .object-contain{object-fit:contain}
.md27721.md-banner .pointer-events-none{pointer-events:none}
.md27721.md-banner .brightness-20{filter:brightness(20)}
.md27721.md-banner .invert{filter:invert(1)}
.md27721.md-banner .text-theme{color:rgb(var(--theme))}
.md27721.md-banner .mt-60{margin-top:.6rem}
.md27721.md-banner .size-full{width:100%;height:100%}
.md27721.md-banner .text-theme{color:var(--theme)}
.md27721.md-banner .flex-center{display:flex;align-items:center;justify-content:center}
.md27721.md-banner .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27721.md-banner .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27721.md-banner .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27721.md-banner .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27721.md-banner .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27721.md-banner .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27721.md-banner .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27721.md-banner .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27721.md-banner .rounded-10{border-radius:.1rem}
.md27721.md-banner .rounded-15{border-radius:.15rem}
.md27721.md-banner .rounded-20{border-radius:.2rem}
.md27721.md-banner button,.md27721.md-banner input,.md27721.md-banner textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27721.md-banner [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27721.md-banner [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27721.md-banner [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27721.md-banner [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27721.md-banner [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27721.md-banner [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27721.md-banner [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27721.md-banner [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27721.md-banner [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27721.md-banner [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27721.md-banner [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27721.md-banner [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27721.md-banner [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27721.md-banner [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27721.md-banner [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27721.md-banner [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27721.md-banner [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27721.md-banner [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27721.md-banner [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27721.md-banner [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27721.md-banner [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27721.md-banner [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27721.md-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}
.md27721.md-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27721.md-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27721.md-banner .icon img:nth-child(2),.md27721.md-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27721.md-banner .hover-icon:hover.icon img:first-child,.md27721.md-banner .hover-icon:hover .icon img:first-child,.md27721.md-banner .active-icon.icon img:first-child,.md27721.md-banner .active-icon .icon img:first-child{opacity:0}
.md27721.md-banner .hover-icon:hover.icon img:last-child,.md27721.md-banner .hover-icon:hover .icon img:last-child,.md27721.md-banner .active-icon.icon img:last-child,.md27721.md-banner .active-icon .icon img:last-child{opacity:1}
.md27721.md-banner.wrap,.md27721.md-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27721.md-banner .area{margin:0 auto;width:16rem;max-width:100%}
.md27721.md-banner img{opacity:0}
.md27721.md-banner img[src]{opacity:1}
.md27721.md-banner{color:#333;overflow:hidden}
.md27721.md-banner{position:relative;flex-shrink:0}
.md27721.md-banner:before{content:"";display:block;padding-top:41.6666666667%}
.md27721.md-banner>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27721.md-banner{min-height:4rem;color:#fff}
.md27721.md-banner .pic{display:flex;justify-content:center}
.md27721.md-banner .title{line-height:1.1666666667}
.md27721.md-banner .subtitle{font-size:5.5729166667vw;margin-top:-.5em;color:#fff3}
.md27721.md-banner .navigation{background-color:#0006}
.md27721.md-banner .nav-main{min-height:.8rem}
.md27721.md-banner .nav-list::-webkit-scrollbar{background-color:#eee;border-radius:3px}
.md27721.md-banner .nav-list::-webkit-scrollbar-thumb{background:rgba(var(--rgb),1);border-radius:3px}
.md27721.md-banner .nav-list{overflow-x:auto}
.md27721.md-banner .nav-list::-webkit-scrollbar{height:.05rem}
.md27721.md-banner .nav-item{position:relative}
.md27721.md-banner .nav-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:rgba(var(--rgb),1);transform:scaleX(0);transform-origin:left center}
.md27721.md-banner .nav-item:nth-child(n+2){margin-left:.4rem}
.md27721.md-banner .nav-item.active{color:rgba(var(--rgb),1)}
.md27721.md-banner .nav-item.active:after{transform:scaleX(1)}
.md27721.md-banner .pre-icon{margin-right:.1rem}
.md27721.md-banner .crumbs{padding-left:.2rem}
.md27721.md-banner .crumb-item{transition:.3s}
.md27721.md-banner .crumb-item:nth-child(n+2){padding-left:.1rem}
.md27721.md-banner .crumb-item:nth-child(n+2):before{content:"-";display:block;padding-right:.1rem;color:#999;text-shadow:none}
.md27721.md-banner .crumb-item:hover{color:rgba(var(--rgb),1)}
/* #endregion */
/*! #md-banner end */

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


/*! #honor4 start */
/* #region */
.md27499.honor4 .hidden{display:none}
.md27499.honor4 .overflow-hidden{overflow:hidden}
.md27499.honor4 .overflow-visible{overflow:visible}
.md27499.honor4 .absolute{position:absolute}
.md27499.honor4 .relative{position:relative}
.md27499.honor4 .inset-0{inset:0}
.md27499.honor4 .top-0{top:0}
.md27499.honor4 .right-0{right:0}
.md27499.honor4 .bottom-0{bottom:0}
.md27499.honor4 .left-0{left:0}
.md27499.honor4 .top-full{top:100%}
.md27499.honor4 .right-full{right:100%}
.md27499.honor4 .bottom-full{bottom:100%}
.md27499.honor4 .left-full{left:100%}
.md27499.honor4 .z-0{z-index:0}
.md27499.honor4 .z-10{z-index:10}
.md27499.honor4 .mx-auto{margin-left:auto;margin-right:auto}
.md27499.honor4 .mt-auto{margin-top:auto}
.md27499.honor4 .ml-auto{margin-left:auto}
.md27499.honor4 .w-full{width:100%}
.md27499.honor4 .w-auto{width:auto}
.md27499.honor4 .w-screen{width:100vw}
.md27499.honor4 .h-full{height:100%}
.md27499.honor4 .h-auto{height:auto}
.md27499.honor4 .h-screen{height:100vh}
.md27499.honor4 .max-w-full{max-width:100%}
.md27499.honor4 .leading-none{line-height:1}
.md27499.honor4 .whitespace-nowrap{white-space:nowrap}
.md27499.honor4 .bg-theme{background-color:rgb(var(--theme))}
.md27499.honor4 .rounded-full{border-radius:9999px}
.md27499.honor4 .cursor-pointer{cursor:pointer}
.md27499.honor4 .object-cover{object-fit:cover}
.md27499.honor4 .object-contain{object-fit:contain}
.md27499.honor4 .pointer-events-none{pointer-events:none}
.md27499.honor4 .brightness-20{filter:brightness(20)}
.md27499.honor4 .invert{filter:invert(1)}
.md27499.honor4 .text-theme{color:rgb(var(--theme))}
.md27499.honor4 .mt-60{margin-top:.6rem}
.md27499.honor4 .size-full{width:100%;height:100%}
.md27499.honor4 .text-theme{color:var(--theme)}
.md27499.honor4 .flex-center{display:flex;align-items:center;justify-content:center}
.md27499.honor4 .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27499.honor4 .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27499.honor4 .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27499.honor4 .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27499.honor4 .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27499.honor4 .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27499.honor4 .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27499.honor4 .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27499.honor4 .rounded-10{border-radius:.1rem}
.md27499.honor4 .rounded-15{border-radius:.15rem}
.md27499.honor4 .rounded-20{border-radius:.2rem}
.md27499.honor4 button,.md27499.honor4 input,.md27499.honor4 textarea{border:none;outline:none;padding:0;background-color:transparent}
@keyframes ani-fade-up{to{transform:translateY(0);opacity:1}
}
.md27499.honor4 [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27499.honor4 [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
@keyframes ani-fade-down{to{transform:translateY(0);opacity:1}
}
.md27499.honor4 [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27499.honor4 [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
@keyframes ani-fade-left{to{transform:translate(0);opacity:1}
}
.md27499.honor4 [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27499.honor4 [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
@keyframes ani-fade-right{to{transform:translate(0);opacity:1}
}
.md27499.honor4 [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27499.honor4 [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
@keyframes ani-blur-in{to{filter:blur(0);opacity:1}
}
.md27499.honor4 [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27499.honor4 [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
@keyframes ani-white-in{to{filter:brightness(1);opacity:1}
}
.md27499.honor4 [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27499.honor4 [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
@keyframes ani-black-in{to{filter:brightness(1);opacity:1}
}
.md27499.honor4 [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27499.honor4 [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
@keyframes ani-gray-in{to{filter:grayscale(0);opacity:1}
}
.md27499.honor4 [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27499.honor4 [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
@keyframes ani-bounce-in{40%{transform:scale(1.02);opacity:1}
70%{transform:scale(.98)}
to{transform:scale(1);opacity:1}
}
.md27499.honor4 [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27499.honor4 [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
@keyframes ani-zoom-in{to{transform:scale(1);opacity:1}
}
.md27499.honor4 [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27499.honor4 [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
@keyframes ani-slide-up{0%{transform:translateY(100%)}
60%{transform:translateY(-8%)}
80%{transform:translateY(4%)}
to{transform:translateY(0)}
}
.md27499.honor4 [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27499.honor4 [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27499.honor4 .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}
.md27499.honor4 .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27499.honor4 .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27499.honor4 .icon img:nth-child(2),.md27499.honor4 .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27499.honor4 .hover-icon:hover.icon img:first-child,.md27499.honor4 .hover-icon:hover .icon img:first-child,.md27499.honor4 .active-icon.icon img:first-child,.md27499.honor4 .active-icon .icon img:first-child{opacity:0}
.md27499.honor4 .hover-icon:hover.icon img:last-child,.md27499.honor4 .hover-icon:hover .icon img:last-child,.md27499.honor4 .active-icon.icon img:last-child,.md27499.honor4 .active-icon .icon img:last-child{opacity:1}
.md27499.honor4.wrap,.md27499.honor4 .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md27499.honor4 .area{margin:0 auto;width:16rem;max-width:100%}
.md27499.honor4 img{opacity:0}
.md27499.honor4 img[src]{opacity:1}
.md27499.honor4{color:#333;overflow:hidden;padding-top:.75rem;padding-bottom:1.2rem}
.md27499.honor4 .paging{display:flex;justify-content:center;margin-top:.8rem;height:2em}
.md27499.honor4 .paging-btn{display:flex;align-items:center;justify-content:center;margin:0 .1rem;aspect-ratio:1;border-radius:2em;border:1px solid #eee;color:#666;background-color:#fff;cursor:pointer;transition:.3s}
.md27499.honor4 .paging-btn.disabled{color:#ccc;cursor:no-drop}
.md27499.honor4 .paging-btn.disabled:hover{color:#ccc;background-color:#fff}
.md27499.honor4 .paging-btn.first,.md27499.honor4 .paging-btn.last{aspect-ratio:initial;min-width:1rem;padding:.1rem .35rem}
.md27499.honor4 .paging-btn.first{margin-right:.4rem}
.md27499.honor4 .paging-btn.last{margin-left:.4rem}
.md27499.honor4 .paging-btn:hover,.md27499.honor4 .paging-btn.active{color:#fff;background-color:rgba(var(--rgb),1)}
.md27499.honor4 .pswp__bg{background-color:#000a}
.md27499.honor4 .honor-item{display:flex;flex-direction:column;height:auto}
.md27499.honor4 .honor-item{width:calc((100% - 1.2rem)/4)}
.md27499.honor4 .honor-item:nth-child(n+2){margin-left:.4rem}
.md27499.honor4 .honor-item:nth-child(4n+1){margin-left:0}
.md27499.honor4 .honor-item:nth-child(n+5){margin-top:.5rem}
.md27499.honor4 .honor-item{background-color:#f5f5f5}
.md27499.honor4 .honor-item:hover .content{color:#fff;background-color:rgba(var(--rgb),1)}
.md27499.honor4 .pic{width:100%}
.md27499.honor4 .pic{position:relative;flex-shrink:0}
.md27499.honor4 .pic:before{content:"";display:block;padding-top:115.1515151515%}
.md27499.honor4 .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27499.honor4 .content{flex:1;min-height:.8rem;padding:.2rem .3rem;border-top:1px solid #fff;transition:.3s}
.md27499.honor4 .img{display: flex;align-items: center;justify-content: center;padding: .35rem;}
@media(max-width:750px){
	.md27499.honor4 .honor-item{width:calc((100% - .8rem) / 3)}
.md27499.honor4 .honor-item:nth-child(n+2){margin-left:.4rem}
.md27499.honor4 .honor-item:nth-child(3n+1){margin-left:0}
.md27499.honor4 .honor-item:nth-child(n+4){margin-top:.5rem}
}
@media(max-width:500px){
	.md27499.honor4 .honor-item{width:calc((100% - .4rem)/2)}
.md27499.honor4 .honor-item:nth-child(n+2){margin-left:.4rem}
.md27499.honor4 .honor-item:nth-child(odd){margin-left:0}
.md27499.honor4 .honor-item:nth-child(n+3){margin-top:.5rem}
}
/* #endregion */
/*! #honor4 end */