body {
	margin: 0;
}

.page-1 .p1-btn {
	position: absolute;
	width: 10rem;
	height: 1.5rem;
	background-color: #e0b8cd;
	text-align: center;
	line-height: 1.5rem;
	color: #2a378f;
	font-weight:bolder;
	left: 45%;
	margin-left: -5rem;
	top: 67%;
	border-radius: 0.5rem;
	font-size: 17px;
	padding: 9px 22px;
}

.page-1 .p2-btn {
	position: absolute;
	width: 10rem;
	height: 1.5rem;
	background-color: #e0b8cd;
	text-align: center;
	line-height: 1.5rem;
	color: #2a378f;
	font-weight:bolder;
	left: 45%;
	margin-left: -5rem;
	top: 57%;
	border-radius: 0.5rem;
	font-size: 17px;
	padding: 9px 22px;
}

.page-1 .p1_1_btn {
	position: absolute;
	width: 10rem;
	height: 1.5rem;
	background-color: #e0b8cd;
	text-align: center;
	line-height: 1.5rem;
	color: #2a378f;
	font-weight:bolder;
	left: 45%;
	margin-left: -5rem;
	top: 67%;
	border-radius: 0.5rem;
	font-size: 17px;
	padding: 9px 22px;
}

.page-1 .p1_head {
	position: absolute;
	width: 70%;
	height: 25%;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;
	left: 13%;
	top: 28%;
	border-radius: 0.5rem;
	padding: 5px;
}

.page-1 .p1_head .p1_title{
	font-size: 22px;
	padding-top: 25px;
}

.page-1 .p1_head .p1_subtitle{
	font-size: 20px;
	padding-top: 10px;
}

.page-1 .p1_content{
	width:50%;
	position: absolute;
	left: 24%;
	top: 50%;
	color: #fff;
	font-size: 15px;
	display:none;
}

.page-2 .p2_head img{
	position: absolute;
	left: 15%;
	top: 26%;
    width:66%;
    height:33%;
}

.page-2 .p2_header_title{
	color: #ffffff;
	font-size: 18px;
	text-align:center;
}

.page-2 .p2_content{
	width:85%;
	position: absolute;
	left: 7%;
	top: 60%;
	color: #fff;
	font-size: 14px;
}

.page-2 .p2_content .p2_btitle{
	color: #fdd000;
	font-size: 15px;
    border-bottom:2px solid #fdd000;
}

.page-2 .p2_content .new-comment-content{
	padding-top:5px;
	padding-left:0px;
}

.page-2 .p2_showpic{
	display:none;
	width:75%;
	position: absolute;
	left: 17%;
	top: 70%;
	color: #fff;
	font-size: 13px;
}

.page-2 .p2_showpic .p2_btitle{
	color: #fdd000;
	font-size: 15px;
    border-bottom:2px solid #fdd000;
}
.page-2 .p2_showpic img{
	padding-top:5px;
	padding-left:10px;
    width:40%;
    height:20%;
}

.page-3 .p3_head img{
	position: absolute;
	left: 0;
	top: 29%;
	right: 0;
	margin: 0 auto;
    width:43%;
    height:20%;
}

.page-3 .p3_content{
	width:100%;
	position: absolute;
	left: 0%;
	top: 53%;
	color: #fff;
	font-size: 13px;
}

.page-3 .p3_content .p3_btitle_1{
	padding:0 0 15px 0;
    color:#ffffff;
    font-weight:bolder;
    font-size:18px;
}

.page-3 .p3_content .p3_btitle_2{
	font-size: 13px;
}

.page-3 .p3_content .p3_btitle_3{
	font-size: 13px;
}

.page-3 .p1-btn {
	position: absolute;
	width: 10rem;
	height: 1.5rem;
	background-color: #e0b8cd;
	text-align: center;
	line-height: 1.5rem;
	color: #2a378f;
	font-weight:bolder;
	left: 45%;
	margin-left: -5rem;
	top: 65%;
	border-radius: 0.5rem;
	font-size: 17px;
	padding: 9px 22px;
}

.page-3 .p2-btn {
	position: absolute;
	width: 10rem;
	height: 1.5rem;
	background-color: #e0b8cd;
	text-align: center;
	line-height: 1.5rem;
	color: #2a378f;
	font-weight:bolder;
	left: 45%;
	margin-left: -5rem;
	top: 73%;
	border-radius: 0.5rem;
	font-size: 17px;
	padding: 9px 22px;
}

.page-4 .p4_content{
	width:75%;
	position: absolute;
	left: 10%;
	top: 26%;
	color: #fff;
	font-size: 13px;
}

.page-4 .p4_content .p4_btitle{
	color: #fdd000;
	font-size: 15px;
    border-bottom:2px solid #fdd000;
}

.page-4 .p4_content .p4_detail{
	padding-top:0px;
	padding-left:1px;
    padding-bottom:
}
.page-4 .p4_content .p4_detail p{
	padding-top:5px;
	padding-left:1px;
    padding-bottom:0px;
    padding-right:0px;
}

@-webkit-keyframes moveIconUp {
	0% {
		-webkit-transform: translateY(100%) scale(1.2, 1.2);
		opacity: 0
	}
	50% {
		-webkit-transform: translateY(0%) scale(0.6, 0.6);
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(-100%) scale(0.2, 0.2);
		opacity: 0
	}
}

body .swiper-slide:before{
 content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top:0;
    left: 100%;
    background-color: #8B8B8C;
    box-shadow: 10px -1px 80px 20px #666;
     -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-100px) translateX(2px) translateY(80px);
}

body .swiper-slide:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: #8B8B8C;
     content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top:0;
    left: 100%;
    background-color: #8B8B8C;
}
.swiper-arrow {
	position: absolute;
	width: 46px;
	height: 25px;
	z-index: 1;
	left: 50%;
	margin-left: -23px;
	bottom: 15px;
}

.page-1 .swiper-arrow {
	display: none
}

.swiper-arrow span {
	background: url(../images/xlarrow.png) no-repeat center bottom;
	background-size: contain;
	width: 46px;
	height: 25px;
	display: block;
	-webkit-animation: moveIconUp 1.5s ease infinite;
	animation: moveIconUp 1.5s ease infinite
}

.music_icon {
	position: absolute;
	width: 6%;
	top: 0;
	right: -1%;
	z-index: 999999;
	padding: 2%;
}

.music_animate {
	-webkit-animation: music_animate 2s .5s linear infinite both;
}

@-webkit-keyframes music_animate {
	0% {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn)
	}
}

.enzd {
	animation: enzd .3s linear infinite;
	-webkit-animation: enzd .3s linear infinite;
}

.enzdA {
	animation: enzdA .6s linear infinite;
	-webkit-animation: enzdA .6s linear infinite;
}

@keyframes enzd {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes enzd {
	0% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes enzdA {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(.9)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes enzdA {
	0% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}