.section { height: 100rpx; width: 100%; display: flex; flex-direction: row; } .section .input { width: 100%; /* margin: 24rpx auto; */ height: 60rpx; min-height: 60rpx; line-height: 60rpx; font-size: 28rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #a0a0a0; margin: 0 40rpx; background-color: #f2f2f2; border-radius: 30rpx; } .input image { margin: 10rpx auto; height: 40rpx; width: 40rpx; padding: 0 20rpx; } .input text { display: inline-block; height: 60rpx; min-height: 60rpx; line-height: 60rpx; margin: 0; color: #aeaeae; } .section .city_select { flex-shrink: 0; /* margin: 24rpx auto; */ height: 60rpx; min-height: 60rpx; line-height: 60rpx; font-size: 28rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #333333; padding: 0; } .howtouse{ line-height: 70rpx; height: 80rpx; text-align: left; width:200rpx; font-size: 28rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;color: #333333; } .down image { margin: 24rpx auto; height: 12rpx; width: 24rpx; padding: 0 40rpx 0 10rpx; } .map_container { position: absolute; top: 89rpx; bottom: 325rpx; left: 0; right: 0; } .map_container_big { position: absolute; top: 89rpx; bottom: 95rpx; left: 0; right: 0; } .map { width: 100%; height: 100%; } .map_location { position: absolute; /* left: 30rpx; bottom: 110rpx; */ right: 32rpx; top: 160rpx; width: 86rpx; height: 86rpx; z-index:999; background-color: #ffffff; border-radius: 43rpx; } .map_location .circle1 { width: 38rpx; height: 38rpx; display:block; margin: 24rpx; } .map_location_hover{ transform: scale(0.8, 0.8); } .map_center{ bottom:50%; left: 50%; /* margin-top:-32rpx; */ margin-left:-28rpx; position: absolute; width: 57rpx; height: 65rpx; z-index: 888; } .map_center cover-image{ width: 57rpx; height: 65rpx; } .map_textdata_fast{ background-color: #ffffff; position: absolute; right: 32rpx; bottom: 30rpx; height: 50rpx; z-index:999; border-radius: 12rpx; min-height: 40rpx; padding-right: 18rpx; padding-left: 15rpx; } .map_textdata_slow{ background-color: #ffffff; position: absolute; right: 32rpx; bottom: 100rpx; height: 50rpx; z-index:999; border-radius: 12rpx; min-height: 40rpx; padding-right: 18rpx; padding-left: 15rpx; } .map_textdata_fast text,.map_textdata_slow text{ display: inline-block; height: 50rpx; line-height: 50rpx; min-height: 50rpx; font-size:35rpx; margin: 0; } .map_textdata_fast text{ color: #35b2ab; } .map_textdata_slow text{ color: #da8527; } .map_text { position: absolute; left: 0; right: 0; bottom: 95rpx; height: 260rpx; background: #fff; padding: 0 0 0 38rpx; } .map_text.active,map_text1.active{ background-color: #ebebeb; } .map_text_info{ width: 572rpx; display: inline-block; } .charging_text_title1 { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .chargprice { height: 50rpx; margin-bottom: 4rpx; } .chargprice text { height: 50rpx; min-height: 50rpx; line-height: 50rpx; } .navigation_info{ width: 140rpx; height: 230rpx; margin:0; padding-top: 100rpx; float: right; } .navigation { width: 80rpx; height: 80rpx; background-color: #21adff; border-radius: 40rpx; } .navigationTap { width: 90rpx; height: 80rpx; background-color: #66ccff; border-radius: 40rpx; padding: 30rpx; position:absolute; right: 20rpx; bottom:20rpx; z-index: 999; opacity: 0; } .navigation image { width: 34rpx; height: 40rpx; margin: 20rpx 20rpx 20rpx 26rpx; } .navigation_info text { font-size: 22rpx; line-height: 42rpx; height: 42rpx; min-height: 42rpx; margin: 0; } text { margin: 0 0 20rpx 0; display: block; font-size: 24rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #545253; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 24rpx; height: 24rpx; min-height: 24rpx; } text.bold { font-weight: bold; line-height: 50rpx; height: 50rpx; min-height: 50rpx; margin: 20rpx 0 0 0; display: block; font-size: 32rpx; } text.inline{ display: inline-block; margin:0; } .h1 { font-size: 22rpx; line-height: 42rpx; height: 42rpx; min-height: 42rpx; color: #9d9d9d; margin: 0; } text.border{ border: 2rpx #d8d8d8 solid; border-radius: 20rpx; line-height: 40rpx; height: 40rpx; min-height: 40rpx; padding:0 20rpx; color: #9d9d9d; font-size: 20rpx; margin-right: 15rpx; } text.yellow { color: #da8527; font-size: 26rpx; /* font-weight: bold; */ } text.price { font-size: 20rpx; color: #9d9d9d; } .picker{ text-align: right; position: absolute; left: 30rpx; top: 30rpx; } .picker text{ color: #545253; margin: 0; padding: 10rpx; border:solid 2rpx #545253; border-radius: 8rpx; font-size: 30rpx; } /* 通知相关 begin */ .modal_box { width: 560rpx; height: 604rpx; overflow: hidden; position: fixed; top: 50%; left: 0; z-index:9998; margin: -416rpx 95rpx 0 95rpx; } .title { height:224rpx; width:224rpx; background-color: #ffffff; margin: 0 168rpx 0 168rpx; border-radius: 112rpx; } .title image{ /* position: absolute; top: 14rpx; left: 14rpx; */ width: 136rpx; height: 120rpx; margin: 32rpx 30rpx; } .content_msg{ background: #ffffff; border-radius: 24rpx; margin-top: -112rpx; width: 560rpx; height: 492rpx; } .content { height:226rpx; overflow-y: scroll; /*超出父盒子高度可滚动*/ border-bottom: 1rpx solid #e5e5e5; } .content_title{ color: #1b1b1b; font-size: 42rpx; line-height: 42rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; /* margin: 40rpx 40rpx 28rpx 40rpx; */ text-align: center; padding: 88rpx 0 36rpx 0 ; font-weight: bold; } .Sure { width: 560rpx; height:100rpx; position: absolute; bottom: 0rpx; border-radius: 0 0 24rpx 24rpx; color: #fd7711; line-height: 100rpx; text-align: center; font-size: 36rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .Sure.hover_sure { background-color: #e5e5e5; } .modalMsg { text-align: left; margin: 0rpx 50rpx; display: block; font-size: 28rpx; line-height: 48rpx; color: #7c7c7c; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; /* font-weight: bold; */ } rich-text{ word-break:break-all; } .footer{ z-index: 999; width: calc(100% - 100rpx); height: 95rpx; position: absolute; bottom: 0rpx; padding: 0rpx 50rpx; text-align: center; background-color: #fff; /* box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset; */ box-shadow: 0rpx 0rpx 10rpx #dedede; /* margin:30rpx 0rpx; */ /* text-overflow: ellipsis; white-space: nowrap; */ } /* .footer text{ margin-top: 20rpx; } */ .footer .footer_1{ display: inline-block; width: 30%; /* margin:30rpx 0rpx; */ /* text-overflow: ellipsis; white-space: nowrap; */ } .footer_1 image{ width:42rpx; height: 41rpx; margin-top: 15rpx; } .footer .footer_2{ display: inline-block; width: 40%; /* margin:30rpx 0rpx; */ /* text-overflow: ellipsis; white-space: nowrap; */ } .footer_2 image{ width:238rpx; height:70rpx; } .footer .footer_3{ display: inline-block; width: 30%; /* margin:30rpx 0rpx; */ /* text-overflow: ellipsis; white-space: nowrap; */ } .footer_3 image{ margin-top:15rpx; margin-bottom:-13rpx; /* width:32rpx; height: 49rpx; */ width:36rpx; height: 52rpx; } .footer text{ font-size: 20rpx; line-height: 20rpx; height: 20rpx; min-height: 20rpx; margin: 0; } .footer text.selected{ color:#fcd943; } .see_info{ position: absolute; right: 0; top: 0; padding: 10rpx; color: rgba(3,155,229,1); font-size: 26rpx; } /* 通知相关 end */ .parkingfee{ display: inline; margin-left: 30rpx; } .parkingfee text{ line-height: 20rpx; color: #9d9d9d; line-height: 25rpx; padding-left: 5rpx; } /* 通知相关 begin */ .privacy_box { height: 545rpx; /* overflow: hidden; */ /* position: fixed; */ /* top: 54%; */ /* z-index:9999; */ /* margin: -416rpx 95rpx 0 95rpx; */ background-color: #FFFFFF; margin:40rpx 40rpx; border-radius: 20rpx; } .privacy_box_modal{ width: 400rpx; } .privacy_box .title{ text-align: center; width: initial; background-color: initial; margin: initial; border-radius: initial; font-size: 32rpx; line-height: 38rpx; margin-bottom: 20rpx; } .privacy_box text{ word-wrap: break-word; word-break: break-all; white-space: pre-line; margin: initial; height:initial; min-height: initial; font-size: 28rpx; line-height: 40rpx; text-align:justify; } .privacy_box text text{ display: inline; } .privacy_box .agree{ width:400rpx; height: 60rpx; font-size: 32rpx; color:#FFFFFF; line-height: 60rpx; text-align: center; background-color: #21ADFF; border-radius: 10rpx; margin: 5rpx auto ; margin-top:50rpx; } .privacy_box .reject{ width:400rpx; height: 60rpx; font-size: 28rpx; color:#848484; line-height: 60rpx; text-align: center; margin: 5rpx auto ; } .userPrivacy{ color:#21ADFF; } .charging_text_title1 .tag{ font-size: 20rpx; height: 32rpx; width: 100%; margin:0; } .charging_text_title1 .tag .tagItem{ float: left; color: #FFFFFF; background: #21ADFF; margin-right: 10rpx; padding: 2rpx 6rpx; border-radius: 15rpx; height: 30rpx; line-height: 30rpx; font-size: 22rpx; }