

.video-paper{padding:90px 0 85px}
.video-layout{display:flex;gap:80px;align-items:flex-start}
.video-main{flex:1;min-width:0}
.video-aside{width:280px;flex-shrink:0;position:sticky;top:100px}
.video-cat-nav{padding:30px 25px;background-color:#ffffff;box-shadow:0 0 20px 0 rgba(0,0,0,0.08);border-radius:6px}
.video-cat-nav .cat-title{font-size:24px;font-weight:700;color:#275daa;padding-bottom:15px;border-bottom:2px solid #275eaa;margin-bottom:25px;letter-spacing:0}
.video-cat-nav .cat-list{list-style:none;margin:0;padding:0}
.video-cat-nav .cat-item{margin-bottom:22px}
.video-cat-nav .cat-item:last-child{margin-bottom:0}
.video-cat-nav .cat-item a{display:block;font-size:18px;line-height:1.4;color:#888888;text-decoration:none;padding-bottom:10px;transition:color .3s ease,border-color .3s ease}
.video-cat-nav .cat-item a:hover{color:var(--public-color)}
.video-cat-nav .cat-item a.active{color:#245caa;font-weight:500;border-bottom:2px solid var(--public-color)}
.video-paper .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 30px}
.video-paper .list{height:100%;background-color:#ffffff;box-shadow:0 4px 20px 0 rgba(0,0,0,0.1);padding:20px 25px}
.video-paper .list .v{margin-bottom:20px}
.video-paper .list .v .v-thumb{display:block;position:relative;border-radius:4px;overflow:hidden;aspect-ratio:16/9;background-color:#000}
.video-paper .list .v .v-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}
.video-paper .list .v .v-thumb:hover img{opacity:.85}
.video-paper .list .t1{display:block;font-size:20px;color:#333333;font-weight:500;margin-bottom:10px;text-decoration:none}
.video-paper .list .t1:hover{color:#245caa}
.video-paper .list .time{font-size:15px;color:#999999}
.video-paper .down-list{margin-top:60px;text-align:center}
@media (max-width:1000px){
	.video-paper{padding:50px 0}
	.video-layout{flex-direction:column;gap:50px}
	.video-aside{width:100%;position:static}
	.video-paper .grid{gap:30px 20px}
	.video-paper .down-list{margin-top:40px}
}
@media (max-width:768px){
	.video-cat-nav{padding:25px 20px}
	.video-cat-nav .cat-title{font-size:20px;margin-bottom:20px}
	.video-cat-nav .cat-item{margin-bottom:16px}
	.video-cat-nav .cat-item a{font-size:16px}
	.video-paper .list{padding:15px 18px}
	.video-paper .list .t1{font-size:16px;line-height:1.4;margin-bottom:8px}
	.video-paper .list .time{font-size:13px}
}
@media (max-width:576px){
	.video-paper .grid{grid-template-columns:1fr;gap:30px}
}