::-webkit-scrollbar {
	width:1px;
	height:1px
}
::-webkit-scrollbar-thumb {
	border-radius:1px;
	background-color:transparent
}
::-webkit-scrollbar-track {
	background:transparent
}
.sanloading {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:10000;
	left:50%;
	top:50%;
	transform:translate3d(-50%,-50%,0);
	background:#000;
	background:url(../img/loading_bg.jpg?jv=1.20211109) no-repeat center center;
	background-size:100% 100%;
}
.loadingimg {
	width:36%;
	left:50%;
	top:50%;
	position:absolute;
	transform:translate3d(-50%,-60%,0);
}
.sanloading i {
	color:#bd4242;
	font-size:16px;
	position:absolute;
	width:100%;
	top:50%;
	text-align:center;
}
@keyframes ks {
	0% {
	opacity:0;
	width:0rem;
	height:0rem;
}
50% {
	opacity:0.5;
	width:2rem;
	height:2rem;
}
100% {
	opacity:0;
	width:4rem;
	height:4rem;
}
}.sanloading i.ks {
	width:2rem;
	height:2rem;
	border-radius:1000px;
	border:0.1rem solid;
	left:50%;
	transform:translate3d(-50%,-58%,0);
	opacity:0;
	animation-fill-mode:both;
	animation:ks 1.2s ease-in-out infinite
}
.sanloading i.ks2 {
	width:2rem;
	height:2rem;
	border-radius:1000px;
	border:0.1rem solid;
	left:50%;
	transform:translate3d(-50%,-58%,0);
	opacity:0;
	animation-fill-mode:both;
	animation:ks 0.3s 1.2s ease-in-out infinite
}
.car {
width: 62%;
    padding: 5% 0;
    position: absolute;
    left: 50%;
  
    background: url(../img/proc_wrap.png?jv=1.20211109) no-repeat center center;
    background-size: 100% 100%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
}
.car img {
	height:100%;
	position:absolute;
	left:0%;
	top:-40px;
}
.car .proc_bg {
	width:0rem;
	height:0.38rem;
	border-radius:500px;
	bottom:0.05rem;
	left:0.08rem;
	top:auto;
	overflow:hidden;
	position:absolute;
}
.car .proc_bg img {
	width:4.57rem;
	height:0.38rem;
	border-radius:500px;
	top:0;
}
.car span {
	display:block;
	position:absolute;
	bottom: 5px;
	left: 0;
	width:0rem;
	padding: 5.6% 0;
	border-radius:500px background:-webkit-linear-gradient(90deg,#00eaff,#965dff);
	background:-o-linear-gradient(90deg,#00eaff,#965dff);
	background:-moz-linear-gradient(90deg,#00eaff,#965dff);
	background:linear-gradient(90deg,#00eaff,#965dff);
	border-radius:500px;
	opacity:0.7;
}
.car span i {
	width:fit-content;
	transform:translateY(-50%);
	right:0.2rem;
	font-style:normal;
	color:#110936;
}

body{
   /*max-width: 640px;*/
}

body{
   padding-bottom: 80px;
}
* {
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
	outline:medium;
	border:0;
	/*font-size:0;*/
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft Yahei","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,SimSun;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
}
#app {
	margin:0 auto;
	/*max-width:640px;*/
	background-color:#fff;
	position:relative;
	width: 100%;
}
.img {
	display: block;
	width: 100%;
	margin:0 auto;
}
.block {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-size:100% 100%;
}


#index_v {
	position:relative;
}

#loadpage {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 10000;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

#loadpage canvas,
#loadpage img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.logo_wrap {
    overflow: hidden;
}

#_b1, {
	width:100%;
	
	
}
#_b2 {
	width:100%;
	
}
#_b3 {
	width:100%;
}
#_b4 {
	width:100%;
}
#_b5 {
	width:100%;
}
#_b6 {
	width:100%;
}
#_b7 {
	width: 100%;
}
.enterbbs,.enteractive {
display: block;
	position: absolute;
	width: 30%;

	bottom: 7.8%;
	padding: 5% 0;
	right: 8%;
}
#_b4 .swiper-container .swiper-slide img {
   width: 100%;
   display: block;
   transform: translateX(-0.2rem);
   margin: 0 auto;
}
.arrow_left,.arrow_right {
	position: absolute;
	display: block;
	width: 5%;
	top: 50%;
	z-index: 1;
}
.changebtn {
	display: block;
	position: absolute;
	width: 10%;
	padding: 5% 0;
	z-index: 1;
}
.changebtn.c1 {
    bottom: 14%;
   right: 20%;
}
.changebtn.c2 {
bottom: 14%;
	right: 3%;
}
.changebtn.c3 {
	    bottom: 1%;
   right: 20%;
}
.changebtn.c4 {
	bottom: 1%;
	right: 3%;
}
.enteractive {
	right: 35%
}
.playbtn {
	width: 15%;
	padding: 6% 0;
	display: block;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: 50%;
}
.videoCover {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: block;
  top:0;
  z-index: 2;

}
.videoCover video,.videoCover img {
   position: absolute;
   left: 50%;
   top:50%;
   transform: translate3d(-50%,-50%,0);
   display: block;
}
.videoCover img {
   cursor: pointer;
   display: block;
}
.wengif {
width: 100%;
    position: absolute;
    top: 49%;
}
.logo {
	position: absolute;
    width: 50%;
    top: 58%;
    left: 25%;
}
.icongif {
	position: absolute;
	width: 100%;
	display: block;
	left: 0;
	bottom:0;
	padding: 13% 0;
	background: rgba(0,0,0,0.5);
}
.icongif img.icon {
	display: block;
	position: absolute;
	width: 20%;
	top: 11%;
	left: 4%;
}
#_b1 .name {
	color: #fff;
	font-size: 10%;
	position: absolute;
	top:0;
	right: 0;
}
.fengjiexian {
	
	    position: absolute;
    top: -2.5%;
    width: 100%;
}
.cover {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	display: block;
	background: rgba(0,0,0,0.6);
	z-index: 2;
}
.cover .wrap {
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate3d(-50%,-50%,0);
	width: 70%;
	overflow: hidden;
}
.swiper-pagination-bullet-active {
	background-color: #fff;
}
.cover .close
{
	 position: absolute;
	    width: 8%;

	    z-index: 1;
	    top: 50%;
	    left: 46%;
	    transform: translateY(800%);
}