hulimall/pages/logistics/logistics.wxss

/* pages/test/test.wxss */
.logistics{
  height: 100%;
}
.list-table{
  margin-top: 15rpx;
  /* height: 100%; */
  width: 95%;
}
.list-cell{
  margin:20rpx 2.5% 0rpx 2.5%;
  background: white;
  /* display: flex; */
  position: relative;
}
.logistics_centent{  
  margin-left: 100rpx;  
  font-size: 30rpx;  
  color: #666  
}  
.logistics_centent .centent{  
  padding-bottom: 20rpx;
  line-height: 30rpx;
}  
.dot{  
  width: 25rpx;  
  height: 25rpx;  
  background-color: #9d9d9d;
  border-radius: 50%;  
  margin:0rpx 20rpx 0rpx 35rpx;  
}  
.in{  
  background-color: #FA5151;
  /* animation: my_animation 2s infinite;   */
}  
/* @keyframes my_animation{  
    100% {    
    transform: scale(2);    
    background-color: transparent;    
    }    
} */
.no_in{  
  background-color:#9d9d9d;
}  
.line{  
  position: absolute;
  top: 25rpx;
  left: 48rpx;
  width: 2rpx;
  height: 100%;
  background-color:#9d9d9d;
}

.logInf{
  height: 120rpx;
  padding:15rpx 30rpx;
  position: relative;
}
.logInf .view1{
  height: 50%;
  font-size: 28rpx;
  line-height: 50rpx
}
.text1{
 color: #333333;
 font-size: 30rpx;
 margin-right: 20rpx
}
.fillline{
  background-color: #f4f5f6;
  height: 20rpx;
}
.copy{
  font-size: 22rpx;
  color: #999;
  display: inline-block;
  width: 100rpx;
  height: 40rpx;
  position: absolute;
  bottom: 20rpx;
  right: 30rpx;
  border: 1px solid #999999;
  text-align: center;
  line-height: 40rpx;
}