.shortvideo-container[data-v-1ecd29fa]{position:relative;padding:0 0 80px;width:100%;background-color:#181b20;line-height:1.4;font-size:14px}.shortvideo-container *[data-v-1ecd29fa]{margin:0;color:#eee}.shortvideo-container button[data-v-1ecd29fa]{background-color:transparent;border:none;cursor:pointer}.shortvideo-container button[data-v-1ecd29fa]:hover{filter:brightness(.85)}.shortvideo-container .middle-layout[data-v-1ecd29fa]{margin:0 auto;width:100%;max-width:1600px}.main[data-v-1ecd29fa]{position:relative}.main .video-bg[data-v-1ecd29fa]{position:absolute;top:0;right:0;width:900px;height:500px}.main .video-bg video[data-v-1ecd29fa]{width:100%;height:100%;object-fit:cover;display:block}.main .video-bg[data-v-1ecd29fa]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#181B20 0%,rgba(24,27,32,0) 15%,rgba(24,27,32,0) 85%,#181B20 100%)}.main .video-bg[data-v-1ecd29fa]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#181B20 0%,rgba(24,27,32,0) 20%,rgba(24,27,32,0) 80%,#181B20 100%)}.main .top-box[data-v-1ecd29fa]{position:relative;min-height:464px}.main .head-info[data-v-1ecd29fa]{padding-top:80px;width:520px}.main .head-info h1[data-v-1ecd29fa]{font-size:56px;line-height:78px;font-weight:700;background:linear-gradient(206deg,#FFFFFF 0%,#FFC02D 33%,#FD6F5B 66%,#FF6B98 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main .head-info p[data-v-1ecd29fa]{margin-top:4px;color:#fff;font-size:16px;line-height:28px}.main .head-info div[data-v-1ecd29fa]{margin-top:24px;display:flex}.main .head-info button[data-v-1ecd29fa]{width:128px;height:44px;background-color:#fff;font-size:16px;font-weight:700;color:#222;border-radius:10px}.main .head-info a[data-v-1ecd29fa]{margin-left:16px;position:relative;width:157px;height:44px;background:url(/assets/shortvideo_home_btn-6c650c63.png);background-size:contain}.main .head-info a[data-v-1ecd29fa]:hover{filter:brightness(1.1)}.main .head-info a img[data-v-1ecd29fa]{position:absolute;top:-10px;right:-16px;width:52px;height:16px}.main .example-list[data-v-1ecd29fa]{margin-top:56px;display:flex}.main .example-list .example-item[data-v-1ecd29fa]{width:168px;cursor:pointer}.main .example-list .example-item[data-v-1ecd29fa]:not(:last-child){margin-right:16px}.main .example-list .example-item:hover .img[data-v-1ecd29fa]{transform:scale(1.1)}.main .example-list .example-item .example-image[data-v-1ecd29fa]{position:relative;width:100%;height:94px;overflow:hidden;border-radius:10px}.main .example-list .example-item .example-image .img[data-v-1ecd29fa]{width:100%;height:100%;display:block;object-fit:cover;transition:all .3s}.main .example-list .example-item .example-image .icon[data-v-1ecd29fa]{position:absolute;left:6px;bottom:6px;width:28px;height:28px}.main .example-list .example-item .example-image span[data-v-1ecd29fa]{position:absolute;left:0;top:0;font-size:11px;width:38px;height:19px;background:rgba(0,0,0,.5);color:#fff;border-radius:0 0 10px;text-align:center;line-height:19px}.main .example-list .example-item .example-title[data-v-1ecd29fa]{margin-top:8px;font-size:14px;line-height:20px}.main .tabs[data-v-1ecd29fa]{margin-top:80px;display:flex}.main .tabs li[data-v-1ecd29fa]{margin-right:40px;font-weight:700;font-size:18px;color:#777;cursor:pointer}.main .tabs li.active[data-v-1ecd29fa]{color:#eee}.main .shortvideo-list[data-v-1ecd29fa]{margin-top:20px;display:flex;flex-wrap:wrap}.main .shortvideo-list .shortvideo-item[data-v-1ecd29fa]{width:300px;margin-bottom:24px}.main .shortvideo-list .shortvideo-item[data-v-1ecd29fa]:not(:nth-child(5n)){margin-right:25px}.main .shortvideo-list .shortvideo-item.add[data-v-1ecd29fa]{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#202229;border-radius:10px;border:1px dashed #36383e;height:234px;cursor:pointer}.main .shortvideo-list .shortvideo-item.add[data-v-1ecd29fa]:hover{border-style:solid;filter:brightness(1.2)}.main .shortvideo-list .shortvideo-item.add img[data-v-1ecd29fa]{width:60px;height:60px}.main .shortvideo-list .shortvideo-item.add span[data-v-1ecd29fa]{margin-top:16px;font-size:16px;color:#aaa}.main .shortvideo-list .shortvideo-item.works[data-v-1ecd29fa]{cursor:pointer}.main .shortvideo-list .shortvideo-item.works .cover[data-v-1ecd29fa]{transition:all .3s}.main .shortvideo-list .shortvideo-item.works:hover .cover[data-v-1ecd29fa]{transform:scale(1.1)}.main .shortvideo-list .shortvideo-item.works:hover .delete-btn[data-v-1ecd29fa]{display:flex}.main .shortvideo-list .shortvideo-item .img-wrap[data-v-1ecd29fa]{position:relative;width:100%;height:200px;overflow:hidden;border-radius:10px}.main .shortvideo-list .shortvideo-item .img-wrap .cover[data-v-1ecd29fa]{width:100%;height:100%;display:block;object-fit:cover}.main .shortvideo-list .shortvideo-item .img-wrap .icon[data-v-1ecd29fa]{position:absolute;left:8px;bottom:8px;width:28px;height:28px}.main .shortvideo-list .shortvideo-item .img-wrap .delete-btn[data-v-1ecd29fa]{display:none;position:absolute;top:12px;right:12px;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,0,0,.5)}.main .shortvideo-list .shortvideo-item .img-wrap .delete-btn img[data-v-1ecd29fa]{width:16px;height:16px}.main .shortvideo-list .shortvideo-item .info[data-v-1ecd29fa]{margin-top:12px;display:flex;justify-content:space-between}.main .shortvideo-list .shortvideo-item .info strong[data-v-1ecd29fa]{width:242px;font-weight:700;font-size:16px}.main .shortvideo-list .shortvideo-item .info img[data-v-1ecd29fa]{width:18px;height:18px}.main .shortvideo-list .shortvideo-item .info span[data-v-1ecd29fa]{color:#777}.main .shortvideo-list .shortvideo-item.my-video .info strong[data-v-1ecd29fa]{width:100%!important}.main .nodata[data-v-1ecd29fa]{padding:50px 0;display:flex;flex-direction:column;align-items:center}.main .nodata img[data-v-1ecd29fa]{width:300px;height:auto}.main .nodata span[data-v-1ecd29fa]{margin-top:10px;color:#fff}.video-dialog[data-v-1ecd29fa] .el-dialog__header,.video-dialog[data-v-1ecd29fa] .el-dialog__body{padding:0!important}.video-dialog[data-v-1ecd29fa] .el-dialog{background-color:transparent;box-shadow:0 0 0 0 transparent}.video-dialog .video[data-v-1ecd29fa]{padding:20px;overflow:hidden;border-radius:10px;background-color:#000}.video-dialog .video video[data-v-1ecd29fa]{width:100%;height:70vh;display:block;object-fit:contain}