.container[data-v-20acddd1]{padding:54px 16px 72px;background:#fff}.container .content[data-v-20acddd1]{max-width:1208px;margin:0 auto}.container .content .video-items[data-v-20acddd1]{margin-top:40px;display:flex;flex-wrap:wrap}.container .content .video-items .video-box[data-v-20acddd1]{width:23%;margin-bottom:16px}.container .content .video-items .video-box .img-box[data-v-20acddd1]{position:relative;border-radius:8px;width:100%;aspect-ratio:272/152;overflow:hidden;contain:paint;cursor:pointer}.container .content .video-items .video-box .img-box .img[data-v-20acddd1]{display:block;width:100%;height:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover}.container .content .video-items .video-box .img-box .cover-box[data-v-20acddd1]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s ease}.container .content .video-items .video-box .img-box .cover-box .btn[data-v-20acddd1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#fff}.container .content .video-items .video-box .img-box .cover-box .btn .text[data-v-20acddd1]{margin-right:8px;font-size:14px;color:#005dac}.container .content .video-items .video-box .img-box:hover .cover-box[data-v-20acddd1]{opacity:1}.container .content .video-items .video-box .name[data-v-20acddd1]{padding:16px 0;font-size:14px;line-height:140%;color:#4e4d50}.container .content .video-items .video-box[data-v-20acddd1]:not(:nth-child(4n+1)){margin-left:2.6666666667%}.container .content .serch-box[data-v-20acddd1]{justify-content:space-between}.container .content .serch-box .tabs[data-v-20acddd1],.container .content .serch-box[data-v-20acddd1]{display:flex;align-items:center}.container .content .serch-box .tabs .tab[data-v-20acddd1]{font-weight:500;font-size:14px;color:#4e4d50;line-height:150%;padding-bottom:4px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.container .content .serch-box .tabs .tab[data-v-20acddd1]:not(:first-child){margin-left:20px}.container .content .serch-box .tabs .active-tab[data-v-20acddd1]{color:#212223;border-color:#005dac}.container .content .serch-box .dropdown-box[data-v-20acddd1]{position:relative;display:none}.container .content .serch-box .dropdown-box .drop-box[data-v-20acddd1]{width:100%;height:32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;font-weight:500;font-size:14px;color:#212223}.container .content .serch-box .dropdown-box .item-box[data-v-20acddd1]{position:absolute;z-index:100;width:100%;padding:0 24px;box-sizing:border-box;background:#fff;box-shadow:0 2px 20px rgba(0,93,172,.12)}.container .content .serch-box .dropdown-box .item-box .item[data-v-20acddd1]{padding:16px 0;font-size:14px;color:grey}.container .content .serch-box .dropdown-box .item-box .item[data-v-20acddd1]:not(:last-child){border-bottom:1px solid #e0e0e0}.container .content .serch-box .dropdown-box .item-box .active-item[data-v-20acddd1]{color:#212223}.container .content .serch-box .input-box[data-v-20acddd1]{width:376px;max-width:376px;height:32px;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.container .content .serch-box .input-box i[data-v-20acddd1]{font-size:20px;color:#005dac}.container .content .serch-box .input-box input[data-v-20acddd1]{width:calc(100% - 32px);margin-left:8px;border:none;outline:none}.container .dialog[data-v-20acddd1]{position:fixed;z-index:10000;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5)}.container .dialog .dialog-box[data-v-20acddd1]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container .dialog .dialog-box i[data-v-20acddd1]{position:absolute;top:16px;right:16px;font-size:32px;color:#fff}.container .dialog .dialog-box video[data-v-20acddd1]{width:75%}@media screen and (max-width:1028px){.container .content .serch-box[data-v-20acddd1]{display:flex;align-items:center;justify-content:space-between}.container .content .serch-box .tabs[data-v-20acddd1]{display:none}.container .content .serch-box .dropdown-box[data-v-20acddd1]{display:block;width:48%;max-width:175px}.container .content .serch-box .input-box[data-v-20acddd1]{width:48%;max-width:175px}.container .content .serch-box .input-box input[data-v-20acddd1]{margin-left:8px;width:calc(100% - 32px);border:none;outline:none}}@media screen and (max-width:768px){.container[data-v-20acddd1]{padding:32px 16px 54px}.container .content .video-items .video-box[data-v-20acddd1]{width:48%;margin-bottom:16px}.container .content .video-items .video-box[data-v-20acddd1]:not(:nth-child(4n+1)){margin-left:0}.container .content .video-items .video-box[data-v-20acddd1]:nth-child(2n){margin-left:4%}.container .dialog .dialog-box video[data-v-20acddd1]{width:100%}}.dialog[data-v-48344956]{position:fixed;z-index:10000;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:rgba(0,0,0,.5)}.dialog .dialog-box[data-v-48344956]{position:relative;width:100%;height:100%;padding:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog .dialog-box i[data-v-48344956]{position:absolute;top:16px;right:16px;font-size:32px;color:#fff;cursor:pointer}.dialog .dialog-box video[data-v-48344956]{display:block;width:auto;height:auto;max-width:75vw;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);-o-object-fit:contain;object-fit:contain}@media screen and (max-width:768px){.dialog .dialog-box[data-v-48344956]{padding:56px 16px 24px}.dialog .dialog-box video[data-v-48344956]{max-width:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}}