/* .ani{opacity: 0;} */
	.loading-num{
		position: fixed;
		left: 0;
		top: 0;
		height: 0.462vh;
		background-color: #A37C52;
		z-index: 99999;
		width: 0%;
	}
	.loading{
		position: fixed;
		left:0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 9999;
		background: #fff;
		box-sizing: border-box;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.loader-11 {
		background-color: #A37C52;
		-webkit-animation: loader-11 1.2s infinite ease-in-out;
		animation: loader-11 1.2s infinite ease-in-out;
		display: inline-block;
		width: 2em;
		height: 2em;
		color: inherit;
		vertical-align: middle;
		pointer-events: none;
	}
	@-webkit-keyframes loader-11 {
		0% {
			-webkit-transform: perspective(11.11vh) rotateX(0deg) rotateY(0deg);
			transform: perspective(11.11vh) rotateX(0deg) rotateY(0deg);
		}
		50% {
			-webkit-transform: perspective(11.11vh) rotateX(-180deg) rotateY(0deg);
			transform: perspective(11.11vh) rotateX(-180deg) rotateY(0deg);
		}
		100% {
			-webkit-transform: perspective(11.11vh) rotateX(-180deg) rotateY(-180deg);
			transform: perspective(11.11vh) rotateX(-180deg) rotateY(-180deg);
		}
	}
	@keyframes loader-11 {
		0% {
			-webkit-transform: perspective(11.11vh) rotateX(0deg) rotateY(0deg);
			transform: perspective(11.11vh) rotateX(0deg) rotateY(0deg);
		}
		50% {
			-webkit-transform: perspective(11.11vh) rotateX(-180deg) rotateY(0deg);
			transform: perspective(11.11vh) rotateX(-180deg) rotateY(0deg);
		}
		100% {
			-webkit-transform: perspective(11.11vh) rotateX(-180deg) rotateY(-180deg);
			transform: perspective(11.11vh) rotateX(-180deg) rotateY(-180deg);
		}
	}
	
	
	
	.updown1{
		animation: updown1 2s infinite alternate linear;
	}
	.updown2{
		animation: updown2 3s infinite alternate linear;
	}
	.updown3{
		animation: updown3 3s infinite alternate linear;
	}
	.updown4{
		animation: updown4 3s infinite alternate linear;
	}
	.updown5{
		animation: updown5 3s infinite alternate linear;
	}
	.updown6{
		animation: updown6 3s infinite alternate linear;
	}
	.updown7{
		animation: updown7 3s infinite alternate linear;
	}
	.updown8{
		animation: updown8 3s infinite alternate linear;
	}
	.updown9{
		animation: updown9 3s infinite alternate linear;
	}
	.updown10{
		animation: updown10 3s infinite alternate linear;
	}
	.updown11{
		animation: updown11 3s infinite alternate linear;
	}
	.updown12{
		animation: updown12 3s infinite alternate linear;
	}
	.updown13{
		animation: updown13 3.3s infinite alternate linear;
	}
	.updown14{
		animation: updown14 2.8s infinite alternate linear;
	}
	.updown15{
		animation: updown15 3s infinite alternate linear;
	}
	.updown16{
		animation: updown16 3s infinite alternate linear;
	}
	.updown17{
		animation: updown17 3s infinite alternate linear;
	}
	.updown18{
		animation: updown18 3s infinite alternate linear;
	}
	.updown19{
		animation: updown19 3s infinite alternate linear;
	}
	.updown20{
		animation: updown20 3s infinite alternate linear;
	}
	.updown21{
		animation: updown21 3s infinite alternate linear;
	}
	
	.bq-upd1{animation: updown19 4s infinite alternate linear}
	.bq-upd2{animation: updown13 5s infinite alternate linear}
	.bq-upd3{animation: updown14 4s infinite alternate linear}
	.bq-upd4{animation: updown12 6s infinite alternate linear}
	.bq-upd5{animation: updown17 5s infinite alternate linear}
	.bq-upd6{animation: updown5 4s infinite alternate linear}
	.bq-upd7{animation: updown16 5s infinite alternate linear}
	
	@keyframes updown1 { from{top:0;} to{top: 4.629vh;} }
	@keyframes updown2 { from{top:-1.851vh;} to{top:0vh;} }
	@keyframes updown4 { from{top:7.407vh;} to{top:13.88vh;} }
	@keyframes updown5 { from{top:5.555vh;} to{top:8.333vh;} }
	@keyframes updown7 { from{top:3.240vh;} to{top:6.018vh;} }
	@keyframes updown11 { from{top:9.259vh;} to{top:12.03vh;} }
	@keyframes updown13 { from{top:15.74vh;} to{top:18.51vh;} }
	@keyframes updown14 { from{top:30.55vh;} to{top:34.25vh;} }
	@keyframes updown19 { from{top:0vh;} to{top:2.777vh;} }
	@keyframes updown21 { from{top:44.44vh;} to{top:41.66vh;} }
	
	@keyframes updown3 { from{bottom:27.77vh;} to{bottom:31.48vh;} }
	@keyframes updown6 { from{bottom:14.35vh;} to{bottom:17.12vh;} }
	@keyframes updown8 { from{bottom:25.46vh;} to{bottom:28.24vh;} }
	@keyframes updown9 { from{bottom:9.259vh;} to{bottom:12.03vh;} }
	@keyframes updown10 { from{bottom:19.90vh;} to{bottom:22.68vh;} }
	@keyframes updown12 { from{bottom:28.70vh;} to{bottom:32.40vh;} }
	@keyframes updown15 { from{bottom:5.555vh;} to{bottom:9.259vh;} }
	@keyframes updown16 { from{bottom:35.18vh;} to{bottom:38.88vh;} }
	@keyframes updown17 { from{bottom:-1.851vh;} to{bottom:0vh;} }
	@keyframes updown18 { from{bottom:2.777vh;} to{bottom:4.629vh;} }
	@keyframes updown20 { from{bottom:0vh;} to{bottom:1.851vh;} }
	
	
	
	.fffbtn{
		width: 7.407vh;
		height: 7.407vh;
		position: absolute;
		cursor: pointer;
	}
	.fffbtn::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 2.777vh;
		height: 2.777vh;
		background-color: rgba(255, 255, 255, .7);
		border-radius: 50%;
		border: 0.092vh solid #fff
	}
	.fffbtn::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 0.277vh solid #fff;
		border-radius: 50%;
		width: 2.777vh;
		height: 2.777vh;
		animation: jump2 1.5s ease-out infinite;
	}
	@keyframes jump2 {
		from {
			width: 3.240vh;
			height: 3.240vh;
			opacity: 1
		}
		to {
			width: 7.407vh;
			height: 7.407vh;
			opacity: 0
		}
	}
	
	
	
	
	
	/* 自定义动画 */
	@keyframes showwidth {	    0% { opacity: 1; width: 0; } 100% {opacity: 1;width:calc(127.7vh - 8.796vh);}	}
	@keyframes showwidth2 {	    0% {opacity: 1;width: 0; } 100% {opacity: 1;width: 156.2vh; }	}
	@keyframes showwidth3 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:51.66vh; }	}
	@keyframes showwidth4 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:78.70vh; }	}
	@keyframes showwidth5 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:116.9vh; }	}
	@keyframes showwidth6 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:111.0vh; }	}
	@keyframes showwidth7 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:81.57vh; }	}
	@keyframes showwidth8 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:71.01vh; }	}
	@keyframes showwidth9 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:78.70vh; }	}
	@keyframes showwidth10 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:221.9vh; }	}
	@keyframes showwidth11 {	    0% {opacity: 1;width: 0;} 100% {opacity: 1;width:213.7vh; }	}
	@keyframes showwidth12 {0% {opacity: 1;width: 0;} 100% {opacity: 1;width:45.09vh; }}
	@keyframes showwidth13 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:56.57vh; }}
	@keyframes showwidth14 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:38.33vh; }}
	@keyframes showwidth15 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:34.44vh; }}
	@keyframes showwidth16 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:50.64vh; }}
	@keyframes showwidth17 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:35.37vh; }}
	@keyframes showwidth18 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:37.12vh; }}
	@keyframes showwidth19 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:49.25vh; }}
	@keyframes showwidth20 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:87.96vh; }}
	@keyframes showwidth21 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:47.59vh; }}
	@keyframes showwidth22 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:43.51vh; }}
	@keyframes showwidth23 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:46.11vh; }}
	@keyframes showwidth24 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:52.03vh; }}
	@keyframes showwidth25 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:90.18vh; }}
	@keyframes showwidth26 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:83.70vh; }}
	@keyframes showwidth27 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:34.62vh; }}
	@keyframes showwidth28 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:36.66vh; }}
	@keyframes showwidth29 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:58.51vh; }}
	@keyframes showwidth30 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:53.51vh; }}
	@keyframes showwidth31 {0% {opacity: 1;width: 0vh;} 100% {opacity: 1;width:26.66vh; }}
	.showwidth {	    animation-name: showwidth;		}
	.showwidth2 {	    animation-name: showwidth2;		}
	.showwidth3 {	    animation-name: showwidth3;		}
	.showwidth4 {	    animation-name: showwidth4;		}
	.showwidth5 {	    animation-name: showwidth5;		}
	.showwidth6 {	    animation-name: showwidth6;		}
	.showwidth7 {	    animation-name: showwidth7;		}
	.showwidth8 {	    animation-name: showwidth8;		}
	.showwidth9 {	    animation-name: showwidth9;		}	
	.showwidth10 {	    animation-name: showwidth10;	}
	.showwidth11 {	    animation-name: showwidth11;	}
	.showwidth12 {	    animation-name: showwidth12;	}
	.showwidth13{	    animation-name: showwidth13;	}
	.showwidth14{	    animation-name: showwidth14;	}
	.showwidth15{	    animation-name: showwidth15;	}
	.showwidth16{	    animation-name: showwidth16;	}
	.showwidth17{	    animation-name: showwidth17;	}
	.showwidth18{	    animation-name: showwidth18;	}
	.showwidth19{	    animation-name: showwidth19;	}
	.showwidth20{	    animation-name: showwidth20;	}
	.showwidth21{	    animation-name: showwidth21;	}
	.showwidth22{	    animation-name: showwidth22;	}
	.showwidth23{	    animation-name: showwidth23;	}
	.showwidth24{	    animation-name: showwidth24;	}
	.showwidth25{	    animation-name: showwidth25;	}
	.showwidth26{	    animation-name: showwidth26;	}
	.showwidth27{	    animation-name: showwidth27;	}
	.showwidth28{	    animation-name: showwidth28;	}
	.showwidth29{	    animation-name: showwidth29;	}
	.showwidth30{	    animation-name: showwidth30;	}
	.showwidth31{	    animation-name: showwidth31;	}
	
	
	@keyframes showheight { 		0% {height: 0;opacity: 1} 100% {opacity: 1;height: 47.31vh; }}
	@keyframes showheight2 {		0% {height: 0;opacity: 1} 100% {opacity: 1;height: 69.44vh; }}
	@keyframes showheight3 {	    0% {height: 0;opacity: 1}100% {opacity: 1;height: 47.31vh;}	}
	@keyframes showheight4 {	    0% {height: 0;opacity: 1}100% {opacity: 1;height: 24.16vh;}	}
	/* 卷轴 */
	@keyframes showheight5 {	    0% {height: 7.407vh;opacity: 1;}100% {opacity: 1;height: 75.18vh;opacity: 1;}	}
	@keyframes showheight6 {	    0% {height: 0vh;opacity: 1;}100% {opacity: 1;height: 89.62vh;opacity: 1;}	}
	@keyframes showheight7 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height: 90.92vh;}	}
	@keyframes showheight8 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height: 95.18vh;}	}
	@keyframes showheight9 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height: 28.24vh;}	}
	@keyframes showheight10 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height: 22.03vh;}	}
	@keyframes showheight11 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height: 33.05vh;}	}
	@keyframes showheight12 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:57.03vh;}	}
	@keyframes showheight13 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:61.94vh;}	}
	@keyframes showheight14 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:56.94vh;}	}
	@keyframes showheight15 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:25vh;}	}
	@keyframes showheight16 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:16.66vh;}	}
	@keyframes showheight17 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:26.11vh;}	}
	@keyframes showheight18 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:28.70vh;}	}
	@keyframes showheight19 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:36.75vh;}	}
	@keyframes showheight20 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:2.129vh;}	}
	@keyframes showheight21 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:31.75vh;}	}
	@keyframes showheight22 {	    0% {height: 0vh;opacity: 1}100% {opacity: 1;height:29.90vh;}	}
	/* @keyframes showheight22 {	    0% {height: 0vh;}100% {opacity: 1;height:390px;}	} */
	
	.showheight {	    animation-name: showheight;}
	.showheight2 {	    animation-name: showheight2;	}
	.showheight3 {	    animation-name: showheight3;	}
	.showheight4 {	    animation-name: showheight4;	}
	.showheight5 {	    animation-name: showheight5;	}
	.showheight6 {	    animation-name: showheight6;	}
	.showheight7 {	    animation-name: showheight7;	}
	.showheight8 {	    animation-name: showheight8;	}
	.showheight9 {	    animation-name: showheight9;	}
	.showheight10 {	    animation-name: showheight10;	}
	.showheight11 {	    animation-name: showheight11;	}
	.showheight12 {	    animation-name: showheight12;	}
	.showheight13 {	    animation-name: showheight13;	}
	.showheight14 {	    animation-name: showheight14;	}
	.showheight15 {	    animation-name: showheight15;	}
	.showheight16 {	    animation-name: showheight16;	}
	.showheight17 {	    animation-name: showheight17;	}
	.showheight18 {	    animation-name: showheight18;	}
	.showheight19 {	    animation-name: showheight19;	}
	.showheight20 {	    animation-name: showheight20;	}
	.showheight21 {	    animation-name: showheight21;	}
	.showheight22 {	    animation-name: showheight22;	}
	
	
	
	/* 旋转动画 */
	
	@keyframes rotateZ45 {
	    0% {transform: rotateZ(0);transform-origin:100% 50%;}
	    100% {transform: rotateZ(-15deg);transform-origin:100% 50%; }
	}
	
	@keyframes rotateZ452 {
	    0% {transform: rotateZ(0);transform-origin:0% 0%;}
	    100% {transform: rotateZ(-10deg);transform-origin:0% 0%;}
	}
	@keyframes rotateZ45-3 {
	    0% {transform:translateY(-1.759vh) rotateZ(0);}
	    100% {transform:translateY(-1.759vh) rotateZ(-15deg); }
	}
	@keyframes rotateZ45-3-2 {
	    0% {transform:rotateZ(0);}
	    100% {transform:rotateZ(15deg); }
	}
	@keyframes rotateZ45-4 {
	    0% {transform: translateY(-17.87vh) rotateZ(-15deg);}
	    100% {transform: translateY(-17.87vh) rotateZ(6deg); }
	}
	@keyframes rotateZ45-4-2 {
	    0% {transform:rotateZ(14deg);}
	    100% {transform:rotateZ(-5deg); }
	}
	.rotateZ45{
		animation: rotateZ45 2s infinite alternate linear;
	}
	.rotateZ452{
		animation: rotateZ452 2s infinite alternate linear;
	}
	.rotateZ45-3{
		animation: rotateZ45-3 10s infinite alternate linear;
	}
	.rotateZ45-3-2{
		animation: rotateZ45-3-2 10s infinite alternate linear;
	}
	.rotateZ45-4{
		animation: rotateZ45-4 10s infinite alternate linear;
	}
	.rotateZ45-4-2{
		animation: rotateZ45-4-2 10s infinite alternate linear;
	}
	
	
	
	/* 透明 */
	@keyframes touming {
	    0% {opacity: 0; }
	    100% {opacity: 1;}
	}
	.touming{
		animation: touming 2s infinite alternate linear;
	}
	.touming2{
		animation: touming 2s 1s infinite alternate linear;
	}
	
	/* 弧度入场 */
	@keyframes onin1 {
	    0% {top: -27.77vh;left: -46.29vh;}
		25%{top: -18.98vh;left: -31.48vh;}
		50%{top: -10.18vh;left: -16.66vh;}
		75%{top: -1.388vh;left: -12.96vh;}
	    100%{top: 7.407vh;left: -12.96vh;}
	}
	
	@keyframes animX{
	      0% {left: -46.29vh;} 
	    100% {left: -12.96vh;} 
	} 
	@keyframes animY{ 
	      0% {top: -18.51vh;} 
		  50%{top: 13.88vh;}
	    100% {top: 7.407vh;} 
	} 
	.onin1{
		animation: animX 6s, animY 3s; 
	}