H5_module/mine/orderDet/orderDet.css

/* pages/orderDet/orderDet.wxss */
/* 门店自提 */
.tihuo{height: 140rpx;align-items: center;justify-content: space-between;margin: 20rpx;padding: 0 20rpx;}
.tihuoma{align-items: center;font-size: 30rpx;color: #333;font-weight: bold;}
.tihuoma text{color: #FE0419;}
.tihuoma image{width: 33rpx;height: 36rpx;margin-right: 20rpx;}
.thmbtn{text-align: center;font-size: 22rpx;color: #999;}
.thmbtn image{width: 54rpx;height: 54rpx;margin: 0 auto 5rpx;}
.mdaddr{position: relative;margin: 20rpx;}
.mdaddr1{position: relative;margin:20rpx 20rpx 0rpx 20rpx}
.mdinfo{padding: 25rpx 20rpx;}
.dwico{width: 28rpx;height: 34rpx;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.mdinfo .areas{margin-bottom: 20rpx;}
.mdinfo text{display: block;font-size: 24rpx;color: #999;line-height: 36rpx;}
.mdphone{padding: 30rpx 20rpx 35rpx;position: relative;font-size: 30rpx;color: #333;border-top: 2rpx solid #E5E5E5;}
.mdphone text{color: #FE0419;}
.mdphone image{width: 36rpx;height: 39rpx;position: absolute;top: 50%;transform: translateY(-50%);right: 20rpx;}


/* 物流配送 */
.top,.examine,.gomen{background: #fff;margin: 20rpx;border-radius: 10rpx;}
.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;}
.addr{padding: 25rpx 20rpx 35rpx;border-radius: 10rpx;position: relative;overflow: hidden;}
.addr view{font-size: 24rpx;color: #999;position: relative;margin: 20rpx 0 0;}
.addr view text{margin-left: 20rpx;}
.areas{display: block;font-size: 30rpx;color: #333;font-weight: bold;line-height: 36rpx;align-items: center;position: relative;}
.dzbg{display: block;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 8rpx;}
.psfs{background: #fff;padding: 25rpx 45rpx 25rpx 20rpx;margin: 20rpx;overflow: hidden;position: relative;}
.psico{width: 41rpx;height: 31rpx;margin-right: 22rpx;margin-top: 5rpx;}
.psfs .flex view{font-size: 28rpx;color: #0065AC;margin-bottom: 12rpx;line-height: 40rpx;}
.psfs .flex text{display: block;font-size: 24rpx;color: #666;}
.rico1{width: 14rpx;height: 26rpx;position: absolute;top: 50%;right: 20rpx;transform: translateY(-50%);}
.list{margin: 0 20rpx;background: #fff;border-radius: 10rpx;margin-bottom: 20rpx;}
.dpname{display: flex;display: -webkit-flex;align-items: center;font-size: 26rpx;color: #333;padding: 25rpx 20rpx;border-bottom: 2rpx solid #eee;}
.l-s-img{width: 32rpx;height: 27rpx;margin-right: 15rpx;}
.dd-sta{font-size: 24rpx;color: #999; align-items: center;}
.dd-stared{font-size: 24rpx;color: #FE0419; align-items: center;}
.rico {
	display: block;
	width: 14rpx;
	height: 21rpx;
	margin-left: 12rpx;
}
.list .li{margin: 0 20rpx;border-bottom: 2rpx solid #eee;padding: 39rpx 0;}
.list .li:last-child{border-bottom: none;}
.li-info{align-items: center;}
.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%;}
.zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
.list .li:last-child .zhinfo{border-bottom: none;}
.zhtit{font-size: 30rpx;color: #333;/* white-space: nowrap;text-overflow: ellipsis; */overflow: hidden;line-height: 36rpx;height: 72rpx;}
.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: 24rpx;}
.zhjia text.del{color: #999;margin-left: 10rpx;text-decoration: line-through;}
.num{font-size: 28rpx;color: #333;}
.num text{font-size: 24rpx;}
.list .lis{align-items: center;font-size: 26rpx;color: #999;padding: 10rpx 20rpx;margin-top: 10rpx;}
.wuliu{background:#fffaf7;}
.y-txt{color:#f65304;}
.r-txt{color:#FE0419;}
.zhuang{background:rgba(253, 61, 50, .05)}
.lis-img{width: 41rpx;height: 31rpx;margin-right: 20rpx;}
.ddinfo{background: #fff;padding: 0 20rpx;margin: 20rpx;border-radius: 10rpx;}
.ddinfo .li{display: flex;display: -webkit-flex;align-items: center;padding: 30rpx 0;border-bottom: 1rpx solid #EEEEEE;}
.ddinfo .li:last-child{border-bottom: none;}
.ddinfo .li text{display: block;font-size: 28rpx;color: #999;}
.ddinfo .li view{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;text-align: right;}
.ddinfo .li view.price{color: #FE0419;}
.ddid{justify-content: flex-end;}
.ddinfo .li text.copy{border: 1rpx solid #999;border-radius: 20rpx;padding: 0 15rpx;height: 36rpx;line-height: 36rpx;margin-left: 15rpx;font-size: 24rpx;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;height: 60rpx;padding: 20rpx;}
.bot view,.bot navigator{width: 178rpx;height: 56rpx;border: 2rpx solid #666666;border-radius: 48rpx;text-align: center;line-height: 56rpx;font-size: 28rpx;color: #666666;margin-left: 10rpx;}
.bot view.confirm,.bot navigator.confirm{color: #fff;border-color: #FE0419;background: #FE0419;}

/* 自提取货码 */
.qhpop{position: fixed;z-index: 100;background: #fff;border-radius: 10rpx;left: 80rpx;right: 80rpx;top: 50%;transform: translateY(-50%);padding: 65rpx 65rpx 95rpx;text-align: center;}
.close{position: absolute;top: 20rpx;right: 20rpx;}
.close image{width: 30rpx;height: 30rpx;}
.thma{font-size: 40rpx;color: #333;font-weight: bold;}
.thma text{display: block;font-size: 36rpx;color: #FE0419;margin-top: 15rpx;}
.qrcode{margin: 75rpx 0 100rpx;display: flex;justify-content: center;}
.qrcode image{width: 330rpx;height: 330rpx;margin: 0 auto;}
.save{height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 36rpx;color: #fff;background: #FE0419;}
.canvas {
  position: fixed;
  left: 9000px;
}


.examine .cont{padding: 40rpx 29rpx; justify-content: space-between; align-items: center;}
.examine image{width:55rpx ;height: 50rpx;}
.mendian{padding: 25rpx 20rpx 35rpx;border-radius: 10rpx;}
.mendian .cont{font-size: 28rpx;color: #0065AC;align-items:center ;justify-content: space-between;}
.mendian image{width: 39rpx;height: 29rpx; float: left;margin-top: 6rpx;}
.mendian .cont .right image{width: 12rpx;height: 22rpx;}

/* 配送员信息 */
.psy{background: #fff;margin: 0 20rpx 20rpx;border-radius: 10rpx;height: 86rpx;font-size: 28rpx;color: #333;padding: 0 20rpx;align-items: center;}
.psy-info{align-items: center;justify-content: flex-end;}
.psy-phone{color: #0367AD;align-items: center;}
.psy-phone image{width: 32rpx;height: 32rpx;margin-right: 12rpx;}
.psy-name{color: #666;margin-left: 19rpx;padding-left: 24rpx;border-left: 1rpx solid #B5B5B5;}

/* 申请售后 */
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.popup{position: fixed;top: 50%;left: 80rpx;right: 80rpx;transform: translateY(-50%);background: #fff;border-radius: 15rpx;text-align: center;padding: 60rpx 0 0;z-index: 100;}
.pop-tit{font-size: 38rpx;color: #333;margin-bottom: 40rpx;}
.pop-tip{font-size: 30rpx;color: #666;padding: 0 60rpx 60rpx;line-height: 40rpx;}
.pop-btn{border-top: 1rpx solid #E5E5E5;justify-content: space-between;}
.pop-cancel,.pop-contact{width: 50% !important;height: 90rpx;font-size: 30rpx;text-align: center;line-height: 90rpx !important;box-sizing: border-box;}
.pop-cancel{color: #999;}
.pop-contact{color: var(--mina);border-left: 1rpx solid #e5e5e5;}