page { background-color: #f4f4f4; height: 100%; overflow-y: hidden; } .header { width: 100%; background-color: #fff; text-align: center; padding: 20rpx 0; font-size: 28rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #b5b5b5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 48rpx; height: 48rpx; min-height: 48rpx; } .header_left, .header_right { width: calc(50% - 1rpx); display: inline-block; background-color: #fff; line-height: 48rpx; height: 48rpx; min-height: 48rpx; } .header_left{ border-right: 1rpx solid #eee; } .header_left.active,.header_right.active{ color: #2483c0; } view.inline { display: inline-block; vertical-align: middle; line-height: 28rpx; height: 28rpx; min-height: 28rpx; } .asc { width: 10rpx; height: 9rpx; padding-bottom: 8rpx; margin-left: 10rpx; display: block; } .desc { width: 10rpx; height: 9rpx; display: block; margin-left: 10rpx; } .context { height: calc(100% - 88rpx); } .context_block { width: 100%; height: 32rpx; } .map_text { position: relative; height: 325rpx; background: #fff; padding: 0 30rpx; margin: 0 20rpx 32rpx 20rpx; border-radius: 20rpx; box-shadow: 0rpx 4rpx 4rpx #d5d5d5; } .map_text1 { position: relative; height: 290rpx; background: #fff; padding: 0 30rpx; margin: 0 20rpx 32rpx 20rpx; border-radius: 20rpx; box-shadow: 0rpx 4rpx 4rpx #d5d5d5; } .mychargestation { background: #fafbfa; box-shadow: 0rpx 4rpx 4rpx #d0d0d0; } .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; }