body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,input,select,label,dl,dt,dd{margin:0;padding:0;font-family:"微软雅黑";font-size:12px;color:#333333;-webkit-text-size-adjust:none}
input,select,label{vertical-align:middle;font-size:12px}
ul,ol,li{list-style:none}
img{border:0}
.clear{clear:both;height:0;overflow:hidden}
a{color:#666;text-decoration:none;outline:none}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}
button, input, select {
    outline: 0;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}
* {
 -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ 
}
input::-webkit-input-placeholder {
	color: #fff;
  }
  input::-moz-input-placeholder {
	color: #fff;
  }
  input::-ms-input-placeholder {
	color: #fff;
  }
.dpnone{display:none!important}
.img-box img{width:100%;height:100%}
body{font-size:0.24rem;color:#666;    position: relative;}
body, html {width: 100%;height: 100%;min-width: 320px;margin: 0 auto;overflow: hidden;}

.container-img{
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left:0;
	
}
.container-img img{
    width: 100%;
    height: 100%;
	display: block;
}
.pic{
	display: none;
}
.enter {
  width: 32%;
  position: absolute;
  left: 28%;
  bottom: 12%;
  display: none;
}
.enter img {
    display: block;
    width: 100%;
}
.tourist{
	width: 90%;
	/* height: 100%; */
	position: absolute;
	top: 6%;
	left:5%;
}
.tourist img{  
	width: 100%;
	height: 100%;
	display: block;
}
.logo{
	width: 1.6rem;
	/* height: 100%; */
	position: absolute;
	top: 2%;
	    right: 5%;
}
.logo img{
	width: 100%;
	height: 100%;
	display: block;
}
.page-metro{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	
}
.page-metro img{
    width: 100%;
    height: 100%;
	display: block;
}
.metrolines{
	    width: 81.6%;
	    height: 4.26rem;
	    position: absolute;
	    top: 19.7%;
	    left: 9%;
}
.metrolines img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	    top: 0;
	    left: 0;
}
.metros{
	    width: 82%;
	    height: 100%;
	    position: absolute;
	    top: 57%;
	    left: 9%;
}
.metros img{
	width: 1.52rem;
	position: absolute;
}
.metro01{
	top: 0;
	left: 0;
}
.metro02{
	top: 0;
	left: 38%;
}
.metro03{
	top: 0;
	right: 0;
}
.metro04{
	top: 8.5%;
	left: 0;
	
}
.metro05{
	top: 8.5%;
	left: 38%;
	
}
.metro06{
	top: 8.5%;
	right: 0;
}
.metro07{
	top: 17%;
	left: 0;
}
.metro08{
	top: 17%;
	left: 38%;
	
}
.metro09{
	top: 17%;
	right: 0;
}
.metro10{
	top: 26%;
	left: 14%;
	
}
.metro11{
	top: 26%;
	right: 17.5%;
}

#weixinTip img{
	width:90%;
	margin: 0 auto;
}
/*公共弹窗样式*/
#commonpop{
	position:fixed;left:0;top:0;right:-7%;bottom:0;margin:auto;
	width:180px;height:48px;background-color:rgba(0,0,0,0.6);
	text-align:center;display:none;border-radius:5px;
	z-index:100000;
}
#commonpop p{
	margin:0 !important;padding:0 !important;
	color:#fff;font-size:14px;text-align:center;
	display:flex;justify-content:center;align-items:center;
	width:100%;height:100%;flex-direction:column
}
#commonpop p span{
	line-height:22px;display:block
}
@media screen and (max-width:1366px){
	#commonpop{
		right:-18%
	}
}
@media screen and (max-width:1024px){
	#commonpop{
		right:6%
	}
}
@media screen and (max-width: 320px) {
	.tourist {
		    width: 86%;
		    top: 5%;
		    left: 7%;
	}
	.metrolines {
	    height: 3.6rem;
	}
}