body{margin:0}[data-v-d8ce10c8] .el-pagination{text-align:center}.width50[data-v-d8ce10c8]{width:100%;height:50px}.div[data-v-d8ce10c8]{position:relative}.fixed_btn[data-v-d8ce10c8]{position:absolute;right:0;top:0}[data-v-d8ce10c8] .el-input--suffix .el-input__inner{width:480px}.flex_list[data-v-d8ce10c8]{margin-top:40px;display:flex;justify-content:space-between}.list[data-v-d8ce10c8]{width:1200px;margin:0 auto}.list .title[data-v-d8ce10c8]{font-weight:700;font-size:30px;line-height:42px;color:#333}.list .video_list[data-v-d8ce10c8]{width:100%;margin:30px auto;display:flex;justify-content:space-between;flex-wrap:wrap}.list .video_list .video[data-v-d8ce10c8]{width:32%;height:300px;background-color:#2b2b2b;border-radius:10px;margin:0 0 20px 0;cursor:pointer;border:1px solid #eee}.list .video_list .video img[data-v-d8ce10c8]{width:100%;height:216px;background:#fff;-o-object-fit:contain;object-fit:contain;border-radius:10px 10px 0 0}.list .video_list .video .maxwidth[data-v-d8ce10c8]{width:90%;margin:0 auto;color:#fff}.list .video_list .video .maxwidth .name[data-v-d8ce10c8]{font-size:20px;color:hsla(0,0%,100%,.9);letter-spacing:0;height:28px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:700;margin:10px 0 6px 0}.list .video_list .video .maxwidth .name[data-v-d8ce10c8]:hover{color:#0d9e72}.list .video_list .video .maxwidth .desc[data-v-d8ce10c8]{font-size:16px;color:hsla(0,0%,100%,.5);letter-spacing:0;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px}