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%;object-fit: cover;}*/

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{height: 45px;width: 200px;position: absolute;top: 160px; left: 50%; margin-left: -100px;pointer-events: auto;display: flex;}

 .uiContainer .tab-top ul{width: 200px;display: flex; margin:0;padding: 0;height: 100%;border-radius:50px;border: solid 1px  rgb(71, 71, 71);box-sizing: border-box;}
 .uiContainer .tab-top ul li{list-style: none;}
 .uiContainer .tab-top ul .on .txt1{color: rgb(255, 255, 255);}
 .uiContainer .tab-top ul .on .txt2{color: rgb(255, 255, 255);}
 .uiContainer .tab-top ul .on span{background-color: rgb(71, 71, 71);}
 .uiContainer .tab-top ul .wai{display: block;width: 50%;text-align: center;float: left;cursor: pointer;color: #000000;}
 .uiContainer .tab-top ul .nei{display: block;width: 50%;text-align: center;float: left;cursor: pointer;color: #000000;}
 .uiContainer .tab-top ul .wai .wai_span{font-size: 24px;width: 100%;height: 100%; border-radius:25px 0 0 25px; display: inline-block; line-height: 45px;}
 .uiContainer .tab-top ul .nei .nei_span{font-size: 24px;width: 100%;height: 100%;border-radius:0 25px 25px 0;  display: inline-block;line-height: 45px;}
 .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: 850px;height: 250px;position: absolute;bottom: 0%;padding: 0; box-sizing: border-box;left: 45%;margin-left: -300px;margin-top: -125px;}
 .outContainer .uiContainer .bottom .slider-control{margin-top: 50px;width: 100%;position: relative;  }
 .outContainer .uiContainer .bottom .slider-control>img{width: 100%;height: 100%;}
 .outContainer .uiContainer .bottom .slider-control .sliderbar{width: 810px;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%;position: absolute;}
 .outContainer .uiContainer .bottom .change-color ul{width: 100%;display: flex;flex-direction: row;justify-content: space-between;box-sizing:border-box;position: absolute;left: -140px}
 .outContainer .uiContainer .bottom .change-color ul li{height: 100%;box-sizing: border-box;margin-right: 10px;}
 .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: 50%; margin-top:-270px;margin-left: -480px;background: url("../png/a12.png");}
 .outContainer .image-container>img{width: 80%;height: 80%; left: 50%;top: 50%;margin-left: -393px;margin-top: -216px;position: absolute;}
 .outContainer .image-container>.xuxian{width: 170%;height: 170%; left: 50%;top: 50%;margin-left: -816px;margin-top: -459px;position: absolute;}
.outContainer .uiContainer #icon360{width: 40px;height: 25px;position: absolute;top: 68%;left:50%;margin-left: -20px; }
.outContainer .uiContainer .bottom .change-color .button img{width: 100%;height: 100%;}


 .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(0, 0, 0);}
 .outContainer .uiContainer .bottom .change-color .col  div{width: 107px;height: 57px;cursor: pointer;border: 1px rgba(255, 255, 255, 0) solid;}
/* .outContainer .uiContainer .bottom .change-color .col  .on{border: 1px black solid;}*/
 .outContainer .uiContainer .bottom .change-color .col  div img{width: 85%;height: 85%; margin: 5px 7px;}
/* 内饰 */

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);}