.spider-page{padding:1.25rem;max-width:75rem;height:100%;margin:0 auto;background:#f5f5f5;color:#222432;font-size:.875rem;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,Arial,Microsoft YaHei UI,system-ui,sans-serif}.spider-page a{text-decoration:none;color:#222432}.spider-page img,.spider-page li{vertical-align:top}.spider-page li,.spider-page ol,.spider-page ul{list-style-type:none}.spider-page .breadcrumb{padding:0 0 1.25rem;color:#9a9eb0;font-size:.875rem}.spider-page .breadcrumb a{color:#9a9eb0}.spider-page .breadcrumb .separator{font-family:-apple-system,BlinkMacSystemFont,Arial,Microsoft YaHei UI,system-ui,sans-serif}.spider-page section{margin-top:1.25rem}.spider-page nav{margin:1.875rem 0}.spider-page h1,.spider-page h2,.spider-page h3,.spider-page h4{margin-bottom:.9375rem;font-weight:700;font-size:medium}.spider-page header{padding-bottom:1.25rem}.spider-page summary{margin-bottom:.625rem;list-style:none}.spider-page .card{padding:1.25rem;border-radius:.1875rem;background:#fff;box-shadow:0 1px .1875rem rgba(0,0,0,.05)}.spider-page .flex{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none}.spider-page .flex li{list-style-type:none;margin-left:1.25rem}.spider-page .flex li li,.spider-page .flex li:first-child{margin-left:0}.spider-page .vr-info{display:-webkit-flex;display:flex}.spider-page .vr-info .vr-panorama{height:100%;background:#eee}.spider-page .vr-info .vr-introduction{margin:0 0 0 1.25rem;font-size:.875rem;color:#666}.spider-page .vr-info .vr-introduction li{margin-left:0}.spider-page .vr-info .vr-introduction .vr-title{font-size:1rem;margin-bottom:.3125rem;color:#222432}.spider-page .vr-info .vr-introduction .placeholder{height:1.25rem}.spider-page .floor-list>li{margin-top:.625rem}.spider-page .floor-list .room-list{padding-left:1.875rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.spider-page .floor-list .room-list .room-item{padding:.3125rem}.spider-page .floor-list .floorplanView{background:rgba(0,0,0,.3);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:12.5rem;-webkit-flex-shrink:0;flex-shrink:0}.spider-page .tag-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.spider-page .tag-list li{margin:0 .625rem .625rem 0;white-space:nowrap;text-align:center}.spider-page .tag-list li .description,.spider-page .tag-list li .name{max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;color:#222432;margin-bottom:.625rem}.spider-page .tag-list .media{position:relative;width:12.5rem;height:12.5rem;overflow:hidden}.spider-page .tag-list .media video{width:100%;height:100%;object-fit:cover}.spider-page .tag-list .media img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spider-page .function-list{display:-webkit-flex;display:flex}.spider-page .function-list li{width:5.625rem;height:2.5rem;line-height:2.5rem;margin-left:.625rem;text-align:center;border-radius:.1875rem;background:hsla(0,0%,100%,.85);box-shadow:0 1px .1875rem rgba(0,0,0,.05)}.spider-page .function-list li:first-child{margin-left:0}.spider-page .function-list li a{color:#222432;display:block;white-space:nowrap}.spider-page .observer-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:1.25rem}.spider-page .observer-list li{position:relative;width:12.5rem;height:5rem;line-height:5rem;margin:0 .625rem .625rem 0;text-align:center;border-radius:.1875rem;background:rgba(0,0,0,.15);box-shadow:0 1px .1875rem rgba(0,0,0,.05);color:#222432;overflow:hidden;font-size:1.25rem}.spider-page .observer-list li img{position:absolute;top:50%;right:0;bottom:0;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.spider-page .observer-list li h4{position:relative;z-index:2;background:rgba(0,0,0,.25);color:#fff}.spider-page .panorama-list{margin-top:1.875rem}.spider-page .panorama-list .panorama-item{position:relative;width:12.5rem;height:5rem;margin:0 .625rem .625rem 0;overflow:hidden}.spider-page .panorama-list .panorama-item h4{position:absolute;width:100%;height:5rem;line-height:5rem;z-index:2;background:rgba(0,0,0,.25);color:#fff;text-align:center}.spider-page .panorama-list .panorama-item img{position:absolute;top:50%;right:0;bottom:0;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.spider-page footer{margin:1.25rem 0 0;padding:1.25rem 0;border-radius:.1875rem;background:#fff;font-size:.875rem;text-align:center}.spider-page footer .copyright,.spider-page footer a{color:#222432}.spider-page footer .copyright p,.spider-page footer .copyright>div{margin-bottom:.3125rem}.spider-page footer .divide{margin:.9375rem 0;border-bottom:1px solid #eee;font-size:0}.spider-page footer .friend-link span{display:inline-block;margin-right:1.875rem;text-align:center;font-size:1.125rem}.spider-page footer .police-wrap img{display:inline-block;vertical-align:middle}