/* pages/order/order.wxss */
page {padding-bottom: 20rpx;}
.tab {padding: 0 35rpx;display: flex;display: -webkit-flex;height: 100rpx;background: #fff;line-height: 100rpx;position: fixed;top: 0;left: 0;right: 0;z-index: 20;}
.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: var(--mina) !important;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.search {margin: 20rpx;background: #fff;padding: 0 30rpx;border-radius: 50rpx;}
.search image {width: 30rpx;height: 30rpx;margin-right: 20rpx;}
.ipt {font-size: 30rpx;color: #333;padding: 20rpx 0;}
.placeholder {color: #999;}
.lists {background: #fff;border-radius: 10rpx;padding: 0 15rpx;margin: 20rpx;}
.ddbh {height: 99rpx;line-height: 99rpx;border-bottom: 1rpx solid #e9e9e9;display: flex;display: -webkit-flex;align-items: center;margin-bottom: 10rpx;padding: 0 5rpx;}
.ddbh text {display: block;font-size: 28rpx;color: #999;}
.ddbh text.copy {border: 1rpx solid #999;border-radius: 20rpx;padding: 0 15rpx;height: 36rpx;line-height: 36rpx;margin-left: 15rpx;font-size: 24rpx;}
.lists .ioc {width: 24rpx;height: 24rpx;margin-right: 12rpx;}
.type {width: 82rpx;height: 36rpx;margin-left: 10rpx;}
.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: flex-start;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;font-weight: bold;overflow: hidden;}
.zhjia {margin-left: 20rpx;}
.gg{margin-top: 20rpx;}
.guigecontent {margin-top: 5rpx;font-size: 24rpx;color: #999;display: flex;flex-direction: row;}
.guige {font-size: 24rpx;color: #999;}
.jiage {display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 30rpx;}
.price {font-size: 30rpx;color: #333;}
.price text {font-size: 20rpx;}
.num {font-size: 28rpx;color: #999;}
.num text {font-size: 24rpx;}
.yuji{margin-top: 25rpx;font-size: 24rpx;color: #d8801c;}
.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;font-weight: bold;}
.status {border-top: 1rpx solid #e9e9e9;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;}