@charset "utf-8";
/*Author: BeiYue*/
/*QQ: 964214970*/
/*Telegram: BeiYue88*/
/*==============================================================*/

/* CSS Style */
:root {
	/*全局颜色更改*/
	--txt: #606060;
	--bai: #ffffff;
	--hui: #3f3f3f;
	--bg01: #ffffff;
	--bg02: #fcf5eb;
	--svg01: brightness(0) saturate(100%) invert(64%) sepia(44%) saturate(314%) hue-rotate(341deg) brightness(91%) contrast(95%);
	--svg02: brightness(0) saturate(100%) invert(61%) sepia(23%) saturate(388%) hue-rotate(93deg) brightness(89%) contrast(86%);
	--svg03: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	--svg04: brightness(0) saturate(100%) invert(50%) sepia(6%) saturate(0%) hue-rotate(188deg) brightness(100%) contrast(94%);
	--svg05: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(1365%) hue-rotate(325deg) brightness(106%) contrast(95%);
	--svg06: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(1828%) hue-rotate(306deg) brightness(101%) contrast(98%);
	--svg07: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(1572%) hue-rotate(318deg) brightness(109%) contrast(102%);
	--sc01: #c99775;
	--sc02: #719982;
	--sc03: #fff6ef;
	--sc04: #f8dfce;
	--sc05: #b4b4b4;
	--sc06: #dfb192;
	--sc07: #fdf4e9;
	--sc08: #808080;
	--sc09: #acacac;
	--sc10: #c9e0d3;
	--sc11: #dbb49a;
	--sc12: #b4ca53;
	--sc13: #ffede1;
	--sc14: #ec2742;
	--sc15: #ededed;
}

* {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

em,
i {
	font-style: normal
}

img {
	border: 0;
	vertical-align: middle
}

button {
	cursor: pointer
}

a {
	color: #666;
	text-decoration: none
}

body {
	position: relative;
	-webkit-font-smoothing: antialiased;
	font-family: 'Microsoft YaHei', 'Tahoma', 'Arial', 'Hiragino Sans GB', "\5B8B\4F53", 'sans-serif', 'Source HanSans SC', 'Source HanSerif SC',
}

.lazy_img {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.lazy_img.load_img {
	opacity: 1;
}

/*页面加载动画*/
.jk_loadanimationa_box {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	background: var(--bai);
	z-index: 9999;
}

.jk_loadanimationa_box .load_container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.jk_loadanimationa_box .load_container p {
	color: var(--sc02);
	font-size: 20px;
	animation: load_txt 2s linear infinite;
}

@keyframes load_txt {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

.jk_loadanimationa_box .load_container .load_line {
	width: 190px;
	height: 190px;
	border: solid 1px transparent;
	border-radius: 50%;
	position: absolute;
}

.jk_loadanimationa_box .load_container .load_line:nth-child(1) {
	border-bottom: solid 8px var(--sc04);
	animation: load_line_01 2s linear infinite;
}

.jk_loadanimationa_box .load_container .load_line:nth-child(2) {
	border-bottom: solid 8px var(--sc02);
	animation: load_line_02 2s linear infinite;
}

.jk_loadanimationa_box .load_container .load_line:nth-child(3) {
	border-bottom: solid 8px var(--sc01);
	animation: load_line_03 2s linear infinite;
}

.jk_loadanimationa_box .load_container .load_line:nth-child(4) {
	border-bottom: solid 8px var(--sc12);
	animation: load_line_04 2s linear infinite;
}

@keyframes load_line_01 {
	from {
		transform: rotateX(50deg) rotateZ(110deg);
	}

	to {
		transform: rotateX(50deg) rotateZ(470deg);
	}
}

@keyframes load_line_02 {
	from {
		transform: rotateX(20deg) rotateY(50deg) rotateZ(20deg);
	}

	to {
		transform: rotateX(20deg) rotateY(50deg) rotateZ(380deg);
	}
}

@keyframes load_line_03 {
	from {
		transform: rotateX(40deg) rotateY(130deg) rotateZ(450deg);
	}

	to {
		transform: rotateX(40deg) rotateY(130deg) rotateZ(90deg);
	}
}

@keyframes load_line_04 {
	from {
		transform: rotateX(70deg) rotateZ(270deg);
	}

	to {
		transform: rotateX(70deg) rotateZ(630deg);
	}
}

@media only screen and (max-width: 480px) {
	.jk_loadanimationa_box .load_container p {
		font-size: 4.167vw;
	}

	.jk_loadanimationa_box .load_container .load_line {
		width: 39.583vw;
		height: 39.583vw;
	}

	.jk_loadanimationa_box .load_container .load_line:nth-child(1) {
		border-bottom: solid 1.667vw var(--sc04);
	}

	.jk_loadanimationa_box .load_container .load_line:nth-child(2) {
		border-bottom: solid 1.667vw var(--sc02);
	}

	.jk_loadanimationa_box .load_container .load_line:nth-child(3) {
		border-bottom: solid 1.667vw var(--sc01);
	}

	.jk_loadanimationa_box .load_container .load_line:nth-child(4) {
		border-bottom: solid 1.667vw var(--sc12);
	}
}