@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font-family: "microsoft yahei";
}
audio[Attributes Style] {
display: none;
}
.swiper-container {
	/*  width: 320px;
    height: 480px;*/
	width: 100%;
	height: 100%;
	background: #66cc00;
}
.swiper-slide {
	width: 100%;
	height: 100%;
	background: url(../upload/bg.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.swiper-slide3 {
	width: 100%;
	height: 100%;
	background: url(../upload/bg3.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.swiper-slide5{
	width: 100%;
	height: 100%;
	background: url(../upload/bg05.jpg) no-repeat left top;
	background-size: 100% 100%;
	}
.swiper-slide04{
	width: 100%;
	height: 100%;
	background: url(../upload/bg06.jpg) no-repeat left top;
	background-size: 100% 100%;
	}
	.swiper-slide03{
		width: 100%;
	height: 100%;
	background: url(../upload/bg04.jpg) no-repeat left top;
	background-size: 100% 100%;
		}
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;
}
.txt {
	position: absolute;
}
#array {
	position: absolute;
	z-index: 999;
	-webkit-animation: start 1.5s infinite ease-in-out;
}
.txt-s {
	width: 90%;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	border: none;
	padding: 5px 10px;
}
.sub {
	width: 50%;
	height: 40px;
	line-height: 40px;
	border: none;
	font-size: 22px;
	color: #c00;
	font-family: "microsoft yahei";
	border-radius: 5px;
}
.main {
	z-index: 999;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 10px;
	top: 20px;
	cursor: pointer;
	z-index:999;
}
.music {
	width: 30px;
	height: 30px;
	background: url(../../ComImages/music_off.png) center center no-repeat;
	background-size: 100%;
	z-index: 20;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.mainon {
	position: absolute;
	right: 10px;
	top: 20px;
	width: 50px;
	height: 50px;
	background: url(../../ComImages/music.gif) no-repeat;
	background-position: center center;
	background-size: 60px 60px;
	cursor: pointer;
	z-index:999;
}
.rotate {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	background-image: url(../../ComImages/music_off.png);
	-webkit-animation: rotating 1.2s linear infinite;
	-moz-animation: rotating 1.2s linear infinite;
	-o-animation: rotating 1.2s linear infinite;
	animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotating {
from {
transform:rotate(0deg)
}
to {
transform:rotate(360deg)
}
}
@-moz-keyframes rotating {
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(360deg)
}

.mainon {
	cursor: pointer;
position: absolute;
right: 10px;
top: 20px;
width: 50px;
height: 50px;
background: url(../upload/music.gif) no-repeat;
background-position: center center;
background-size: 60px 60px;
cursor: pointer;
z-index: 999;
}