*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
}
body{
	font-family:"microsoft yahei";
}
.swiper-container {
	width: 100%;
    height: 100%;
	background:#ae0718;
}
 
.swiper-slide1{
	width:100%;
	height:100%;
	background:url(../upload/bg1.jpg) #ae0718 no-repeat left top;
	background-size:100% 100%;
}


.swiper-slide2{
	width:100%;
	height:100%;
	background:url(../upload/bg2.jpg)  #ae0718 no-repeat left top;
	background-size:100% 100%;
}

.swiper-slide3{
	width:100%;
	height:100%;
	background:url(../upload/bg2.jpg)  #ae0718 no-repeat left top;
	background-size:100% 100%;
}

.swiper-slide4{
	width:100%;
	height:100%;
	background:url(../upload/bg2.jpg)  #ae0718 no-repeat left top;
	background-size:100% 100%;
}

.swiper-slide5{
	width:100%;
	height:100%;
	background-color: #B21818;
	/* background:url(../upload/bg3.jpg)  #B21818 no-repeat left top; */
	background-size:100% 100%;
}

.slide5_tips{
	position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    bottom: 12%;
    z-index: 9;
    font-size: 20px;
	display: none;
}

.noselect{
	-webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
    pointer-events: none; 
}



img{
	display:block;
}
.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.ani{
	position:absolute;
	}
	
.back01{
	position:absolute;
	}
.txt{
	position:absolute;
}
#array{
	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;
}



.mu-box{width:12%;top:2%;right:2%;z-index: 999;position: absolute;overflow: hidden;}
.m-play{width:100%;animation:turn 2s linear infinite;}
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}
.m-pause{display: none;width:100%;}



.tkbox{margin:172px auto 0; z-index: 9;}
.tkbox_1{margin:0 auto; z-index: 9; position: absolute; bottom: 17%; left: 0; right: 0;}
.tk{width: 80vw !important;min-height: 715px;float:left;margin:0 59px;position: relative;}
.tk01{height:84px;font-size: 36px;text-align: center;color: #000;line-height:68px;}
.tk02{padding:0 40px 0 40px;font-size: 24px;height:40vh;overflow-y: auto;}
.tk02 .tk-q{color: #525252;line-height:50px;text-indent:48px;}

.tk02 .tk-a{color: #525252;}
.tk02 .tk-a li,.tk02_1 .tk-a{line-height:30px;border-radius:7px;margin: 2px 0;padding:10px;list-style-type:inherit!important;}

.tk_{width: 80vw !important;min-height: 400px;float:left;margin:0 59px;position: relative;}
.tk02_1{padding:20px 30px 0 30px;font-size:22px;height:20vh;overflow-y: auto; }
.tk02_1 .tk-q_1{color: #fff;line-height:68px; text-align: center; font-weight:600;}

.tk02_1 .tk-a{color: #fff; }

.bof{position: absolute;
    height:200px;
    width:200px;
	top:30%;
	left: 0;
	right: 0;
	margin:0 auto;
	display: block;
	z-index: 999;
}
.s_box{ width:80vw; position: absolute; z-index:9; top:34%; left: 30%;}
.s_box ul{position: absolute; width:80%; padding: 10vh 0 0 0;display: none;}
.s_box li{background-image: linear-gradient(#f77332, #e92f17); width: 24vw; margin: 0 1vw 3vh -1vw; color: #fff; text-align: center; line-height:4.6vh; font-size: 1.6rem;
font-weight: bold; float: left;
border-radius:1vw;}
.li_hover{background-image: linear-gradient(#ffb93e, #ff3000) !important;}


#poster{
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width:100%;
}
/* .v1v1:hover{background:url(../upload/verify-1.png) no-repeat;} */

/* loading */

.loading{
	width: 100%;
	min-height: 100vh;
	z-index: 9999;
	position: absolute;
	background:url(../upload/bg.jpg)  #ae0718 no-repeat left top;
}

.loadEffect {
	width: 100px;
	height: 100px;
	margin: -100px auto 0;
	top:50vh;
	position: relative;
}
.loadEffect div{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-animation: load 2.08s linear infinite;
}
.loading p{
	position: absolute;
	top: 52vh;
	font-size: 1.8rem;
	width: 100%;
	text-align: center;
	color: #fff;
}
.loadEffect div span{
	display: inline-block;
	width: 14px;
	height:14px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-top: -5px;
	margin-left: -5px;
}

@-webkit-keyframes load{
	0%{
		-webkit-transform: rotate(0deg);
	}
	10%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		opacity: 1;
		-webkit-transform: rotate(160deg);
	}
	62%{
		opacity: 0;
	}
	65%{
		opacity: 0;
		-webkit-transform: rotate(200deg);
	}
	90%{
		-webkit-transform: rotate(340deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
	}

}
.loadEffect div:nth-child(1){
	-webkit-animation-delay:0.2s;
}
.loadEffect div:nth-child(2){
	-webkit-animation-delay:0.4s;
}
.loadEffect div:nth-child(3){
	-webkit-animation-delay:0.6s;
}
.loadEffect div:nth-child(4){
	-webkit-animation-delay:0.8s;
}

/* OPTIONS */

.m1{ -webkit-animation: scale 2.5s ease-in-out infinite;}
.m2{ -webkit-animation: scale 1s ease-in-out infinite;}

@-webkit-keyframes scale{
  0%, 100%{
    -webkit-transform: scale(0.9);
  }
  50%{
    -webkit-transform: scale(1);
  }
}