html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, b, i, em {font-size: 1em; font-weight: normal; font-style: normal }
body, input, button, textarea, select { -webkit-text-size-adjust: none; font: normal 14px/1.5 helvetica, verdana, san-serif; outline: 0;color: #000; }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
option { height: 24px }
a { text-decoration: none;color: #1fd3ca;; }

.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
a:hover { color: #1fd3ca; text-decoration: none; }
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }

html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
html{height:100%;}
body{overflow:hidden;height:100%;}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

.swiper-container {
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-slide{
	width:100%;
	height:100%;
	overflow: hidden;
	position: relative;
	background-size: 100% auto;
}

.abs{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
}

#audio_btn {
	width: 2em;
	height: 2em;
	background-size: contain;
	background: url(images/music.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 2%;
	bottom: 2%;
	cursor: pointer;
	z-index: 1000;
}
.rotate {
	-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(0)
}
 to {
 -webkit-transform: rotate(360deg)
}
}
 @keyframes rotating {
 from {
 transform: rotate(0)
}
 to {
 transform: rotate(360deg)
}
}
 @-moz-keyframes rotating {
 from {
 -moz-transform: rotate(0)
}
 to {
 -moz-transform: rotate(360deg)
}
}

.swiper-slide{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#page0a{ background-image:url("images/wap/wap-p0a.jpg"); }
#page0b{ background-image:url("images/wap/wap-p0b.jpg"); }
#page1{ background-image:url("images/wap/wap-p1.jpg"); }
#page2{ background-image:url("images/wap/wap-p2.jpg"); }
#page3{ background-image:url("images/wap/wap-p3.jpg"); }
#page4{ background-image:url("images/wap/wap-p4.jpg"); }
#page5{ background-image:url("images/wap/wap-p5.jpg"); }
#page6{ background-image:url("images/wap/wap-p6.jpg"); }
#page7{ background-image:url("images/wap/wap-p7.jpg"); }
#page8{ background-image:url("images/wap/wap-p8.jpg"); }
#page9{ background-image:url("images/wap/wap-p9.jpg"); }
#page10{ background-image:url("images/wap/wap-p10.jpg"); }
#page11{ background-image:url("images/wap/wap-p11.jpg"); }
#page12{ background-image:url("images/wap/wap-p12.jpg"); }
#page13{ background-image:url("images/wap/wap-p13.jpg"); }
#page14{ background-image:url("images/wap/wap-p14.jpg"); }
#page15{ background-image:url("images/wap/wap-p15.jpg"); }
#page16{ background-image:url("images/wap/wap-p16.jpg"); }
#page17{ background-image:url("images/wap/wap-p17.jpg"); }
#page18{ background-image:url("images/wap/wap-p18.jpg"); }
#page19{ background-image:url("images/wap/wap-p19.jpg"); }
#page20{ background-image:url("images/wap/wap-p20.jpg"); }
#page21{ background-image:url("images/wap/wap-p21.jpg"); }
#page22{ background-image:url("images/wap/wap-p22.jpg"); }
#page23{ background-image:url("images/wap/wap-p23.jpg"); }
#page99{ background-image:url("images/wap/wap-p99.jpg"); }

.border{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/wap/wap-border.png");
	background-size: 100% 100%;
}


@media(orientation:landscape){
	body{ background: #000;}
	#audio_btn { bottom: auto; top: 2%;}
	.swiper-container{  width: 1252px; height: 640px; overflow: hidden; position: fixed; left: 50%; top: 50%; margin: -320px 0px 0px -626px; border-radius: 5px;}
	.border{ background-image:url("images/pc/pc-border.png"); }
	#page0a{ background-image:url("images/pc/pc-p0a.jpg"); }
	#page0b{ background-image:url("images/pc/pc-p0b.jpg"); }
	#page1{ background-image:url("images/pc/pc-p1.jpg"); }
	#page2{ background-image:url("images/pc/pc-p2.jpg"); }
	#page3{ background-image:url("images/pc/pc-p3.jpg"); }
	#page4{ background-image:url("images/pc/pc-p4.jpg"); }
	#page5{ background-image:url("images/pc/pc-p5.jpg"); }
	#page6{ background-image:url("images/pc/pc-p6.jpg"); }
	#page7{ background-image:url("images/pc/pc-p7.jpg"); }
	#page8{ background-image:url("images/pc/pc-p8.jpg"); }
	#page9{ background-image:url("images/pc/pc-p9.jpg"); }
	#page10{ background-image:url("images/pc/pc-p10.jpg"); }
	#page11{ background-image:url("images/pc/pc-p11.jpg"); }
	#page12{ background-image:url("images/pc/pc-p12.jpg"); }
	#page13{ background-image:url("images/pc/pc-p13.jpg"); }
	#page14{ background-image:url("images/pc/pc-p14.jpg"); }
	#page15{ background-image:url("images/pc/pc-p15.jpg"); }
	#page16{ background-image:url("images/pc/pc-p16.jpg"); }
	#page17{ background-image:url("images/pc/pc-p17.jpg"); }
	#page18{ background-image:url("images/pc/pc-p18.jpg"); }
	#page19{ background-image:url("images/pc/pc-p19.jpg"); }
	#page20{ background-image:url("images/pc/pc-p20.jpg"); }
	#page21{ background-image:url("images/pc/pc-p21.jpg"); }
	#page22{ background-image:url("images/pc/pc-p22.jpg"); }
	#page23{ background-image:url("images/pc/pc-p23.jpg"); }
	#page99{ background-image:url("images/pc/pc-p99.jpg"); }
}