* {
	margin: 0;
	padding: 0;
	font-family: 'normal';
}

@font-face {
	font-family: 'normal';
	/*src: url('../img/font.ttf') format('truetype');*/
	font-weight: normal;
	font-style: normal;
}

body {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

img {
	width: 100%;
	display: block;
}

.video_div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-origin: left top;
	background-color: black;
}


/*返回css*/

.div_retrun_btn {
	position: absolute;
	top: 3%;
	left: 3%;
	width: 17.8%;
}


/*继续css*/

.div_jx_btn {
	position: absolute;
	top: 3%;
	right: 3%;
	width: 21.7%;
}

video::-webkit-media-controls-fullscreen-button {
	display: none;
}

video::-internal-media-controls-download-button {
	display: none;
}

#my-video {
	max-width: 100%;
	/* 视频宽度不超过容器 */
	max-height: 100%;
	/* 视频高度不超过容器 */
	object-fit: contain;
	/* 保持视频比例，避免拉伸 */
	margin-left: var(--Video-Width);
}

.start_btn {
	/* width: 17.5%;
	height : 5%;
	position: absolute;
	left: 41.25%;
	bottom: 30%; */
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	display: none;
}

.order_div {
	width: 37%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#num_txt {
	position: absolute;
	width: 35%;
	height: 8%;
	top: 29.5%;
	left: 47.5%;
	color: #888D93;
}

input {
	position: absolute;
	outline: none;
	background: none;
	border: none;
	text-align: center;
	font-size: 16px;
}

.type_txt {
	position: absolute;
	width: 35%;
	height: 8%;
	top: 40%;
	left: 47.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #888D93;
}

#bank_txt {
	position: absolute;
	width: 35%;
	height: 8%;
	top: 50.5%;
	left: 47.5%;
}

#name_txt {
	position: absolute;
	width: 35%;
	height: 8%;
	top: 60.5%;
	left: 47.5%;
}

.subbtn {
	width: 40%;
	position: absolute;
	bottom: 6%;
	right: 6%;
}

.select_div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.select_bg {
	position: absolute;
	width: 26.225%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.rmb_btn {
	position: absolute;
	top: 35%;
	left: 21%;
	width: 58%;
	height: 16%;
	/* background-color: antiquewhite; */
}

.dollor_btn {
	position: absolute;
	top: 58%;
	left: 21%;
	width: 58%;
	height: 16%;
	/* background-color: antiquewhite; */
}

.rmb_select {
	width: 3%;
	position: absolute;
	top: 41.5%;
	left: 23%;
	display: none;
}

.dollor_select {
	width: 3%;
	position: absolute;
	top: 64%;
	left: 23%;
	display: none;
}

.backbtn {
	width: 15%;
	position: absolute;
	left: 5%;
	bottom: 5%;
}

.div_file {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 100%;
	top: 0%;
	left: 0%;
	display: none;
}

#div_time1_gaote {
	position: absolute;
	bottom: 2%;
	transform:translateX(0%);
	width: 29%;
	transition: transform 0.5s ease-out;
}

.move-right {
	transform: translateX(var(--move-distance));
}


/* 定义抖动动画关键帧 */

@keyframes shake {
	0%,
	100% {
		transform: translateX(0);
	}
	10%,
	50%,
	90% {
		transform: translateX(-5px);
	}
	30%,
	70% {
		transform: translateX(5px);
	}
}


/* 应用动画到目标元素 */

#div_time2_whao {
	animation: shake 0.7s infinite ease-in-out;
	position: absolute;
	top: 10%;
	left: 20%;
	width: 11%;
}

#div_time2_whao1 {
	animation: shake 0.9s infinite ease-in-out;
	position: absolute;
	top: 19%;
	left: 34%;
	width: 6%;
}


/* 放大、透明度动画 */

@keyframes fadeLoop {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}
	/* 开始和结束时完全不透明 */
	50% {
		opacity: 0.85;
		transform: scale(1.1);
	}
	/* 中间阶段半透明 */
}

.target-element {
	animation: fadeLoop 2s infinite;
	/* 3秒动画，无限循环 */
}


/* 左上角位移动画 */

.moving-img {
	animation: moveToTopLeft 1s linear infinite;
	animation-timing-function: ease-out;
	/* 动画持续3秒，线性速度，无限循环 */
}

@keyframes moveToTopLeft {
	0% {
		transform: translate(0, 0);
		/* 初始位置 */
	}
	100% {
		transform: translate(-30%, -30%);
		/* 向左上角移动（相对自身宽高的100%） */
	}
}


/* 放大动画 */

.div_time16_animation {
	animation: Magnify​ 2s infinite;
}

@keyframes Magnify​ {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}