html,
body
{
padding: 0;
margin: 0;

}

*{
-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none;

}



/*.img-container{position: absolute;pointer-events: none;top: 0;width: 100%;height: 100%;}*/

img{border: 0;vertical-align: top;}
.img-container img{width: 100%;}
.uiContainer{position: absolute; z-index: 99;pointer-events: none;top: 0;width: 100%;height: 100%;}
.panoContainer{ position: absolute;width: 100%;height: 100%;top: 0;}
.panoContainer #pano {margin: 0 auto;}
.uiContainer .tab-top{background-color: rgba(0, 0, 0, 0.438);border-radius:50px;height: 30px;width: 246px;margin: 8% auto;pointer-events: auto;}
.uiContainer .tab-top ul{width: 100%;display: flex; line-height: 24px;padding: 0;}
.uiContainer .tab-top ul li{list-style: none;}
.uiContainer .tab-top ul .on .txt1{border-left: solid 3px rgb(34, 205, 218);color: rgb(0, 0, 0);}
.uiContainer .tab-top ul .on .txt2{border-left: solid 3px rgb(34, 205, 218);color: rgb(0, 0, 0);}
.uiContainer .tab-top ul .on span{background-color: rgba(253, 253, 253, 0.589);}
.uiContainer .tab-top ul .wai{display: block;width: 120px;text-align: center;float: left;cursor: pointer;color: #ffffff;}
.uiContainer .tab-top ul .nei{display: block;width: 120px;text-align: center;float: left;cursor: pointer;color: #ffffff;}
.uiContainer .tab-top ul .wai .wai_span{font-size: 16px;width: 110px;height: 24px;;border-radius:50px; display: inline-block;margin: 3px 5px 3px 5px;}
.uiContainer .tab-top ul .nei .nei_span{font-size: 16px;width: 110px;height: 24px;;border-radius:50px; display: inline-block;margin: 3px 5px 3px 5px;}
.uiContainer .tab-top ul .wai .txt1{border-left: solid 3px transparent;}
.uiContainer .tab-top ul .nei .txt2{border-left: solid 3px transparent;}
.uiContainer .tab-top ul .zhong{display: block;}
.uiContainer .tab-top ul .zhong .center{color: #8a8c8b;font-size: 18px;display: inline-block;}
.outContainer {width: 100%;height: 100%;position: absolute;top: 0;}
/* 外观 */
 .outContainer .waiguan{width: 100%;height: 100%; position: absolute;float: left;}
 .outContainer .uiContainer  #left-btn{width: 50px;height: 35px;position: absolute;top: 49%;left:18%;margin-top: 0px;z-index: 999;margin-left: -25px;user-select:none;-webkit-touch-callout: none;}
 .outContainer .uiContainer  #right-btn{width: 50px;height: 35px; position: absolute;top: 49%;right:18%;margin-top: 0px;z-index: 999;margin-right: -25px;user-select:none;-webkit-touch-callout: none;}
 .outContainer .loading {width: 100%;height: 100%;background-color: rgb(0, 0, 0);position: absolute; top: 0; z-index: 999;}
 .outContainer .loading .loading-text{ display: block; width: 120px;height: 40px;  position: absolute;top: 40%;left: 50%;color: rgb(255, 255, 255);margin-left: -35px;margin-top: -15px;text-align: center;line-height: 40px;border-radius: 5px;font-size: 16px;}
 .outContainer .uiContainer .bottom{width: 600px;height: 250px;position: absolute;bottom: 0%;padding: 10px 0; box-sizing: border-box;left: 50%;top:90%; margin-left: -300px;margin-top: -135px;}
 .outContainer .uiContainer .bottom .slider-control{margin-top: 50px;height: 45px;width: 100%;position: relative;  }
 .outContainer .uiContainer .bottom .slider-control>img{width: 100%;height: 100%;}
 .outContainer .uiContainer .bottom .slider-control .sliderbar{width: 570px;height: 4px;position: absolute;top: 50%; margin-top: -2px;background-color: rgba(255, 255, 255, 0);}
 .outContainer .uiContainer .bottom .slider-control .sliderbar img{width: 100%;height: 100%;}
 .outContainer .uiContainer .bottom .slider-control .biao{width: 60px;height: 60px;position: absolute;top: 50%;right: 0; margin-top: -30px;}
 .outContainer .uiContainer .bottom .slider-control .slider-block{width: 16px;height: 16px;background-color: rgb(241, 241, 241);border-radius: 50%;position: absolute;top: 50%;margin-top: -8px;box-shadow: 1px 1px 2px 1px rgb(110, 109, 109);}
 .outContainer .uiContainer .bottom .slider-control .slider-block:hover{box-shadow: 1px 1px 2px 1px rgb(43, 43, 43);}
 .outContainer .uiContainer .bottom .change-color{margin-top: 10px; width: 100%;}
 .outContainer .uiContainer .bottom .change-color ul{width: 100%;display: flex;flex-direction: row;padding: 0 30px;justify-content: space-between;box-sizing:border-box;}
 .outContainer .uiContainer .bottom .change-color ul li{height: 100%;box-sizing: border-box;}
 .outContainer .uiContainer .bottom .change-color ul li .item{width: 50px;height: 50px;border-radius: 50%;box-shadow: 1px 3px 7px 1px rgba(0, 0, 0, 0.486);transition: 0.2s all;}
 .outContainer .uiContainer .bottom .change-color ul li span{display: block;text-align: center; word-wrap: break-word;color: rgb(255, 255, 255);margin-top: 15px;}
 .outContainer .image-container{width: 960px;height: 540px;position: absolute;left: 50%;top: 56%; margin-top:-270px;margin-left: -480px;}
 .outContainer .image-container>img{width: 100%;height: 100%; left: 50%;top: 50%;margin-left: -480px;margin-top: -270px;position: absolute;}



 .outContainer .uiContainer .bottom .change-color ul li .item:hover{box-shadow: 1px 1px 1px 1px rgb(51, 51, 51);}

 .outContainer .uiContainer .bottom .change-color ul li .item img{width: 100%;height: 100%;}
 .outContainer .uiContainer .bottom .change-color .col .span_off{color: rgb(158, 158, 158);}
 .outContainer .uiContainer .bottom .change-color .col .span_on{color: rgb(255, 254, 254);}
 .outContainer .uiContainer .bottom .change-color .col  div{width: 60px;height: 60px;border-radius: 50%;cursor: pointer;}
 .outContainer .uiContainer .bottom .change-color .col  div img{width: 100%;height: 100%;}
/* 内饰 */

img{
    pointer-events: none;
}
.Panos_itemActive_3wsUdG,.Panos_item_1mjB5K{background-color: rgba(255, 255, 255, 0);}
a {color: inherit;text-decoration: none;background-color: transparent;}
p {display: block;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;margin: 0;}

li{list-style: none;}
.button{cursor: pointer;pointer-events: auto;touch-action: auto; }
.pe-auto{pointer-events: auto;}
.row{display: flex;flex-direction: row;}
.col{display: flex;flex-direction: column;}

.debug{width: 200px;height: 100px;text-align: center;left: 50%;top: 10%;margin-left: -100px;margin-top: -50px;position: absolute;background-color: #fff;}
.panoContainer .ui_container{width: 200px;height: 80px;background-color: rgba(121, 121, 121, 0);position: absolute;z-index: 999;bottom: 50px;right: 100px;display: flex;flex-direction: row;justify-content: space-around;}
.panoContainer .ui_container .col{width: 80px;margin: 10px 0;}

 .panoContainer .ui_container .col div{width: 60px;height: 60px;border-radius: 50%;cursor: pointer;padding-left: 10px;}
.panoContainer .ui_container .black{background-color: rgba(0, 0, 0, 0);width: 60px;height: 60px;margin: 0px auto;}
.panoContainer .ui_container .red{background-color: rgba(199, 72, 72, 0);width: 60px;height: 60px;margin: 0px auto;}
.btn img{width: 100%;height: 100%;}
.panoContainer .ui_container .col span{display: inline-block;width: 80px;text-align: center;}

.panoContainer .ui_container  .col .span_off{color: rgb(158, 158, 158);}
.panoContainer .ui_container .col .span_on{color: rgb(255, 254, 254);}