.list { background: #fff; font-size: 30rpx; margin: 20rpx; border-radius: 20rpx; padding: 10rpx 0; font-size: 28rpx; } .list>view { padding: 10rpx 0; overflow: hidden; } /* .list>view:last-of-type { border-bottom: none; } */ .title { width: 190rpx; float: left; color: #999; text-align: right } .detail-list { width: 510rpx; color: #333; display: flex; align-items: center; } .detail-list .img{display: flex; width: 100%;} .detail-list .upload{ width: 100rpx; height: 100rpx; margin-right: 20rpx; margin-bottom: 10rpx; } .detail-list .upload image{width: 100%; height: 100%; border-radius: 10rpx;} .time { border-bottom: 1rpx solid #efefef; padding: 20rpx 0; } .time>view:last-of-type { font-size: 24rpx; color: rgba(153, 153, 153, 1); margin-bottom: 20rpx; } .time>view:first-of-type { font-size: 30rpx; color: #333; } .title-big { font-size: 30rpx; color: #333; height: 80rpx; line-height: 50rpx; border-bottom: 1rpx solid #efefef; display: flex; align-items: center; } .title-big>image,.title-big-two>view>image{width: 40rpx; height: 40rpx; margin: 0 10rpx;} .title-big-two>view{display: flex; align-items: center;} .title-big-two{font-size: 30rpx; color: #333; height: 80rpx; line-height: 50rpx; border-bottom: 1rpx solid #efefef; display: flex; align-items: center; display: flex; justify-content: space-between;} .swiper-tab { width: 100%; text-align: center; display: flex; line-height: 80rpx; border-bottom: 1rpx solid #ddd; justify-content: space-around; height: 80rpx; box-sizing: border-box; background: #fff; } .swiper-tab>view { font-size: 28rpx; box-sizing: border-box; color: #999; } .swiper-tab .on { color: #096b94; border-bottom: 5rpx solid #096b94; font-weight: bold; } swiper-item,scroll-view { height: 100%;} scroll-view {background: #efefef;} button::after { border: none;} .guo { background: #FFF; color: #333;} .ju { background: #f66;} .jie,.pai,.zhuan,.sure { background: #0A6597;} .in,.yue {background: #f2993a;} .pb-100 { padding-bottom: 100rpx;} .operate { display: flex; justify-content: space-between; color: #fff; width: 100%; position: fixed; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .operate>view { flex: 1; text-align: center; height: 90rpx; font-size: 30rpx; line-height: 90rpx; } .blue-date{width: 38rpx; height: 38rpx;} .allOrder{height: calc(100vh - 100rpx); overflow: auto;} .logistics-detail{background-color: #FFF; width: 720rpx; margin: 20rpx auto; padding: 0 20rpx; border-radius: 20rpx; overflow: hidden;} .time2 { border-bottom: 1rpx dashed #efefef; padding: 0rpx 20rpx; display: flex; } .time2>view:first-of-type { font-size: 24rpx; color: rgba(153, 153, 153, 1); margin-bottom: 20rpx; width: 280rpx; } .time2>view:last-of-type { font-size: 28rpx; color: #333; flex: 1; } .content-row { padding: 0; border-radius: 20rpx; background-color: #ffffff; margin: 20rpx;} .list{position: relative;} .list .right-rj { border: solid #aaa; border-width: 0 2rpx 2rpx 0; display: inline-block; padding: 8rpx; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: 10rpx; top: 80rpx; } .list{ border-bottom:1px #f0f0f0 solid; border-radius: 0; position: relative;} .list>view{display: flex; padding: 10rpx 0; } .left-tit {width: 130rpx; color: #999; text-align: right; margin-right: 20rpx;} .list>view .value{flex: 1; display: flex;} .status_text{ position: absolute; top: 0rpx; right: 0rpx; font-size: 24rpx;}