.banner[data-v-72797f07]{width:100%}nav[data-v-b0143d6c]{background-color:#fff;font-size:14px;width:100%}nav ul[data-v-b0143d6c]{display:flex;margin:0 auto;overflow-x:auto;padding:10px 0;white-space:nowrap;width:100%}nav ul li[data-v-b0143d6c]{align-items:flex-end;display:flex}nav ul .nav-title[data-v-b0143d6c]{border-bottom:1px solid transparent;cursor:pointer}nav ul .active[data-v-b0143d6c]{border-bottom:1px solid rgba(0,51,204,.25)}nav ul span[data-v-b0143d6c]{margin:0 5px}nav ul .last-title[data-v-b0143d6c]{cursor:pointer;font-weight:700}@media screen and (max-width:768px){.subnav ul[data-v-b0143d6c]{overflow-x:scroll}.subnav ul .last-title[data-v-b0143d6c]{color:#8328b4}}@media screen and (min-width:1200px){.subnav ul[data-v-b0143d6c]{width:1200px}}.search[data-v-a741508b]{width:100%}.search input[data-v-a741508b]{border:1px solid #ced4da;border-radius:0;font-size:14px;font-weight:400;height:40px;padding-left:10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.search input[data-v-a741508b]:focus{background-color:#fff;border-color:#a6dee1;box-shadow:0 0 0 .2rem #47bac140;color:#495057;outline:0}.search .btn[data-v-a741508b]{background-color:#8328b4;color:#fff;cursor:pointer;height:40px;line-height:40px;text-align:center;transition:background-color .2s ease-in-out;width:100%}.search .btn[data-v-a741508b]:hover{background-color:#8b62d1}.card[data-v-16bdfb25]{background-color:#fff;cursor:pointer;flex-direction:column;height:280px;margin-bottom:20px;padding:10px}.card[data-v-16bdfb25],.card .img-content[data-v-16bdfb25]{display:flex;justify-content:center;position:relative}.card .img-content[data-v-16bdfb25]{align-items:center;height:250px;overflow:hidden;width:100%}.card .img-content img[data-v-16bdfb25]{max-height:100%}.card .img-content .play-icon[data-v-16bdfb25]{bottom:0;height:40px;left:0;margin:-20px auto 0;position:absolute;right:0;top:50%;width:40px;z-index:1}.card .title[data-v-16bdfb25]{font-size:14px}.card .ellipsis[data-v-16bdfb25]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .footer[data-v-16bdfb25]{font-size:14px;margin-top:10px}.card .footer .download-content[data-v-16bdfb25]{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.card .footer .download-content .size[data-v-16bdfb25]{margin-top:5px}@media screen and (max-width:768px){.card[data-v-16bdfb25]{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex-direction:row;height:auto;justify-content:flex-start;margin-bottom:0;padding:10px 0}.card .img-content[data-v-16bdfb25]{height:auto;height:24vw;max-height:160px;max-width:150px;padding-left:10px;width:24vw}.card .img-content .play-icon[data-v-16bdfb25]{height:36px;margin-top:-18px;width:36px}.card .footer[data-v-16bdfb25]{margin-top:0;padding:0 15px;width:76vw}.card .footer .download-content[data-v-16bdfb25]{display:flex;flex-wrap:nowrap;justify-content:space-between}}.load-more[data-v-8525181e]{background-color:#fff;border-radius:40px;cursor:pointer;font-size:18px;height:40px;line-height:40px;margin:0 auto 20px;text-align:center;width:200px}@media screen and (max-width:768px){.load-more[data-v-8525181e]{margin-top:20px}}.search[data-v-9a4a0807]{background:linear-gradient(135deg,#8328b4,#1e1e96);color:#fff;padding:10px 20px}.banner[data-v-9a4a0807]{width:100%}.wrapper[data-v-9a4a0807]{background-color:#eee;height:100%;min-height:300px;min-height:calc(100vh - 220px)}.wrapper .layout[data-v-9a4a0807]{display:flex;margin:0 auto;width:1200px}.wrapper .layout .right[data-v-9a4a0807]{padding-left:10px;padding-top:10px}.wrapper .recommendation[data-v-9a4a0807],.wrapper .search-title[data-v-9a4a0807]{font-size:18px;font-weight:700;padding:15px}.wrapper .search-title[data-v-9a4a0807]{font-size:16px;font-weight:400}.wrapper .list[data-v-9a4a0807]{width:940px}.recommendation[data-v-9a4a0807]{font-size:16px}.phone-layout .recommendation[data-v-9a4a0807],.phone-layout .search-title[data-v-9a4a0807]{padding:10px 5px}.video-js[data-v-9a4a0807]{width:100%}.empty[data-v-9a4a0807]{font-size:14px;text-align:center}@media screen and (max-width:768px){body,html{background-color:#f1f1f1}}
