.xz-homeapp-ul{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:5rem}.xz-homeapp-ul .xz-homeapp-li:nth-child(odd){transform:translateY(5rem)}.xz-homeapp-li{border-radius:8px;overflow:hidden;position:relative;transition:transform .4s}.xz-homeapp-li>img{aspect-ratio:.66/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.xz-homeapp-li:before{background:rgba(0,30,148,.2);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:background .4s;z-index:0}.xz-homeapp-tit{bottom:var(--wp--preset--spacing--40);color:var(--wp--preset--color--white);font-size:var(--wp--preset--font-size--m);font-weight:700;line-height:1.25;transition:transform .3s linear,opacity .4s ease-in-out;z-index:2}.xz-homeapp-cover-sec,.xz-homeapp-tit{left:0;padding:0 var(--wp--preset--spacing--30);position:absolute;width:100%}.xz-homeapp-cover-sec{top:var(--wp--preset--spacing--30);z-index:5}.xz-homeapp-cover-info{align-items:center;display:flex;flex-flow:nowrap;gap:var(--wp--preset--spacing--20);justify-content:space-between}.xz-homeapp-cover-tit{color:var(--wp--preset--color--white);flex:1;font-size:var(--wp--preset--font-size--m);font-weight:700;line-height:1.25;opacity:0;position:relative;transform:translateY(-6px);transition:transform .3s ease-in-out,opacity .5s linear}.xz-homeapp-cover-icon{align-items:center;background:var(--wp--preset--color--light-2);border:5px solid var(--wp--preset--color--white);border-radius:50%;display:flex;flex:none;height:74px;justify-content:center;width:74px}.xz-homeapp-des{color:var(--wp--preset--color--white);display:-webkit-box;font-size:var(--wp--preset--font-size--xs);font-weight:700;line-height:1.25em;overflow:hidden;padding-top:var(--wp--preset--spacing--10);text-overflow:ellipsis;z-index:5;-webkit-box-orient:vertical;-webkit-line-clamp:14;opacity:0;transform:translateY(6px);transition:transform .3s ease-in-out,opacity .5s linear}.xz-homeapp-des p{margin-top:1em}.xz-homeapp-li:hover:before{background:rgba(0,30,148,.4)}.xz-homeapp-li:hover .xz-homeapp-tit{opacity:0;transform:translateY(4px)}.xz-homeapp-li:hover .xz-homeapp-cover-tit,.xz-homeapp-li:hover .xz-homeapp-des{opacity:1;transform:translateY(0)}.xz-homeapp-arrows{flex-flow:row wrap;gap:1.2rem;margin-top:var(--wp--preset--spacing--40)}.xz-homeapp-arrow,.xz-homeapp-arrows{align-items:center;display:flex;justify-content:center}.xz-homeapp-arrow{background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--a-1);border-radius:50%;color:var(--wp--preset--color--a-1);cursor:pointer;height:6.4rem;transition:all .4s;width:6.4rem}.xz-homeapp-arrow .icon{font-size:2.8rem;transition:color .4s}.xz-homeapp-arrow:hover{background:var(--wp--preset--color--a-1)}.xz-homeapp-arrow:hover .icon{color:var(--wp--preset--color--white)}@media screen and (max-width:1520px){.xz-homeapp-des{-webkit-line-clamp:14}}@media screen and (max-width:1440px){.xz-homeapp-cover-icon{height:62px;width:62px}.xz-homeapp-cover-icon img{width:32px}.xz-homeapp-des{-webkit-line-clamp:10}}@media screen and (max-width:1024px){.xz-homeapp-arrow{height:5.4rem;width:5.4rem}.xz-homeapp-cover-icon{border:3px solid var(--wp--preset--color--white);height:48px;width:48px}.xz-homeapp-cover-icon img{width:28px}}@media screen and (max-width:600px){.xz-homeapp-des{-webkit-line-clamp:8}.xz-homeapp-arrow{height:4.2rem;width:4.2rem}.xz-homeapp-arrow .icon{font-size:2.2rem}.xz-homeapp-ul{padding-bottom:3.2rem}.xz-homeapp-ul .xz-homeapp-li:nth-child(odd){transform:translateY(3.2rem)}}