.leoon-video-card{color:var(--font-primary);display:block;font-size:14px;position:relative;text-decoration:none}.leoon-video-card:hover{color:#c99a05}.leoon-video-card:hover .leoon-video-card-desc{opacity:1;transform:translateY(0)}.iframe-card .leoon-video-card-box-wrapper>*{pointer-events:all}.leoon-video-card-box-wrapper{border-radius:4px;overflow:hidden;position:relative}.leoon-video-card-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.leoon-video-card-iframe iframe{height:100%;width:100%}.leoon-video-card-time{background-color:#000;border-top-left-radius:4px;bottom:0;color:#fff;font-size:11px;padding:2px 4px;position:absolute;right:0}.leoon-video-card-date{color:var(--font-tertiary);font-size:13px}.leoon-video-card-title{margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leoon-video-card-newest,.leoon-video-card-recommend{background-color:var(--color-danger);border-radius:4px;color:#fff;display:inline-block;font-size:12px;margin-top:8px;padding:2px 8px;position:absolute;right:4px;top:0}.leoon-video-card-newest{background-color:var(--el-button-active-color)}.leoon-video-card-desc{background-color:#000000b3;bottom:0;box-sizing:border-box;color:#ffffffd9;font-size:14px;height:70%;left:0;opacity:0;overflow:auto;padding:12px;pointer-events:auto;position:absolute;transform:translateY(100%);transition:all .3s;width:100%}@media screen and (max-width:700px){.leoon-video-card-desc{display:none}.leoon-video-card-newest,.leoon-video-card-recommend{margin-top:8px;position:absolute;right:4px;top:0}}.video-wrapper{box-sizing:border-box;margin:40px auto;max-width:100%;padding:0 16px;position:relative;width:1200px}.video-card-container{display:block}.video-card-container:after,.video-card-container:before{clear:both;content:"";display:table}.video-card-container+.video-card-container{margin-top:24px}.video-card-title{font-size:28px;font-weight:700;padding:10px}.video-card-title b{margin-right:6px}.video-card-title .video-card-desc{color:var(--font-secondary);display:inline-block;font-size:14px;font-weight:400}.video-card-wrapper{box-sizing:border-box;float:left;padding:10px;width:25%}.video-card-wrapper.hot{width:50%}.video-card-wrapper.hot .leoon-video-card-title{font-size:18px;font-weight:700;padding:6px 0}.list-loading,.video-card-wrapper.hot .leoon-video-card-date{font-size:14px}.list-loading{align-items:center;display:flex;justify-content:center;margin:20px auto 0;text-align:center}.list-loading .loading-dom{margin-right:8px}.video-card-wrapper .el-skeleton__image{height:150px}@media screen and (max-width:700px){.video-wrapper{margin:16px auto}.video-card-title{font-size:20px;padding:8px}.video-card-title .video-card-desc{font-size:12px;margin-left:0}.video-card-wrapper{box-sizing:border-box;padding:8px 0;width:calc(50% - 8px)}.video-card-wrapper:nth-child(2n){margin-right:16px}.video-card-wrapper .el-skeleton__image{height:100px}.video-card-wrapper.hot{margin-right:0;width:100%}.video-card-wrapper.hot .leoon-video-card-title{font-size:16px;padding:6px 0}.video-card-wrapper.hot .leoon-video-card-date{font-size:12px}}