*{margin:0;padding:0;list-style:none;font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; }
/* html{font-size:1vw;} */
html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	min-height: 100%;
}
html{font-size: 5.2vw;background: url(../img/bodybg.png) repeat-y;background-size: 100%;}
body{font-size: .55rem;/* zoom:.75; */}
h1,h2,h3,h4,h5{font-weight: 500;font-size: inherit;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration: underline;}
img{border:0 none;width: 100%;display: block;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}



*{ /* -webkit-text-size-adjust: none; */}
/* iPhone 4/4S */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) {
	/* 样式代码 */
}

/* iPhone 5/5S/5C/SE */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) {
	/* 样式代码 */
}

/* iPhone 6 Plus/6S Plus/7 Plus/8 Plus */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) {
	/* 样式代码 */
}

/* iPhone X/XS/11 Pro */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) {
	/* 样式代码 */
	/* html{font-size: 5vw;}
	body{font-size: .5rem;} */
}

/* iPhone XR/11 */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	/* html{font-size: 5vw;}
	body{font-size: .5rem;} */
}
/* iPhone 6/6S/7/8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) {
	/* 样式代码 */
	/* html{font-size: 7vw;}
	body{font-size: .6rem;}
	.form{padding-bottom: 7rem;} */
}


/* iPhone XS Max/11 Pro Max */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	/* 样式代码 */
	/* html{font-size: 5vw;}
	body{font-size: .5rem;} */
}
.over{overflow: hidden;height: 100%;}
.warp{width: 100%;position: relative;max-width: 960px;margin:0 auto;}
.wp,.top,.v{position: relative;}
.wp .bg{position: relative;z-index: 0;}
.top .info,.v .info{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 2;}
.home .wp{position: absolute;left:0;top:0;width: 100%;}
.top{height:14rem;}
.top .info{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.top .logo{width: 7rem;}
.top .solg{width:12.6rem;margin-top: 0rem;}

.wp video{width: 100%;height: 100%;background-color: #000;}
.wp .videowp{width: calc(100%);height: calc(100% ) ;overflow: hidden;border-radius: .32rem;}
.v{margin:.5rem;position: relative;}
.v .info{padding:.1rem .21rem .25rem;box-sizing: border-box;border-radius: .25rem;}
.steeps{margin-top: -1px;overflow: hidden;}
/* .steeps .logo{width: 30%;margin:0 auto;padding:.1rem 0 1.9rem;}
.steeps .solg{padding:.9rem 5%;}
.steeps .t2{width: 74%;} */
.steeps .txt1{display: flex;justify-content: flex-end;margin:.85rem .75rem;}
.steeps .txt1 img{width: 84%;}
.steep{position: relative;display: table;width: 86%;padding:1.62rem 0 0 1.3rem;box-sizing: border-box;}
.steep .timg{width: 73%;margin-left: 1rem;}
.steep .st{width: 100%;margin:.5rem 0 0;}
.steep .line{width: 2.42rem;position: absolute;right:1rem;bottom:1.15rem;}
.steep .line .d{width: .95rem;position: absolute;left:-.65rem;}
.steep .line .d1{top:-.8rem;}
.steep .line .d2{top:auto;bottom:-.9rem;left:.8rem}
.steep .startimg,.steep .endimg{width: 1.62rem;position: absolute;left:-.95rem;top:-2.55rem;z-index: 4;}
.steep .startimg img,.steep .endimg img{opacity: 0;}
.steep .endimg{top:auto;bottom:-0.4rem;left:0.4rem;}
.steep.r .line{right: auto;left:1.6rem;bottom:1.85rem}
.steep.r .line .d1{left:2.2rem;top:-.75rem;}
.steep.r .line .d2{left:.5rem;}
.steep .line .i{position: relative;}
.steep .line .i span{position: absolute;width: 100%;height:0%;background:url(../img/line.png) no-repeat;background-size: 100%;display: block;}
.steep.r .line .i span{background-image: url(../img/line2.png);}
@keyframes showline{
	0%{height:0%;}
	100%{height:100%;}
}
.showline{
	animation:showline .6s linear forwards;
}
.steep .line .i img{opacity: 0;}
.steep.r{margin-left:14%;padding-left: 0;}
.s1{}
.steep i{width: 1.5rem;height: 1.5rem;display: block;position: absolute;left:2.5rem;top:3rem;opacity: 0;}
.steep i:after{content:'';background:url(../img/address.png) no-repeat center;background-size: contain;width: 100%;height:100%;
  will-change: transform;display: block;
  animation: shake-animation 5s 1s infinite;}
@keyframes shake-animation {
  0%,10%,100% { transform: translateY(0px); }
  5% { transform: translateY(-10px); }
}
.steep a{display: block;width:40%;background-image: linear-gradient(to right, #cc1f75,rgba(255,255,255,.0));padding:.3rem .5rem}
.steep a img{width:3rem}
.steep.r a{background-image: linear-gradient(to left, #cc1f75,rgba(255,255,255,.0));margin-left:44%;display: flex;justify-content: flex-end;}
.s2{}
.s2 .timg{width:54%;margin:.9rem 0  1rem 4.8rem;}
.s2 i{left:auto;right:-1.82rem;}
.s2 i:after{animation-delay: 1.5s;}
.s3 .timg{width: 62%;}
.s3{}
.s3 i{left:2.7rem;top: 3.6rem;}
.s3 i:after{animation-delay: 2s;}
.s3 .line{bottom:0.82rem;right:1.14rem;}
.s4{}
.s4 i{left:auto;right:-.9rem;top:2.7rem}
.s4 i:after{animation-delay: 2.5s;}
.s4 .timg{width: 65%;margin-left: 23%;}
.s5{margin-top: -.55rem;}
.s5 i{top:5.2rem;left:2.1rem}
.s5 i:after{animation-delay: 3s;}
.s5 .timg{width: 66%;margin-left: .6rem;}
.s5 .line{right:2rem;}
.s6.r{padding-top: .25rem;}
.s6 i{left:auto;right:1.38rem;top:-1.6rem}
.s6 i:after{animation-delay: 3.5s;}
.s6 .timg{margin-left: 30%;width: 56%;}

.s7{}
.s7 .timg{width: 60%;margin-left: .7rem;}
.s7 i{top:3.12rem;left:-3.61rem}
.s7 i:after{animation-delay:4s;}
.s7 a img{margin:0 }

.s8{}
.s8 .st{}
.s8 i{left:auto ;right:-2rem;top:2.4rem}
.s8 i:after{animation-delay: 4.5s;}
.s8.r .line{bottom:-0.6rem;lefT:1.6rem;}
.s8.r .timg{margin-left:10%;}

.s9{}
.s9 .timg{margin-left: 0;width: 74%;margin-top: 2rem;}

.s10{padding-top: .5rem;}
.s10 .timg{margin-left: 32%;width: 55%;}
.s10 i:after{animation-delay: 5.5s;}
.s11{}
.s11 .timg{width: 63%;margin-left: .5rem;}
.s11 .st{margin:.15rem 0 0;}
.s11 i{left:auto;right:-.85rem;top:2.7rem}
.s11 i:after{animation-delay: 6s;}

.s12 .timg{margin-left:30%;width:70% ;}

.s13{padding-bottom:1.5rem}
.s13 .timg{width: 60%;}
.s13 .line{bottom:2rem;}


/* 定义关键帧 */
@keyframes slideIn {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
 
/* 应用动画到元素 */
.slide-in {
  animation: slideIn .6s .9s forwards;
  transform-origin: bottom;
}

@keyframes ins {
  0%,100% {
    transform: scale(1);
  }
  10%{
	  transform: scale(.9);
  }
  20% {
    transform: scale(1);
  }
}
.ins{
  animation: ins  3s .9s  infinite forwards;
}

.result{position: fixed;top:0;left:0;width: 100%;background:no-repeat #fff; background-size: 100%; z-index: 9999;display: flex;flex-direction: column;justify-content: space-between;pointer-events: none;opacity: 0;transition: .63s;}
.result.show{pointer-events: all;opacity:1;}
.result .bg{position: absolute;left:0;top: 0;width: 100%;z-index: 0;}
.result .logo{height:10.8rem;padding:1rem;}
.result .logo img{width: 3.28rem;}
.result .slog{width: 80%;margin:0 auto;}
.result .code{width: 50%;margin:.6rem auto;}
.result .time{height: 1rem;}
.result .time img{height: 100%;width: auto;margin:0 auto;}
.result .logo2{height: 3.5rem;margin-top: 1rem;}
.result .logo2 img{height: 100%; width: auto;margin: 0 auto;}
.result .f1{flex:1}
.result .b{margin:0 1rem 1rem}
.result i{position: absolute;top:1rem;right:.5rem;z-index: 99;display: block;width: 1.35rem;height: 1.35rem;box-shadow: 0 0 1rem 0 rgba(0,0,0,0.4);border-radius: 50%;animation: pulse 1.2s ease-in-out infinite ;}
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

/* iPhone 6 Plus/6S Plus/7 Plus/8 Plus */
@media only screen and (min-device-width: 320px) and (max-device-height: 736px) {
	.result .code{margin:0rem auto;}
	.result .b{margin-top:-.5rem}
}

.loadingwp{position: fixed;width: 100%;background-color: #fff;left:0;top:0;z-index: 9999;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: .3s;}
.loadingwp.hide{pointer-events: none;opacity: 0;}
.loadingwp .info{margin-bottom: 3rem;}
.loadingwp .info .y{width:8.8rem;height: 6rem;border-radius: 50%;overflow: hidden;position: relative;margin:0 auto;margin-bottom: .7rem;}
.loadingwp .info .y .ren{position: absolute;bottom:.2rem;left:50%;margin-left: -1.5rem; z-index: 4;height: 5.5rem;width: 3rem;}
.loadingwp .info .y .ren img{position: absolute;left:0;bottom:0;opacity: 0;}
/* .loadingwp .info .y .ren img.show{opacity: 1;} */
.loadingwp .info .s{position: absolute;bottom:0;left:0;z-index: 2;}
.loadingwp .info .jz{width: 300%;position: absolute;bottom:0;left:0;z-index: 0;}
.loadingwp .press{width: 9rem;height: .8rem;border:1px solid #e40174;border-radius: .5rem;position: relative;}
.loadingwp .press span{display: block;top:0;left:3rem;width: 3rem;text-align: center;line-height: .8rem;position: absolute;color:#e40174;font-size: .5rem;}
.loadingwp .press div span{color:#fff;}
.loadingwp .press div{border-radius: .5rem;background-color: #e40174;height: 100%;overflow: hidden;position: relative;}


@keyframes imgIn {
	0%,100%{opacity: 0;}
	50%{opacity: 1;}
}
.loadingwp .info .y .ren{
}
.loadingwp .info .y .jz{
	animation: jzwalk 12s infinite linear;
}/* 
@keyframes walk{
	from {
		background-position: 0px;
	}
	to {
		background-position: -6rem;
	}
} */
canvas{width: 100%; height: 100%;}
@keyframes jzwalk{
	from {
		left: 0px;
	}
	to {
		left: -6rem;
	}
}


.loadingwp .info .y .ren img:nth-child(2){
	animation-delay: .5s;
}
.loadingwp .info .y .ren img:nth-child(3){
	animation-delay: 1s;
}