@charset "UTF-8";.container[data-v-c185f668]{padding:120px 0}.video-list .videoset[data-v-c185f668]{padding:20px 0}.video-list .title[data-v-c185f668]{fill:#ccc;margin:5px 10px;position:relative}.video-list .title h4[data-v-c185f668]{display:inline-block;vertical-align:middle}.video-list .title path[data-v-c185f668]:first-child{fill:var(--highlight-color)}.video-list .title svg[data-v-c185f668]{font-size:24px;vertical-align:middle}.video-list .title .java[data-v-c185f668]{transform:translateY(-3px)}.video-list .title .more[data-v-c185f668]{position:absolute;right:5px;text-decoration:underline;top:50%;transform:translateY(-50%)}.video-list .list[data-v-c185f668]{display:flex;flex-wrap:wrap;justify-content:space-between}.video-list .item[data-v-c185f668]{box-sizing:border-box;padding:10px;width:220px}.video-list .item h5[data-v-c185f668]{color:var(--main-color);font-weight:400;margin:10px 0}.video-list .item .poster[data-v-c185f668]{position:relative}.video-list .item .poster .btn-play[data-v-c185f668]{fill:#ffffffb3;cursor:pointer;font-size:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-list img[data-v-c185f668]{width:100%}.popover[data-v-c185f668]{height:80%;margin-left:-165px;max-height:90%;max-width:95%;width:calc(95% - 330px)}.popover h2[data-v-c185f668]{font-size:16px;margin:0 75px 16px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover iframe[data-v-c185f668]{height:calc(100% - 42px);width:100%}.popover .list[data-v-c185f668]{background-color:var(--bg-color);box-shadow:0 0 20px #00000080;box-sizing:border-box;height:100%;padding:15px;position:absolute;right:-330px;top:0;width:330px}.popover .list h4[data-v-c185f668]{margin-bottom:15px}.popover .list .item[data-v-c185f668]{color:#aaa;cursor:pointer;font-size:13px;margin:10px 0;text-decoration:underline}.popover .list .item[data-v-c185f668]:before{content:"•";display:inline-block;margin-right:3px;text-decoration:none}.popover .list .item.current[data-v-c185f668],.popover .list .item[data-v-c185f668]:hover{color:var(--highlight-color)}.popover .list .more[data-v-c185f668]{bottom:15px;left:15px;position:absolute}.popover .list .more a[data-v-c185f668]{font-size:13px;text-decoration:underline}.popover .list .more a[data-v-c185f668]:after{content:">>"}.popover .btn-menu[data-v-c185f668]{fill:var(--highlight-color);background-color:var(--bg-color);border-radius:0 5px 5px 0;padding:10px 0;position:absolute;right:-345px;top:50%;transform:translateY(-50%)}.popover .tips[data-v-c185f668]{bottom:-26px;color:var(--highlight-color);font-weight:700;position:absolute;right:80px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.popover .tips svg[data-v-c185f668]{fill:var(--highlight-color);font-size:50px;transform:rotate(90deg)}.popover .tools[data-v-c185f668]{display:flex;font-size:30px;justify-content:flex-end;position:absolute;right:15px;top:15px}.popover .tools .btn[data-v-c185f668]{fill:var(--main-color);background-color:transparent;height:auto;line-height:1;margin-left:16px;width:auto}.popover .tools .btn[data-v-c185f668]:hover{fill:#d81e06}.popover .tools .btn-close[data-v-c185f668]{font-size:26px}.popover.collaps[data-v-c185f668]{height:640px;margin-left:-115px;width:640px}.popover.collaps .list[data-v-c185f668]{overflow:hidden;right:-230px;width:230px}.popover.collaps .btn-menu[data-v-c185f668]{right:-245px}.popover.hide-menu[data-v-c185f668]{margin-left:0;width:95%}.popover.hide-menu .list[data-v-c185f668]{overflow:hidden;padding:0;right:0;width:0}.popover.hide-menu .list .list-content[data-v-c185f668],.popover.hide-menu .list h4[data-v-c185f668]{opacity:0}.popover.hide-menu .btn-menu[data-v-c185f668]{right:-15px}.popover.collaps.hide-menu[data-v-c185f668]{width:870px}.theme-light .video-list .title[data-v-c185f668]{fill:var(--color-blue)}.theme-light .popover .item[data-v-c185f668]{color:var(--main-color)}.theme-light .popover .tips[data-v-c185f668]{text-shadow:1px 1px 0 hsla(0,0%,100%,.8)}@media screen and (max-width:768px){.video-list .item[data-v-c185f668]{width:50%}.popover.collaps[data-v-c185f668]{margin-left:0;max-width:100%}.popover.collaps .list[data-v-c185f668],.popover.collaps .tools .btn-collaps[data-v-c185f668],.tips[data-v-c185f668]{display:none}}