/* CSS Document */


/*http://www.inline.online*/


/* Qin Fox  ABC@XYZ.CEO */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/1.jpg)no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


/*PAOMADENGYUMING*/

 :root {
	--domain-color: #ff6b6b;
}


/* FirstDIVcss */

#FoxDomain {
	position: fixed;
	top: 10%;
	left: 50%;
	margin: 100px auto;
	/*TIAOZHENGWEIZHI-KESHAN*/
	transform: translateX(-50%);
	z-index: 1000;
	animation: dropDown 1s ease-out;
	cursor: pointer;
}

@keyframes dropDown {
	from {
		top: -20%;
	}
	to {
		top: 10%;
	}
}

.rainbow-text {
	background: linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0000ff, #8000ff, #ff0080);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: rainbow 2s linear infinite;
	background-size: 200% auto;
}

@keyframes rainbow {
	to {
		background-position: 200% center;
	}
}


/*#domainfox{color:white;}*/


/*FirstDIVcss-END*/

.search {
	width: 42.752562%;
	height: 46px;
	border: 1px solid #90EE90;
	border-radius: 46px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.99;
	background-color: #FFF;
}

.search:hover {
	border: none;
	box-shadow: 0px 0px 52px #FFF;
}

.it {
	width: 92.123288%;
	height: 34px;
	border: none;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.eye {
	float: right;
	border: none;
	margin: 12px 12px;
	box-sizing: border-box;
	position: relative;
	width: 2em;
	height: 1.2em;
	background-color: #90EE90;
	border-radius: 50%;
	cursor: pointer;
}

.eye:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: .8em;
	height: .8em;
	background-color: #fff;
	border-radius: 50%;
}

.eye:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: .4em;
	height: .4em;
	background-color: #90EE90;
	border-radius: 50%;
}


/*ADimg*/


/*
.floating-box {
	position: fixed;
	bottom: 18%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 200px;
	height: 76px;
	border-radius: 8px;
	overflow: hidden;
	z-index: 1000;
}

.floating-box a {
	display: block;
	width: 100%;
	height: 100%;
}

.floating-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	transition: transform 0.2s;
}

.floating-box img:hover {
	transform: scale(1.05);
}
*/


/*ADimg-END*/


/* 3/4/5 imgDIV */

.imgDiv {
	display: block;
	/* 默认显示 */
	position: fixed;
	width: 200px;
	height: 76px;
	bottom: 18%;
	animation: mainDrop 10s infinite;
	border-radius: 15px;
	overflow: hidden;
	opacity: 0;
}

#DivLeft {
	left: 20%;
	animation-name: leftDrop;
}

#DivCenter {
	left: 50%;
	transform: translateX(-50%);
	animation-name: centerDrop;
}

#DivRight {
	right: 20%;
	animation-name: rightDrop;
}

.imgDiv img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	transition: transform 0.3s;
	cursor: pointer;
}

.imgDiv:hover img {
	transform: scale(1.05);
}

@keyframes mainDrop {
	0% {
		opacity: 0;
		transform: translateY(-100vh);
	}
	20% {
		opacity: 1;
		transform: translateY(0);
	}
	80% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(100vh);
	}
}

@keyframes leftDrop {
	0% {
		opacity: 0;
		transform: translate(-200%, -200%);
	}
	20% {
		opacity: 1;
		transform: translateX(0);
	}
	80% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translate(-200%, 200%);
	}
}

@keyframes rightDrop {
	0% {
		opacity: 0;
		transform: translate(200%, -200%);
	}
	20% {
		opacity: 1;
		transform: translateX(0);
	}
	80% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translate(200%, 200%);
	}
}

@keyframes centerDrop {
	0% {
		opacity: 0;
		transform: translate(-50%, -200%);
	}
	20% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
	80% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, 200%);
	}
}


/* 屏幕宽度≤1009x时隐藏 */

@media (max-width: 1009px) {
	#DivLeft,
	#DivRight,
	#logoX,
	#domainX {
		display: none;
	}
}

.footer {
	text-align: center;
	position: fixed;
	right: 1%;
	left: 1%;
	bottom: 6%;
	font-size: 12px;
}


/*
.footer p,
.footer a {
	color: rgba(123, 123, 123, 1);
}

.footer a {
	text-decoration: none;
}
*/


/*
.footer {
	text-align: center; 
	position: fixed;
	right: 1%;
	left: 1%;
	bottom: 6%;
}

.footer a,p {
	color: rgba(153, 153, 153, 1);
}
.footer a {
	text-decoration: none;
}
*/