ul[data-v-918c31d8]{--icon-circle:100px;--icon-size:64px;--item:5;display:grid;grid-template-columns:repeat(var(--item),1fr);grid-gap:var(--gap)}ul li[data-v-918c31d8]{background-color:var(--normal-color);border-radius:var(--radius);padding:var(--gap-pc) var(--gap);text-align:center;transition:all .3s}ul li span[data-v-918c31d8]{background-color:var(--brand-color);border-radius:50%;color:var(--normal-color);display:inline-block;height:var(--icon-circle);line-height:var(--icon-circle);transition:all 1s ease-in-out;width:var(--icon-circle)}ul li .iconfont[data-v-918c31d8]{font-size:var(--icon-size)}ul li h3[data-v-918c31d8]{color:var(--brand-color);margin:var(--gap) 0}ul li p[data-v-918c31d8]{color:var(--regular-color);line-height:2}ul li[data-v-918c31d8]:hover{box-shadow:0 0 10px 5px #0000001a}ul li:hover span[data-v-918c31d8]{transform:rotateY(180deg)}@media screen and (max-width:740px){ul[data-v-918c31d8]{--icon-circle:64px;--icon-size:32px;--item:1}}