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