.example[data-v-bf172278]{color:var(--color-text-black);height:311.4px;max-width:1280px;padding:0 40px;width:100%}.example .title_desc_box .desc[data-v-bf172278]{color:var(--color-text-white-60)}.scroll_box[data-v-bf172278]{height:100%;overflow:hidden;position:relative;width:100%}.scroll_box ul[data-v-bf172278]{align-items:center;display:flex;height:100%;overflow-x:scroll}.scroll_box ul li[data-v-bf172278]{background:var(--color-black);flex-shrink:0;overflow:hidden;position:relative}.scroll_box ul li img[data-v-bf172278],.scroll_box ul li video[data-v-bf172278]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.scroll_box .mask[data-v-bf172278]{background:linear-gradient(90deg,#000,transparent 27.38%,transparent 75.43%,#000);bottom:0;left:0;position:absolute;right:0;top:0}.control_box[data-v-bf172278]{left:0;padding:0 24px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}.control_box_btn[data-v-bf172278]{align-items:center;background:#0009;border:1px solid var(--color-border-white-16);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.slide_item[data-v-bf172278]{aspect-ratio:146/260;border-radius:12px;height:260px;width:146px}.slide_item.active[data-v-bf172278]{aspect-ratio:175.2/301.4;border-radius:14px;height:301.4px;width:175.2px}@media (max-width:820px){.example[data-v-bf172278]{max-width:100%}.control_box[data-v-bf172278]{display:none}.scroll_box[data-v-bf172278]{overflow:hidden;width:100%}}