.index[data-v-32a2cc02]{width:100%;max-width:1200px;margin:0 auto;padding:15px;display:flex;flex-direction:column;gap:2vw}.index h1[data-v-32a2cc02]{font-size:clamp(30px,3vw,50px);font-weight:700;padding-top:3vw}.index .list ul[data-v-32a2cc02]{display:flex;align-items:stretch;flex-wrap:wrap;gap:1vw;width:calc(100% + 1vw)}.index .list ul li[data-v-32a2cc02]{background:var(--white);width:calc(25% - 1vw);border-radius:2px;position:relative;cursor:pointer}.index .list ul li .pic[data-v-32a2cc02]{display:flex;position:relative}.index .list ul li .pic i.picI[data-v-32a2cc02]{width:100%;padding-bottom:46%;position:relative}.index .list ul li .pic i.picI img[data-v-32a2cc02]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}.index .list ul li .title[data-v-32a2cc02]{padding:10px 10px}.index .list ul li .tools[data-v-32a2cc02]{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;gap:5px;z-index:1;opacity:0}.index .list ul li .tools i[data-v-32a2cc02]{font-size:calc(clamp(30px, 3vw, 50px)*0.4);width:calc(clamp(30px, 3vw, 50px)*0.6);height:calc(clamp(30px, 3vw, 50px)*0.6);display:flex;align-items:center;justify-content:center;color:var(--white);position:relative;z-index:1;background:rgba(0,0,0,.8);border-radius:100%}.index .list ul li .pic:hover .tools[data-v-32a2cc02]:before{position:absolute;width:100%;height:100%;content:"";background:rgba(0,0,0,.6)}.index .list ul li .pic:hover .tools[data-v-32a2cc02]{opacity:1}.index .list ul li.add[data-v-32a2cc02]{display:flex;align-items:center;justify-content:center}.index .list ul li.add i[data-v-32a2cc02]{font-size:3vw;color:#5f92bd}@media (max-width:768px){.index .list ul[data-v-32a2cc02]{gap:3vw;width:calc(100% + 3vw)}.index .list ul li[data-v-32a2cc02]{width:calc(50% - 3vw)}.index .list ul li.add i[data-v-32a2cc02]{font-size:6vw}}