* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none;}
body,p,li,ul,div,span{margin: 0;padding: 0;}
img{border: none;pointer-events: none;}
body,html{height: 100%;background: #fff;margin:0 auto;font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
ul,li{list-style: none;}
a{text-decoration: none;}
body{background: #fff;}

.wrap{width: 100%;height: 100%;overflow: hidden;}

.load{position: absolute;z-index: 500;background: #fff;width: 100%;height: 100%;}
.load img{-webkit-animation: 2s rotateY linear infinite;animation: 2s rotateY linear infinite;width: 2.2rem;position: absolute;top: 30%;left: 2.1rem;}
.load p{font-size: .26rem;text-align: center;padding-top: 80%;}

.cover{position: absolute;width: 100%;height: 100%;background: url(../images/bg.jpg) top center;z-index: 50;background-size: cover;max-width:640px;}
.cover .title{position: absolute;background: url(../images/title.png);width: 5.25rem;height: 2.83rem;background-size: cover;left: .63rem;top: 15%;}
.cover .enter{position: absolute;background: url(../images/enter.png);width: 2.47rem;height: .72rem;background-size: cover;left: 1.98rem;top: 55%;text-align: center;line-height: .65rem;font-size: .28rem;color: #fff;letter-spacing: .05rem;cursor: pointer;}
.cover .logo{position: absolute;background: url(../images/logo.png);width: 3.67rem;height: .58rem;background-size: cover;left: 1.4rem;top: 72%;}

.swiper-container{width: 100%;height: 100%;}
.swiper-slide{height: 100%;width: 100%;background: url(../images/bg2.jpg) center top / cover no-repeat;}
.progress{height: 2px;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 10;}
.progress_now{height: 2px;background: red;transition: .6s;-webkit-transition: .6s;}

.swiper-container .title{position: absolute;background: url(../images/title.png);width: 2rem;height: 1.078rem;background-size: cover;left: 2.2rem;top: 5%;z-index: 10;}
.swiper-container .logo{position: absolute;background: url(../images/logo.png);width: 3.67rem;height: .58rem;background-size: cover;left: 1.4rem;bottom: .04rem;z-index: 10;}
.swiper-slide img{width: 2.2rem;height: 2.2rem;border-radius: 100%;display: block;margin:30% auto 6%;border:2px solid #ccc;}
.swiper-slide .name{font-size: .3rem;text-align: center;color: #fff;width: 5.8rem;margin-left: .3rem;}
.swiper-slide .text,.all_text{width: 5.8rem;margin-left: .3rem;padding-top: .3rem;}
.swiper-slide .text p,.all_text p{font-size: .24rem;color: #fff;line-height: .46rem;text-indent: 2em;}

.swiper-slide.swiper-slide-active img{animation: downImg .5s linear forwards;-webkit-animation: downImg 1s linear forwards;}
.swiper-slide.swiper-slide-active .name{animation: downImg .5s linear forwards;-webkit-animation: downImg 1s linear forwards;}
.swiper-slide.swiper-slide-active .text{animation: downtext .5s linear forwards;-webkit-animation: downtext 1s linear forwards;}

.swiper-slide .text{max-height:5.8rem;}
.music{background: url(https://wx.gog.cn/H5/tpgj2019/images/music.png);width: .68rem;height: .68rem;position: absolute;z-index: 300;right: .3rem;top: .3rem;background-size: 100% 100%;}
.music.on{animation: rotation 1s linear infinite;-webkit-animation: rotation 1s linear infinite;}

.all_text{margin-top: 30%;height: 6rem;overflow: hidden;}
.all_text span{display: block;text-align: right;font-size: .22rem;color: #fff;margin-bottom: .25rem;}
.swiper-slide.swiper-slide-active .all_text_list{animation: all_text_list 10s 2s linear infinite;-webkit-animation: all_text_list 10s 2s linear infinite;}

@keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

@keyframes rotateY {
	0%{
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(-360deg);
	}
}
@-webkit-keyframes rotateY {
	0%{
		-webkit-transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(-360deg);
	}
}

@keyframes downImg {
	0%{
		transform: translateY(-1.5rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0rem);
		opacity: 1;
	}
}
@-webkit-keyframes downImg {
	0%{
		-webkit-transform: translateY(-1.5rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0rem);
		opacity: 1;
	}
}

@keyframes downtext {
	0%{
		transform: translateY(2rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0rem);
		opacity: 1;
	}
}
@-webkit-keyframes downtext {
	0%{
		-webkit-transform: translateY(2rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0rem);
		opacity: 1;
	}
}

@keyframes scaleName {
	0%{
		transform: scale(.6);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes scaleName {
	0%{
		-webkit-transform: scale(.6);
	}
	100% {
		-webkit-transform: scale(1);
	}
}


@keyframes all_text_list {
	0%{
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-6rem);
	}
}
@-webkit-keyframes all_text_list {
	0%{
		-webkit-transform: translateY(0rem);
	}
	100% {
		-webkit-transform: translateY(-6rem);
	}
}