/*! #classify start */
/* #region */
.md27496.classify .hidden{display:none}
.md27496.classify .overflow-hidden{overflow:hidden}
.md27496.classify .overflow-visible{overflow:visible}
.md27496.classify .absolute{position:absolute}
.md27496.classify .relative{position:relative}
.md27496.classify .inset-0{inset:0}
.md27496.classify .top-0{top:0}
.md27496.classify .right-0{right:0}
.md27496.classify .bottom-0{bottom:0}
.md27496.classify .left-0{left:0}
.md27496.classify .top-full{top:100%}
.md27496.classify .right-full{right:100%}
.md27496.classify .bottom-full{bottom:100%}
.md27496.classify .left-full{left:100%}
.md27496.classify .z-0{z-index:0}
.md27496.classify .z-10{z-index:10}
.md27496.classify .mx-auto{margin-left:auto;margin-right:auto}
.md27496.classify .mt-auto{margin-top:auto}
.md27496.classify .ml-auto{margin-left:auto}
.md27496.classify .w-full{width:100%}
.md27496.classify .w-auto{width:auto}
.md27496.classify .w-screen{width:100vw}
.md27496.classify .h-full{height:100%}
.md27496.classify .h-auto{height:auto}
.md27496.classify .h-screen{height:100vh}
.md27496.classify .max-w-full{max-width:100%}
.md27496.classify .leading-none{line-height:1}
.md27496.classify .whitespace-nowrap{white-space:nowrap}
.md27496.classify .bg-theme{background-color:rgb(var(--theme))}
.md27496.classify .rounded-full{border-radius:9999px}
.md27496.classify .cursor-pointer{cursor:pointer}
.md27496.classify .object-cover{object-fit:cover}
.md27496.classify .object-contain{object-fit:contain}
.md27496.classify .pointer-events-none{pointer-events:none}
.md27496.classify .brightness-20{filter:brightness(20)}
.md27496.classify .invert{filter:invert(1)}
.md27496.classify .text-theme{color:rgb(var(--theme))}
.md27496.classify .mt-60{margin-top:.6rem}
.md27496.classify .size-full{width:100%;height:100%}
.md27496.classify .text-theme{color:var(--theme)}
.md27496.classify .flex-center{display:flex;align-items:center;justify-content:center}
.md27496.classify .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md27496.classify .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md27496.classify .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md27496.classify .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md27496.classify .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md27496.classify .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md27496.classify .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md27496.classify .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md27496.classify .rounded-10{border-radius:.1rem}
.md27496.classify .rounded-15{border-radius:.15rem}
.md27496.classify .rounded-20{border-radius:.2rem}
.md27496.classify button,.md27496.classify input,.md27496.classify textarea{border:none;outline:none;padding:0;background-color:transparent}
.md27496.classify [data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0}
.md27496.classify [data-anim=fade-up].ani-ready.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
.md27496.classify [data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0}
.md27496.classify [data-anim=fade-down].ani-ready.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
.md27496.classify [data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0}
.md27496.classify [data-anim=fade-left].ani-ready.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
.md27496.classify [data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0}
.md27496.classify [data-anim=fade-right].ani-ready.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
.md27496.classify [data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0}
.md27496.classify [data-anim=blur-in].ani-ready.ani-played{animation:ani-blur-in .6s ease-out forwards}
.md27496.classify [data-anim=white-in].ani-ready{filter:brightness(3);opacity:0}
.md27496.classify [data-anim=white-in].ani-ready.ani-played{animation:ani-white-in .8s linear forwards}
.md27496.classify [data-anim=black-in].ani-ready{filter:brightness(0);opacity:0}
.md27496.classify [data-anim=black-in].ani-ready.ani-played{animation:ani-black-in .8s linear forwards}
.md27496.classify [data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0}
.md27496.classify [data-anim=gray-in].ani-ready.ani-played{animation:ani-gray-in .8s linear forwards}
.md27496.classify [data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0}
.md27496.classify [data-anim=bounce-in].ani-ready.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
.md27496.classify [data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0}
.md27496.classify [data-anim=zoom-in].ani-ready.ani-played{animation:ani-zoom-in .4s linear forwards}
.md27496.classify [data-anim=slide-up].ani-ready{transform:translateY(100%)}
.md27496.classify [data-anim=slide-up].ani-ready.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
.md27496.classify .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}
.md27496.classify .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md27496.classify .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md27496.classify .icon img:nth-child(2),.md27496.classify .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md27496.classify .hover-icon:hover.icon img:first-child,.md27496.classify .hover-icon:hover .icon img:first-child,.md27496.classify .active-icon.icon img:first-child,.md27496.classify .active-icon .icon img:first-child{opacity:0}
.md27496.classify .hover-icon:hover.icon img:last-child,.md27496.classify .hover-icon:hover .icon img:last-child,.md27496.classify .active-icon.icon img:last-child,.md27496.classify .active-icon .icon img:last-child{opacity:1}
.md27496.classify.wrap,.md27496.classify .wrap{max-width:100%}/*padding-left:4%;padding-right:4%;*/
.md27496.classify .area{margin:0 auto;width:14.4rem;max-width:100%}
.md27496.classify img{opacity:0}
.md27496.classify img[src]{opacity:1}
.md27496.classify{color:#333;overflow:hidden;background-color:#f5f5f5}
.md27496.classify .btn{position:relative;display:inline-block;height:2em;min-width:1.8rem;border-radius:1.2em;line-height:1;white-space:nowrap;padding:.05rem;transition:.3s;cursor:pointer}
.md27496.classify .btn .pre-icon{margin-right:.1rem}
.md27496.classify .btn .after-icon{margin-left:.1rem}
.md27496.classify .btn:after{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.md27496.classify .btn.hover:hover:after{animation:md27496btn 1.5s infinite linear}
.md27496.classify .btn.fill{color:#fff}
.md27496.classify .btn.fill:after{background-color:rgba(var(--rgb),.2)}
.md27496.classify .btn.fill .btn-inner{background-color:rgba(var(--rgb),1)}
.md27496.classify .btn.fill-white{color:rgba(var(--rgb),1)}
.md27496.classify .btn.fill-white:after{background-color:#fff3}
.md27496.classify .btn.fill-white .btn-inner{background-color:#fff}
.md27496.classify .btn-inner{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.05rem .2rem;border-radius:inherit;z-index:5}
.md27496.classify .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.md27496.classify .cross:before,.md27496.classify .cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%);background-color:#ccc;transition:.5s}
.md27496.classify .cross:before{transform:translate(-50%,-50%) rotate(90deg)}
.md27496.classify .cross:after{transform:translate(-50%,-50%) rotate(180deg)}
.md27496.classify .paging{display:flex;justify-content:center;margin-top:1.5rem;height:2em}
.md27496.classify .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}
.md27496.classify .paging-btn.disabled{color:#ccc;cursor:no-drop}
.md27496.classify .paging-btn.disabled:hover{color:#ccc;background-color:#fff}
.md27496.classify .paging-btn.first,.md27496.classify .paging-btn.last{aspect-ratio:initial;min-width:1rem;padding:.1rem .35rem}
.md27496.classify .paging-btn.first{margin-right:.4rem}
.md27496.classify .paging-btn.last{margin-left:.4rem}
.md27496.classify .paging-btn:hover,.md27496.classify .paging-btn.active{color:#fff;background-color:rgba(var(--rgb),1)}
.md27496.classify .sidebar{width:10em;max-width:100%;padding:1rem .6rem 1rem 0;border-right:1px solid #eee}
.md27496.classify .search{height:2em;background-color:#fff;padding:.1rem .3rem}
.md27496.classify .search-ipt{flex:1}
.md27496.classify .submit-btn:hover{color:rgba(var(--rgb),1)}
.md27496.classify .classify-list{margin-top:.4rem}
.md27496.classify .classify-item{padding:.1rem 0}
.md27496.classify .classify-item.active{color:rgba(var(--rgb),1)}
.md27496.classify .classify-item.active .cross:before{transform:translate(-50%,-50%) rotate(360deg)}
.md27496.classify .classify-item.active .cross:after{transform:translate(-50%,-50%) rotate(360deg)}
.md27496.classify .name{line-height:1.5555555556}
.md27496.classify .child-list{padding:.2rem 0 .1rem .2rem;display:none}
.md27496.classify .child{line-height:1.625;padding:.05rem 0}
.md27496.classify .child.active,.md27496.classify .child:hover{color:rgba(var(--rgb),1)}
.md27496.classify .classify-board{max-width:100%;padding:1rem 0 1rem .6rem;flex:1}
.md27496.classify .opt{display:none;justify-content:flex-end;padding-bottom:.3rem}
.md27496.classify .item{position:relative;display: flex;flex-direction: column;}
.md27496.classify .item{width:calc((100% - .8rem) / 3)}
.md27496.classify .item:nth-child(n+2){margin-left:.4rem}
.md27496.classify .item:nth-child(3n+1){margin-left:0}
.md27496.classify .item:nth-child(n+4){margin-top:.4rem}
.md27496.classify .item:before{content:"";position:absolute;inset:0;border:1px solid rgba(var(--rgb),1);pointer-events:none;opacity:0;transition:.3s;z-index:10}
.md27496.classify .item:hover:before{opacity:1}
.md27496.classify .item:hover .ball{opacity:1}
.md27496.classify .item:hover .pic-img{opacity:.5}
.md27496.classify .item:hover .title{color:rgba(var(--rgb),1)}
.md27496.classify .pic{width:100%}
.md27496.classify .pic{position:relative;flex-shrink:0}
.md27496.classify .pic:before{content:"";display:block;padding-top:100%}
.md27496.classify .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md27496.classify .ball{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:rgba(var(--rgb),1);opacity:0;transition:.3s}
.md27496.classify .content{padding:.3rem;background-color:#fff;flex: 1;}
.md27496.classify .title{line-height:1.5555555556}
.md27496.classify .info{
    line-height:1.875;margin-top:.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
    max-width: 100%;
    max-height: 7.5em;
    -webkit-line-clamp: 4;
}
.md27496.classify-expand.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}
.md27496.classify-expand.expand.expand-show{opacity:1;transform:translate(0);pointer-events:auto}
.md27496.classify-expand.expand.expand-show .expand-inner{transform:translate(0)}
.md27496.classify-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}
.md27496.classify-expand .exp-footer{margin-top:auto}
.md27496.classify-expand .exp-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.15rem;border-radius:.15rem;background-color:#ddd}
.md27496.classify-expand .expand-inner{background-color:#f5f5f5}
.md27496.classify-expand .sidebar{width:100%;padding:.6rem;border-right:none}
@media(max-width:1200px){
	.md27496.classify .sidebar.pc{display:none}
.md27496.classify .opt{display:flex}
}
@media(max-width:750px){
	.md27496.classify .classify-board{padding-left:0}
.md27496.classify .item{width:calc((100% - .4rem)/2)}
.md27496.classify .item:nth-child(n+2){margin-left:.4rem}
.md27496.classify .item:nth-child(odd){margin-left:0}
.md27496.classify .item:nth-child(n+3){margin-top:.4rem}
}
@media(max-width:500px){
	.md27496.classify .item{width:calc((100% + -0rem)*1)}
.md27496.classify .item:nth-child(n+2){margin-left:.4rem}
.md27496.classify .item:nth-child(n+1){margin-left:0}
.md27496.classify .item:nth-child(n+2){margin-top:.4rem}
}
/* #endregion */
/*! #classify end */

/*! #paging start */
/* #region */
.paging{display:flex;justify-content:center;margin-top:0;height:2em}
.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}
.paging-btn.disabled{color:#ccc;cursor:no-drop}
.paging-btn.disabled:hover{color:#ccc;background-color:#fff}
.paging-btn.first,.paging-btn.last{aspect-ratio:initial;min-width:1rem;padding:.1rem .35rem}
.paging-btn.first{margin-right:.4rem}
.paging-btn.last{margin-left:.4rem}
.paging-btn:hover,.paging-btn.active{color:#fff;background-color:rgba(var(--rgb),1)}
/* #endregion */
/*! #paging end */