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;}
#pano{position: relative;}
/*.survey{position:absolute;left:-400px;top:0;height:100%;width:441px;transition: 0.5s;z-index: 1;display: none;}*/
/*.survey-tag{border-bottom-right-radius:7px;border-top-right-radius: 7px;width:41px;height:155px;background-color:rgba(255,255,255,0.8);position: absolute;right:0;top:33%;margin-top:-77.5px;padding-top:16px;text-align: center;cursor: pointer;}*/

.survey{}
.survey-content{width:400px;height:100%;padding-top:75px;position:absolute;left:-400px;z-index: 1;transition: 0.5s;}
.survey-tag{
  z-index: 1;border-bottom-right-radius:7px;
  border-top-right-radius: 7px;width:41px;
  height:155px;background-color:rgba(255,255,255,0.8);
  position: absolute;left:0;top:33%;margin-top:-77.5px;
  padding-top:16px;text-align: center;cursor: pointer;transition: 0.5s;
}

.survey-content{background-color:rgba(255,255,255,1)}
.survey-tag{background-color:rgba(255,255,255,0.8);display: none;}
.survey-content dt{text-align: center;color: #17ab64;font-size:26px;font-weight:bold;}
.survey-content dd{color: #808080;font-size: 14px;padding:0 45px 0 25px;}
.survey-content dd p{margin: 0 0 0px 0;line-height: 25px;text-indent: 2em;}
.survey-tag i{display: block;width:100%;height:20px;background-image: url(icon/icon-Arrow.png);background-position: center top;background-repeat: no-repeat;margin-bottom: 6px;}
.survey-tag span{color: #808080;white-space: pre-wrap;display: block;font-size: 18px;color: #4d4d4d;width:20px;margin: auto;line-height: 22px;}
.survey.surveyChange{left:0px;transition: 0.5s;}
.surveyChange .survey-tag{background-color:rgba(255,255,255,1);left:400px;transition: 0.5s;}
.surveyChange .survey-tag i{transform:rotate(180deg)}
.surveyChange .survey-content{left:0;transition: 0.5s;}
.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.surveyChangeH{height:100%;margin-top:0;}*/
.popupHtmlBox{background-color:rgba(0,0,0,0);}
.sys{position: absolute;left: 50%; margin-left: -196px;bottom: 300px; z-index: 9002;font-size: 14px;
    color: #fff;background-color: rgba(30,30,30,0.9);pointer-events: none;display: none;
}
.sys-box{padding:0 16px;}
.sys-box h4{margin: 0;padding: 0 0 0 30px;height: 40px;line-height: 40px;background: url(icon/comm-title-icon.png) no-repeat left center transparent;}
.qdoComm{display:inline-block;text-align:center;height:26px;line-height:28px;padding:0 12px;margin: 0 2px 0 10px;float:right;border:1px solid #106cab;cursor:pointer;pointer-events:auto;}
.fdoComm{display:inline-block;text-align:center;height:28px;line-height:28px;background-color: rgb(0, 165, 220);width:95px;float:right;cursor:pointer;pointer-events:auto;position: relative;}
.comm-hide-icon{display:inline-block;height:24px;line-height:24px;font-style:normal;cursor:pointer;padding:0 0 0 30px;margin: 0 20px 0 0;background:url(icon/comm-hide-icon.png) no-repeat 8px center transparent;pointer-events:auto;}
.map-popue{width: 1200px;height: 80%;;position: absolute;top:10%;left:50%;margin-left:-600px;}
.mapBox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 200;background: rgba(0,0,0,.55);visibility:hidden;}
.video-close{
  /*width: 40px;height: 40px;
  position: absolute;top: 2%;
  right: 50px;background: url(icon/close-v.png) no-repeat center;
  background-size: cover; 
  cursor: pointer;z-index: 205;*/
}
.video_play_box{position:absolute;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;}
.pagePop,.introduction-pop{position:absolute;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;}
.img_box img{max-width:80%;max-height:90%;}
.voice_pop{float: left;background-color:#fff;padding:20px 15px 30px 15px;border-radius: 10px;min-width: 500px;max-width:1000px;text-align: center;width:auto;}
.voice_pop img{max-width:100%;}
.pagePop .audio-box{margin-top:20px;}
.audio-text{line-height: 25px;color:#666;text-align: left;margin-top:10px;text-indent: 2em;width:550px;width: 100%;height: 200px;overflow: auto;}
.fdoComm a{display: block;height:100%;width:100%;opacity: 0;position: absolute;top:0;left:0;}
@-webkit-keyframes Glow {
	from {
	height:76px
}
to {
	height:70px
}
}@keyframes Glow {
	from {
	height:76px
}
to {
	height:70px
}
}

.usercomm{
  width:348px;padding:5px;height:50px;font-size:16px;resize: none;background-color:#fff;border:none;cursor: pointer;pointer-events: auto;outline: none;


}




.hiddenCursor {
  opacity:0;
}
.console-container {
  font-family:Khula;
  font-size:16px;
  text-align:left;
  width:520px;
  display:block;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  height:200px;
}
.console-underscore {
  display:inline-block;
  /*position:relative;
  top:-0.14em;*/
  width: 23px;
  text-align: center;
  text-indent: 0;
}
audio,video{outline: none}
.videoImplement{float: left}
/*弹窗简介*/
.introduction-pop{display: none;}
.pagePop-content{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:913px; }
.pagePop-close,.video-close{float: right;width:41px;height:41px;background-image: url(icon/icon-close.png);background-position: center top;background-repeat: no-repeat;cursor: pointer;margin-left:17px;}
.pagePop-close:hover,.video-close:hover{background-position: center -43px;}
.pop-body{background-color:#fff;padding:55px 40px 50px 50px;float: left;width: 855px;box-sizing: border-box;color: #808080;text-align: left}
.pop-title{color: #17ab64;font-size: 26px;font-weight: bold;}
.pop-conetnt{font-size: 14px;margin-top:30px;height: 467px;overflow-y: auto;overflow-x: hidden;padding-right: 20px;line-height: 25px;}
.pop-paragraph{text-indent: 2em;}
.page-images{margin:30px -13px 0 -13px;overflow: hidden;}
.page-images li{width: 220px;height: 146px;float: left;margin:0 16px 15px 16px;background-position:center center;background-repeat: no-repeat;background-size: cover;}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:3px;
    background-color: #d1eee0;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius:3px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    width: 7px;
    background:#74cca2;
}
h1,h2,h3,h4,ul,li,ol,dd,dl,dt,p,form{padding:0px; margin:0px; border:0 none; list-style:none;}