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