/*! #app-banner start */
.md24412.app-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}
.md24412.app-banner .icon.reverse-x{transform:rotateY(180deg)}
.md24412.app-banner .icon.reverse-y{transform:rotateX(180deg)}
.md24412.app-banner .icon.white{filter:grayscale(1) brightness(15)}
.md24412.app-banner .icon.black{filter:grayscale(1) brightness(0)}
.md24412.app-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md24412.app-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md24412.app-banner .icon img:nth-child(2),.md24412.app-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md24412.app-banner .hover-icon:hover.icon img:first-child,.md24412.app-banner .hover-icon:hover .icon img:first-child,.md24412.app-banner .active-icon.icon img:first-child,.md24412.app-banner .active-icon .icon img:first-child{opacity:0}
.md24412.app-banner .hover-icon:hover.icon img:last-child,.md24412.app-banner .hover-icon:hover .icon img:last-child,.md24412.app-banner .active-icon.icon img:last-child,.md24412.app-banner .active-icon .icon img:last-child{opacity:1}
.md24412.app-banner .cn-wh,.md24412.app-banner .cn-w,.md24412.app-banner .cv-wh,.md24412.app-banner .cv-w{display:block;width:100%}
.md24412.app-banner .cn-wh,.md24412.app-banner .cn-h,.md24412.app-banner .cv-wh,.md24412.app-banner .cv-h{display:block;height:100%}
.md24412.app-banner .cn-wh,.md24412.app-banner .cn-w,.md24412.app-banner .cn-h{object-fit:contain}
.md24412.app-banner .cv-wh,.md24412.app-banner .cv-w,.md24412.app-banner .cv-h{object-fit:cover}
.md24412.app-banner .pic-box{max-width:100%;max-height:100%}
.md24412.app-banner .pic-box img{max-width:100%;max-height:100%}
.md24412.app-banner.wrap,.md24412.app-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md24412.app-banner .area{margin:0 auto;width:14.92rem;max-width:100%}
.md24412.app-banner button,.md24412.app-banner input,.md24412.app-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.md24412.app-banner img{opacity:0}
.md24412.app-banner img[src]{opacity:1}
.md24412.app-banner button{cursor:pointer}
.md24412.app-banner .hide{display:none}
.md24412.app-banner .bold{font-weight:bold}
.md24412.app-banner .color-t{color:rgba(var(--theme), 1)}
.md24412.app-banner{color:#333}
.md24412.app-banner{position:relative}
.md24412.app-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.md24412.app-banner{display:flex;align-items:center;min-height:9rem}
.md24412.app-banner .banner-inner{position:relative;z-index:2}
.md24412.app-banner .banner-title{line-height:1.1315789474;color:#000}
.md24412.app-banner .banner-info{line-height:1.2777777778;margin-top:.45rem;margin-bottom:.53rem;width:8.35rem;max-width:100%;color:#434242}
.md24412.app-banner .banner-subtitle{display:inline-flex;align-items:center;min-height:.8rem;padding:.1rem .2rem;line-height:1.2083333333;background:linear-gradient(to right, #5d8eef, transparent 90%);color:#000}
/*! #app-banner end */

/*! #app start */
.md24411.app .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}
.md24411.app .icon.reverse-x{transform:rotateY(180deg)}
.md24411.app .icon.reverse-y{transform:rotateX(180deg)}
.md24411.app .icon.white{filter:grayscale(1) brightness(15)}
.md24411.app .icon.black{filter:grayscale(1) brightness(0)}
.md24411.app .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md24411.app .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md24411.app .icon img:nth-child(2),.md24411.app .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md24411.app .hover-icon:hover.icon img:first-child,.md24411.app .hover-icon:hover .icon img:first-child,.md24411.app .active-icon.icon img:first-child,.md24411.app .active-icon .icon img:first-child{opacity:0}
.md24411.app .hover-icon:hover.icon img:last-child,.md24411.app .hover-icon:hover .icon img:last-child,.md24411.app .active-icon.icon img:last-child,.md24411.app .active-icon .icon img:last-child{opacity:1}
.md24411.app .cn-wh,.md24411.app .cn-w,.md24411.app .cv-wh,.md24411.app .cv-w{display:block;width:100%}
.md24411.app .cn-wh,.md24411.app .cn-h,.md24411.app .cv-wh,.md24411.app .cv-h{display:block;height:100%}
.md24411.app .cn-wh,.md24411.app .cn-w,.md24411.app .cn-h{object-fit:contain}
.md24411.app .cv-wh,.md24411.app .cv-w,.md24411.app .cv-h{object-fit:cover}
.md24411.app .pic-box,.md24411.app .pic-box img{max-width:100%;max-height:100%}
.md24411.app.wrap,.md24411.app .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md24411.app .area{margin:0 auto;width:14.92rem;max-width:100%}
.md24411.app button,.md24411.app input,.md24411.app textarea{border:none;outline:none;padding:0;background-color:transparent}
.md24411.app img{opacity:0}
.md24411.app img[src]{opacity:1}
.md24411.app button{cursor:pointer}
.md24411.app .hide{display:none}
.md24411.app .bold{font-weight:700}
.md24411.app .color-t{color:rgba(var(--theme),1)}
.md24411.app{color:#333}
.md24411.app{position:relative;padding-top:1.25rem;padding-bottom:1.3rem;overflow:hidden}
.md24411.app .bg{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:1}
.md24411.app .app-inner{position:relative;z-index:2}
.md24411.app .app-list{display:flex;flex-wrap:wrap}
.md24411.app .app-item{position:relative}
.md24411.app .app-item{width:calc((100% - 1.3rem) / 3)}
.md24411.app .app-item:nth-child(n+2){margin-left:.65rem}
.md24411.app .app-item:nth-child(3n+1){margin-left:0}
.md24411.app .app-item:nth-child(n+4){margin-top:.6rem}
.md24411.app .app-item{border-radius:.2rem .2rem .2rem 0;background-color:#efefef;overflow:hidden;cursor:pointer;transition:.3s}
.md24411.app .app-item:hover{transform:translateY(-5px);box-shadow:0 5px 10px #0003}
.md24411.app .app-item:hover .app-cover2{opacity:1}
.md24411.app .app-pic{border-radius:.2rem;overflow:hidden}
.md24411.app .app-pic img{transition:.5s}
.md24411.app .app-cover{position:absolute;bottom:0;left:0;width:100%;max-height:100%;overflow:hidden}
.md24411.app .app-content{position:relative;display:inline-flex;align-items:center;min-width:7.34375em;min-height:.6rem;padding:.1rem .2rem;background-color:#4e74ed}
.md24411.app .app-content:after{content:"";position:absolute;top:0;left:100%;bottom:0;height:100%;aspect-ratio:1;background:linear-gradient(45deg,#4e74ed 50%,transparent 50%)}
.md24411.app .app-title{line-height:1.3125;color:#fff}
.md24411.app .app-cover2{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#4e74ede6;opacity:0;transition:.3s;z-index:5}
.md24411.app .cover2-title{line-height:1.3125;margin-bottom:.2rem;text-align:center;color:#fff}
.md24411.app .view-detail{display:flex;align-items:center;justify-content:center;min-height:.5rem;min-width:1.6rem;padding:.05rem .2rem;border-radius:.3rem;color:#000;background-color:#fff}
.app-dialog.dialog{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0008;opacity:0;pointer-events:none;transform:translateY(100%);z-index:60}
.app-dialog.dialog.dialog-show{opacity:1;pointer-events:auto;transform:translateY(0)}
.app-dialog.dialog.dialog-show .dialog-inner{animation:dialog-show .5s forwards}
@keyframes dialog-show{0%{transform:scale(0) translateY(100%)}
30%{transform:scale(.001) translateY(0)}
60%{transform:scaleX(.001) translateY(0)}
to{transform:scale(1) translateY(0)}
}
.app-dialog .dialog-inner{position:relative;transition:.5s}
.app-dialog .dialog-main{margin:0 auto;border-radius:.08rem;background-color:#fff}
.app-dialog .dialog-close .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.app-dialog .dialog-close .cross:before,.app-dialog .dialog-close .cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:3px;transform:translate(-50%,-50%);background-color:#fff;transition:.5s}
.app-dialog .dialog-close .cross:before{transform:translate(-50%,-50%) rotate(90deg)}
.app-dialog .dialog-close .cross:after{transform:translate(-50%,-50%) rotate(180deg)}
.app-dialog .dialog-close{position:absolute;top:.1rem;right:.1rem;width:1em;height:1em;color:#666;background-size:100%;transition:.3s;cursor:pointer;z-index:10}
.app-dialog .dialog-close .cross{transform:rotate(45deg);transition:.3s}
.app-dialog .dialog-close .cross:before,.app-dialog .dialog-close .cross:after{border-radius:2px;background-color:#8a8a8a}
.app-dialog .dialog-close:hover{transform:scale(1.1)}
.app-dialog .dialog-close:hover .cross{transform:rotate(135deg)}
.app-dialog .dialog-close{top:.35rem;right:.35rem}
.app-dialog .dialog-inner{width:9.82rem;max-width:100%;padding:.2rem;background-color:#fff;border-radius:.2rem}
.app-dialog .dialog-main{max-height:90vh;padding:.3rem .4rem}
.app-dialog .dialog-main::-webkit-scrollbar{background-color:#eee}
.app-dialog .dialog-main::-webkit-scrollbar-thumb{background:rgba(var(--theme),1)}
.app-dialog .dialog-main{overflow-y:auto}
.app-dialog .dialog-main::-webkit-scrollbar{width:.05rem}
.app-dialog .dialog-title{line-height:1.2777777778;color:rgba(var(--theme),1)}
.app-dialog .dialog-content{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem}
.app-dialog .dialog-pic{width:2.52rem;flex-shrink:0}
.app-dialog .info-list{display:flex;flex-direction:column;width:5rem;max-width:100%;justify-content:space-between}
.app-dialog .info-list.direction-col .info-item{flex-direction:column}
.app-dialog .info-item{display:flex;align-items:flex-start;min-height:1rem;padding-bottom:.2rem;line-height:1.4166666667}
.app-dialog .info-label{white-space:nowrap;margin-right:.3rem;color:rgba(var(--theme),1)}
.app-dialog .info-text{color:#3d3d3d}
@media(max-width:750px){
	.md24411.app .app-item{width:calc((100% - .65rem)/2)}
.md24411.app .app-item:nth-child(n+2){margin-left:.65rem}
.md24411.app .app-item:nth-child(odd){margin-left:0}
.md24411.app .app-item:nth-child(n+3){margin-top:.6rem}
}
@media(max-width:500px){
	.md24411.app .dialog-content{flex-direction:column}
.md24411.app .dialog-pic{width:80%;margin:0 auto}
.md24411.app .info-list{max-width:100%;margin-top:.6rem}
}
/*! #app end */