.plus_park { position: relative; } .shell-view{ position: fixed; left: 0px; bottom: 0px; width: 100vw; height: 200px; border-radius: 40px 40px 0 0; background: #fff; box-shadow: 0 -6px 12px #0000001f; box-sizing: border-box; z-index: 315; padding:0px 40px; padding-top:30px; padding-bottom:60px; transition: height 1s; } .shell-view2{ height: 800px; } .shell-signscoll{ position: absolute; top:-50px; left:275px; width:200px; height: 100px; z-index: 120; /* padding-top:50px; */ box-sizing: border-box; } .signscoll-block{ position: absolute; width: 90px; height: 10px; border-radius: 5px; background: #707070; opacity: 0.6; bottom: 30px; } .floor-view{ position: absolute; transform: translateY(-150%); left:30px; width: 72px; border-radius: 12px; background: rgba(0, 0, 0, 0.4); overflow: hidden; } .floor-item{ height: 60px; color: #fff; font-size: 28px; } .floor-item.active{ color: #faa040; background: #fff; border-radius: 12px; } .tips-view{ position: absolute; left:50%; transform:translateX(-50%); top:-50px; font-family: "Verdana"; font-weight: 400; font-size: 26px; line-height: 30px; text-align: center; color: #2b2b2b; opacity: 0.5; pointer-events: none; } .zoom-view{ position: fixed; top:42px; right:30px; width: 52px; height: 52px; } .zoom-view .icon { width: 52px; height: 52px; } .connect-view{ position: absolute; width: 139px; height: 184px; background: transparent; top:-190px; right:24px; box-sizing: border-box; .defaultHead{ width: 139px; height: 184px; } } button{ background-color: unset; line-height: unset; padding: unset; } button::after { border: none; }