.uni-tabbar[data-v-e9b92a61] { position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; display: flex; justify-content: space-around; height: 4.0625rem; padding-bottom: calc(env(safe-area-inset-bottom)) !important; box-sizing: border-box; background-color: #fff; box-shadow: 0px 0px 0.53125rem 0.03125rem rgba(206, 206, 206, 0.32); } .uni-tabbar .tabbar_find[data-v-e9b92a61] { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .uni-tabbar .tabbar_find .find_icon[data-v-e9b92a61] { width: 60px; height: 55px; margin-top: -30px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px 0px -0.53125rem 0.03125rem rgba(206, 206, 206, 0.32); } .uni-tabbar .tabbar_find .find_icon .icon[data-v-e9b92a61] { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .uni-tabbar .tabbar_find .find_icon .icon uni-image[data-v-e9b92a61] { width: 42px; height: 42px; } .uni-tabbar .tabbar_find .find_icon .icon .select_img[data-v-e9b92a61] { animation: tabbar-item-button-click-e9b92a61 0.2s forwards 1 !important; } .uni-tabbar .tababr_item[data-v-e9b92a61] { font-size: 0.625rem; text-align: center; width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .uni-tabbar .tababr_item .tag[data-v-e9b92a61] { position: absolute; right: 20px; top: 5px; padding: 0.125rem; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; background-color: red; font-size: 0.75rem; border-radius: 50%; color: #fff; } .uni-tabbar .tababr_item .tabbar_icon[data-v-e9b92a61] { height: 25px; width: 25px; } .uni-tabbar .tababr_item .tabbar_icon .select_img[data-v-e9b92a61] { animation: tabbar-item-button-click-e9b92a61 0.2s forwards 1; } .uni-tabbar .tababr_item .tabbar_icon uni-image[data-v-e9b92a61] { width: 100%; height: 100%; } .uni-tabbar .tababr_item .tababr_text[data-v-e9b92a61] { line-height: 0.75rem; font-size: 0.75rem; margin-top: 2px; color: #999; } .uni-tabbar .tababr_item .textActive[data-v-e9b92a61] { color: #3668FC; } /* 点击动画 start */ @keyframes tabbar-item-button-click-e9b92a61 { from { transform: scale(0.5); } to { transform: scale(1); } } .map_content { width: 23.4375rem; height: 100vh; } .map-location { width: 2.8125rem; height: 2.8125rem; background-color: #fff; position: fixed; left: 0.9375rem; bottom: 17.8125rem; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2); } .map-location uni-image { width: 1.40625rem; height: 1.40625rem; } .callout { width: 2.1875rem; height: 2.1875rem; border: 0.3125rem solid #6bfefa; background-color: #1678fe; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 0.3125rem; } .recharge { width: 21.5625rem; background-color: #fff; min-height: 9.375rem; position: fixed; left: 0.9375rem; bottom: 7.8125rem; border-radius: 0.625rem; padding: 0.625rem; box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2); } .recharge_title { font-size: 1.125rem; margin-bottom: 0.625rem; } .recharge_con { font-size: 0.8125rem; } .map-box { width: 21.5625rem; background-color: #fff; position: fixed; left: 0.9375rem; bottom: 7.1875rem; border-radius: 0.625rem; padding: 0.625rem; box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2); background: linear-gradient(65deg, rgba(234, 246, 227, 0.9) 0%, #64b3f4 100%); } .list-block { width: 100%; position: relative; } .list-block .map-item-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .list-block .item-block { position: relative; z-index: 2; overflow: hidden; padding: 0 0.78125rem; height: 100%; } .list-block .item-block .item-header { display: flex; justify-content: space-between; height: 1.25rem; } .list-block .item-block .item-header .item-header-left { display: flex; align-items: center; height: 100%; } .list-block .item-block .item-header .item-header-left .cong-name { width: 10.9375rem; font-size: 1.0625rem; font-family: PingFang; font-weight: bold; color: #1F2022; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-block .item-block .item-header .item-header-left .logo { margin-right: 0.5625rem; width: 1.25rem; height: 100%; } .list-block .item-block .item-header .item-header-right { height: 100%; display: flex; align-items: center; font-size: 0.8125rem; font-family: PingFang; font-weight: bold; color: #1F2022; } .list-block .item-block .item-header .item-header-right .address-icon { margin-right: 0.3125rem; width: 0.625rem; height: 0.78125rem; } .list-block .item-block .item-type { display: flex; margin-top: 0.625rem; font-size: 0.75rem; font-family: PingFang SC; font-weight: 400; color: #5F646A; } .list-block .item-block .item-type .line { display: inline-block; margin: 0 0.625rem; height: 0.5rem; width: 0.03125rem; height: 0.5rem; background: #D2D2D2; } .list-block .item-block .item-num { height: 1.25rem; margin-top: 0.625rem; display: flex; align-items: center; } .list-block .item-block .item-num .all-icon { width: 1.1875rem; height: 1.1875rem; margin-right: 0.5rem; } .list-block .item-block .item-num .all-num { display: flex; align-items: center; font-size: 0.84375rem; font-family: PingFang; font-weight: bold; color: #000000; } .list-block .item-block .item-num .all-num .use { color: #5F646A; font-size: 0.625rem; } .list-block .item-block .item-price { margin-top: 0.625rem; font-size: 1.53125rem; font-family: PingFang; font-weight: 800; color: #FF3013; display: flex; align-items: center; justify-content: space-between; } .list-block .item-block .item-price .unit-money { font-size: 0.875rem; font-family: PingFang; font-weight: 500; } .list-block .item-block .item-price .inline { display: inline; } .list-block .item-block .item-price .unit { font-size: 0.625rem; font-family: PingFang; font-weight: 500; color: #5F646A; } .list-block .item-block .item-price .navigation { display: flex; align-items: center; justify-content: center; width: 5.21875rem; height: 2.1875rem; border: 0.0625rem solid #3668FC; border-radius: 1.125rem; font-size: 0.84375rem; font-family: PingFang; font-weight: 500; color: #3668FC; } .list-block .item-block .item-price .navigation .gps-icon { margin-right: 0.3125rem; width: 1.0625rem; height: 1.0625rem; }