/* required by usingComponents */
/* pages/trip/trip.wxss */
page{
  background-color: #f2f3f5;
  padding-bottom: 30rpx;
  padding-top: 10rpx;
  height: 100%;
}
.trip-list{
margin: 0 20rpx;
height: 100%;
}
.trip-list-item{
  border-radius: 6rpx;
  margin-top: 30rpx;
  background-color: #ffffff;
  padding: 20rpx;
  font-size: 28rpx;
}
.title{
  display: flex;
}
.title-left{
  flex: 1;
}
.title-right{
  flex: 1;
  text-align: right;
  color: #999999;
}
.time{
 margin-top: 20rpx;
 margin-bottom: 20rpx;

}
.place{
 margin-top: 10rpx;
 font-size: 26rpx;
}
.time-image{
  display: inline-block;
  vertical-align: middle;
  height: 30rpx;
width: 30rpx;
}
.time-text{
  display: inline-block;
  vertical-align: middle;
  margin-left: 20rpx;

}
.time-right{
  display: inline-block;
  vertical-align: middle;
 float:right;
}
.dizhi{
  display: flex;
  position: relative;
}
.dizhi-left{
 flex: 0 0 30rpx; 
}
.dizhi-right{
  flex: 1;
  margin-left: 20rpx;
}
.dian1{
  height: 15rpx;
  width: 15rpx;
  border-radius: 50%;
  margin-top:20rpx;
  margin-left: 10rpx;
  background-color: #38df49;
}
.dian2{
  height:15rpx;
  width: 15rpx;
  margin-top:30rpx;
  margin-left: 10rpx;

  border-radius: 50%;
  background-color: #fd9b1c;
  
}
.xian{
  border-right: solid 1rpx #999999;
  height: 30rpx;
  position: absolute;
  left: 16rpx;
top: 35rpx;
}
.more{
text-align: center;
font-size: 26rpx;
color: #999999;
height: 100rpx;
line-height:100rpx;
margin-top: 30rpx;
}
.none{
text-align: center;
padding-top: 40%;
}
.none image{
  height: 100rpx;
  width: 100rpx;
}