.example_container[data-v-f2ba95ce]{margin-top:20px}.example_list[data-v-f2ba95ce]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;grid-template-rows:200px}.example_item[data-v-f2ba95ce]{position:relative;border-radius:8px;margin-bottom:40px}.example_item .example_item_top[data-v-f2ba95ce]{height:180px;position:relative}.example_item img[data-v-f2ba95ce],.example_item video[data-v-f2ba95ce]{width:100%;height:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover}.example_item .play[data-v-f2ba95ce]{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.example_item .example_name[data-v-f2ba95ce]{font-size:16px;padding:10px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog_video[data-v-f2ba95ce]{width:100%;height:100%;text-align:center;margin:0 auto;position:fixed;top:0;left:0;z-index:999999}.dialog_video .modal-bg[data-v-f2ba95ce]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5)}.dialog_video .dialog_video[data-v-f2ba95ce]{width:900px;text-align:center;margin:0 auto;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-25%)}.dialog_video .dialog_video .dibw[data-v-f2ba95ce]{position:absolute;top:0;width:100%;padding:10px;font-size:18px;z-index:20;color:#fff}.dialog_video .dialog_video .dibw .close[data-v-f2ba95ce]{border-radius:4px;background:#000;color:#fff;padding:2px 5px}.newGrid[data-v-f2ba95ce]{padding-right:32px}.newGridTitle[data-v-f2ba95ce]{margin:0 auto;margin-bottom:30px}.newGridTitle img[data-v-f2ba95ce]{text-align:center;margin:0 auto;display:block;height:80px}.gridContainer[data-v-f2ba95ce]{display:grid;width:100%;margin:0 auto;grid-template-columns:repeat(4,1fr);grid-gap:15px;grid-auto-flow:row dense;margin-bottom:40px}.gridContainer .gridItem[data-v-f2ba95ce]{position:relative}.gridContainer .gridItem.shu[data-v-f2ba95ce]{grid-auto-flow:column dense;grid-row:span 2}.gridContainer .gridItem.heng[data-v-f2ba95ce]{grid-auto-flow:row dense;grid-column:span 2}.gridContainer .gridItem img[data-v-f2ba95ce]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gridContainer .gridItem .peopleName[data-v-f2ba95ce]{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,.5);font-size:22px;opacity:0}.gridContainer .gridItem:hover .peopleName[data-v-f2ba95ce]{opacity:1}