:root{--theme: 92, 141, 239;--active: 92, 141, 239;--bottom-bg: 13, 15, 27;--thumb-bg: 198, 198, 198}

/*! #page-head start */
.__ID__.page-head .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}
.__ID__.page-head .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.page-head .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.page-head .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.page-head .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.page-head .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.page-head .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.page-head .icon img:nth-child(2),.__ID__.page-head .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.page-head .hover-icon:hover.icon img:first-child,.__ID__.page-head .hover-icon:hover .icon img:first-child,.__ID__.page-head .active-icon.icon img:first-child,.__ID__.page-head .active-icon .icon img:first-child{opacity:0}
.__ID__.page-head .hover-icon:hover.icon img:last-child,.__ID__.page-head .hover-icon:hover .icon img:last-child,.__ID__.page-head .active-icon.icon img:last-child,.__ID__.page-head .active-icon .icon img:last-child{opacity:1}
.__ID__.page-head .cn-wh,.__ID__.page-head .cn-w,.__ID__.page-head .cv-wh,.__ID__.page-head .cv-w{display:block;width:100%}
.__ID__.page-head .cn-wh,.__ID__.page-head .cn-h,.__ID__.page-head .cv-wh,.__ID__.page-head .cv-h{display:block;height:100%}
.__ID__.page-head .cn-wh,.__ID__.page-head .cn-w,.__ID__.page-head .cn-h{object-fit:contain}
.__ID__.page-head .cv-wh,.__ID__.page-head .cv-w,.__ID__.page-head .cv-h{object-fit:cover}
.__ID__.page-head .pic-box{max-width:100%;max-height:100%}
.__ID__.page-head .pic-box img{max-width:100%;max-height:100%}
.__ID__.page-head.wrap,.__ID__.page-head .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.page-head .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.page-head button,.__ID__.page-head input,.__ID__.page-head textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.page-head img{opacity:0}
.__ID__.page-head img[src]{opacity:1}
.__ID__.page-head button{cursor:pointer}
.__ID__.page-head .hide{display:none}
.__ID__.page-head .bold{font-weight:bold}
.__ID__.page-head .color-t{color:rgba(var(--theme), 1)}
.__ID__.page-head{color:#333}
.__ID__.page-head:hover .fixed-box,.__ID__.page-head.white .fixed-box{background-color:#fff}
.__ID__.page-head.drop-display .nav-item.active .nav-entry::after{opacity:0 !important}
.__ID__.page-head.drop-display .nav-item.hover .nav-entry::after{opacity:1}
.__ID__.page-head .fixed-box{position:fixed;top:0;left:0;right:0;display:flex;width:100%;min-height:.88rem;z-index:50;transition:background-color .3s}
.__ID__.page-head .page-head-inner{display:flex;align-items:center;justify-content:space-between}
.__ID__.page-head .logo{white-space:nowrap;color:rgba(var(--theme), 1)}
.__ID__.page-head .nav-list{display:flex;height:100%;margin-left:.5rem}
.__ID__.page-head .nav-item{display:flex;align-items:center;white-space:nowrap;padding:0 .15rem;transition:color .3s}
.__ID__.page-head .nav-item.hover .nav-board{pointer-events:auto;transform:scaleY(1);opacity:1}
.__ID__.page-head .nav-item:hover .nav-board{pointer-events:auto;transform:scaleY(1);opacity:1}
.__ID__.page-head .nav-item.active .nav-entry::after{opacity:1}
.__ID__.page-head .nav-entry{position:relative;display:block}
.__ID__.page-head .nav-entry::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:.37rem;height:3px;border-radius:2px;background-color:rgba(var(--theme), 1);opacity:0}
.__ID__.page-head .nav-entry:hover{color:rgba(var(--theme), 1)}
.__ID__.page-head .board-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:40;opacity:0;pointer-events:none;transition:.3s}
.__ID__.page-head .board-mask.show{opacity:1}
.__ID__.page-head .nav-board{position:absolute;top:100%;left:0;right:0;max-height:80vh;padding-bottom:.5rem;background-color:#fff;border-top:1px solid rgba(0,0,0,.5);min-height:2rem}
.__ID__.page-head .nav-board::-webkit-scrollbar{background-color:#eee}
.__ID__.page-head .nav-board::-webkit-scrollbar-thumb{background:rgba(var(--theme), 1)}
.__ID__.page-head .nav-board{overflow-y:auto}
.__ID__.page-head .nav-board::-webkit-scrollbar{width:.05rem}
.__ID__.page-head .nav-board{pointer-events:none;transform:scaleY(0);transform-origin:top center;opacity:0;transition:.3s}
.__ID__.page-head .board-inner{overflow:hidden}
.__ID__.page-head .nth2-nav{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:.35rem}
.__ID__.page-head .nth2-group{display:flex;align-items:center;flex-direction:column;width:20%;padding:0 .3rem}
.__ID__.page-head .nth2-title{position:relative;display:flex;align-items:center;justify-content:center;min-height:.9rem}
.__ID__.page-head .nth2-title::after{content:"";position:absolute;bottom:0;left:50%;width:200vw;height:1px;transform:translateX(-50%);background-color:#ccc}
.__ID__.page-head .title-entry{display:flex;align-items:center}
.__ID__.page-head .nth2-item{line-height:1.5;margin-top:.25rem;color:#666;transition:color .3s}
.__ID__.page-head .nth2-item:hover{color:rgba(var(--theme), 1)}
.__ID__.page-head .board-list{display:flex;flex-wrap:wrap;margin-left:-0.5rem}
.__ID__.page-head .board-pic{display:flex;align-items:center;justify-content:center;height:2rem;margin-left:.5rem;margin-top:.35rem}
.__ID__.page-head .opt-box{display:flex;align-items:center}
.__ID__.page-head .opt-item{display:flex;align-items:center;margin-left:.3rem}
.__ID__.page-head .opt-item.contact{white-space:nowrap}
.__ID__.page-head .contact-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:rgba(0,0,0,0);margin-right:.12rem;border:2px solid #333}
.__ID__.page-head .login-btn{display:block;white-space:nowrap;transition:.3s}
.__ID__.page-head .login-btn:hover{transform:translateY(-3px);text-shadow:1px 1px 3px rgba(var(--theme), 0.3)}
.__ID__.page-head .open-menu{display:none}
.menu-expand.expand{position:fixed;right:0;top:0;display:flex;justify-content:flex-end;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,0);pointer-events:none;transform:translateX(100%);transition:.5s;z-index:52}
.menu-expand.expand .expand-inner .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.menu-expand.expand .expand-inner .cross::before,.menu-expand.expand .expand-inner .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%, -50%);background-color:#000;transition:.5s}
.menu-expand.expand .expand-inner .cross::before{transform:translate(-50%, -50%) rotate(90deg)}
.menu-expand.expand .expand-inner .cross::after{transform:translate(-50%, -50%) rotate(180deg)}
.menu-expand.expand .expand-inner{height:100vh;min-width:40%;background-color:#fff;overflow-y:auto}
.menu-expand.expand .cross{display:none}
.menu-expand.expand .exp1-list{width:100%;flex-direction:column}
.menu-expand.expand .exp2-list{display:none}
.menu-expand.expand .exp1-item{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}
.menu-expand.expand .exp1-item:has(.exp2-list) .exp1-entry .cross{display:flex}
.menu-expand.expand .exp1-item.active .exp1-entry{background-color:rgba(var(--active), 0.85);color:#fff}
.menu-expand.expand .exp1-item.active .exp1-entry .cross::before,.menu-expand.expand .exp1-item.active .exp1-entry .cross::after{background-color:#fff}
.menu-expand.expand .exp1-item.active .exp1-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.menu-expand.expand .exp1-item.active .exp1-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.menu-expand.expand .exp1-entry{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem .1rem 2em;width:100%;height:100%;color:#333;line-height:2;transition:.3s}
.menu-expand.expand .exp1-label{position:relative;flex:1;line-height:2}
.menu-expand.expand .exp2-list{width:100%;flex-direction:column}
.menu-expand.expand .exp3-list{display:none}
.menu-expand.expand .exp2-item{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}
.menu-expand.expand .exp2-item:has(.exp3-list) .exp2-entry .cross{display:flex}
.menu-expand.expand .exp2-item.active .exp2-entry{background-color:rgba(var(--active), 0.7);color:#fff}
.menu-expand.expand .exp2-item.active .exp2-entry .cross::before,.menu-expand.expand .exp2-item.active .exp2-entry .cross::after{background-color:#fff}
.menu-expand.expand .exp2-item.active .exp2-entry .cross::before{transform:translate(-50%, -50%) rotate(360deg)}
.menu-expand.expand .exp2-item.active .exp2-entry .cross::after{transform:translate(-50%, -50%) rotate(360deg)}
.menu-expand.expand .exp2-entry{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem .1rem 4em;width:100%;height:100%;color:#333;line-height:2;transition:.3s}
.menu-expand.expand .exp2-label{position:relative;flex:1;line-height:2}
.menu-expand.expand .exp1-entry{padding-left:.5rem}
.menu-expand.expand.expand-show{opacity:1;transform:translateX(0);background-color:rgba(0,0,0,.3);pointer-events:auto}
@media(max-width: 1200px){
	.__ID__.page-head .nav-list{display:none}
.__ID__.page-head .open-menu{display:block}
}
@media(max-width: 500px){
	.__ID__.page-head .contact{display:none}
}
/*! #page-head end */

/*! #index-banner start */
.__ID__.index-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}
.__ID__.index-banner .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.index-banner .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.index-banner .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.index-banner .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.index-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.index-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.index-banner .icon img:nth-child(2),.__ID__.index-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.index-banner .hover-icon:hover.icon img:first-child,.__ID__.index-banner .hover-icon:hover .icon img:first-child,.__ID__.index-banner .active-icon.icon img:first-child,.__ID__.index-banner .active-icon .icon img:first-child{opacity:0}
.__ID__.index-banner .hover-icon:hover.icon img:last-child,.__ID__.index-banner .hover-icon:hover .icon img:last-child,.__ID__.index-banner .active-icon.icon img:last-child,.__ID__.index-banner .active-icon .icon img:last-child{opacity:1}
.__ID__.index-banner .cn-wh,.__ID__.index-banner .cn-w,.__ID__.index-banner .cv-wh,.__ID__.index-banner .cv-w{display:block;width:100%}
.__ID__.index-banner .cn-wh,.__ID__.index-banner .cn-h,.__ID__.index-banner .cv-wh,.__ID__.index-banner .cv-h{display:block;height:100%}
.__ID__.index-banner .cn-wh,.__ID__.index-banner .cn-w,.__ID__.index-banner .cn-h{object-fit:contain}
.__ID__.index-banner .cv-wh,.__ID__.index-banner .cv-w,.__ID__.index-banner .cv-h{object-fit:cover}
.__ID__.index-banner .pic-box{max-width:100%;max-height:100%}
.__ID__.index-banner .pic-box img{max-width:100%;max-height:100%}
.__ID__.index-banner.wrap,.__ID__.index-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.index-banner .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.index-banner button,.__ID__.index-banner input,.__ID__.index-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.index-banner img{opacity:0}
.__ID__.index-banner img[src]{opacity:1}
.__ID__.index-banner button{cursor:pointer}
.__ID__.index-banner .hide{display:none}
.__ID__.index-banner .bold{font-weight:bold}
.__ID__.index-banner .color-t{color:rgba(var(--theme), 1)}
.__ID__.index-banner{color:#333}
.__ID__.index-banner .swp-pagination{display:flex;justify-content:center;bottom:.65rem;height:6px}
.__ID__.index-banner .swp-pagination .swiper-pagination-bullet{display:block;width:.6rem;margin:0;border-radius:0;background-color:#c6c6c6;transition:.3s}
.__ID__.index-banner .swp-pagination .swiper-pagination-bullet-active{background-color:rgba(var(--theme), 1)}
.__ID__.index-banner .swp-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:rgba(0,0,0,0);background-color:rgba(17,17,17,.1);pointer-events:auto;transition:.3s}
.__ID__.index-banner .swp-btn.swiper-button-disabled{pointer-events:none;opacity:0}
.__ID__.index-banner .swp-btn:hover{background-color:rgba(var(--theme), 1)}
.__ID__.index-banner{position:relative}
.__ID__.index-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.index-banner .index-banner-inner{position:relative;z-index:2}
.__ID__.index-banner .banner-item{display:flex;min-height:9rem;overflow:hidden}
.__ID__.index-banner .banner-pic{width:100%}
.__ID__.index-banner .swp-opt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none;z-index:10}
.__ID__.index-banner .swp-turner{display:flex;align-items:center;justify-content:space-between;margin:0 auto}
/*! #index-banner end */

/*! #index-card start */
.__ID__.index-card .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}
.__ID__.index-card .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.index-card .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.index-card .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.index-card .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.index-card .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.index-card .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.index-card .icon img:nth-child(2),.__ID__.index-card .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.index-card .hover-icon:hover.icon img:first-child,.__ID__.index-card .hover-icon:hover .icon img:first-child,.__ID__.index-card .active-icon.icon img:first-child,.__ID__.index-card .active-icon .icon img:first-child{opacity:0}
.__ID__.index-card .hover-icon:hover.icon img:last-child,.__ID__.index-card .hover-icon:hover .icon img:last-child,.__ID__.index-card .active-icon.icon img:last-child,.__ID__.index-card .active-icon .icon img:last-child{opacity:1}
.__ID__.index-card .cn-wh,.__ID__.index-card .cn-w,.__ID__.index-card .cv-wh,.__ID__.index-card .cv-w{display:block;width:100%}
.__ID__.index-card .cn-wh,.__ID__.index-card .cn-h,.__ID__.index-card .cv-wh,.__ID__.index-card .cv-h{display:block;height:100%}
.__ID__.index-card .cn-wh,.__ID__.index-card .cn-w,.__ID__.index-card .cn-h{object-fit:contain}
.__ID__.index-card .cv-wh,.__ID__.index-card .cv-w,.__ID__.index-card .cv-h{object-fit:cover}
.__ID__.index-card .pic-box{max-width:100%;max-height:100%}
.__ID__.index-card .pic-box img{max-width:100%;max-height:100%}
.__ID__.index-card.wrap,.__ID__.index-card .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.index-card .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.index-card button,.__ID__.index-card input,.__ID__.index-card textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.index-card img{opacity:0}
.__ID__.index-card img[src]{opacity:1}
.__ID__.index-card button{cursor:pointer}
.__ID__.index-card .hide{display:none}
.__ID__.index-card .bold{font-weight:bold}
.__ID__.index-card .color-t{color:rgba(var(--theme), 1)}
.__ID__.index-card{color:#333}
.__ID__.index-card{position:relative}
.__ID__.index-card .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.index-card{padding-top:.72rem;padding-bottom:1.2rem}
.__ID__.index-card .index-card-inner{position:relative;z-index:2}
.__ID__.index-card .card-list{display:flex;flex-wrap:wrap}
.__ID__.index-card .card-item{display:flex;flex-direction:column;align-items:center}
.__ID__.index-card .card-item{width:calc((100% - 1.8rem)/4)}
.__ID__.index-card .card-item:nth-child(n+2){margin-left:.6rem}
.__ID__.index-card .card-item:nth-child(4n+1){margin-left:0}
.__ID__.index-card .card-item:nth-child(n+5){margin-top:.6rem}
.__ID__.index-card .card-item{padding:.4rem .45rem .5rem;border-radius:.2rem;background-color:#fff;transition:.3s}
.__ID__.index-card .card-item:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.__ID__.index-card .card-icon{width:1.42rem}
.__ID__.index-card .card-icon{position:relative;flex-shrink:0}
.__ID__.index-card .card-icon::before{content:"";display:block;padding-top:106.338028169%}
.__ID__.index-card .card-icon .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.index-card .card-title{line-height:1.3333333333;margin-top:.28rem;text-align:center}
.__ID__.index-card .card-info{line-height:1.6666666667;margin-top:.16rem;text-align:center;color:#3d3d3d}
@media(max-width: 750px){
	.__ID__.index-card .card-item{width:calc((100% - .6rem)/2)}
.__ID__.index-card .card-item:nth-child(n+2){margin-left:.6rem}
.__ID__.index-card .card-item:nth-child(2n+1){margin-left:0}
.__ID__.index-card .card-item:nth-child(n+3){margin-top:.6rem}
}
@media(max-width: 600px){
	.__ID__.index-card .card-item{width:calc((100% - 0rem)/1)}
.__ID__.index-card .card-item:nth-child(n+2){margin-left:.6rem}
.__ID__.index-card .card-item:nth-child(1n+1){margin-left:0}
.__ID__.index-card .card-item:nth-child(n+2){margin-top:.6rem}
}
/*! #index-card end */

/*! #achievement start */
.__ID__.achievement .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}
.__ID__.achievement .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.achievement .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.achievement .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.achievement .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.achievement .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.achievement .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.achievement .icon img:nth-child(2),.__ID__.achievement .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.achievement .hover-icon:hover.icon img:first-child,.__ID__.achievement .hover-icon:hover .icon img:first-child,.__ID__.achievement .active-icon.icon img:first-child,.__ID__.achievement .active-icon .icon img:first-child{opacity:0}
.__ID__.achievement .hover-icon:hover.icon img:last-child,.__ID__.achievement .hover-icon:hover .icon img:last-child,.__ID__.achievement .active-icon.icon img:last-child,.__ID__.achievement .active-icon .icon img:last-child{opacity:1}
.__ID__.achievement .cn-wh,.__ID__.achievement .cn-w,.__ID__.achievement .cv-wh,.__ID__.achievement .cv-w{display:block;width:100%}
.__ID__.achievement .cn-wh,.__ID__.achievement .cn-h,.__ID__.achievement .cv-wh,.__ID__.achievement .cv-h{display:block;height:100%}
.__ID__.achievement .cn-wh,.__ID__.achievement .cn-w,.__ID__.achievement .cn-h{object-fit:contain}
.__ID__.achievement .cv-wh,.__ID__.achievement .cv-w,.__ID__.achievement .cv-h{object-fit:cover}
.__ID__.achievement .pic-box{max-width:100%;max-height:100%}
.__ID__.achievement .pic-box img{max-width:100%;max-height:100%}
.__ID__.achievement.wrap,.__ID__.achievement .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.achievement .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.achievement button,.__ID__.achievement input,.__ID__.achievement textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.achievement img{opacity:0}
.__ID__.achievement img[src]{opacity:1}
.__ID__.achievement button{cursor:pointer}
.__ID__.achievement .hide{display:none}
.__ID__.achievement .bold{font-weight:bold}
.__ID__.achievement .color-t{color:rgba(var(--theme), 1)}
.__ID__.achievement{color:#333}
.__ID__.achievement .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.achievement .mod-title{line-height:1.4545454545}
.__ID__.achievement .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.achievement{padding-top:.4rem;padding-bottom:1.35rem;background-color:#f4f7ff}
.__ID__.achievement .achievement-main{padding:.5rem .4rem;margin-top:.4rem;border-radius:.2rem;background-color:#fff}
.__ID__.achievement .data-board{display:flex;align-items:center;justify-content:space-between}
.__ID__.achievement .data-item{display:flex;align-items:center}
.__ID__.achievement .data-icon{width:.91rem;margin-right:.05rem}
.__ID__.achievement .data-icon{position:relative;flex-shrink:0}
.__ID__.achievement .data-icon::before{content:"";display:block;padding-top:100%}
.__ID__.achievement .data-icon .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.achievement .data-value{display:flex;line-height:.8}
.__ID__.achievement .data-name{line-height:1.4;margin-top:.15rem;color:#48494a}
.__ID__.achievement .data-line{height:2em;width:2px;margin:0 .2rem;background-color:#b2b2b2}
@media(max-width: 750px){
	.__ID__.achievement .data-board{flex-wrap:wrap;margin-top:-0.6rem}
.__ID__.achievement .data-line{display:none}
.__ID__.achievement .data-item{justify-content:center;width:50%;margin-top:.6rem}
}
/*! #achievement end */

/*! #client start */
.__ID__.client .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}
.__ID__.client .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.client .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.client .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.client .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.client .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.client .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.client .icon img:nth-child(2),.__ID__.client .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.client .hover-icon:hover.icon img:first-child,.__ID__.client .hover-icon:hover .icon img:first-child,.__ID__.client .active-icon.icon img:first-child,.__ID__.client .active-icon .icon img:first-child{opacity:0}
.__ID__.client .hover-icon:hover.icon img:last-child,.__ID__.client .hover-icon:hover .icon img:last-child,.__ID__.client .active-icon.icon img:last-child,.__ID__.client .active-icon .icon img:last-child{opacity:1}
.__ID__.client .cn-wh,.__ID__.client .cn-w,.__ID__.client .cv-wh,.__ID__.client .cv-w{display:block;width:100%}
.__ID__.client .cn-wh,.__ID__.client .cn-h,.__ID__.client .cv-wh,.__ID__.client .cv-h{display:block;height:100%}
.__ID__.client .cn-wh,.__ID__.client .cn-w,.__ID__.client .cn-h{object-fit:contain}
.__ID__.client .cv-wh,.__ID__.client .cv-w,.__ID__.client .cv-h{object-fit:cover}
.__ID__.client .pic-box{max-width:100%;max-height:100%}
.__ID__.client .pic-box img{max-width:100%;max-height:100%}
.__ID__.client.wrap,.__ID__.client .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.client .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.client button,.__ID__.client input,.__ID__.client textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.client img{opacity:0}
.__ID__.client img[src]{opacity:1}
.__ID__.client button{cursor:pointer}
.__ID__.client .hide{display:none}
.__ID__.client .bold{font-weight:bold}
.__ID__.client .color-t{color:rgba(var(--theme), 1)}
.__ID__.client{color:#333}
.__ID__.client .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.client .mod-title{line-height:1.4545454545}
.__ID__.client .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.client{position:relative}
.__ID__.client .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.client{padding-top:4.1666666667vw;padding-bottom:13.8020833333vw;background-color:#f4f7ff}
.__ID__.client .client-inner{position:relative;z-index:2}
.__ID__.client .client-main{display:flex;justify-content:center;margin-top:4.9479166667vw}
.__ID__.client .client-list{display:flex;justify-content:space-between}
.__ID__.client .client-group{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}
.__ID__.client .client-group.smaller{width:6.6666666667vw;margin:0 .5208333333vw}
.__ID__.client .client-group.smaller.once{margin:0 .3125vw}
.__ID__.client .client-group.smaller .client-item{width:8.8541666667vw}
.__ID__.client .client-group.midden{width:8.8541666667vw;margin:0 .15625vw}
.__ID__.client .client-group.midden.once{margin:0 .5208333333vw}
.__ID__.client .client-group.midden .client-item{width:11.71875vw}
.__ID__.client .client-group.bigger{width:14.0625vw}
.__ID__.client .client-group.bigger .client-item{width:15.625vw}
.__ID__.client .client-item{display:flex;align-items:center;justify-content:center}
.__ID__.client .client-item{position:relative;flex-shrink:0}
.__ID__.client .client-item::before{content:"";display:block;padding-top:87.6666666667%}
.__ID__.client .client-item .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.client .client-item{margin:.3125vw 0;flex-shrink:0;transform:scale(0);transition:transform .3s}
.__ID__.client .client-item.played{transform:scale(1)}
.__ID__.client .client-pic{display:flex;align-items:center;justify-content:center;transform:scale(1.38)}
/*! #client end */

/*! #page-end start */
.__ID__.page-end .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}
.__ID__.page-end .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.page-end .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.page-end .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.page-end .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.page-end .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.page-end .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.page-end .icon img:nth-child(2),.__ID__.page-end .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.page-end .hover-icon:hover.icon img:first-child,.__ID__.page-end .hover-icon:hover .icon img:first-child,.__ID__.page-end .active-icon.icon img:first-child,.__ID__.page-end .active-icon .icon img:first-child{opacity:0}
.__ID__.page-end .hover-icon:hover.icon img:last-child,.__ID__.page-end .hover-icon:hover .icon img:last-child,.__ID__.page-end .active-icon.icon img:last-child,.__ID__.page-end .active-icon .icon img:last-child{opacity:1}
.__ID__.page-end .cn-wh,.__ID__.page-end .cn-w,.__ID__.page-end .cv-wh,.__ID__.page-end .cv-w{display:block;width:100%}
.__ID__.page-end .cn-wh,.__ID__.page-end .cn-h,.__ID__.page-end .cv-wh,.__ID__.page-end .cv-h{display:block;height:100%}
.__ID__.page-end .cn-wh,.__ID__.page-end .cn-w,.__ID__.page-end .cn-h{object-fit:contain}
.__ID__.page-end .cv-wh,.__ID__.page-end .cv-w,.__ID__.page-end .cv-h{object-fit:cover}
.__ID__.page-end .pic-box{max-width:100%;max-height:100%}
.__ID__.page-end .pic-box img{max-width:100%;max-height:100%}
.__ID__.page-end.wrap,.__ID__.page-end .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.page-end .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.page-end button,.__ID__.page-end input,.__ID__.page-end textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.page-end img{opacity:0}
.__ID__.page-end img[src]{opacity:1}
.__ID__.page-end button{cursor:pointer}
.__ID__.page-end .hide{display:none}
.__ID__.page-end .bold{font-weight:bold}
.__ID__.page-end .color-t{color:rgba(var(--theme), 1)}
.__ID__.page-end{color:#333}
.__ID__.page-end{padding-top:.46rem;padding-bottom:.4rem;color:#fff;background-color:rgba(var(--bottom-bg), 1)}
.__ID__.page-end .end-main{display:flex;justify-content:space-between}
.__ID__.page-end .end-left{position:relative;padding-right:1rem;margin-right:.6rem}
.__ID__.page-end .end-left::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:1.57rem;background-color:#fff}
.__ID__.page-end .end-nav{display:flex;margin-left:-1rem}
.__ID__.page-end .nav-list{margin-left:1rem}
.__ID__.page-end .nav-title{line-height:1.4166666667}
.__ID__.page-end .nav-title::after{content:"";display:block;width:.4rem;height:2px;margin-top:.15rem;margin-bottom:.12rem;background-color:#fff}
.__ID__.page-end .nav-item{white-space:nowrap;line-height:2;transition:color .3s}
.__ID__.page-end .nav-item:hover{color:rgba(var(--theme), 1)}
.__ID__.page-end .end-title{line-height:1.3571428571}
.__ID__.page-end .info-list{margin-top:.1rem}
.__ID__.page-end .info-item{line-height:1.5555555556;margin-top:.2rem}
@media(max-width: 1200px){
	.__ID__.page-end .end-main{flex-direction:column}
.__ID__.page-end .end-left{padding-right:0;margin-right:0}
.__ID__.page-end .end-left::after{display:none}
.__ID__.page-end .end-nav{flex-wrap:wrap}
.__ID__.page-end .end-right{margin-top:.6rem}
}
/*! #page-end end */

/*! #about-banner start */
.__ID__.about-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}
.__ID__.about-banner .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.about-banner .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.about-banner .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.about-banner .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.about-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.about-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.about-banner .icon img:nth-child(2),.__ID__.about-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.about-banner .hover-icon:hover.icon img:first-child,.__ID__.about-banner .hover-icon:hover .icon img:first-child,.__ID__.about-banner .active-icon.icon img:first-child,.__ID__.about-banner .active-icon .icon img:first-child{opacity:0}
.__ID__.about-banner .hover-icon:hover.icon img:last-child,.__ID__.about-banner .hover-icon:hover .icon img:last-child,.__ID__.about-banner .active-icon.icon img:last-child,.__ID__.about-banner .active-icon .icon img:last-child{opacity:1}
.__ID__.about-banner .cn-wh,.__ID__.about-banner .cn-w,.__ID__.about-banner .cv-wh,.__ID__.about-banner .cv-w{display:block;width:100%}
.__ID__.about-banner .cn-wh,.__ID__.about-banner .cn-h,.__ID__.about-banner .cv-wh,.__ID__.about-banner .cv-h{display:block;height:100%}
.__ID__.about-banner .cn-wh,.__ID__.about-banner .cn-w,.__ID__.about-banner .cn-h{object-fit:contain}
.__ID__.about-banner .cv-wh,.__ID__.about-banner .cv-w,.__ID__.about-banner .cv-h{object-fit:cover}
.__ID__.about-banner .pic-box{max-width:100%;max-height:100%}
.__ID__.about-banner .pic-box img{max-width:100%;max-height:100%}
.__ID__.about-banner.wrap,.__ID__.about-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.about-banner .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.about-banner button,.__ID__.about-banner input,.__ID__.about-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.about-banner img{opacity:0}
.__ID__.about-banner img[src]{opacity:1}
.__ID__.about-banner button{cursor:pointer}
.__ID__.about-banner .hide{display:none}
.__ID__.about-banner .bold{font-weight:bold}
.__ID__.about-banner .color-t{color:rgba(var(--theme), 1)}
.__ID__.about-banner{color:#333}
.__ID__.about-banner{position:relative}
.__ID__.about-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.__ID__.about-banner .cover{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:9rem;text-align:right;z-index:2}
.__ID__.about-banner .content{display:flex;flex-direction:column;align-items:flex-end;min-height:5.2rem}
.__ID__.about-banner .banner-title{font-size:.84rem;line-height:1}
.__ID__.about-banner .banner-line{width:2rem;height:6px;margin:.85rem 0 .45rem;background-color:rgba(var(--theme), 1)}
.__ID__.about-banner .banner-info{line-height:1.1886792453}
/*! #about-banner end */

/*! #intro start */
.__ID__.intro .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}
.__ID__.intro .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.intro .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.intro .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.intro .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.intro .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.intro .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.intro .icon img:nth-child(2),.__ID__.intro .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.intro .hover-icon:hover.icon img:first-child,.__ID__.intro .hover-icon:hover .icon img:first-child,.__ID__.intro .active-icon.icon img:first-child,.__ID__.intro .active-icon .icon img:first-child{opacity:0}
.__ID__.intro .hover-icon:hover.icon img:last-child,.__ID__.intro .hover-icon:hover .icon img:last-child,.__ID__.intro .active-icon.icon img:last-child,.__ID__.intro .active-icon .icon img:last-child{opacity:1}
.__ID__.intro .cn-wh,.__ID__.intro .cn-w,.__ID__.intro .cv-wh,.__ID__.intro .cv-w{display:block;width:100%}
.__ID__.intro .cn-wh,.__ID__.intro .cn-h,.__ID__.intro .cv-wh,.__ID__.intro .cv-h{display:block;height:100%}
.__ID__.intro .cn-wh,.__ID__.intro .cn-w,.__ID__.intro .cn-h{object-fit:contain}
.__ID__.intro .cv-wh,.__ID__.intro .cv-w,.__ID__.intro .cv-h{object-fit:cover}
.__ID__.intro .pic-box{max-width:100%;max-height:100%}
.__ID__.intro .pic-box img{max-width:100%;max-height:100%}
.__ID__.intro.wrap,.__ID__.intro .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.intro .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.intro button,.__ID__.intro input,.__ID__.intro textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.intro img{opacity:0}
.__ID__.intro img[src]{opacity:1}
.__ID__.intro button{cursor:pointer}
.__ID__.intro .hide{display:none}
.__ID__.intro .bold{font-weight:bold}
.__ID__.intro .color-t{color:rgba(var(--theme), 1)}
.__ID__.intro{color:#333}
.__ID__.intro .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.intro .mod-title{line-height:1.4545454545}
.__ID__.intro .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.intro{position:relative;padding-top:1.2rem;padding-bottom:1rem}
.__ID__.intro .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.__ID__.intro .intro-inner{position:relative;z-index:2}
.__ID__.intro .intro-main{display:flex;align-items:center;justify-content:space-between;margin-top:.9rem}
.__ID__.intro .intro-left{position:relative;width:6.14rem}
.__ID__.intro .intro-left::after{content:"";position:absolute;left:100%;bottom:.6rem;width:6px;height:.84rem;background-color:rgba(var(--theme), 1)}
.__ID__.intro .intro-pic{position:relative;flex-shrink:0}
.__ID__.intro .intro-pic::before{content:"";display:block;padding-top:67.4267100977%}
.__ID__.intro .intro-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.intro .intro-pic{border-radius:.4rem 0 .4rem 0;overflow:hidden}
.__ID__.intro .intro-right{flex:1;padding-left:.45rem}
.__ID__.intro .intro-mark{height:.38rem}
.__ID__.intro .intro-title{line-height:1.2777777778;margin-top:.21rem}
.__ID__.intro .intro-info{padding-right:.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/*! autoprefixer: off */-webkit-box-orient:vertical;/*! autoprefixer: on */-webkit-box-orient:vertical;max-width:100%;max-height:10.7916666667em;-webkit-line-clamp:7;line-height:1.5416666667;margin-top:.285rem}
.__ID__.intro .intro-info::-webkit-scrollbar{background-color:rgba(var(--thumb-bg), 1)}
.__ID__.intro .intro-info::-webkit-scrollbar-thumb{background:rgba(var(--theme), 1)}
.__ID__.intro .intro-info{overflow-y:auto}
.__ID__.intro .intro-info::-webkit-scrollbar{width:.06rem}
@media(max-width: 600px){
	.__ID__.intro .intro-inner{flex-direction:column}
.__ID__.intro .intro-left,.__ID__.intro .intro-right{width:100%}
.__ID__.intro .intro-right{padding-left:0;margin-top:.6rem}
}
/*! #intro end */

/*! #culture start */
.__ID__.culture .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}
.__ID__.culture .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.culture .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.culture .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.culture .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.culture .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.culture .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.culture .icon img:nth-child(2),.__ID__.culture .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.culture .hover-icon:hover.icon img:first-child,.__ID__.culture .hover-icon:hover .icon img:first-child,.__ID__.culture .active-icon.icon img:first-child,.__ID__.culture .active-icon .icon img:first-child{opacity:0}
.__ID__.culture .hover-icon:hover.icon img:last-child,.__ID__.culture .hover-icon:hover .icon img:last-child,.__ID__.culture .active-icon.icon img:last-child,.__ID__.culture .active-icon .icon img:last-child{opacity:1}
.__ID__.culture .cn-wh,.__ID__.culture .cn-w,.__ID__.culture .cv-wh,.__ID__.culture .cv-w{display:block;width:100%}
.__ID__.culture .cn-wh,.__ID__.culture .cn-h,.__ID__.culture .cv-wh,.__ID__.culture .cv-h{display:block;height:100%}
.__ID__.culture .cn-wh,.__ID__.culture .cn-w,.__ID__.culture .cn-h{object-fit:contain}
.__ID__.culture .cv-wh,.__ID__.culture .cv-w,.__ID__.culture .cv-h{object-fit:cover}
.__ID__.culture .pic-box{max-width:100%;max-height:100%}
.__ID__.culture .pic-box img{max-width:100%;max-height:100%}
.__ID__.culture.wrap,.__ID__.culture .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.culture .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.culture button,.__ID__.culture input,.__ID__.culture textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.culture img{opacity:0}
.__ID__.culture img[src]{opacity:1}
.__ID__.culture button{cursor:pointer}
.__ID__.culture .hide{display:none}
.__ID__.culture .bold{font-weight:bold}
.__ID__.culture .color-t{color:rgba(var(--theme), 1)}
.__ID__.culture{color:#333}
.__ID__.culture .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.culture .mod-title{line-height:1.4545454545}
.__ID__.culture .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.culture{padding-top:1.4rem;padding-bottom:1rem;background-color:#f4f7ff}
.__ID__.culture .culture-main{margin-top:.95rem}
.__ID__.culture .culture-list{display:flex;flex-wrap:wrap}
.__ID__.culture .culture-card{width:calc((100% - 1.14rem)/4)}
.__ID__.culture .culture-card:nth-child(n+2){margin-left:.38rem}
.__ID__.culture .culture-card:nth-child(4n+1){margin-left:0}
.__ID__.culture .culture-card:nth-child(n+5){margin-top:.38rem}
.__ID__.culture .culture-card{padding:.24rem .35rem;background-color:#fff;border-radius:.2rem;transition:.3s}
.__ID__.culture .culture-card:hover{box-shadow:0px 0px 15px rgba(0,0,0,.2);transform:translateY(-5px)}
.__ID__.culture .culture-card:hover .card-title{color:rgba(var(--theme), 1)}
.__ID__.culture .card-head{display:flex;align-items:center;padding-bottom:.2rem;border-bottom:1px solid #d8d8d8}
.__ID__.culture .card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.5rem;height:.5rem;margin-right:.18rem}
.__ID__.culture .card-info{flex:1;min-width:0}
.__ID__.culture .card-title{line-height:1.4166666667}
.__ID__.culture .card-subtitle{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/*! autoprefixer: off */-webkit-box-orient:vertical;/*! autoprefixer: on */-webkit-box-orient:vertical;max-width:100%;max-height:1.7692307692em;display:block;white-space:nowrap;line-height:1.7692307692;margin-top:.02rem;width:100%;color:#666}
.__ID__.culture .card-content{line-height:1.4375;margin-top:.185rem}
@media(max-width: 750px){
	.__ID__.culture .culture-card{width:calc((100% - .76rem)/3)}
.__ID__.culture .culture-card:nth-child(n+2){margin-left:.38rem}
.__ID__.culture .culture-card:nth-child(3n+1){margin-left:0}
.__ID__.culture .culture-card:nth-child(n+4){margin-top:.38rem}
}
@media(max-width: 600px){
	.__ID__.culture .culture-card{width:calc((100% - .38rem)/2)}
.__ID__.culture .culture-card:nth-child(n+2){margin-left:.38rem}
.__ID__.culture .culture-card:nth-child(2n+1){margin-left:0}
.__ID__.culture .culture-card:nth-child(n+3){margin-top:.38rem}
}
@media(max-width: 400px){
	.__ID__.culture .culture-card{width:calc((100% - 0rem)/1)}
.__ID__.culture .culture-card:nth-child(n+2){margin-left:.38rem}
.__ID__.culture .culture-card:nth-child(1n+1){margin-left:0}
.__ID__.culture .culture-card:nth-child(n+2){margin-top:.38rem}
}
/*! #culture end */

/*! #dev start */
.__ID__.dev .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}
.__ID__.dev .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.dev .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.dev .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.dev .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.dev .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.dev .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.dev .icon img:nth-child(2),.__ID__.dev .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.dev .hover-icon:hover.icon img:first-child,.__ID__.dev .hover-icon:hover .icon img:first-child,.__ID__.dev .active-icon.icon img:first-child,.__ID__.dev .active-icon .icon img:first-child{opacity:0}
.__ID__.dev .hover-icon:hover.icon img:last-child,.__ID__.dev .hover-icon:hover .icon img:last-child,.__ID__.dev .active-icon.icon img:last-child,.__ID__.dev .active-icon .icon img:last-child{opacity:1}
.__ID__.dev .cn-wh,.__ID__.dev .cn-w,.__ID__.dev .cv-wh,.__ID__.dev .cv-w{display:block;width:100%}
.__ID__.dev .cn-wh,.__ID__.dev .cn-h,.__ID__.dev .cv-wh,.__ID__.dev .cv-h{display:block;height:100%}
.__ID__.dev .cn-wh,.__ID__.dev .cn-w,.__ID__.dev .cn-h{object-fit:contain}
.__ID__.dev .cv-wh,.__ID__.dev .cv-w,.__ID__.dev .cv-h{object-fit:cover}
.__ID__.dev .pic-box{max-width:100%;max-height:100%}
.__ID__.dev .pic-box img{max-width:100%;max-height:100%}
.__ID__.dev.wrap,.__ID__.dev .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.dev .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.dev button,.__ID__.dev input,.__ID__.dev textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.dev img{opacity:0}
.__ID__.dev img[src]{opacity:1}
.__ID__.dev button{cursor:pointer}
.__ID__.dev .hide{display:none}
.__ID__.dev .bold{font-weight:bold}
.__ID__.dev .color-t{color:rgba(var(--theme), 1)}
.__ID__.dev{color:#333}
.__ID__.dev .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.dev .mod-title{line-height:1.4545454545}
.__ID__.dev .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.dev{position:relative;padding-top:1rem;padding-bottom:1.2rem;overflow:hidden}
.__ID__.dev .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.__ID__.dev .dev-inner{position:relative;z-index:2}
.__ID__.dev .dev-main{margin-top:1.1rem}
.__ID__.dev .dev-swp{transform:translateX(1.7rem);overflow:visible}
.__ID__.dev .dev-item{display:flex;flex-direction:column;width:2.28rem}
.__ID__.dev .dev-item:nth-child(even){flex-direction:column-reverse}
.__ID__.dev .dev-item:nth-child(even) .dev-axis::after{bottom:auto;top:0}
.__ID__.dev .dev-item:last-child .dev-axis::before{display:none}
.__ID__.dev .dev-item:nth-child(odd) .dev-block::after{display:none}
.__ID__.dev .dev-item:nth-child(even) .dev-block::before{display:none}
.__ID__.dev .dev-axis{position:relative;display:flex;align-items:center;height:7.7em;margin:.15rem 0}
.__ID__.dev .dev-axis::before{content:"";position:absolute;top:50%;left:0;right:0;height:5px;transform:translateY(-50%);background-color:rgba(var(--theme), 0.5)}
.__ID__.dev .dev-point{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.3rem;height:.3rem;border-radius:50%;background:#e0e1e6;padding:.05rem;border-radius:50%;z-index:5}
.__ID__.dev .dev-point::before{content:"";display:block;height:100%;width:100%;border-radius:inherit;background-color:#fff}
.__ID__.dev .dev-block{position:relative;width:3.68rem;min-height:1.9rem;padding:.15rem .3rem;background-color:#fff;transform:translateX(-50%);margin-left:.15rem;border-radius:.1rem;box-shadow:0 0 6px rgba(0,0,0,.3333333333);transition:background-color .3s;z-index:5}
.__ID__.dev .dev-block::before,.__ID__.dev .dev-block::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-right:9px solid rgba(0,0,0,0);border-left:9px solid rgba(0,0,0,0);transition:.3s}
.__ID__.dev .dev-block::before{bottom:100%;border-top:0px solid rgba(0,0,0,0);border-bottom:23px solid #fff;filter:drop-shadow(0 -3px 3px rgba(0, 0, 0, 0.2))}
.__ID__.dev .dev-block::after{top:100%;border-top:23px solid #fff;border-bottom:0px solid rgba(0,0,0,0);filter:drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2))}
.__ID__.dev .dev-block:hover{background-color:rgba(var(--theme), 1);color:#fff}
.__ID__.dev .dev-block:hover .dev-info{color:#fff}
.__ID__.dev .dev-block:hover::before{border-bottom-color:rgba(var(--theme), 1)}
.__ID__.dev .dev-block:hover::after{border-top-color:rgba(var(--theme), 1)}
.__ID__.dev .dev-title{line-height:1.3571428571}
.__ID__.dev .dev-info{line-height:1.5555555556;margin-top:.08rem;color:#3d3d3d}
/*! #dev end */

/*! #case-banner start */
.__ID__.case-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}
.__ID__.case-banner .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.case-banner .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.case-banner .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.case-banner .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.case-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.case-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.case-banner .icon img:nth-child(2),.__ID__.case-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.case-banner .hover-icon:hover.icon img:first-child,.__ID__.case-banner .hover-icon:hover .icon img:first-child,.__ID__.case-banner .active-icon.icon img:first-child,.__ID__.case-banner .active-icon .icon img:first-child{opacity:0}
.__ID__.case-banner .hover-icon:hover.icon img:last-child,.__ID__.case-banner .hover-icon:hover .icon img:last-child,.__ID__.case-banner .active-icon.icon img:last-child,.__ID__.case-banner .active-icon .icon img:last-child{opacity:1}
.__ID__.case-banner .cn-wh,.__ID__.case-banner .cn-w,.__ID__.case-banner .cv-wh,.__ID__.case-banner .cv-w{display:block;width:100%}
.__ID__.case-banner .cn-wh,.__ID__.case-banner .cn-h,.__ID__.case-banner .cv-wh,.__ID__.case-banner .cv-h{display:block;height:100%}
.__ID__.case-banner .cn-wh,.__ID__.case-banner .cn-w,.__ID__.case-banner .cn-h{object-fit:contain}
.__ID__.case-banner .cv-wh,.__ID__.case-banner .cv-w,.__ID__.case-banner .cv-h{object-fit:cover}
.__ID__.case-banner .pic-box{max-width:100%;max-height:100%}
.__ID__.case-banner .pic-box img{max-width:100%;max-height:100%}
.__ID__.case-banner.wrap,.__ID__.case-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.case-banner .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.case-banner button,.__ID__.case-banner input,.__ID__.case-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.case-banner img{opacity:0}
.__ID__.case-banner img[src]{opacity:1}
.__ID__.case-banner button{cursor:pointer}
.__ID__.case-banner .hide{display:none}
.__ID__.case-banner .bold{font-weight:bold}
.__ID__.case-banner .color-t{color:rgba(var(--theme), 1)}
.__ID__.case-banner{color:#333}
.__ID__.case-banner{padding-top:1.8rem;padding-bottom:1rem}
.__ID__.case-banner{position:relative}
.__ID__.case-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.case-banner .banner-inner{position:relative;z-index:2}
.__ID__.case-banner .banner-main{display:flex;align-items:center;justify-content:space-between}
.__ID__.case-banner .banner-left{flex:1;min-width:0}
.__ID__.case-banner .banner-pic{width:4.6rem;max-width:100%;margin-left:.6rem}
.__ID__.case-banner .banner-pic{position:relative;flex-shrink:0}
.__ID__.case-banner .banner-pic::before{content:"";display:block;padding-top:135.652173913%}
.__ID__.case-banner .banner-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.case-banner .banner-title{font-size:1rem;line-height:1;color:rgba(0,0,0,0);background:linear-gradient(60deg, #4089e2, #409b9f);background-clip:text}
.__ID__.case-banner .banner-info{line-height:1.5555555556;margin-top:.55rem;color:#434242}
.__ID__.case-banner .banner-btns{display:flex;flex-wrap:wrap;margin-left:-0.5rem}
.__ID__.case-banner .btn{display:flex;align-items:center;justify-content:center;min-width:2.45rem;min-height:.9rem;color:#fff;border-radius:.15rem;margin-left:.5rem;margin-top:.5rem;padding:.1rem .3rem;transition:.3s}
.__ID__.case-banner .btn .btn-icon{margin-right:.15rem}
.__ID__.case-banner .btn:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-5px)}
@media(max-width: 750px){
	.__ID__.case-banner .banner-main{flex-direction:column}
.__ID__.case-banner .banner-pic{margin-left:0;margin-top:.6rem}
}
/*! #case-banner end */

/*! #feature start */
.__ID__.feature .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}
.__ID__.feature .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.feature .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.feature .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.feature .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.feature .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.feature .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.feature .icon img:nth-child(2),.__ID__.feature .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.feature .hover-icon:hover.icon img:first-child,.__ID__.feature .hover-icon:hover .icon img:first-child,.__ID__.feature .active-icon.icon img:first-child,.__ID__.feature .active-icon .icon img:first-child{opacity:0}
.__ID__.feature .hover-icon:hover.icon img:last-child,.__ID__.feature .hover-icon:hover .icon img:last-child,.__ID__.feature .active-icon.icon img:last-child,.__ID__.feature .active-icon .icon img:last-child{opacity:1}
.__ID__.feature .cn-wh,.__ID__.feature .cn-w,.__ID__.feature .cv-wh,.__ID__.feature .cv-w{display:block;width:100%}
.__ID__.feature .cn-wh,.__ID__.feature .cn-h,.__ID__.feature .cv-wh,.__ID__.feature .cv-h{display:block;height:100%}
.__ID__.feature .cn-wh,.__ID__.feature .cn-w,.__ID__.feature .cn-h{object-fit:contain}
.__ID__.feature .cv-wh,.__ID__.feature .cv-w,.__ID__.feature .cv-h{object-fit:cover}
.__ID__.feature .pic-box{max-width:100%;max-height:100%}
.__ID__.feature .pic-box img{max-width:100%;max-height:100%}
.__ID__.feature.wrap,.__ID__.feature .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.feature .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.feature button,.__ID__.feature input,.__ID__.feature textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.feature img{opacity:0}
.__ID__.feature img[src]{opacity:1}
.__ID__.feature button{cursor:pointer}
.__ID__.feature .hide{display:none}
.__ID__.feature .bold{font-weight:bold}
.__ID__.feature .color-t{color:rgba(var(--theme), 1)}
.__ID__.feature{color:#333}
.__ID__.feature .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.feature .mod-title{line-height:1.4545454545}
.__ID__.feature .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.feature{padding-top:1.5rem;padding-bottom:.75rem;background-color:#f4f7ff}
.__ID__.feature .feature-main{margin-top:.7rem}
.__ID__.feature .feature-list{display:flex;flex-wrap:wrap}
.__ID__.feature .feature-item{display:flex;flex-direction:column;align-items:center}
.__ID__.feature .feature-item{width:calc((100% - 1.4rem)/3)}
.__ID__.feature .feature-item:nth-child(n+2){margin-left:.7rem}
.__ID__.feature .feature-item:nth-child(3n+1){margin-left:0}
.__ID__.feature .feature-item:nth-child(n+4){margin-top:.7rem}
.__ID__.feature .feature-item{padding:.45rem .45rem .3rem;border-radius:.2rem;background-color:#fff;transition:.3s}
.__ID__.feature .feature-item:hover{box-shadow:0 0 15px rgba(0,0,0,.2);transform:translateY(-5px)}
.__ID__.feature .feature-icon{width:.6rem}
.__ID__.feature .feature-title{line-height:1.3571428571;margin-top:.2rem}
.__ID__.feature .feature-info{line-height:1.5;margin-top:.195rem;margin-bottom:.195rem}
.__ID__.feature .feature-link{display:flex;align-items:center;line-height:1.7692307692;color:rgba(var(--theme), 1)}
.__ID__.feature .icon-gt{margin-left:.12rem}
@media(max-width: 750px){
	.__ID__.feature .feature-item{width:calc((100% - .7rem)/2)}
.__ID__.feature .feature-item:nth-child(n+2){margin-left:.7rem}
.__ID__.feature .feature-item:nth-child(2n+1){margin-left:0}
.__ID__.feature .feature-item:nth-child(n+3){margin-top:.7rem}
}
@media(max-width: 500px){
	.__ID__.feature .feature-item{width:calc((100% - 0rem)/1)}
.__ID__.feature .feature-item:nth-child(n+2){margin-left:.7rem}
.__ID__.feature .feature-item:nth-child(1n+1){margin-left:0}
.__ID__.feature .feature-item:nth-child(n+2){margin-top:.7rem}
}
/*! #feature end */

/*! #screenshot start */
.__ID__.screenshot .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}
.__ID__.screenshot .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.screenshot .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.screenshot .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.screenshot .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.screenshot .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.screenshot .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.screenshot .icon img:nth-child(2),.__ID__.screenshot .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.screenshot .hover-icon:hover.icon img:first-child,.__ID__.screenshot .hover-icon:hover .icon img:first-child,.__ID__.screenshot .active-icon.icon img:first-child,.__ID__.screenshot .active-icon .icon img:first-child{opacity:0}
.__ID__.screenshot .hover-icon:hover.icon img:last-child,.__ID__.screenshot .hover-icon:hover .icon img:last-child,.__ID__.screenshot .active-icon.icon img:last-child,.__ID__.screenshot .active-icon .icon img:last-child{opacity:1}
.__ID__.screenshot .cn-wh,.__ID__.screenshot .cn-w,.__ID__.screenshot .cv-wh,.__ID__.screenshot .cv-w{display:block;width:100%}
.__ID__.screenshot .cn-wh,.__ID__.screenshot .cn-h,.__ID__.screenshot .cv-wh,.__ID__.screenshot .cv-h{display:block;height:100%}
.__ID__.screenshot .cn-wh,.__ID__.screenshot .cn-w,.__ID__.screenshot .cn-h{object-fit:contain}
.__ID__.screenshot .cv-wh,.__ID__.screenshot .cv-w,.__ID__.screenshot .cv-h{object-fit:cover}
.__ID__.screenshot .pic-box{max-width:100%;max-height:100%}
.__ID__.screenshot .pic-box img{max-width:100%;max-height:100%}
.__ID__.screenshot.wrap,.__ID__.screenshot .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.screenshot .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.screenshot button,.__ID__.screenshot input,.__ID__.screenshot textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.screenshot img{opacity:0}
.__ID__.screenshot img[src]{opacity:1}
.__ID__.screenshot button{cursor:pointer}
.__ID__.screenshot .hide{display:none}
.__ID__.screenshot .bold{font-weight:bold}
.__ID__.screenshot .color-t{color:rgba(var(--theme), 1)}
.__ID__.screenshot{color:#333}
.__ID__.screenshot .swp-pagination{display:flex;justify-content:center;bottom:.65rem;height:6px}
.__ID__.screenshot .swp-pagination .swiper-pagination-bullet{display:block;width:.6rem;margin:0;border-radius:0;background-color:#c6c6c6;transition:.3s}
.__ID__.screenshot .swp-pagination .swiper-pagination-bullet-active{background-color:rgba(var(--theme), 1)}
.__ID__.screenshot .swp-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:rgba(0,0,0,0);background-color:rgba(17,17,17,.1);pointer-events:auto;transition:.3s}
.__ID__.screenshot .swp-btn.swiper-button-disabled{pointer-events:none;opacity:0}
.__ID__.screenshot .swp-btn:hover{background-color:rgba(var(--theme), 1)}
.__ID__.screenshot{padding-top:.85rem;padding-bottom:.75rem}
.__ID__.screenshot{position:relative}
.__ID__.screenshot .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.screenshot{overflow:hidden}
.__ID__.screenshot .screenshot-inner{position:relative;z-index:2}
.__ID__.screenshot .screenshot-main{position:relative;margin-top:.8rem}
.__ID__.screenshot .screenshot-item{display:flex;align-items:center;justify-content:center}
.__ID__.screenshot .screenshot-item.swiper-slide-prev .screenshot-pic{transform-origin:right center}
.__ID__.screenshot .screenshot-item.swiper-slide-active .screenshot-pic{transform:scale(1)}
.__ID__.screenshot .screenshot-item.swiper-slide-next .screenshot-pic{transform-origin:left center}
.__ID__.screenshot .screenshot-pic{width:2.88rem}
.__ID__.screenshot .screenshot-pic{position:relative;flex-shrink:0}
.__ID__.screenshot .screenshot-pic::before{content:"";display:block;padding-top:204.1666666667%}
.__ID__.screenshot .screenshot-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.screenshot .screenshot-pic{transform:scale(0.8);transition:transform .3s}
.__ID__.screenshot .swp-opt{position:absolute;top:0;bottom:0;left:50%;display:flex;align-items:center;pointer-events:none;width:100vw;padding:0 4%;transform:translateX(-50%);z-index:10}
.__ID__.screenshot .swp-turner{display:flex;align-items:center;justify-content:space-between;width:15rem;margin:0 auto}
.__ID__.screenshot .swp-pagination{position:static;margin-top:.65rem}
/*! #screenshot end */

/*! #question start */
.__ID__.question .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}
.__ID__.question .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.question .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.question .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.question .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.question .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.question .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.question .icon img:nth-child(2),.__ID__.question .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.question .hover-icon:hover.icon img:first-child,.__ID__.question .hover-icon:hover .icon img:first-child,.__ID__.question .active-icon.icon img:first-child,.__ID__.question .active-icon .icon img:first-child{opacity:0}
.__ID__.question .hover-icon:hover.icon img:last-child,.__ID__.question .hover-icon:hover .icon img:last-child,.__ID__.question .active-icon.icon img:last-child,.__ID__.question .active-icon .icon img:last-child{opacity:1}
.__ID__.question .cn-wh,.__ID__.question .cn-w,.__ID__.question .cv-wh,.__ID__.question .cv-w{display:block;width:100%}
.__ID__.question .cn-wh,.__ID__.question .cn-h,.__ID__.question .cv-wh,.__ID__.question .cv-h{display:block;height:100%}
.__ID__.question .cn-wh,.__ID__.question .cn-w,.__ID__.question .cn-h{object-fit:contain}
.__ID__.question .cv-wh,.__ID__.question .cv-w,.__ID__.question .cv-h{object-fit:cover}
.__ID__.question .pic-box{max-width:100%;max-height:100%}
.__ID__.question .pic-box img{max-width:100%;max-height:100%}
.__ID__.question.wrap,.__ID__.question .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.question .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.question button,.__ID__.question input,.__ID__.question textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.question img{opacity:0}
.__ID__.question img[src]{opacity:1}
.__ID__.question button{cursor:pointer}
.__ID__.question .hide{display:none}
.__ID__.question .bold{font-weight:bold}
.__ID__.question .color-t{color:rgba(var(--theme), 1)}
.__ID__.question{color:#333}
.__ID__.question .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.question .mod-title{line-height:1.4545454545}
.__ID__.question .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.question{padding-top:1.35rem;padding-bottom:1rem;background-color:#f4f7ff}
.__ID__.question .question-main{margin-top:.75rem}
.__ID__.question .question-item{padding:.5rem;border-radius:.2rem;background-color:#fff}
.__ID__.question .question-item:nth-child(n+2){margin-top:.4rem}
.__ID__.question .profile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.9047619048em;height:1.9047619048em;border-radius:50%;background:rgba(0,0,0,0);background-color:rgba(var(--theme), 1);margin-right:.2rem;line-height:.8;color:#fff}
.__ID__.question .profile.answer-profile{background-color:#999}
.__ID__.question .problem{display:flex;align-items:center}
.__ID__.question .problem-title{line-height:1.3125}
.__ID__.question .answer{display:flex;margin-top:.4rem}
.__ID__.question .answer-list{margin-top:-0.15rem}
.__ID__.question .answer-item{display:flex;line-height:1.3846153846;margin-top:.15rem}
.__ID__.question .answer-item.point::before{content:"";display:block;width:.4615384615em;height:.4615384615em;margin-top:.69em;transform:translateY(-50%);aspect-ratio:1;margin-right:.12rem;border-radius:50%;background-color:rgba(var(--theme), 1)}
/*! #question end */

/*! #service start */
.__ID__.service .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}
.__ID__.service .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.service .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.service .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.service .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.service .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.service .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.service .icon img:nth-child(2),.__ID__.service .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.service .hover-icon:hover.icon img:first-child,.__ID__.service .hover-icon:hover .icon img:first-child,.__ID__.service .active-icon.icon img:first-child,.__ID__.service .active-icon .icon img:first-child{opacity:0}
.__ID__.service .hover-icon:hover.icon img:last-child,.__ID__.service .hover-icon:hover .icon img:last-child,.__ID__.service .active-icon.icon img:last-child,.__ID__.service .active-icon .icon img:last-child{opacity:1}
.__ID__.service .cn-wh,.__ID__.service .cn-w,.__ID__.service .cv-wh,.__ID__.service .cv-w{display:block;width:100%}
.__ID__.service .cn-wh,.__ID__.service .cn-h,.__ID__.service .cv-wh,.__ID__.service .cv-h{display:block;height:100%}
.__ID__.service .cn-wh,.__ID__.service .cn-w,.__ID__.service .cn-h{object-fit:contain}
.__ID__.service .cv-wh,.__ID__.service .cv-w,.__ID__.service .cv-h{object-fit:cover}
.__ID__.service .pic-box{max-width:100%;max-height:100%}
.__ID__.service .pic-box img{max-width:100%;max-height:100%}
.__ID__.service.wrap,.__ID__.service .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.service .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.service button,.__ID__.service input,.__ID__.service textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.service img{opacity:0}
.__ID__.service img[src]{opacity:1}
.__ID__.service button{cursor:pointer}
.__ID__.service .hide{display:none}
.__ID__.service .bold{font-weight:bold}
.__ID__.service .color-t{color:rgba(var(--theme), 1)}
.__ID__.service{color:#333}
.__ID__.service .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.service .mod-title{line-height:1.4545454545}
.__ID__.service .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.service{padding-top:.5rem;padding-bottom:1.1rem;background-color:#f4f7ff}
.__ID__.service .service-main{margin-top:.8rem}
.__ID__.service .service-list{display:flex;flex-wrap:wrap}
.__ID__.service .service-item{display:flex;align-items:center;padding:.3rem .35rem}
.__ID__.service .service-item{width:calc((100% - .5rem)/2)}
.__ID__.service .service-item:nth-child(n+2){margin-left:.5rem}
.__ID__.service .service-item:nth-child(2n+1){margin-left:0}
.__ID__.service .service-item:nth-child(n+3){margin-top:.5rem}
.__ID__.service .service-item{background-color:#fff;border-radius:.2rem;transition:.3s}
.__ID__.service .service-item:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.__ID__.service .service-item:hover .service-title{color:rgba(var(--theme), 1)}
.__ID__.service .service-icon{width:1.7rem;margin-right:.2rem}
.__ID__.service .service-icon{position:relative;flex-shrink:0}
.__ID__.service .service-icon::before{content:"";display:block;padding-top:106.4705882353%}
.__ID__.service .service-icon .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.service .service-title{line-height:1.2777777778;transition:color .3s}
.__ID__.service .service-info{line-height:1.5416666667;margin-top:.265rem;color:#666}
@media(max-width: 750px){
	.__ID__.service .service-item{width:calc((100% - 0rem)/1)}
.__ID__.service .service-item:nth-child(n+2){margin-left:.5rem}
.__ID__.service .service-item:nth-child(1n+1){margin-left:0}
.__ID__.service .service-item:nth-child(n+2){margin-top:.5rem}
}
/*! #service end */

/*! #download start */
.__ID__.download .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}
.__ID__.download .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.download .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.download .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.download .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.download .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.download .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.download .icon img:nth-child(2),.__ID__.download .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.download .hover-icon:hover.icon img:first-child,.__ID__.download .hover-icon:hover .icon img:first-child,.__ID__.download .active-icon.icon img:first-child,.__ID__.download .active-icon .icon img:first-child{opacity:0}
.__ID__.download .hover-icon:hover.icon img:last-child,.__ID__.download .hover-icon:hover .icon img:last-child,.__ID__.download .active-icon.icon img:last-child,.__ID__.download .active-icon .icon img:last-child{opacity:1}
.__ID__.download .cn-wh,.__ID__.download .cn-w,.__ID__.download .cv-wh,.__ID__.download .cv-w{display:block;width:100%}
.__ID__.download .cn-wh,.__ID__.download .cn-h,.__ID__.download .cv-wh,.__ID__.download .cv-h{display:block;height:100%}
.__ID__.download .cn-wh,.__ID__.download .cn-w,.__ID__.download .cn-h{object-fit:contain}
.__ID__.download .cv-wh,.__ID__.download .cv-w,.__ID__.download .cv-h{object-fit:cover}
.__ID__.download .pic-box{max-width:100%;max-height:100%}
.__ID__.download .pic-box img{max-width:100%;max-height:100%}
.__ID__.download.wrap,.__ID__.download .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.download .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.download button,.__ID__.download input,.__ID__.download textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.download img{opacity:0}
.__ID__.download img[src]{opacity:1}
.__ID__.download button{cursor:pointer}
.__ID__.download .hide{display:none}
.__ID__.download .bold{font-weight:bold}
.__ID__.download .color-t{color:rgba(var(--theme), 1)}
.__ID__.download{color:#333}
.__ID__.download .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.download .mod-title{line-height:1.4545454545}
.__ID__.download .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.download{padding-top:.8rem;padding-bottom:2.2rem}
.__ID__.download{position:relative}
.__ID__.download .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.download .download-inner{position:relative;z-index:2}
.__ID__.download .download-info{line-height:1.25;margin-top:.755rem;text-align:center}
.__ID__.download .download-main{margin-top:.55rem}
.__ID__.download .download-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}
.__ID__.download .download-item{display:flex;align-items:center;justify-content:center;height:3em;border-radius:.1rem;margin-top:.25rem;overflow:hidden}
/*! #download end */

/*! #wall start */
.__ID__.wall .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}
.__ID__.wall .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.wall .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.wall .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.wall .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.wall .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.wall .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.wall .icon img:nth-child(2),.__ID__.wall .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.wall .hover-icon:hover.icon img:first-child,.__ID__.wall .hover-icon:hover .icon img:first-child,.__ID__.wall .active-icon.icon img:first-child,.__ID__.wall .active-icon .icon img:first-child{opacity:0}
.__ID__.wall .hover-icon:hover.icon img:last-child,.__ID__.wall .hover-icon:hover .icon img:last-child,.__ID__.wall .active-icon.icon img:last-child,.__ID__.wall .active-icon .icon img:last-child{opacity:1}
.__ID__.wall .cn-wh,.__ID__.wall .cn-w,.__ID__.wall .cv-wh,.__ID__.wall .cv-w{display:block;width:100%}
.__ID__.wall .cn-wh,.__ID__.wall .cn-h,.__ID__.wall .cv-wh,.__ID__.wall .cv-h{display:block;height:100%}
.__ID__.wall .cn-wh,.__ID__.wall .cn-w,.__ID__.wall .cn-h{object-fit:contain}
.__ID__.wall .cv-wh,.__ID__.wall .cv-w,.__ID__.wall .cv-h{object-fit:cover}
.__ID__.wall .pic-box{max-width:100%;max-height:100%}
.__ID__.wall .pic-box img{max-width:100%;max-height:100%}
.__ID__.wall.wrap,.__ID__.wall .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.wall .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.wall button,.__ID__.wall input,.__ID__.wall textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.wall img{opacity:0}
.__ID__.wall img[src]{opacity:1}
.__ID__.wall button{cursor:pointer}
.__ID__.wall .hide{display:none}
.__ID__.wall .bold{font-weight:bold}
.__ID__.wall .color-t{color:rgba(var(--theme), 1)}
.__ID__.wall{color:#333}
/*! #wall end */

/*! #product-detail start */
.__ID__.product-detail .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}
.__ID__.product-detail .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.product-detail .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.product-detail .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.product-detail .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.product-detail .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.product-detail .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.product-detail .icon img:nth-child(2),.__ID__.product-detail .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.product-detail .hover-icon:hover.icon img:first-child,.__ID__.product-detail .hover-icon:hover .icon img:first-child,.__ID__.product-detail .active-icon.icon img:first-child,.__ID__.product-detail .active-icon .icon img:first-child{opacity:0}
.__ID__.product-detail .hover-icon:hover.icon img:last-child,.__ID__.product-detail .hover-icon:hover .icon img:last-child,.__ID__.product-detail .active-icon.icon img:last-child,.__ID__.product-detail .active-icon .icon img:last-child{opacity:1}
.__ID__.product-detail .cn-wh,.__ID__.product-detail .cn-w,.__ID__.product-detail .cv-wh,.__ID__.product-detail .cv-w{display:block;width:100%}
.__ID__.product-detail .cn-wh,.__ID__.product-detail .cn-h,.__ID__.product-detail .cv-wh,.__ID__.product-detail .cv-h{display:block;height:100%}
.__ID__.product-detail .cn-wh,.__ID__.product-detail .cn-w,.__ID__.product-detail .cn-h{object-fit:contain}
.__ID__.product-detail .cv-wh,.__ID__.product-detail .cv-w,.__ID__.product-detail .cv-h{object-fit:cover}
.__ID__.product-detail .pic-box{max-width:100%;max-height:100%}
.__ID__.product-detail .pic-box img{max-width:100%;max-height:100%}
.__ID__.product-detail.wrap,.__ID__.product-detail .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.product-detail .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.product-detail button,.__ID__.product-detail input,.__ID__.product-detail textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.product-detail img{opacity:0}
.__ID__.product-detail img[src]{opacity:1}
.__ID__.product-detail button{cursor:pointer}
.__ID__.product-detail .hide{display:none}
.__ID__.product-detail .bold{font-weight:bold}
.__ID__.product-detail .color-t{color:rgba(var(--theme), 1)}
.__ID__.product-detail{color:#333}
.__ID__.product-detail .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.product-detail .mod-title{line-height:1.4545454545}
.__ID__.product-detail .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.product-detail{padding-top:1.5rem;padding-bottom:3.8rem}
.__ID__.product-detail{position:relative}
.__ID__.product-detail .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.product-detail .detail-inner{position:relative;z-index:2}
.__ID__.product-detail .card-head{display:flex;align-items:center;color:rgba(var(--theme), 1)}
.__ID__.product-detail .card-head::before{content:"";display:block;margin-right:.15rem;height:.43rem;width:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.product-detail .card-title{line-height:1.2}
.__ID__.product-detail .detail-main{margin-top:.7rem}
.__ID__.product-detail .detail-card{display:flex;justify-content:space-between;padding:.6rem .4rem;border-radius:.2rem;background-color:#fff}
.__ID__.product-detail .card-left{width:910px;max-width:100%;margin-right:.6rem;color:#434242}
.__ID__.product-detail .card-content{display:flex !important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/*! autoprefixer: off */-webkit-box-orient:vertical;/*! autoprefixer: on */-webkit-box-orient:vertical;max-width:100%;max-height:10.32em;-webkit-line-clamp:6;line-height:1.72;margin-top:.41rem}
.__ID__.product-detail .content-list{display:flex;flex-direction:column;flex-wrap:wrap;align-content:space-between;width:100%}
.__ID__.product-detail .card-right{display:flex;align-items:center;justify-content:center}
.__ID__.product-detail .card-pic{width:3.07rem}
.__ID__.product-detail .card-pic{position:relative;flex-shrink:0}
.__ID__.product-detail .card-pic::before{content:"";display:block;padding-top:100.325732899%}
.__ID__.product-detail .card-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
@media(max-width: 750px){
	.__ID__.product-detail .detail-card{flex-direction:column-reverse}
.__ID__.product-detail .card-left,.__ID__.product-detail .card-right{width:100%}
.__ID__.product-detail .card-left{margin-right:0;margin-top:.6rem}
.__ID__.product-detail .card-pic{width:30%}
.__ID__.product-detail .card-content{max-height:none}
}
@media(max-width: 500px){
	.__ID__.product-detail .card-pic{width:80%}
}
/*! #product-detail end */

/*! #app-banner start */
.__ID__.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}
.__ID__.app-banner .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.app-banner .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.app-banner .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.app-banner .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.app-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.app-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.app-banner .icon img:nth-child(2),.__ID__.app-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.app-banner .hover-icon:hover.icon img:first-child,.__ID__.app-banner .hover-icon:hover .icon img:first-child,.__ID__.app-banner .active-icon.icon img:first-child,.__ID__.app-banner .active-icon .icon img:first-child{opacity:0}
.__ID__.app-banner .hover-icon:hover.icon img:last-child,.__ID__.app-banner .hover-icon:hover .icon img:last-child,.__ID__.app-banner .active-icon.icon img:last-child,.__ID__.app-banner .active-icon .icon img:last-child{opacity:1}
.__ID__.app-banner .cn-wh,.__ID__.app-banner .cn-w,.__ID__.app-banner .cv-wh,.__ID__.app-banner .cv-w{display:block;width:100%}
.__ID__.app-banner .cn-wh,.__ID__.app-banner .cn-h,.__ID__.app-banner .cv-wh,.__ID__.app-banner .cv-h{display:block;height:100%}
.__ID__.app-banner .cn-wh,.__ID__.app-banner .cn-w,.__ID__.app-banner .cn-h{object-fit:contain}
.__ID__.app-banner .cv-wh,.__ID__.app-banner .cv-w,.__ID__.app-banner .cv-h{object-fit:cover}
.__ID__.app-banner .pic-box{max-width:100%;max-height:100%}
.__ID__.app-banner .pic-box img{max-width:100%;max-height:100%}
.__ID__.app-banner.wrap,.__ID__.app-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.app-banner .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.app-banner button,.__ID__.app-banner input,.__ID__.app-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.app-banner img{opacity:0}
.__ID__.app-banner img[src]{opacity:1}
.__ID__.app-banner button{cursor:pointer}
.__ID__.app-banner .hide{display:none}
.__ID__.app-banner .bold{font-weight:bold}
.__ID__.app-banner .color-t{color:rgba(var(--theme), 1)}
.__ID__.app-banner{color:#333}
.__ID__.app-banner{position:relative}
.__ID__.app-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.app-banner{display:flex;align-items:center;min-height:9rem}
.__ID__.app-banner .banner-inner{position:relative;z-index:2}
.__ID__.app-banner .banner-title{line-height:1.1315789474;color:#000}
.__ID__.app-banner .banner-info{line-height:1.2777777778;margin-top:.45rem;margin-bottom:.53rem;width:8.35rem;max-width:100%;color:#434242}
.__ID__.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 */
.__ID__.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}
.__ID__.app .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.app .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.app .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.app .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.app .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.app .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.app .icon img:nth-child(2),.__ID__.app .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.app .hover-icon:hover.icon img:first-child,.__ID__.app .hover-icon:hover .icon img:first-child,.__ID__.app .active-icon.icon img:first-child,.__ID__.app .active-icon .icon img:first-child{opacity:0}
.__ID__.app .hover-icon:hover.icon img:last-child,.__ID__.app .hover-icon:hover .icon img:last-child,.__ID__.app .active-icon.icon img:last-child,.__ID__.app .active-icon .icon img:last-child{opacity:1}
.__ID__.app .cn-wh,.__ID__.app .cn-w,.__ID__.app .cv-wh,.__ID__.app .cv-w{display:block;width:100%}
.__ID__.app .cn-wh,.__ID__.app .cn-h,.__ID__.app .cv-wh,.__ID__.app .cv-h{display:block;height:100%}
.__ID__.app .cn-wh,.__ID__.app .cn-w,.__ID__.app .cn-h{object-fit:contain}
.__ID__.app .cv-wh,.__ID__.app .cv-w,.__ID__.app .cv-h{object-fit:cover}
.__ID__.app .pic-box{max-width:100%;max-height:100%}
.__ID__.app .pic-box img{max-width:100%;max-height:100%}
.__ID__.app.wrap,.__ID__.app .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.app .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.app button,.__ID__.app input,.__ID__.app textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.app img{opacity:0}
.__ID__.app img[src]{opacity:1}
.__ID__.app button{cursor:pointer}
.__ID__.app .hide{display:none}
.__ID__.app .bold{font-weight:bold}
.__ID__.app .color-t{color:rgba(var(--theme), 1)}
.__ID__.app{color:#333}
.__ID__.app{position:relative;padding-top:1.25rem;padding-bottom:1.3rem;overflow:hidden}
.__ID__.app .bg{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:1}
.__ID__.app .app-inner{position:relative;z-index:2}
.__ID__.app .app-list{display:flex;flex-wrap:wrap}
.__ID__.app .app-item{position:relative}
.__ID__.app .app-item{width:calc((100% - 1.3rem)/3)}
.__ID__.app .app-item:nth-child(n+2){margin-left:.65rem}
.__ID__.app .app-item:nth-child(3n+1){margin-left:0}
.__ID__.app .app-item:nth-child(n+4){margin-top:.6rem}
.__ID__.app .app-item{border-radius:.2rem .2rem .2rem 0;background-color:#efefef;overflow:hidden;cursor:pointer;transition:.3s}
.__ID__.app .app-item:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.__ID__.app .app-item:hover .app-cover2{opacity:1}
.__ID__.app .app-pic{border-radius:.2rem;overflow:hidden}
.__ID__.app .app-pic img{transition:.5s}
.__ID__.app .app-cover{position:absolute;bottom:0;left:0;width:100%;max-height:100%;overflow:hidden}
.__ID__.app .app-content{position:relative;display:inline-flex;align-items:center;min-width:7.34375em;min-height:.6rem;padding:.1rem .2rem;background-color:#4e74ed}
.__ID__.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%)}
.__ID__.app .app-title{line-height:1.3125;color:#fff}
.__ID__.app .app-cover2{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(78,116,237,.9);opacity:0;transition:.3s;z-index:5}
.__ID__.app .cover2-title{line-height:1.3125;margin-bottom:.2rem;text-align:center;color:#fff}
.__ID__.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:rgba(0,0,0,.5333333333);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(0.001, 0.001) translateY(0)}
60%{transform:scale(0.001, 1) translateY(0)}
100%{transform:scale(1, 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-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){
	.__ID__.app .app-item{width:calc((100% - .65rem)/2)}
.__ID__.app .app-item:nth-child(n+2){margin-left:.65rem}
.__ID__.app .app-item:nth-child(2n+1){margin-left:0}
.__ID__.app .app-item:nth-child(n+3){margin-top:.6rem}
}
@media(max-width: 500px){
	.__ID__.app .dialog-content{flex-direction:column}
.__ID__.app .dialog-pic{width:80%;margin:0 auto}
.__ID__.app .info-list{max-width:100%;margin-top:.6rem}
}
/*! #app end */

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

/*! #down start */
.__ID__.down .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}
.__ID__.down .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.down .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.down .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.down .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.down .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.down .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.down .icon img:nth-child(2),.__ID__.down .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.down .hover-icon:hover.icon img:first-child,.__ID__.down .hover-icon:hover .icon img:first-child,.__ID__.down .active-icon.icon img:first-child,.__ID__.down .active-icon .icon img:first-child{opacity:0}
.__ID__.down .hover-icon:hover.icon img:last-child,.__ID__.down .hover-icon:hover .icon img:last-child,.__ID__.down .active-icon.icon img:last-child,.__ID__.down .active-icon .icon img:last-child{opacity:1}
.__ID__.down .cn-wh,.__ID__.down .cn-w,.__ID__.down .cv-wh,.__ID__.down .cv-w{display:block;width:100%}
.__ID__.down .cn-wh,.__ID__.down .cn-h,.__ID__.down .cv-wh,.__ID__.down .cv-h{display:block;height:100%}
.__ID__.down .cn-wh,.__ID__.down .cn-w,.__ID__.down .cn-h{object-fit:contain}
.__ID__.down .cv-wh,.__ID__.down .cv-w,.__ID__.down .cv-h{object-fit:cover}
.__ID__.down .pic-box{max-width:100%;max-height:100%}
.__ID__.down .pic-box img{max-width:100%;max-height:100%}
.__ID__.down.wrap,.__ID__.down .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.down .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.down button,.__ID__.down input,.__ID__.down textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.down img{opacity:0}
.__ID__.down img[src]{opacity:1}
.__ID__.down button{cursor:pointer}
.__ID__.down .hide{display:none}
.__ID__.down .bold{font-weight:bold}
.__ID__.down .color-t{color:rgba(var(--theme), 1)}
.__ID__.down{color:#333}
.__ID__.down .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.down .mod-title{line-height:1.4545454545}
.__ID__.down .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.down{position:relative;padding-top:1.25rem;padding-bottom:1.25rem;min-height:16.4rem;background-color:#f4f7ff}
.__ID__.down .bg{position:absolute;right:0;bottom:0;left:0;width:100%;z-index:1}
.__ID__.down .down-inner{position:relative;z-index:2}
.__ID__.down .down-body{display:flex;justify-content:space-between;align-items:flex-start;margin-top:.9rem}
.__ID__.down .sidebar{position:sticky;top:1rem;width:4.7rem;padding:.5rem .35rem;max-height:calc(100vh - 1rem)}
.__ID__.down .sidebar::-webkit-scrollbar{background-color:rgba(0,0,0,0)}
.__ID__.down .sidebar::-webkit-scrollbar-thumb{background:#d8d8d8}
.__ID__.down .sidebar{overflow-y:auto}
.__ID__.down .sidebar::-webkit-scrollbar{width:10px}
.__ID__.down .sidebar{background-color:#fff}
.__ID__.down .sidebar-item{display:flex;align-items:center;justify-content:center;min-height:1.04rem;width:100%;white-space:nowrap;border-radius:.6rem;color:#222426;background-color:#e6e6e6;transition:.3s}
.__ID__.down .sidebar-item:nth-child(n+2){margin-top:.5rem}
.__ID__.down .sidebar-item:hover{color:rgba(var(--theme), 1)}
.__ID__.down .sidebar-item.active{color:#fff;background-color:rgba(var(--theme), 1)}
.__ID__.down .down-main{flex:1;margin-left:.5rem}
.__ID__.down .down-item{padding:.4rem .45rem;border-radius:.2rem;background-color:#fff}
.__ID__.down .down-item:nth-child(n+2){margin-top:.4rem}
.__ID__.down .down-title{color:#3d3d3d}
.__ID__.down .download-board{display:flex;flex-wrap:wrap}
.__ID__.down .download-list{width:33.3333333333%;padding-right:.2rem;margin-top:.45rem}
.__ID__.down .download-list:nth-child(n+2){padding-left:.4rem;border-left:1px solid #b2b2b2}
.__ID__.down .download-list:nth-child(3n+1){padding-left:0;border-left:none}
.__ID__.down .download-item{line-height:1.4166666667}
.__ID__.down .download-item:nth-child(n+2){margin-top:.35rem}
.__ID__.down .download-title{color:#75777a}
.__ID__.down .download-link{display:block;color:rgba(var(--theme), 1);margin-top:.1rem;text-decoration:underline}
@media(max-width: 750px){
	.__ID__.down .down-body{flex-direction:column}
.__ID__.down .sidebar{position:static;width:100%}
.__ID__.down .sidebar-list{display:flex;flex-wrap:wrap;margin-top:-0.4rem}
.__ID__.down .sidebar-item{margin:.5rem .1rem 0;width:calc(33.3333333333% - .2rem)}
.__ID__.down .down-main{margin-left:0;margin-top:.6rem}
}
@media(max-width: 500px){
	.__ID__.down .sidebar-item{width:calc(50% - .2rem)}
.__ID__.down .download-list{width:100%}
.__ID__.down .download-list:nth-child(n){padding-left:0;border-left:none}
}
/*! #down end */

/*! #contact start */
.__ID__.contact .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}
.__ID__.contact .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.contact .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.contact .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.contact .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.contact .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.contact .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.contact .icon img:nth-child(2),.__ID__.contact .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.contact .hover-icon:hover.icon img:first-child,.__ID__.contact .hover-icon:hover .icon img:first-child,.__ID__.contact .active-icon.icon img:first-child,.__ID__.contact .active-icon .icon img:first-child{opacity:0}
.__ID__.contact .hover-icon:hover.icon img:last-child,.__ID__.contact .hover-icon:hover .icon img:last-child,.__ID__.contact .active-icon.icon img:last-child,.__ID__.contact .active-icon .icon img:last-child{opacity:1}
.__ID__.contact .cn-wh,.__ID__.contact .cn-w,.__ID__.contact .cv-wh,.__ID__.contact .cv-w{display:block;width:100%}
.__ID__.contact .cn-wh,.__ID__.contact .cn-h,.__ID__.contact .cv-wh,.__ID__.contact .cv-h{display:block;height:100%}
.__ID__.contact .cn-wh,.__ID__.contact .cn-w,.__ID__.contact .cn-h{object-fit:contain}
.__ID__.contact .cv-wh,.__ID__.contact .cv-w,.__ID__.contact .cv-h{object-fit:cover}
.__ID__.contact .pic-box{max-width:100%;max-height:100%}
.__ID__.contact .pic-box img{max-width:100%;max-height:100%}
.__ID__.contact.wrap,.__ID__.contact .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.contact .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.contact button,.__ID__.contact input,.__ID__.contact textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.contact img{opacity:0}
.__ID__.contact img[src]{opacity:1}
.__ID__.contact button{cursor:pointer}
.__ID__.contact .hide{display:none}
.__ID__.contact .bold{font-weight:bold}
.__ID__.contact .color-t{color:rgba(var(--theme), 1)}
.__ID__.contact{color:#333}
.__ID__.contact .mod-head{display:flex;flex-direction:column;align-items:center}
.__ID__.contact .mod-title{line-height:1.4545454545}
.__ID__.contact .mod-line{width:.25rem;height:6px;margin-top:.1rem;background-color:rgba(var(--theme), 1)}
.__ID__.contact{position:relative;padding-top:1.25rem;padding-bottom:2.65rem;background-color:#f4f7ff}
.__ID__.contact .bg{position:absolute;right:0;bottom:0;left:0;width:100%;z-index:1}
.__ID__.contact .contact-inner{position:relative;z-index:2}
.__ID__.contact .contact-main{padding-top:.6rem}
.__ID__.contact .form-row{display:flex}
.__ID__.contact .form-item{position:relative;flex:1;min-width:0;margin-left:.35rem;margin-top:.4rem;border-radius:.2rem;background-color:#fff}
.__ID__.contact .form-item.required .form-cover::before{opacity:1}
.__ID__.contact .form-ipt{width:100%;min-height:3.3333333333em;text-indent:2em}
.__ID__.contact textarea.form-ipt{min-height:3rem;padding:1em 0}
.__ID__.contact .form-cover{position:absolute;top:0;right:0;left:0;height:3.3333333333em;display:flex;align-items:center;pointer-events:none;padding:.1rem .25rem;color:#999;opacity:0;z-index:5}
.__ID__.contact .form-cover::before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-right:.15rem;background-color:red;opacity:0}
.__ID__.contact .form-cover.show{opacity:1}
.__ID__.contact .submit-btn{flex:1;min-height:3.3333333333em;color:#fff;margin-left:.35rem;margin-top:.4rem;border-radius:.2rem;background-color:rgba(var(--theme), 1);transition:.3s}
.__ID__.contact .submit-btn:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-5px)}
.__ID__.contact .contact-res{display:flex;flex-direction:column;align-items:center;justify-content:center;height:5.9rem;border-radius:.2rem;background-color:#fff;display:none}
.__ID__.contact .contact-res.show{display:flex}
.__ID__.contact .res-logo{width:1.1rem}
.__ID__.contact .res-logo{position:relative;flex-shrink:0}
.__ID__.contact .res-logo::before{content:"";display:block;padding-top:100%}
.__ID__.contact .res-logo .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.contact .res-title{line-height:1.2083333333;margin-top:.45rem;text-align:center}
.__ID__.contact .contact-list{display:flex;flex-wrap:wrap;line-height:1.4166666667;text-align:center;margin-top:.5rem}
.__ID__.contact .contact-item{display:flex;flex-direction:column;align-items:center}
.__ID__.contact .contact-item{width:calc((100% - 1.1rem)/3)}
.__ID__.contact .contact-item:nth-child(n+2){margin-left:.55rem}
.__ID__.contact .contact-item:nth-child(3n+1){margin-left:0}
.__ID__.contact .contact-item:nth-child(n+4){margin-top:.55rem}
.__ID__.contact .contact-item{padding:.5rem .25rem .35rem;background-color:#fff;border-radius:.2rem}
.__ID__.contact .contact-icon{width:1.1rem}
.__ID__.contact .contact-icon{position:relative;flex-shrink:0}
.__ID__.contact .contact-icon::before{content:"";display:block;padding-top:100%}
.__ID__.contact .contact-icon .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.__ID__.contact .contact-title{margin-top:.25rem}
.__ID__.contact .contact-info{margin-top:.15rem}
@media(max-width: 750px){
	.__ID__.contact .form-row{flex-direction:column}
.__ID__.contact .contact-item{width:calc((100% - .55rem)/2)}
.__ID__.contact .contact-item:nth-child(n+2){margin-left:.55rem}
.__ID__.contact .contact-item:nth-child(2n+1){margin-left:0}
.__ID__.contact .contact-item:nth-child(n+3){margin-top:.55rem}
}
@media(max-width: 500px){
	.__ID__.contact .contact-item{width:calc((100% - 0rem)/1)}
.__ID__.contact .contact-item:nth-child(n+2){margin-left:.55rem}
.__ID__.contact .contact-item:nth-child(1n+1){margin-left:0}
.__ID__.contact .contact-item:nth-child(n+2){margin-top:.55rem}
}
/*! #contact end */

/*! #login start */
.__ID__.login .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}
.__ID__.login .icon.reverse-x{transform:rotateY(180deg)}
.__ID__.login .icon.reverse-y{transform:rotateX(180deg)}
.__ID__.login .icon.white{filter:grayscale(1) brightness(15)}
.__ID__.login .icon.black{filter:grayscale(1) brightness(0)}
.__ID__.login .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.__ID__.login .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.__ID__.login .icon img:nth-child(2),.__ID__.login .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.__ID__.login .hover-icon:hover.icon img:first-child,.__ID__.login .hover-icon:hover .icon img:first-child,.__ID__.login .active-icon.icon img:first-child,.__ID__.login .active-icon .icon img:first-child{opacity:0}
.__ID__.login .hover-icon:hover.icon img:last-child,.__ID__.login .hover-icon:hover .icon img:last-child,.__ID__.login .active-icon.icon img:last-child,.__ID__.login .active-icon .icon img:last-child{opacity:1}
.__ID__.login .cn-wh,.__ID__.login .cn-w,.__ID__.login .cv-wh,.__ID__.login .cv-w{display:block;width:100%}
.__ID__.login .cn-wh,.__ID__.login .cn-h,.__ID__.login .cv-wh,.__ID__.login .cv-h{display:block;height:100%}
.__ID__.login .cn-wh,.__ID__.login .cn-w,.__ID__.login .cn-h{object-fit:contain}
.__ID__.login .cv-wh,.__ID__.login .cv-w,.__ID__.login .cv-h{object-fit:cover}
.__ID__.login .pic-box{max-width:100%;max-height:100%}
.__ID__.login .pic-box img{max-width:100%;max-height:100%}
.__ID__.login.wrap,.__ID__.login .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.__ID__.login .area{margin:0 auto;width:14.92rem;max-width:100%}
.__ID__.login button,.__ID__.login input,.__ID__.login textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.__ID__.login img{opacity:0}
.__ID__.login img[src]{opacity:1}
.__ID__.login button{cursor:pointer}
.__ID__.login .hide{display:none}
.__ID__.login .bold{font-weight:bold}
.__ID__.login .color-t{color:rgba(var(--theme), 1)}
.__ID__.login{color:#333}
.__ID__.login{margin-top:.9rem}
.__ID__.login{position:relative}
.__ID__.login .bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}
.__ID__.login .login-inner{position:relative;display:flex;align-items:center;justify-content:flex-end;width:1120px;max-width:100%;padding-top:1rem;padding-bottom:1rem;margin:0 auto;min-height:7.8rem;z-index:2}
.__ID__.login .login-card{width:4.4rem;max-width:100%}
.__ID__.login .login-title{line-height:1.2083333333}
.__ID__.login .login-subtitle{line-height:1.2272727273;margin-top:.3rem}
.__ID__.login .form-item{position:relative;flex:1;min-width:0;margin-top:.4rem;border-radius:.06rem;background-color:#fff}
.__ID__.login .form-item.required .form-cover::before{opacity:1}
.__ID__.login .form-ipt{width:100%;min-height:2.2em;text-indent:2em}
.__ID__.login .form-cover{position:absolute;top:0;right:0;left:0;min-height:2.2em;display:flex;align-items:center;pointer-events:none;padding:0 .25rem;color:#999;opacity:0;z-index:5}
.__ID__.login .form-cover::before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-right:.15rem;background-color:red;opacity:0}
.__ID__.login .form-cover.show{opacity:1}
.__ID__.login .submit-btn{display:flex;align-items:center;justify-content:center;min-height:2.6em;width:100%;color:#fff;border-radius:.06rem;background-color:rgba(var(--theme), 1);transition:.3s}
.__ID__.login .submit-btn:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
@media(max-width: 500px){
	.__ID__.login .login-card{margin:0 auto}
}
/*! #login end */