location.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .container .map.data-v-1dc6e226 {
  5. position: relative;
  6. width: 100vw;
  7. height: 100vh;
  8. }
  9. .container .box.data-v-1dc6e226 {
  10. position: absolute;
  11. left: 30rpx;
  12. bottom: 30rpx;
  13. width: 690rpx;
  14. height: 387rpx;
  15. }
  16. .container .box .top.data-v-1dc6e226 {
  17. display: flex;
  18. box-sizing: border-box;
  19. padding: 0 30rpx;
  20. width: 690rpx;
  21. height: 123rpx;
  22. border-radius: 14rpx 14rpx 0 0;
  23. background-color: #fff;
  24. }
  25. .container .box .top .left.data-v-1dc6e226 {
  26. display: flex;
  27. flex-direction: column;
  28. justify-content: space-evenly;
  29. flex: 6;
  30. }
  31. .container .box .top .left .left_title.data-v-1dc6e226 {
  32. font-size: 32rpx;
  33. }
  34. .container .box .top .left .left_place.data-v-1dc6e226 {
  35. font-size: 24rpx;
  36. font-weight: 200;
  37. color: #808080;
  38. }
  39. .container .box .top .right.data-v-1dc6e226 {
  40. display: flex;
  41. justify-content: center;
  42. align-items: center;
  43. flex: 1;
  44. }
  45. .container .box .top .right ._img.data-v-1dc6e226 {
  46. width: 42rpx;
  47. height: 42rpx;
  48. }
  49. .container .box .center.data-v-1dc6e226 {
  50. display: flex;
  51. box-sizing: border-box;
  52. padding: 0 30rpx;
  53. width: 690rpx;
  54. height: 122rpx;
  55. line-height: 122rpx;
  56. background-color: #fff;
  57. }
  58. .container .box .center .center_left.data-v-1dc6e226 {
  59. flex: 6;
  60. font-size: 32rpx;
  61. }
  62. .container .box .center .center_right.data-v-1dc6e226 {
  63. flex: 1;
  64. display: flex;
  65. justify-content: center;
  66. align-items: center;
  67. }
  68. .container .box .center .center_right ._img.data-v-1dc6e226 {
  69. width: 49rpx;
  70. height: 39rpx;
  71. }
  72. .container .box .bottom.data-v-1dc6e226 {
  73. display: flex;
  74. justify-content: center;
  75. align-items: center;
  76. box-sizing: border-box;
  77. padding: 0 30rpx;
  78. width: 690rpx;
  79. height: 140rpx;
  80. border-radius: 0 0 14rpx 14rpx;
  81. background-color: #fff;
  82. }
  83. .container .box .bottom .button.data-v-1dc6e226 {
  84. width: 630rpx;
  85. height: 80rpx;
  86. line-height: 80rpx;
  87. border-radius: 16rpx;
  88. text-align: center;
  89. font-size: 32rpx;
  90. color: #fff;
  91. background: linear-gradient(180deg, #00ACFC 0%, #0082FC 100%);
  92. }