.sample[data-v-fb134a1c]{background-color:#f4f6fe;padding:0 24px 40px}.sample .s_title[data-v-fb134a1c]{margin:0 auto;max-width:1200px}.sample .demos_wrapper[data-v-fb134a1c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(294px,1fr));margin:16px auto 0;max-width:1200px;grid-gap:24px;background-color:#f4f6fe}@media screen and (max-width:768px){.sample .demos_wrapper[data-v-fb134a1c]{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}}.sample .demos_wrapper .one_demo[data-v-fb134a1c]{background:linear-gradient(180deg,#fff,#fff);border:1px solid #e9ecfd;border-radius:8px;cursor:pointer;padding:22px 20px}.sample .demos_wrapper .one_demo .one_demo_top[data-v-fb134a1c]{align-items:center;display:flex;justify-content:flex-start;grid-gap:16px}.sample .demos_wrapper .one_demo .one_demo_top .icon[data-v-fb134a1c]{height:24px;width:24px}.sample .demos_wrapper .one_demo .one_demo_top .icon img[data-v-fb134a1c]{height:100%;width:100%}.sample .demos_wrapper .one_demo .one_demo_top .name[data-v-fb134a1c]{color:#201515;font-size:20px;font-weight:400}.sample .demos_wrapper .one_demo .one_demo_top .icon_jt[data-v-fb134a1c]{display:none;height:24px;margin-left:auto;width:24px}.sample .demos_wrapper .one_demo .one_demo_content[data-v-fb134a1c]{color:#666;display:-webkit-box;font-size:16px;font-weight:400;margin-top:16px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.sample .demos_wrapper .one_demo[data-v-fb134a1c]:hover{border:1px solid #bdc8f9}.sample .demos_wrapper .one_demo:hover .icon_jt[data-v-fb134a1c]{display:block}