@charset "utf-8";
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
a{ color:#333; text-decoration:none; }
a:hover{text-decoration:none; }
body {
	font: 100%/1.4 "微软雅黑";
	margin: 0;
	padding: 0;
	color: #333;
	color:#333;  font:16px/20px "微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA;
/*	background: #ebf0fa;*/
background: #fff;
}
.content{
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
	
}
.loading{
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 600px;
	overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
}
.loading img{
	width: 100%;
	height: 100%;
	/*object-fit: cover; */
  	object-position: center;
}
.loading a{
	position: absolute;
	top:46%;
	transform: translateY(-46%);
	left: 10%;
	width: 2.1rem;
	height:1rem;
}
.loading a.ssw{
	left: auto;
	right: 10%;
}

.loading a.sww{
	top: 65%;
	transform: translateY(-60%);
}

.loading a.gzap{
	left: auto;
	top: 65%;
	transform: translateY(-60%);
	right: 10%;
}
.main { 
 	display: none;
}
.main img{
	width: 100%;
}
.nav{
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}
.nav a{
	position: relative;
	right: -10px;
	background: #d25553;
	font-size: 0.24rem;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 0.05rem 0.1rem;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 0.05rem;
	color: #FFF;
	transform: scale(0.8);
	opacity: 0.5;
	-webkit-transition: all ease-in-out .3s;  
    -o-transition: all  ease-in-out .3s; 
    -moz-transition: all  ease-in-out .3s;  
    transition: all  ease-in-out .3s  ;
}
.nav a span{
	display: block;
	font-size: 0.14rem;
	font-weight: inherit;
	margin-top: -5px;
}
.nav a:nth-child(2){
	background: #fde15a;
}
.nav a:nth-child(3){
	background: #68d96d;
}
.nav a:nth-child(4){
	background: #34adfe;
}
.nav a.active{
	transform: scale(1);
	opacity:1;
	right: 0;
}
.back{
	position: relative;
	right: -10px;
	font-size: 0.2rem;
	font-weight: bold;
	text-align: center;
	padding: 0.16rem 0.2rem;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #26a467;
	color: #fff;
	transform: scale(0.8);
}
@media (min-width: 650px) {
   .loading a{
  	width: 3.1rem;
	height:1.5rem;
   }
}