html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
dl,dd{margin:0; padding:0;}
h1,h2,h3,h4,ul,li,ol,dd,dl,dt,p,form{padding:0px; margin:0px; border:0 none; list-style:none;}
*{box-sizing: border-box;}
#pano{position: relative;}
.survey{color: #4d4d4d;font-size:14px;position:absolute;width:100%;height:100%;right:calc(100% - 40px);top:0;transition: 0.5s;overflow: hidden;display: none;z-index: 2;}
.survey-content{
	height:100%;
	width: calc(100% - 40px);
	background-color:rgba(255,255,255,1);
	padding:13% 7% 13% 10%;
	
}
.survey-tag{
	position: absolute;right:0;top:40%;
	margin-top:-55px;
	width:40px;
	height:110px;
	background-color:rgba(255,255,255,0.8);
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	text-align: center;
	transition: 0.5s;
}
.survey-tag i{transition: 0.5s;display: block;width:100%;height:23px;background-image: url(icon/icon-Arrow.png);background-position: center center;background-repeat: no-repeat;background-size:10px auto;}
.survey-tag span{color: #808080;white-space: pre-wrap;display: block;color: #4d4d4d;width:20px;margin: auto;line-height: 16px;}
.survey-content dt{text-align: center;color: #17ab64;font-size:22px;font-weight:bold;}


.surveyChange.survey{
	right:0;
	transition: 0.5s;
}
.pagePop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index: 2;text-align: center;display: flex;align-items: center;justify-content: center;}

.surveyChange .survey-tag{background-color:rgba(255,255,255,1);}
.surveyChange .survey-tag i{transform:rotate(180deg);}
.map-popue{width: 80%;height: 80%;;position: absolute;top:10%;left:10%;}
.popueBox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 200;background: rgba(0,0,0,.55);visibility:hidden;}
.popue-close{width: 30px;height: 30px;position: absolute;top: 2%;right: 2%;background: url(icon/close-v.png) no-repeat center;background-size: 30px auto; cursor: pointer;z-index: 205;}
@-webkit-keyframes Glow {
	from {
		height:76px
	}
	to {
		height:70px
	}
}
@keyframes Glow {
	from {
		height:76px
	}
	to {
		height:70px
	}
}
/*左上导航*/
.left-navCar{position: absolute;left:16px;top:24px;font-size: 14px;line-height: 16px;overflow: hidden;display: none;text-shadow: 1px 1px #333;}
.backNext{
  height:16px;width:16px;cursor: pointer;
  background-image: url(icon/icon-backPage.png);background-repeat: no-repeat;
  background-position: center center;float: left;margin-right: 7px;color:#fff;
}
.left-navCar-list{float: left;overflow: hidden;}
.left-navCar-list li{margin-right: 6px;float: left;text-shadow: 1px 1px #333}
.left-navCar-list li a{display: inline-block;margin-right: 6px;color:#fff;}
.survey-content dd{
	height:100%;
	overflow: auto;
	padding-right:3%;
	line-height: 25px;
}
h1,h2,h3,h4,ul,li,ol,dd,dl,dt,p,form{padding:0px; margin:0px; border:0 none; list-style:none;}
.map-popup-warp{
	position: fixed;z-index: 2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
.map-popup-body{
	position: absolute;
	width:94%;
	top:50%;left:3%;transform: translateY(-50%);

}
.map-popup-img{
	width:100%;
	height:100%;
	position: relative;
}
.map-popup-img .map-img{
	width:100%;
}
.map-popup-img .map-close{
	position: absolute;
	width:29px;
	height:29px;
	background-image: url(../skin/radarMap/icon-close2.png);
	background-size:auto 29px;
	background-repeat: no-repeat;
	background-position: -29px center;
	bottom:16px;
	right: 16px;
}
.map-popup-img .map-close:active{
	background-position: 0px center;
}
.map-popup-warp{
	display: none;
}
.introduction-pop{color:#808080;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,1);z-index: 2;text-align: left;display: none}
.pagePop-close{position: absolute;right:0;top:0; width:50px;height:50px;background-image: url(icon/pop-close.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
.pop-body{
	padding:17% 5% 15% 10%;
	height:100%;
}
.pop-title{text-align: center;color: #17ab64;font-weight: bold;font-size:22px;margin-bottom:15px;line-height: 40px;}
.pop-conetnt{font-size:14px;line-height: 25px;height:calc(100% - 45px);overflow: auto;padding-right:5%;}
.pop-paragraph {
    text-indent: 2em;
    line-height: 25px;

}
.voice_pop{width:100%;background-color:#fff;color: #808080;font-size:12px;text-align: left;padding:15px;border-radius: 7px}
.voice_pop img{max-width:100%;}
.popue_share{
	background-color:rgba(255,255,255,0.9);padding:15px 15px 35px 15px;color:#808080;border-radius: 7px;z-index:22;text-align:center;width:90%;
}
.popue_share_col{
	width:100%;color:#fff;height:45px;line-height:45px;background-color:#17ab64;display: block;border-radius: 7px;margin: 15px 0;
}