.tools-image[data-v-099708da]:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--pink)}.card-container[data-v-099708da]{display:flex;flex-wrap:wrap;margin-top:60px}.card-container .card-item__contain[data-v-099708da]{border:1px solid var(--gray1)}.card-container .card-item__contain[data-v-099708da]:hover{color:var(--black8);border-color:var(--gray4)}.card-item[data-v-099708da]{transition:all .3s;position:relative;width:250px;height:120px;border-radius:20px;-webkit-animation:hideToShow 1s ease-in-out;animation:hideToShow 1s ease-in-out;overflow:hidden;margin:10px;color:var(--darkBlue)}.card-item[data-v-099708da]:hover{transform:translateY(-6px)}.card-name[data-v-099708da]{font-weight:400;font-size:25px}.card-name[data-v-099708da]:after{top:50px;width:22px;left:26px;height:2px;background:var(--white);content:"";border-radius:1px;position:absolute}.card-desc[data-v-099708da]{font-weight:700;margin-top:15px}.tools-content[data-v-099708da]{margin:0 auto;max-width:1200px}.collect-classify[data-v-099708da]{color:var(--bigRed);font-size:28px;margin-bottom:10px}.tools-item-wrap[data-v-099708da]{justify-content:center;display:flex;flex-wrap:wrap;margin-left:-10px}.tools-item[data-v-099708da]{color:var(--bigRed1);transition:all .3s;border-radius:12px;box-shadow:0 8px 16px -4px var(--mask);background:var(--pink);display:flex;width:calc(25% - 20px);max-width:320px;height:90px;overflow:hidden;padding:15px;margin:10px;border:1px solid var(--gray1);transition:all .3s ease}.tools-item[data-v-099708da]:hover{border-color:var(--gray4);background:var(--blue);color:var(--white1)}.tools-item:hover .tools-item-image[data-v-099708da]{transition:all .6s;width:0!important;height:0!important;opacity:0;margin-right:0}.tools-item:hover div[data-v-099708da]:nth-child(2){width:100%!important}.tools-item-image[data-v-099708da]{margin-right:20px;transition:all .3s}.tools-item-title[data-v-099708da]{font-size:19px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:5px}.tools-item-introduction[data-v-099708da]{opacity:.7;font-weight:700;letter-spacing:1px;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:1100px){.index-video[data-v-099708da]{width:1100px}}@media screen and (max-width:900px){.tools-item[data-v-099708da]{width:calc(33.33333% - 20px)}}@media screen and (max-width:700px){.tools-item[data-v-099708da]{width:calc(50% - 20px)}}@media screen and (max-width:620px){.card-container[data-v-099708da]{margin-top:0}.index-video[data-v-099708da]{width:620px}}@media screen and (max-width:400px){.tools-item[data-v-099708da]{width:calc(100% - 20px)}.index-video[data-v-099708da]{width:400px}.card-container[data-v-099708da]{display:none}}@media screen and (max-width:308px){.card-item[data-v-099708da]{display:none}}