H5_module/integralshop/order/order.css

/* pages/order/order.wxss */
page{padding-bottom: 20rpx;}
.tab{padding: 0 35rpx;display: flex;display: -webkit-flex;height: 100rpx;background: #fff;line-height: 100rpx;}
.tab .li{font-size: 28rpx;color: #999;width: 20%;text-align: center;position: relative;overflow: hidden;}
.tab .li.active{color: #333;}
.tab .li.active::after{content: '';display: block;width: 49rpx;height: 6rpx;background:#fd7860 !important;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.lists{background: #fff;border-radius: 10rpx;padding: 0 15rpx;margin: 20rpx;}
.ddbh{height: 99rpx;line-height: 99rpx;border-bottom: 1rpx solid #F5F5F5;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-bottom: 10rpx;padding: 0 5rpx;}
.ddbh text{display: block;font-size: 28rpx;color: #999;}
.lists .ioc{width: 24rpx;height: 24rpx;margin-right: 12rpx;}
.type{width: 82rpx;height: 36rpx;}
.ddbh view{font-size: 26rpx;color: #333;align-items: center;}
.tihuoma{margin-left: 15rpx;}
.tihuoma text{color: #FE0419;display: inline-block;}
.lists .li{display: flex;display: -webkit-flex;align-items: center;padding: 20rpx 5rpx;}
.cimg{width: 180rpx;height: 180rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;box-sizing: border-box;}
.zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
.zhtit{font-size: 30rpx;color: #333;white-space: nowrap;text-overflow: ellipsis;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: 55rpx;}
.price{font-size:30rpx;color: #333;}
.price text{font-size: 20rpx;}
.num{font-size: 28rpx;color: #333;}
.num text{font-size: 24rpx;}
.total{display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;font-size: 26rpx;color: #000;margin: 15rpx 0 25rpx;}
.total view{margin-left: 25rpx;}
.total text{color: #FE0419;}
.status{border-top: 1rpx solid #F5F5F5;display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;padding: 35rpx 5rpx;font-size: 28rpx;color: #333;}
.status .sta-btn{width: 138rpx;height: 48rpx;border: 2rpx solid #D2D2D2;border-radius: 48rpx;text-align: center;line-height: 48rpx;font-size: 22rpx;color: #333;margin-left: 10rpx;}
.status .sta-btn.red{color: #FE0419;border-color: #FE0419;}
.jtycont{justify-content: space-between;}