H5_module/product/subOrder/subOrder.css

/* pages/subOrder/subOrder.wxss */
.pd{margin-bottom: 60rpx;}
.peisong{background: #fff;margin-top: 20rpx;}
.pstit{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;border-bottom: 2rpx solid #E5E5E5;position: relative;padding: 0 20rpx;height: 99rpx;}
.pstit::before{content: '';display: block;width: 4rpx;height: 26rpx;background: var(--mina) !important;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.psfs{font-size: 30rpx;color: #333;}
.psfss{width: 164rpx;height: 57rpx;border: 2rpx solid var(--mina) !important;border-radius: 64rpx;display: flex;display: -webkit-flex;overflow: hidden;padding: 4rpx;}
.psfss text{display: block;font-size: 24rpx;color: var(--mina) !important;height: 57rpx;line-height: 57rpx;border-radius: 50rpx;width: 50%;text-align: center;}
.psfss text.active{color: var(--fff) !important;background-color:var(--mina) !important;}
.ziti{width: 82rpx;}
.gys{text-align: center;position: absolute;top: 140rpx;background: rgba(0,0,0,.6);width: 179rpx;color: white;}
.ziti text{width: 100%;}
.psaddr{position: relative;}
.addr{display: flex;display: -webkit-flex;align-items: center;padding: 35rpx 20rpx;border-bottom: 2rpx solid #E5E5E5;}
.name{font-size: 30rpx;color: #333;font-weight: bold;line-height: 36rpx;}
.area{font-size: 24rpx;color: #999;display: flex;display: -webkit-flex;align-items: center;margin: 15rpx 0 0;}
.ztaddr{position: relative;}
.ztaddrs{padding: 35rpx 20rpx;align-items: center;}
.ztaddrs .info{flex: 1;-webkit-flex: 1;margin-right: 20rpx;}
.mdinfo{border-top: 2rpx solid #E8E8E8;padding: 22rpx 20rpx 28rpx;line-height: 40rpx;font-size: 26rpx;color: #999;justify-content: space-between;}
.mdinfo text{color: #333;}
.mdinfo view{align-items: center;}
.mobile{width: 150rpx !important;height: 36rpx !important;border: 2rpx solid #0065AC;font-size: 24rpx;color: #0065AC;text-align: center;line-height: 36rpx;border-radius: 20rpx !important;margin: 0 !important;}
.dzico{display: block;width: 22rpx;height: 27rpx;margin-right: 7rpx;}
.rbox{width: 50rpx;height: 50rpx;}
.rbox .rico{margin: 13rpx auto 0;display: block;width: 14rpx;height: 24rpx;}
.rico{display: block;width: 14rpx;height: 24rpx;}
.dzbg{display: block;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 8rpx;}
.psaddr .name{margin-bottom: 15rpx;}
.psaddr .text{font-size: 24rpx;color: #999;}
.psaddr .text text{margin-left: 20rpx;}
.psaddr .dzico{margin-right: 25rpx;}
.list{background: #fff;padding: 0 20rpx;border-radius: 10rpx;}
.list .li{display: flex;display: -webkit-flex;align-items: center;padding: 30rpx 0 39rpx;border-bottom: 2rpx solid #E5E5E5;}
.list .li:last-child{border-bottom: none;}
.check{display: block;width: 34rpx;height: 34rpx;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: 2rpx;left: 2rpx;}
.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: #212121;line-height: 40rpx;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.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: 45rpx;}
.zhjia{font-size: 36rpx;color: #FE0419;}
.zhjia text{font-size: 28rpx;}
.integral{color: #FE0419;}
.integral .intnum{font-size: 36rpx;}
.integral .money{font-size: 28rpx;}
.num{height: 44rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
.jian{display: block;width: 56rpx;height: 44rpx;font-size: 30rpx;color: #333;}

/* background: #F0F0F0; */
.nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;border-radius: 6rpx;}
.ddinfo{background: #fff;padding: 0 20rpx;margin: 20rpx 0 0;border-radius: 10rpx;}
.ddinfo .li{display: flex;display: -webkit-flex;align-items: center;padding: 30rpx 0;border-bottom: 2rpx solid #E5E5E5;}
.ddinfo .li:last-child{border-bottom: none;}
.ddinfo .li text{display: block;font-size: 28rpx;color: #444;}
.ddinfo .li view{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;text-align: right;}
.ddinfo .li view.quan{color: #FE0419;margin-right: 12rpx;}
.ddinfo input{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;}

.bot{background: #fff;height: 100rpx;position: fixed;left: 0;right: 0;bottom: 0;z-index: 80;display: flex;display: -webkit-flex;align-items: center;}
.heji{flex:1;-webkit-flex: 1;padding: 0 35rpx;line-height: 100rpx;font-size: 28rpx;color: #FE0419;}
.heji text{font-size: 36rpx;}
.zong{flex:1;-webkit-flex: 1;padding: 0 35rpx;line-height: 100rpx;}
.jiesuan{width: 300rpx;height: 100rpx;line-height: 100rpx;background: #FE0419;font-size: 30rpx;color: #fff;text-align: center;}
.user{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;border-bottom: 2rpx solid #E5E5E5;position: relative;padding: 0 20rpx;height: 120rpx;line-height: 55rpx; font-size: 13sp;}
.user input{width: 180rpx; color: #0065AC;}
.username{margin-left: 18dp;}
.chufangy{position: fixed;background: rgba(247, 3, 3, 0.6);  left: 0;right: 0;bottom: 100rpx;height: 60rpx;line-height: 60rpx;font-size:24rpx;color: #fff;text-align: center;z-index: 50;}


/* 送达时间 */
.sendtime{background: #fff;border-radius: 10rpx;height: 94rpx;padding: 0 20rpx;align-items: center;margin-top: 20rpx;}
.sendtime text{display: block;font-size: 30rpx;color: #333;font-weight: bold;}
.sendtime view{font-size: 28rpx;color: #333;font-weight: bold;text-align: right;margin-right: 36rpx;}
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);z-index: 99;}
.time-pop{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 20rpx 20rpx 0 0;padding-bottom: 30rpx;z-index: 100;}
.close{position: absolute;right: 30rpx;top: 30rpx;width: 40rpx;height: 40rpx;}
.pop-tit{font-size: 30rpx;color: #333;font-weight: bold;text-align: center;padding: 35rpx 0 60rpx;}
.pop-tits{font-size: 28rpx;color: #333;padding: 0 30rpx 25rpx;border-bottom: 1rpx solid #EFEFEF;}
.pop-left{width: 249rpx;background: #F9F9F9;}
.pop-left .li{height: 90rpx;line-height: 90rpx;font-size: 28rpx;color: #333;padding-left: 33rpx;}
.pop-left .li.active{background: #fff;padding-left: 24rpx;border-left: 7rpx solid var(--mina);color: var(--mina);}
.pop-right{width: 501rpx;height: 680rpx;overflow-y: scroll;-webkit-overflow-scrolling: touch;padding: 20rpx 0;}
.pop-right .li{font-size: 28rpx;color: #333;font-weight: 500;padding-left: 50rpx;line-height: 80rpx;position: relative;}
.pop-right .li.active{color: var(--mina);}
.gou{display: none;width: 25rpx;height: 18rpx;position: absolute;right: 58rpx;top: 50%;transform: translateY(-50%);}
.pop-right .li.active .gou{display: block;}
.pop-btn{margin: 58rpx 30rpx 0;background: #EB544D;height: 70rpx;line-height: 70rpx;border-radius: 35rpx;font-size: 28rpx;color: #fff;text-align: center;}
.backtime{font-size: 22rpx;color: #999;align-items: center;position: absolute;top: 35rpx;left: 30rpx;height: 40rpx;}
.backtime image{width: 15rpx;height: 25rpx;margin-right: 10rpx;}


.pop-list{height: 750rpx;}
.pop-list picker-view{height: 750rpx;}
.pop-list .li{width: 100%;line-height: 40px;font-size: 28rpx;color: #333;font-weight: 500;text-align: center;}


/* 海外购 */
.overseasPurchase{background: #fff;border-radius: 10rpx;height: 318rpx;padding: 0 20rpx;margin-top: 20rpx;}
.overseasPurchase .li{border-bottom: 1rpx solid #F4F6FA;height: 94rpx;display: flex;display: -webkit-flex;align-items: center;position: relative;}
.item{flex: 1;-webkit-flex: 1;font-size: 30rpx;color: #999;text-align: right;overflow: hidden;}
.item text{align-items: center; color: #444444;font-size: 28rpx;text-align: right;}
.overseasPurchase  .bi{width: 22rpx;height: 24rpx;margin-left: 14rpx;}
.overseasPurchase .hwg{width: 34rpx;height: 36rpx; margin-right: 12rpx;}
.overseasPurchase .info{margin-top: 30rpx;align-items: center;font-size: 24rpx;color: #999999;}

.updateShop{width: 30rpx;height: 30rpx;}
.updateShop .rico{display: block;width: 14rpx;height: 24rpx; float: right;}
.address{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;flex: 0.7;}
.balances{ padding: 0px 30rpx 249rpx  30rpx;}
.balance{
  font-size: 28rpx;
  justify-content: space-between;
  margin-bottom: 20rpx;
}
.reduced{
  align-items: center;
}
.balance-tit{font-size: 32rpx;
  color: #222222;
  font-weight: bold;
  text-align: center;
  padding: 35rpx 0 60rpx;}
.balance text{font-weight: bold;}
.balance view:nth-child(2) text{color: #EF4A37;margin-right: 20rpx;}
radio .wx-radio-input {
  width: 34rpx;
  height: 34rpx;
  border-radius: 100%;
  background: none;
}

radio .wx-radio-input.wx-radio-input-checked::before {
  width: 34rpx;
  height: 34rpx;
  border-radius: 100%;
}