/*!  Douglass.cn | (c) 2011, 2025 BC network technology co., LTD | QQ: 156890583  */

/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,ins,a,address,code,del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;font-size:inherit;}
textarea{font-family:inherit;padding:0;margin:0;resize:none;outline:none;font-size:inherit;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;background-color:#efe6dd;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;color:#45403e;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5,h6{font-size:inherit;}
i,em,address,ins{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	
a:active{}	
a:visited{}
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	
.no_bor{ border:none!important;}
.no_bg{ background:none!important;}
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}
.center{margin:0 auto;width:1400px;}	

@keyframes erwmLine {
	0% {transform: translate(0,0)}
	100% {transform: translate(0,140px)}
}


@keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-9deg);}
    30%, 50%, 70%, 90% {transform: scale(1) rotate(9deg);}
    40%, 60%, 80% {transform: scale(1) rotate(-9deg);}
    100% {transform: scale(1) rotate(0);}
}

/* 新增视频列表样式 */
		.list-video {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 20px 0;
			padding: 0;
			list-style: none;
		}
		
		.list-video li {
			width: 23.5%;
			margin-bottom: 20px;
			background: #fff;
			border-radius: 4px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.1);
			overflow: hidden;
			transition: transform 0.3s ease;
		}
		
		.list-video li:hover {
			transform: translateY(-5px);
		}
		
		.video-item {
			display: block;
			text-decoration: none;
			color: #333;
		}
		
		.video-cover {
			position: relative;
			width: 100%;
			height: 160px;
			overflow: hidden;
		}
		
		.video-cover img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s ease;
		}
		
		.list-video li:hover .video-cover img {
			transform: scale(1.05);
		}
		
		.video-duration {
			position: absolute;
			bottom: 8px;
			right: 8px;
			background: rgba(0,0,0,0.7);
			color: #fff;
			font-size: 12px;
			padding: 2px 6px;
			border-radius: 2px;
		}
		
		.video-info {
			padding: 12px;
		}
		
		.video-category {
			display: inline-block;
			font-size: 12px;
			color: #fff;
			background: #ff6700;
			padding: 2px 6px;
			border-radius: 2px;
			margin-bottom: 8px;
		}
		
		.video-title {
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 8px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}
		
		.video-time {
			font-size: 12px;
			color: #999;
		}
		
		/* 响应式适配 */
		@media (max-width: 1200px) {
			.list-video li {
				width: 31%;
			}
		}
		
		@media (max-width: 768px) {
			.list-video li {
				width: 48%;
			}
		}
		
		@media (max-width: 480px) {
			.list-video li {
				width: 100%;
			}
		}