.banner[data-v-827a7efd]{width:100%}nav[data-v-9144879e]{background-color:#fff;font-size:14px;width:100%}nav ul[data-v-9144879e]{display:flex;margin:0 auto;overflow-x:auto;padding:10px 0;white-space:nowrap;width:100%}nav ul li[data-v-9144879e]{align-items:flex-end;display:flex}nav ul .nav-title[data-v-9144879e]{border-bottom:1px solid transparent;cursor:pointer}nav ul .active[data-v-9144879e]{border-bottom:1px solid rgba(0,51,204,.25)}nav ul span[data-v-9144879e]{margin:0 5px}nav ul .last-title[data-v-9144879e]{cursor:pointer;font-weight:700}@media screen and (max-width:768px){.subnav ul[data-v-9144879e]{overflow-x:scroll}.subnav ul .last-title[data-v-9144879e]{color:#8328b4}}@media screen and (min-width:1200px){.subnav ul[data-v-9144879e]{width:1200px}}.search[data-v-b637b07b]{width:100%}.search input[data-v-b637b07b]{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-b637b07b]:focus{background-color:#fff;border-color:#a6dee1;box-shadow:0 0 0 .2rem #47bac140;color:#495057;outline:0}.search .btn[data-v-b637b07b]{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-b637b07b]:hover{background-color:#8b62d1}.card[data-v-7b29c4c0]{background-color:#fff;cursor:pointer;flex-direction:column;height:280px;margin-bottom:20px;padding:10px}.card[data-v-7b29c4c0],.card .img-content[data-v-7b29c4c0]{display:flex;justify-content:center;position:relative}.card .img-content[data-v-7b29c4c0]{align-items:center;height:250px;overflow:hidden;width:100%}.card .img-content img[data-v-7b29c4c0]{max-height:100%}.card .img-content .play-icon[data-v-7b29c4c0]{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-7b29c4c0]{font-size:14px}.card .ellipsis[data-v-7b29c4c0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .footer[data-v-7b29c4c0]{font-size:14px;margin-top:10px}.card .footer .download-content[data-v-7b29c4c0]{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.card .footer .download-content .size[data-v-7b29c4c0]{margin-top:5px}@media screen and (max-width:768px){.card[data-v-7b29c4c0]{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-7b29c4c0]{height:auto;height:24vw;max-height:160px;max-width:150px;padding-left:10px;width:24vw}.card .img-content .play-icon[data-v-7b29c4c0]{height:36px;margin-top:-18px;width:36px}.card .footer[data-v-7b29c4c0]{margin-top:0;padding:0 15px;width:76vw}.card .footer .download-content[data-v-7b29c4c0]{display:flex;flex-wrap:nowrap;justify-content:space-between}}.load-more[data-v-37164a8b]{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-37164a8b]{margin-top:20px}}.search[data-v-6274e6c6]{background:linear-gradient(135deg,#8328b4,#1e1e96);color:#fff;padding:10px 20px}.banner[data-v-6274e6c6]{width:100%}.wrapper[data-v-6274e6c6]{background-color:#eee;height:100%;min-height:300px;min-height:calc(100vh - 220px)}.wrapper .layout[data-v-6274e6c6]{display:flex;margin:0 auto;width:1200px}.wrapper .layout .right[data-v-6274e6c6]{padding-left:10px;padding-top:10px}.wrapper .recommendation[data-v-6274e6c6],.wrapper .search-title[data-v-6274e6c6]{font-size:18px;font-weight:700;padding:15px}.wrapper .search-title[data-v-6274e6c6]{font-size:16px;font-weight:400}.wrapper .list[data-v-6274e6c6]{width:940px}.recommendation[data-v-6274e6c6]{font-size:16px}.phone-layout .recommendation[data-v-6274e6c6],.phone-layout .search-title[data-v-6274e6c6]{padding:10px 5px}.video-js[data-v-6274e6c6]{width:100%}.empty[data-v-6274e6c6]{font-size:14px;text-align:center}@media screen and (max-width:768px){body,html{background-color:#f1f1f1}}