body {
	font-size: 4.8vw;
	user-select: none;
}

.main {
	position: relative;
	padding: 0 4vw 28.9333vw;
}

.breadcrumb {
	padding: 4vw 0;
	font-size: 3.2vw;
	color: #626262;
}

.main-title {
	margin-bottom: 5.3333vw;
	font-size: 6.4vw;
	color: #333;
	font-weight: 600;
}

.main blockquote {
	font-size: 3.2vw;
	color: #9b9b9b;
}

.main blockquote .time {
	margin-right: 4vw;
}

.container {
	margin-top: 5.3333vw;
}

.main .container .content {
	color: #222121;
}

.main .content li {
	letter-spacing: .1333vw;
	margin-bottom: 5.3333vw;
}

.main .case {
	width: 89.4667vw;
	height: 69.3333vw;
	margin: 4vw auto 5.3333vw;
	background: url(../images/case.png?v=002) no-repeat center/cover;
}

.download-tips {
	color: #222121;
	letter-spacing: .1333vw;
}

.download-tips span {
	color: #e00507;
	font-weight: 600;
}

.main-btn {
	display: block;
	width: 73.8667vw;
	height: 16.5333vw;
	margin: 4vw auto 0;
	background: url(../images/main-btn.png?v=001) no-repeat center/cover;
}

.free-quota {
	margin-top: 4vw;
	color: #222121;
	font-weight: bold;
}

.free-quota span {
	color: #e00507;
	font-size: 5.3333vw;
}

.ys-tips {
	width: 87.4667vw;
	height: 18.5333vw;
	margin: 8vw auto 4vw;
	background: url(../images/ys-tips.png?v=001) no-repeat center/cover;
}

.footer {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 28.9333vw;
	background: url(../images/foot.png?v=005) no-repeat center/cover;
}

.foot-btn {
	position: absolute;
	right: 10.9333vw;
	bottom: 2vw;
	width: 31.8667vw;
	height: 7.8667vw;
	background: url(../images/foot-btn.png) no-repeat center/cover;
}

.bg-yellow {
	background: #ffff00;
}

.bg-red {
	background: #e00507;
	color: #fff!important;
}

.ani {
	cursor: pointer;
	animation: bigSame 0.8s linear infinite both;
}

@keyframes bigSame {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(0.85, 0.85);
	}
	100% {
		transform: scale(1, 1);
	}
}