@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font-family: "microsoft yahei";
}
.t-yellow{ font-weight:normal; color:#ff0;}
.swiper-container {
	/*  width: 320px;
    height: 480px;*/
	width: 100%;
	height: 100%;
	background: #000;
}
.swiper-slide1{
	width: 100%;
	height: 100%;
	background: url(../upload/slide1-bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.swiper-slide2{
	width: 100%;
	height: 100%;
	background:#6c9;
	background-size: 100% 100%;
}
.swiper-slide3{
	width: 100%;
	height: 100%;
	background:#9c6;
	background-size: 100% 100%;
	}
.swiper-slide4{
	width: 100%;
	height: 100%;
	background: url(../upload/slide4-bg.jpg) no-repeat;
	background-size: 100% 100%;
	}
.swiper-slide5{
	width: 100%;
	height: 100%;
	background: url(../upload/slide5-bg.jpg) no-repeat;
	background-size: 100% 100%;
	}
.swiper-slide6{
	width: 100%;
	height: 100%;
	background:#feca3d;
	background-size: 100% 100%;
}
.swiper-slide7{
	width: 100%;
	height: 100%;
	background:#09f;
	background-size: 100% 100%;
}
.swiper-slide8{
	width: 100%;
	height: 100%;
	background:#09f;
	background-size: 100% 100%;
}
.swiper-slide2 p {
	display: block;
	top: 50%;
	margin-top: -40px;
	font-size: 1.25em;
	color: #f00;
	font-weight: bold;
}
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: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	border: none;
}
.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)
}
}