H5_module/mine/refund/refundDetails/refundDetails.css

/* mine/refundGoods/refundGoods.wxss */
.r11 {
  border: 10rpx 10rpx 0rpx 0rpx;
}

.mdaddr1 {
  position: relative;
  margin: 20rpx 20rpx 0rpx 20rpx
}

.status {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  font-size: 24rpx;
  color: #999;
  padding: 53rpx 0 20rpx;
  border-bottom: 1rpx solid #E5E5E5;
}

.status .li {
  width: 25%;
  position: relative;
  text-align: center;
}

.status .li::after {
  content: '';
  display: block;
  height: 4rpx;
  background: #CCD0D9;
  position: absolute;
  top: 8rpx;
  left: -50%;
  right: 50%;
  z-index: 1;
}

.status .li:first-child::after {
  display: none;
}

.status text {
  display: block;
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  background: #CCD0D9;
  margin: 0 auto 25rpx;
  position: relative;
  z-index: 2;
}

.status .li.ing {
  color: #FE0419;
}

.status .li.ing::after {
  background: #FE0419;
}

.status .li.ing text {
  background: #FE0419;
}

.list {
  margin: 20rpx 20rpx;
  background: #fff;
  border-radius: 10rpx;
}

.list1 {
  margin: 0rpx 20rpx;
  background: #fff;
  border-radius: 0 0 10rpx 10rpx;
  font-size: 28rpx;
  text-align: center;
}

.red {
  color: #FE0419;
}

.list1 .li {
  padding: 39rpx 0;
}

.list .li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin: 0 20rpx;
  border-bottom: 1rpx solid #E5E5E5;
  padding: 39rpx 0;
  font-size: 28rpx;
}

.list .li:last-child {
  border-bottom: none;
}

.list .li image {
  width: 31rpx;
  height: 31rpx;
  margin-right: 12rpx;
}

.time {
  font-size: 24rpx;
  color: #999999;
}

.list .li1 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin: 0 20rpx;
  padding: 18rpx 0;
  font-size: 26rpx;
  justify-content: space-between;
  color: #333333;
}

.list .li1:last-child {
  border-bottom: none;
}

.li1 .money {
  font-size: 26rpx;
  color: #FE0419;
}

.li1 .size {
  font-size: 30rpx;
  color: #FE0419;
}

.list .li2 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin: 0 20rpx;
  padding: 18rpx 0;
  font-size: 26rpx;
  color: #333333;
}

.list .li2:last-child {
  border-bottom: none;
}

.list .li2 image {
  width: 31rpx;
  height: 31rpx;
  margin-right: 12rpx;
}

.glay {
  color: #999999 !important;
}

.cg {
  text-align: center;
  color: #999999;
  font-size: 30rpx;
}

.cg image {
  margin: auto;
  padding-top: 180rpx;
  margin-bottom: 50rpx;
}

.shibai {
  width: 216rpx;
  height: 146rpx;
}

.chengong {
  width: 104rpx;
  height: 164rpx;
}

.btn {
  height: 98rpx !important;
  border-radius: 50rpx !important;
  line-height: 98rpx !important;
  font-size: 36rpx;
  border: 1rpx solid #FE0419;
  background: #fff;
  color: #FE0419;
  text-align: center;
  margin-top: 60rpx;
  margin-bottom: 40rpx;
  z-index: 20;
}

.bgline {
  background-image: linear-gradient(to left, #FE0419, #FF5548);
}

.txt99 {
  color: #999999;
  font-size: 26rpx;
}

.pz{position: relative;}
.scpz{width: 150rpx; height: 150rpx;padding: 0rpx 20rpx;}

.btn1 {
  height: 100rpx !important;
  border-radius: 50rpx !important;
  line-height: 100rpx !important;
  font-size: 36rpx;
  color: #fff;
  text-align: center;
  margin-top: 60rpx;
  margin-bottom: 40rpx;
}

.pdlr40 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}

.yc {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
  .t{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
  }
  
  
  .list3{margin: 20rpx 20rpx;background: #fff;border-radius: 10rpx;}
  .list3 .li{display: flex;display: -webkit-flex;align-items: center;background: #fff;border-radius: 10rpx;padding: 0 20rpx 20rpx 14rpx;}
  .info{border-bottom: 2rpx solid #efefef;padding: 20rpx 0;overflow: hidden;}
  .checkbox{width: 54rpx;height: 180rpx;}
  .check{display: block;width: 34rpx;height: 34rpx;margin-top: 73rpx;}
  .dian .check{margin-top: 0;margin-right: 20rpx;}
  .cimgs{position: relative;width: 180rpx;height: 180rpx;box-sizing: border-box;border: 2rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
  .type{width: 82rpx;height: 36rpx;position: absolute;top: 10rpx;left: 10rpx;}
  .cimg{width: 100%;height: 100%;}
  .gys{text-align: center;position: absolute;top: 140rpx;background: rgba(0,0,0,.6);width: 179rpx;color: white;}
  .zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
  .list3 .li:last-child .info{border-bottom: none;}
  .zhtit{font-size: 30rpx;color: #212121;line-height: 36rpx;height: 72rpx;/* text-overflow: ellipsis;white-space: nowrap; */overflow: hidden;}
  .integral{color: #FE0419;}
  .integral .intnum{font-size: 36rpx;}
  .integral .money{font-size: 28rpx;}
  .guigecontent{
    margin-top: 5rpx;
    font-size: 22rpx;color: #999;
    display: flex;  
    flex-direction: row;  
  }
  .guige{font-size: 22rpx;color: #999;}
  .jiage{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 30rpx;}
  .zhjia{font-size: 30rpx;color: #FE0419;}
  .zhjia text{font-size: 28rpx;}
  .num{height: 55rpx;border: 1rpx solid #E5E5E5;border-radius: 8rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
  .jian{display: block;width: 53rpx;height: 53rpx;line-height: 45rpx;font-size: 30rpx;color: #333;font-weight: bold;}
  .nums{display: block;height: 52rpx;line-height: 53rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #fff;border-left: 1rpx solid #E5E5E5;border-right: 1rpx solid #E5E5E5;border-radius: 6rpx;}
  .tabe{
    font-size: 24rpx;
    color: #999;
    line-height: 40rpx;
    margin-top: 15rpx;
  }
  .tabe text{margin-left: 20rpx;}
  .tabe text:first-child{margin-left:0rpx}
  .shouhou{padding: 18rpx;}
  .all{display: flex;display: -webkit-flex;align-items: center;font-size: 24rpx;color: #6a6a6a;padding: 0 0 0 14rpx;}
  .all .check{margin-top: 0;margin-right: 10rpx;}
  
  /* 退货地址 */
  .th-addr{background-color: #fff;border-radius: 10rpx;margin: 10rpx 20rpx;}
  .th-tit{font-size: 28rpx;padding: 30rpx 0;font-weight: bold;border-bottom: 1rpx solid #E5E5E5;margin: 0 20rpx;}
.th-tit image{width: 31rpx;height: 31rpx;align-items: center;margin-right: 12rpx;}
.th-area{font-size: 30rpx;padding: 20rpx;}
.th-ren{font-size: 28rpx;color: #666;padding: 0 20rpx 30rpx;}
.fuzhi{height: 40rpx;border: 1rpx solid #e5e5e5;border-radius: 20rpx;line-height: 40rpx;padding: 0 15rpx;font-size: 24rpx;color: #666;}

.list .li image.rico{width: 16rpx;height: 27rpx;}
.ck{font-size: 24rpx;color: #999;margin-right: 15rpx;}