@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage188-page1 .wmpage188-page1-box{display:flex;flex-wrap:wrap;}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item{width:24%;position:relative;padding:20px 30px;z-index:1;}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(-n+7){border-right:1px solid #0000001a}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(4n),.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(7){border-right:none}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item::before{position:absolute;content:'';top:0;left:50%;transform:translateX(-50%);width:93%;height:99%;background:url(https://img01.v15cdn.com/singletem/wmpage188/wmpage188-page1-img1.webp);background-size:cover;transition:all .3s linear;opacity:0;z-index:-1}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:hover::before{opacity:1}
.wmpage188-page1 .wmpage188-page1-item .wmpage188-page1-icon em{display:inline-block;font-size:var(--wmpage-font40)}
.wmpage188-page1 .wmpage188-page1-item:hover .wmpage188-page1-icon em{animation:page1 1s ease-in-out}
@keyframes page1{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
.wmpage188-page1 .wmpage188-page1-item .wmpage188-page1-title{display:inline-block;font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin:10px 0;transition:all .2s linear}
.wmpage188-page1 .wmpage188-page1-item:hover .wmpage188-page1-title{color:var(--color)}
.wmpage188-page1 .wmpage188-page1-item .wmpage188-page1-desc{color:var(--wmpage-color8)}
.wmpage188-page1 .wmpage188-page1-item .wmpage188-page1-btn{display:inline-block;margin-top:20px;transition:all .2s linear}
.wmpage188-page1 .wmpage188-page1-item .wmpage188-page1-btn em{font-size:var(--wmpage-font30);font-weight:var(--fontbold6)}
.wmpage188-page1 .wmpage188-page1-item:hover .wmpage188-page1-btn{transform:rotate(-45deg)}
@media screen and (max-width:1024px){.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item{width:50%}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(-n+7){border-right:none}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(2n-1){border-right:1px solid #0000001a}
}
@media screen and (max-width:768px){.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item{padding:20px 10px;width:100%}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(2n-1){border-right:none}
.wmpage188-page1 .wmpage188-page1-box .wmpage188-page1-item:nth-child(-n+7){border-bottom:1px solid #0000001a}
}