.section { height: 89rpx; width: 100%; display: flex; } .userAvatarUrl { flex-shrink: 0; height: 66rpx; width: 66rpx; border-radius: 50%; margin: 11rpx; overflow: hidden; } .userAvatarUrl image { height: 66rpx; width: 66rpx; } .section .input { width: 100%; margin: 24rpx auto; height: 40rpx; min-height: 40rpx; line-height: 40rpx; font-size: 28rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #a0a0a0; padding: 0 30rpx; border-left: 1rpx solid #dfdfdf; } .map_container { position: absolute; top: 89rpx; bottom: 325rpx; left: 0; right: 0; } .map_container1 { position: absolute; top: 89rpx; bottom: 290rpx; left: 0; right: 0; } .map_container_big { position: absolute; top: 89rpx; bottom: 0; left: 0; right: 0; } .map { width: 100%; height: 100%; } .map_location { position: absolute; left: 30rpx; bottom: 110rpx; width: 80rpx; height: 80rpx; z-index:999; } .map_location_hover{ transform: scale(0.8, 0.8); } .map_scan { position: absolute; width: 210rpx; height: 80rpx; bottom: 110rpx; left: 270rpx; z-index:999; } /* .map_scan_hover{ margin: 8rpx 21rpx; width: 168rpx; height: 64rpx; }*/ .map_text { position: absolute; left: 0; right: 0; bottom: 0px; height: 325rpx; background: #fff; padding: 0 30rpx; } .map_text1 { position: absolute; left: 0; right: 0; bottom: 0px; height: 290rpx; background: #fff; padding: 0 30rpx; } .map_text.active,map_text1.active{ background-color: #ebebeb; } .charging_text_title { height: 105rpx; width: 100%; display: flex; } .charging_text_title1 { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .charging { width: 45rpx; height: 45rpx; margin: 30rpx 30rpx 30rpx 0; flex-shrink: 0; overflow: hidden; } .charging image { width: 45rpx; height: 45rpx; } .navigation { position: absolute; right: 0; bottom: 0; margin: 30rpx; width: 64rpx; height: 64rpx; } .navigation image { width: 64rpx; height: 64rpx; } 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: 24rpx; height: 24rpx; min-height: 24rpx; margin-top: 30rpx; margin-bottom: 1rpx; display: block; } text.inline{ display: inline-block; } text.fast { color: #2483c0; } text.slow { color: #42b9b4; } text.red { color: red; } .h1 { margin: 0rpx 0rpx 30rpx 0rpx; font-size: 20rpx; line-height: 20rpx; height: 20rpx; min-height: 20rpx; color: #959595; } .h1.right { margin:55rpx 0rpx 30rpx 30rpx; flex-shrink: 0; float: right; } /* .map-1 { width: 60px; height: 60px; border-radius: 30px; background-color: #4d8ad7; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; font-size: 15px; position: absolute; top: 10px; right: 10px; } .map-1 image { width: 24px; height: 32px; } */ .picker{ text-align: right; position: absolute; left: 30rpx; top: 30rpx; } .picker text{ color: #545253; margin: 0; padding: 4rpx 10rpx 4rpx 10rpx; border:solid 2rpx #545253; border-radius: 8rpx; } /* 通知相关 begin */ .modal_box { width: 688rpx; height: 688rpx; overflow: hidden; position: fixed; top: 50%; left: 0; z-index:9999; background: #ffffff; margin: -344rpx 31rpx 0 31rpx; border-radius: 12rpx; } .title { height:128rpx; text-align: center; background-color: #27a6bf; font-size: 34rpx; color: #ffffff; line-height: 128rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .title image{ position: absolute; top: 14rpx; left: 14rpx; width: 89rpx; height: 101rpx; } .content { height:300rpx; overflow-y: scroll; /*超出父盒子高度可滚动*/ } .content_title{ color: #27a6bf; font-size: 30rpx; line-height: 32rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; margin: 40rpx 40rpx 28rpx 40rpx; } .Sure { width: 288rpx; height:78rpx; position: absolute; bottom: 0rpx; color: #27a6bf; line-height: 78rpx; border: solid #27a6bf 2rpx; border-radius: 12rpx; text-align: center; margin: 40rpx 200rpx; font-size: 32rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .Sure.hover_sure { color: #ffffff; background-color:#27a6bf; } .modalMsg { text-align: left; margin: 0rpx 40rpx; display: block; font-size: 26rpx; line-height: 48rpx; color: #27a6bf; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } rich-text{ word-break:break-all; } /* 通知相关 end */