page{ background:#fff; } @charset "UTF-8"; /* 颜色变量 */ /* 行为相关颜色 */ /* 基本颜色 */ .select_box.data-v-f09e3e34 { display: flex; justify-content: space-around; align-items: center; height: 110rpx; background: #fff; padding: 0 20rpx; position: relative; } .select_box .sel_left.data-v-f09e3e34 { display: flex; justify-content: space-between; align-items: center; padding: 0 20rpx; width: 300rpx; height: 80rpx; border-radius: 25rpx; font-size: 24rpx; color: #333; background: #f5f5f5; } .select_box .sel_left .xiaimg.data-v-f09e3e34 { width: 20rpx; height: 30rpx; } .mask.data-v-f09e3e34 { position: absolute; width: 750rpx; top: 110rpx; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 9; } .mask .maskbox.data-v-f09e3e34 { position: absolute; left: 0; top: 0; width: 750rpx; background: #fff; } .mask .maskbox .leftbox.data-v-f09e3e34 { padding: 30rpx; } .mask .maskbox .leftbox .leftli.data-v-f09e3e34 { padding: 20rpx; border-bottom: 1rpx solid #CCC; font-size: 24rpx; color: #333; } .mask .maskbox .leftbox .leftli_active.data-v-f09e3e34 { color: #008EFF; border-bottom: 1rpx solid #008EFF; } .mask .maskbox .maskbtnli.data-v-f09e3e34 { width: 750rpx; display: flex; justify-content: space-around; align-items: center; padding: 20rpx 0 30rpx; } .mask .maskbox .maskbtnli .maskbtn.data-v-f09e3e34 { width: 300rpx; height: 60rpx; border-radius: 30rpx; line-height: 60rpx; text-align: center; font-size: 24rpx; color: #fff; } .mask .maskbox .maskbtnli .sure.data-v-f09e3e34 { background: #008EFF; } .mask .maskbox .maskbtnli .reset.data-v-f09e3e34 { background: #008EFF; } .nearby .map_show.data-v-f09e3e34 { width: 750rpx; height: 400rpx; } .nearby .kehu-btn.data-v-f09e3e34 { width: 750rpx; height: 100rpx; padding-bottom: calc(env(safe-area-inset-bottom) / 2); background: #fff; border-top: 1rpx solid #CCC; font-size: 26rpx; color: #666; text-align: center; line-height: 100rpx; color: #008EFF; } .nearby .scroll.data-v-f09e3e34 { background: #fff; } .nearby .scroll .backlist.data-v-f09e3e34 { font-size: 24rpx; color: #008EFF; padding: 20rpx; } .nearby .scroll .map_group.data-v-f09e3e34 { background-color: #fff; padding: 30rpx; border-bottom: 1rpx solid #ccc; } .nearby .scroll .map_group .name_li.data-v-f09e3e34 { display: flex; justify-content: space-between; align-items: center; } .nearby .scroll .map_group .name_li .name.data-v-f09e3e34 { font-size: 32rpx; color: #333; } .nearby .scroll .map_group .name_li .status.data-v-f09e3e34 { font-size: 24rpx; color: #fff; padding: 5rpx 8rpx; border-radius: 10rpx; background: #008EFF; } .nearby .scroll .map_group .text.data-v-f09e3e34 { font-size: 24rpx; color: #666; margin: 15rpx 0; } .nearby .scroll .map_group .bntlist.data-v-f09e3e34 { display: flex; justify-content: space-around; align-items: center; } .nearby .scroll .map_group .bntlist .anniu.data-v-f09e3e34 { width: 240rpx; height: 60rpx; border-radius: 30rpx; font-size: 26rpx; color: #fff; text-align: center; line-height: 60rpx; background: #fff; border: 1px solid #008EFF; } .nearby .scroll .map_group .bntlist .luxian.data-v-f09e3e34 { background: #008EFF; border: 1px solid #008EFF; } .nearby .scroll .map_group .bntlist .lingqu.data-v-f09e3e34 { background: #fff; border: 1px solid #008EFF; } .nearby .xiawarp.data-v-f09e3e34 { background: #fff; padding: 10rpx 0; text-align: center; } .nearby .xiawarp .xiaimg.data-v-f09e3e34 { width: 30rpx; height: 30rpx; } .nearby .map_rim.data-v-f09e3e34 { display: flex; padding: 0 20rpx; height: 80rpx; line-height: 80rpx; background-color: #fff; justify-content: space-between; align-items: center; font-size: 24rpx; color: #333; border: 1rpx solid #EAEAEA; } .nearby .map_rim .weizhiimg.data-v-f09e3e34 { width: 30rpx; height: 30rpx; }