/* base.css v-22.04.08 */

/* html5新元素 */
header, footer, section, article, nav { display: block; }

/* rem设置 */
html { font-size: 5.20833333vw; }
@media (max-width: 768px) {
	html { font-size: 26.66666666vw; }
}

body { font-size: .16rem; line-height: 2; color: #999; font-family: Microsoft YaHei, SimSun; overflow-x: hidden; }
@media (max-width: 1920px) {
	body { font-size: 16px; }
}
@media (max-width: 1366px) {
	body { font-size: 15px; }
}
@media (max-width: 768px) {
	body { font-size: .14rem; }
}

/* 清除浮动 */
.clearfix::after, [class*='list']::after, .nav::after { content: ''; display: block; width: 0; height: 0; clear: both; }

/* 列表 */
[class*='list'] > li, .nav > li { float: left; }

/* 文本两端对齐 */
.txt { text-align: justify; text-align-last: left; text-justify: distribute; }

/* 文本溢出显示省略号 */
.line-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.line-2,
.line-3,
.line-4 { display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.line-2 { -webkit-line-clamp: 2; line-clamp: 2; height: 4em; }
.line-3 { -webkit-line-clamp: 3; line-clamp: 3; height: 6em; }
.line-4 { -webkit-line-clamp: 4; line-clamp: 4; height: 8em; }

/* 动画 */
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}

.animated {
	animation-duration: 1s;
	-o-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

.fadeInUp {
	animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}
.fadeInRight {
	animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}