/* pages/logistics/logistics.wxss */

@import './../../base/base.wxss';

page{
  background: #f9f9f9;
  padding-bottom: 95rpx;
  overflow-x: hidden;
}
.header-wrap{
  position: relative;
  width: 750rpx;
  height: 180rpx;
  overflow-x: hidden;
}
.header-bg{
  width: 750rpx;
  height: 180rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.logistics-status{
  padding: 49rpx 0 0 74rpx;
  color: #5E90CD;
}
.logistics-status .status{
  font-size: 30rpx;
  font-weight: bold;
}
.logistics-status .desc{
  font-size: 26rpx;
  margin-top: 8rpx;
  display: inline-block;
}
.copy{
  display: inline-block;
  width: 44rpx;
  height: 26rpx;
  line-height: 26rpx;
  border-radius: 6rpx;
  border: 1px solid rgba(203, 60, 60, 1);
  font-size: 16rpx;
  color: #cb3c3c;
  text-align: center;
  margin-left: 30rpx;
  vertical-align: middle;
}

.button-wrap{
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  border-top: 1px solid rgba(151,151,151,0.3);
  background-color: #ffffff;
  flex-direction:row-reverse;
}
.button-wrap button{
  width: 214rpx;
}


.expressRecord {
  width: 696rpx;
  padding-top: 46rpx;
  padding-bottom: 200rpx;
  background: #fff;
  margin: 0 auto;
  padding: 46rpx 0 200rpx 54rpx;
}

.expressRecord-getAddress {
  width: 100%;
  font-size: 22rpx;
  color: #999;
  display: flex;
}

.expressRecord-top {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.getAddress-icon {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  background: #999;
  font-size: 18rpx;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 80rpx;
}

.getAddress-text {
  margin-left: 20rpx;
}

.noReach-online-top-close {
  width: 1rpx;
  height: 50rpx;
  border-left: 1rpx dotted #808080;
  margin-left: 95rpx;
}

.expressRecord-single-close {
  width: 100%;
  height: 122rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.expressRecord-single-noReach-online-top-close {
  display: flex;
  flex-direction: column;
}



.online-top-close {
  width: 1rpx;
  height: 50rpx;
  /* background: #999; */
  margin-left: 125rpx;
  border-left: 1rpx dotted #808080;
  /* margin-top: 9rpx; */

}


.dot-closing {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  margin-left: 125rpx;
  margin-top: 6rpx;
  margin-bottom: 6rpx;
  background: #fe4f33;
}

.dot-close {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  margin-left: 120rpx;
  margin-top: 6rpx;
  margin-bottom: 6rpx;
  background: #999;
}

.dot-icon .dot-icon-close{
  width: 26rpx;
  height: 26rpx;
  margin-left: 115rpx;
}
.dot-icon .dot-icon-closing{
  width: 32rpx;
  height: 32rpx;
  margin-left: 110rpx;
  margin-top: 5rpx;
}

.online-bottom {
  width: 1rpx;
  height: 50rpx;
  /* background: #999; */
  margin-left: 125rpx;
  border-left: 1rpx dotted #808080;
}

.online-top-closing {
  border-left: none;
}

.online-bottom-start {
  width: 1rpx;
  height: 50rpx;
  /* background: #999; */
  margin-left: 95rpx;
}

.expressRecord-text {
  margin-left: 36rpx;
}

.expressRecord-statusing {
  font-size: 26rpx;
  color: #333;
}

.expressRecord-status-addressing {
  font-size: 22rpx;
  color: #333;
}


.expressRecord-status {
  font-size: 26rpx;
  color: #999;
}

.expressRecord-status-address {
  font-size: 22rpx;
  color: #808080;
}

.expressRecord-dating {
  position: absolute;
  height: 100%;
  /* top: 0;
  bottom: 0; */
  left: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #333;
}

.expressRecord-date {
  position: absolute;
  height: 100%;
  /* top: 0;
  bottom: 0; */
  left: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #999;
}

.expressRecord-date-text {
  font-size: 24rpx;
}

.expressRecord-date-time {
  font-size: 18rpx;
  margin-top: 10rpx;
}
