jhwxapp/miniprogram/pages/ranyuanguanli-map/map.wxss

/* pages/new-map/map.wxss */
.map_address{
  width: 90%;
  position: absolute;
  top: 196rpx;
  left: 5%;
  color: #8aa3ec;
  background: url("http://fileimg.makalu.cc/CORE_1F1F3A2778334D3EAC1226DDCEBD48D0.png") no-repeat left/40rpx;
}
.map_add{
  padding-left: 50rpx;
  font-size: 28rpx;
}
.map_left{
  position: absolute;
  left: 30rpx;
}
.map_right{
  position: absolute;
  right: 30rpx;
}
.map_left_img{
  background: #333343;
  border-radius: 50%;
  height: 70rpx;
  width: 70rpx;
  margin-bottom: 30rpx;
}
.map_left_img image{
  width: 70rpx;
  height: 70rpx;
}
.map_left_img:active{
  background: #252530;
}
.map_right_img{
  margin-bottom: 30rpx;
}
.map_right_zi{
  height: 70rpx;
  background: #333343;
  width: 150rpx;
  border-radius: 10rpx;
  text-align: center;
  line-height: 70rpx;
  font-size: 28rpx;
}
.map_right_zi image{
  width: 40rpx;
  height:40rpx;
  position: relative;
  top: 10rpx;
}
.map_right_zi:active{
  background: #252530;
}
/* 底部信息 */
.sliding_up{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 500rpx;
}
.sliding_up_btn view{
  width:150rpx;
  height: 40rpx;
  background: rgba(42,52,91,0.8);
  margin: auto;
  border-radius: 50rpx 50rpx 0 0;
  text-align: center;
}
.sliding_up_btn view image{
  width: 40rpx;
  height: 40rpx;
}
.sliding_up_content{
  background: rgba(42,52,91,0.8);
  height:460rpx;
}
.sliding_up_top{
  height:50rpx;
}
.sliding_up_middle{
  border-top: 2px solid #2e3e69;
  border-bottom: 2px solid #2e3e69;
  height: 120rpx;
}
.sliding_up_middle_left{
  padding-top: 25rpx;
}
.sliding_up_middle_left image{
  width: 50rpx;
  height: 70rpx;
}
.sliding_up_middle_right{
  padding-top: 25rpx;
  text-align: right;
}
.sliding_up_middle_right image{
  width: 50rpx;
  height: 70rpx;
}
.sliding_up_middle_head{
  text-align: center;
  padding-top: 10rpx;
}
.sliding_up_middle_head image{
  width: 100rpx;
  height: 100rpx;
  border-radius: 10rpx;
}
.ranking_middle_name{
  font-size: 30rpx;
}
.ranking_middle_name text{
  color: #8aa3ec;
  font-size: 28rpx;
}
.ranking_middle_company{
  color: #8aa3ec;
  padding: 20rpx 0;
  font-size: 24rpx;
}
.ranking_middle_days{
  color: #8aa3ec;
  font-size: 24rpx;
}
.ranking_middle_days text{
  color: #00baff;
  font-size: 28rpx;
}
.ranking_middle_time{
  float: right;
  font-size: 30rpx;
  color: #00baff;
}
.ranking_max{
  height:800rpx;
  overflow: auto;
}
.ranking_min{
  padding:15rpx 20rpx;
  border-radius: 5rpx;
  background-color: #272f51;
  margin-bottom: 20rpx;
}
.ranking_min.active{
  border: 2px solid #4465a5;
} 

.ranking_left{
  height: 150rpx;
  line-height: 150rpx;
  padding-left: 5rpx;
}
.ranking_left text{
  padding: 0 15rpx;
  background: #00a0e9;
  font-size: 20rpx;
  border-radius: 5rpx;
  color: #191d28;
  font-weight: bold;
}


.sliding_up_middle_center{
  padding-top:18rpx;
}
.sliding_up_bottom{
  padding: 10rpx 0;
}
.sliding_up_bottom_title{
  text-align: center;
  padding: 10rpx 0;
  font-size: 28rpx;
}
.sliding_up_bottom_title text{
  color: #00baff;
  font-size: 30rpx;
}
.sliding_up_bottom_info{
  padding: 10rpx 40rpx;
  font-size: 24rpx;
  color: #8aa3ec;
}
.sliding_up_bottom_info text{
  color: #ffffff;
}
.sliding_up_bottom_address{
  color: #8aa3ec;
  font-size: 28rpx;
  padding: 10rpx 40rpx;
}


/* 电池 */
.ranking_middle_quantity{
  float: right;
  font-size: 26rpx;
  width: 120rpx;
  padding-top: 15rpx;
  margin-right: 20rpx;
}
.ranking_middle_quantity_proportion{
  float: right;
  top: -6rpx;
  position: relative;
}
.ranking_middle_img{
  float: left;
}
.ranking_middle_img{
  width: 50rpx;
  height: 25rpx;
}
.ranking_green{
  background: url("http://fileimg.makalu.cc/CORE_56270CFFB87746E1968AF87C8D704B26.png") no-repeat left/100% 100%;
}
.ranking_red{
  background: url("http://fileimg.makalu.cc/CORE_3A01CFC1FDA540B6A29F8A9750A258B0.png") no-repeat left/100% 100%;
}
.battery{
  
  width:85%;
  height: 22rpx;
  border-radius: 5rpx;
  padding: 2rpx;
}
.green_battery{
  background: #1ab800;
  height: 100%;
}
.red_battery{
  background: #fe1e00;
  width: 10%;
  height: 100%;
}
.number_red{
  color: #fe1e00; 
}
.number_green{
  color: #1ab800;
}

/* 列表 */
.lits_content{
  padding:20rpx 30rpx 10rpx;
}
.list_screen{
  text-align: center;
  height: 100rpx;
  line-height: 100rpx;
  color: #8aa3ec;
}
.list_screen.active{
  color: #ffffff;
  font-weight: bold;
}







.van-tag--mark,.van-tag--mark:after {
  border-radius: 15rpx 0 15rpx 0 !important;
  position: relative;
  top: -5rpx;
}

 .van-popup{
   background: #232a44 !important;
 }