viewShell.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. .plus_park {
  2. position: relative;
  3. }
  4. .shell-view{
  5. position: fixed;
  6. left: 0rem;
  7. bottom: 0rem;
  8. width: 100vw;
  9. height: 380rem;
  10. border-radius: 40rem 40rem 0 0;
  11. background: #fff;
  12. box-shadow: 0 -6rem 12rem #0000001f;
  13. box-sizing: border-box;
  14. z-index: 15;
  15. padding:0rem 40rem;
  16. padding-top:30rem;
  17. padding-bottom:60rem;
  18. transition: height 1s;
  19. }
  20. .shell-view2{
  21. height: 448rem;
  22. padding-left:0rem;
  23. padding-right:0rem;
  24. }
  25. .shell-signscoll{
  26. position: absolute;
  27. top:-50rem;
  28. left:275rem;
  29. width:200rem;
  30. height: 100rem;
  31. z-index: 120;
  32. /* padding-top:50rem; */
  33. box-sizing: border-box;
  34. }
  35. .signscoll-block{
  36. position: absolute;
  37. width: 90rem;
  38. height: 10rem;
  39. border-radius: 5rem;
  40. background: #707070;
  41. opacity: 0.6;
  42. bottom: 30rem;
  43. }
  44. .floor-view{
  45. position: absolute;
  46. left:30rem;
  47. width: 72rem;
  48. border-radius: 12rem;
  49. background: rgba(0, 0, 0, 0.4);
  50. overflow: hidden;
  51. }
  52. .floor-item{
  53. height: 60rem;
  54. color: #fff;
  55. }
  56. .floor-item.active{
  57. color: #faa040;
  58. background: #fff;
  59. }
  60. .tips-view{
  61. position: absolute;
  62. left:50%;
  63. transform:translateX(-50%);
  64. top:-50rem;
  65. font-family: "Verdana";
  66. font-weight: 400;
  67. font-size: 26rem;
  68. line-height: 30rem;
  69. text-align: center;
  70. color: #2b2b2b;
  71. opacity: 0.5;
  72. pointer-events: none;
  73. }
  74. .zoom-view{
  75. position: absolute;
  76. top:-82rem;
  77. right:30rem;
  78. width: 52rem;
  79. height: 52rem;
  80. }
  81. .zoom-view .icon {
  82. width: 52rem;
  83. height: 52rem;
  84. }
  85. .connect-view{
  86. position: absolute;
  87. width: 72rem;
  88. height: 160rem;
  89. border-radius: 36rem;
  90. background: rgba(0, 0, 0, 0.4);
  91. top:-190rem;
  92. right:30rem;
  93. padding:2rem;
  94. padding-bottom:18rem;
  95. box-sizing: border-box;
  96. font-family: "Verdana";
  97. font-weight: 400;
  98. font-size: 24rem;
  99. line-height: 28rem;
  100. color: #fff;
  101. text-align: center;
  102. justify-content:unset;
  103. }
  104. .connect-view .defaultHead{
  105. width: 68rem;
  106. height: 68rem;
  107. }
  108. button{
  109. background-color: unset;
  110. line-height: unset;
  111. padding: unset;
  112. }
  113. button::after {
  114. border: none;
  115. }