.home-introduce[data-v-e5b2ec62]{background:#f8fbff url(./bg2.b5b7d97e.png) no-repeat top/60%;box-sizing:border-box;height:100%;margin:0 auto;padding:100px 0;width:100%}.home-introduce-box[data-v-e5b2ec62]{margin:0 auto;max-width:var(--gs-content-width,1400px)}.home-introduce-box .title[data-v-e5b2ec62]{color:var(--gs-color-text-1);font-size:var(--gs-text-size-h2);font-weight:500;margin-bottom:16px;text-align:center}.home-introduce-box .desc[data-v-e5b2ec62]{color:var(--gs-color-text-3);font-size:var(--gs-text-size-4);margin-bottom:50px;text-align:center}.home-introduce-box .introduce-list[data-v-e5b2ec62]{background:#fff;border-radius:6px;display:flex;justify-content:space-between;padding:10px 20px 0}.home-introduce-box .introduce-list .item[data-v-e5b2ec62]{align-items:center;box-sizing:border-box;display:flex;flex:1 1 0%;flex-direction:column;padding:16px;width:100%}.home-introduce-box .introduce-list .item .sprite-animation[data-v-e5b2ec62]{height:112px;margin-top:-14px;transform:scale(.5);width:112px}.home-introduce-box .introduce-list .item .sprite-animation.project[data-v-e5b2ec62]{background-image:url(./sprite-1.d147a997.png)}.home-introduce-box .introduce-list .item .sprite-animation.skills[data-v-e5b2ec62]{background-image:url(./sprite-2.a2de375f.png)}.home-introduce-box .introduce-list .item .sprite-animation.serve[data-v-e5b2ec62]{background-image:url(./sprite-3.bd41d792.png)}.home-introduce-box .introduce-list .item .sprite-animation.operations[data-v-e5b2ec62]{background-image:url(./sprite-4.e509faa8.png)}@keyframes play-sprite-animation-e5b2ec62{0%{background-position:0 0}to{background-position:-2576px 0}}.home-introduce-box .introduce-list .item:hover .sprite-animation[data-v-e5b2ec62]{animation:play-sprite-animation-e5b2ec62 .5s steps(23) both}.home-introduce-box .introduce-list .item .name[data-v-e5b2ec62]{color:#1d2129;font-size:var(--gs-text-size-4);font-weight:500;line-height:1;margin:0 auto 8px}.home-introduce-box .introduce-list .item .list-desc[data-v-e5b2ec62]{color:#86909c;font-size:var(--gs-text-size-2);font-weight:400;line-height:22px;text-align:center;white-space:pre-wrap}.home-introduce.mobile[data-v-e5b2ec62]{padding:16px}.home-introduce.mobile .home-introduce-box[data-v-e5b2ec62]{max-width:100%}.home-introduce.mobile .home-introduce-box .title[data-v-e5b2ec62]{font-size:20px}.home-introduce.mobile .home-introduce-box .desc[data-v-e5b2ec62]{font-size:12px}.home-introduce.mobile .home-introduce-box .introduce-list[data-v-e5b2ec62]{display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}.home-introduce.mobile .home-introduce-box .introduce-list .item[data-v-e5b2ec62]{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px 16px;width:100%}.home-introduce.mobile .home-introduce-box .introduce-list .item .sprite-animation[data-v-e5b2ec62]{background-size:auto 100%;height:80px;margin-top:-14px;transform:scale(.5);width:80px}@keyframes play-sprite-animation2-e5b2ec62{0%{background-position:0 0}to{background-position:-1840px 0}}.home-introduce.mobile .home-introduce-box .introduce-list .item:hover .sprite-animation[data-v-e5b2ec62]{animation:play-sprite-animation2-e5b2ec62 .5s steps(23) both}.home-introduce.mobile .home-introduce-box .introduce-list .item .name[data-v-e5b2ec62]{font-size:16px}.home-introduce.mobile .home-introduce-box .introduce-list .item .list-desc[data-v-e5b2ec62]{font-size:14px}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;fill:currentColor;align-items:center;color:var(--color);display:inline-flex;font-size:inherit;height:1em;justify-content:center;line-height:1em;position:relative;width:1em}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}