html{ height:100%;}
body{ height:100%;}
*{ margin:0; padding:0;}

#pageContent {height: 100%;overflow: hidden;position:relative;}

#imgContainer {height: 100%;}

#positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}

#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}

.positionMapClass area {cursor: pointer;}

.zoomButton {border: 0;	cursor: pointer;}

.zoomableContainer {}

.watermask{ position:absolute; }

.bottombar2 {
    position: absolute;
    bottom: 40px;
    width: 100%;
    left: 0;
    text-align: center;
}

.bottombar2 a{ display:inline-block; width:40px; height:40px;background-size:40px 40px; margin:0 8%; outline:none;-webkit-tap-highlight-color:transparent}
.turnbtn{ background:url(3Dimg/turn1.png) no-repeat center;background-size:40px 40px;}
.turnbtn.active{ background:url(3Dimg/turn2.png) no-repeat center;background-size:40px 40px;}

.bottombar{ position:absolute; bottom:40px; width:100%; left:0; display:none; text-align:center;background-size:40px 40px;}
.bottombar a{ display:inline-block; width:40px; height:40px;background-size:40px 40px; margin:0 10px; outline:none;-webkit-tap-highlight-color:transparent}
.Playbtn{ background:url(3Dimg/G.png) no-repeat center;background-size:40px 40px;}
.Playbtn.active{ background:url(3Dimg/M.png) no-repeat center;background-size:40px 40px;}
.ZoomOut{ background:url(3Dimg/D.png) no-repeat center;background-size:40px 40px;}
.ZoomIn{ background:url(3Dimg/X.png) no-repeat center;background-size:40px 40px;}
.qrcode{ background:url(3Dimg/ewm.png) no-repeat center;background-size:40px 40px;}
.spinbtn{ background:url(3Dimg/T.png) no-repeat center;background-size:40px 40px;}
.spinbtn.state2{ background:url(3Dimg/Y.png) no-repeat center;background-size:40px 40px;}
/*速度调整*/
.adjustbarbg{ width:220px; padding:0 30px; height:25px; background:url(3Dimg/SDT.png) no-repeat left center; position:fixed; top:50%; margin-left:-110px; margin-right:-110px; right:0%; transform:rotate(-90deg);-ms-transform:rotate(-90deg); /* Firefox */  -moz-transform:rotate(-90deg); /* Firefox */  -webkit-transform:rotate(-90deg); /* Safari and Chrome */ -o-transform:rotate(-90deg); /* Safari and Chrome */}
/*.adjustbarbg{ width:220px; padding:0 30px; height:25px; background:url(3Dimg/SDT.png) no-repeat left center; position:absolute; bottom:90px; left:50%; margin-left:-140px;}*/
/*.adjustbar{ height:15px; margin-top:5px; width:220px; background:url(3Dimg/SDT1.png) no-repeat center center;}*/
input[type=range] {
	cursor:pointer;
    -webkit-appearance: none;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
	background:url(3Dimg/SDT1.png) no-repeat right;		
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}    
input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-progress{
    height: 5px;
    border-radius: 10px; /*将轨道设为圆角的*/
}
input[type=range]::-ms-track {
    height:5px;
    border-radius: 10px;
    border-color: transparent; /*去除原有边框*/
    color: transparent; /*去除轨道内的竖线*/
}
input[type=range]::-ms-thumb {
    height: 25px;
    width: 25px;
    border-radius: 50%;
     background:url(3Dimg/SD.png) no-repeat center; 
	border: solid 0.125em rgba(255, 255, 255, 0.5); /*设置边框*/
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -3px; /*使滑块超出轨道部分的偏移量相等*/
    background:url(3Dimg/SD.png) no-repeat center;
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(255, 255, 255, 0.5); /*设置边框*/
}
#block-range{ width:210px; height:35px;margin-top: -8px;}
input[type=range]::-ms-fill-lower {
    /*进度条已填充的部分*/
    border-radius: 10px;
    background:rgba(0,0,0,.7);
}

input[type=range]::-ms-fill-upper {
    /*进度条未填充的部分*/
    border-radius: 10px;
    background:rgba(0,0,0,.7);
}

input[type=range]:focus::-ms-fill-lower {
    background:rgba(0,0,0,.7);
}

input[type=range]:focus::-ms-fill-upper {
    background:rgba(0,0,0,.7);
}
/* 二维码弹出层 */
.marsk{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,.4);}
.marsk img{ display:block; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px; width:200px; height:200px;}
.page img{ max-width:100%; margin:0 auto; display:block;}
.buyit { display:none; position: fixed;  bottom: 0; z-index: 2;  left: 0; height: 50px; line-height: 50px;  text-align: center;  width: 100%; font-size: 22px;  color: #fff; text-decoration: none;  background-color: #D82228; opacity: 0.8;}
.next_screen.on {
display: none;
animation: goNext 1.5s infinite;
-webkit-animation: goNext 1.5s infinite;
animation-name: goNext;
-webkit-animation-name: goNext;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: initial;
-webkit-animation-timing-function: initial;
animation-delay: initial;
-webkit-animation-delay: initial;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-direction: initial;
-webkit-animation-direction: initial;
animation-fill-mode: initial;
-webkit-animation-fill-mode: initial;
animation-play-state: initial;
-webkit-animation-play-state: initial;
}
@keyframes goNext{0%{
transform: translate(0,0) translateZ(0);
-ms-transform: translate(0,0) translateZ(0);
-moz-transform: translate(0,0) translateZ(0);
-webkit-transform: translate(0,0) translateZ(0);
-o-transform: translate(0,0) translateZ(0);
opacity:1
}
100%{
transform:translate(0,-10px) translateZ(0);
transform: translate(0,-10px) translateZ(0);
-ms-transform: translate(0,-10px) translateZ(0);
-moz-transform: translate(0,-10px) translateZ(0);
-webkit-transform: translate(0,-10px) translateZ(0);
-o-transform: translate(0,-10px) translateZ(0);
opacity:.1
}
}
.next_screen{ cursor:pointer; display:none}


.adjustbarbg2{ width:25px; position:relative; height:220px; background:url(3Dimg/SDT1.png) no-repeat left center;}
.ui-slider .ui-slider-handle{    left: -.3em; margin-left: 0; margin-bottom: -12.5px;position: absolute;z-index: 2;cursor: default; -ms-touch-action: none; touch-action: none;background:url(3Dimg/SD.png) no-repeat center; width:25px; height:25px; outline:none}
.slidewrap{ position:fixed; top:50%; margin-top:-142px; right:2%; height:285px; background:url(3Dimg/SDT.png) no-repeat center;}
#slider{ top:35px;}

/* 上海模高信息科技有限公司 021-60794291 */
@charset "utf-8";
.smart_menu_box{display:none; width:190px; position:absolute; z-index:201105;}
.smart_menu_body{padding:1px; border-radius:5px; border:1px solid #B8CBCB; background-color:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.smart_menu_ul{margin:0; padding:0; list-style-type:none;}
.smart_menu_li{position:relative;}
.smart_menu_a{display:block; height:25px; line-height:24px; padding:0 5px 0 25px; color:#000; font-size:12px; text-decoration:none; overflow:hidden;}
.smart_menu_a:hover, .smart_menu_a_hover{background-color:#348CCC; color:#fff; text-decoration:none;}
.smart_menu_li_separate{line-height:0; margin:3px; border-bottom:1px solid #B8CBCB; font-size:0;}
.smart_menu_triangle{width:0; height:0; border:5px dashed transparent; border-left:5px solid #666; overflow:hidden; position:absolute; top:7px; right:5px;}
.smart_menu_a:hover .smart_menu_triangle, .smart_menu_a_hover .smart_menu_triangle{border-left-color:#fff;}
.smart_menu_li_hover .smart_menu_box{top:-1px; left:130px;}