SunjiApplet/pages/order/list/list.wxss

@import '../../../style/weui.wxss';

page {
   background: #f7f7fa;
   font-size: 14px;
   color: #686868;
}

.navbar {
   width: 100%;
   height: 50px;
   background-color: #fff;
   position: fixed;
   top: 0;
   left: 0;
}

.navbar .weui-bar__item_on {
   color: #004585;
   font-weight: bold;
}

.navbar .weui-navbar__slider {
   background-color: #004585;
}

.active-color {
   background: #004585;
}

.unactive-color {
   background: #999;
}

.start-btn {
   width: 100px;
   height: 30px;
   background: #004585;
   font-size: 14px;
   color: white;
   border-radius: 30rpx;
}

.note-btn {
   font-size: 14px;
   color: grey;
   margin-top: 220px;
}

.dindgan-i {
   font-size: 100px;
   color: grey;
}

.tab-box {
   width: 50%;
   display: flex;
   font-size: 14px;
   color: white;
}

.order {
   margin-top: 10px;
   background-color: #fff;
}

.order .title {
   border-bottom: 2rpx solid #eee;
   margin-bottom:6px;
}

.order .order_items {
   background-color: #fdfdfd;
}

.order .order_item {
   border-bottom: 2rpx solid #eee;
}

.order_item .info {
   width: 100%;
}

.order_item .pic {
   width: 40px;
   height: 40px;
}

.order_item .pic image {
   width: 40px;
   height: 40px;
}

.pList .list ul li .priceInfo {
   width: 30%;
   height: 0.4rem;
   float: right !important;
}

.detail_header_left {
   width: 44px;
   height: 44px;
   display: inline-block;
   text-align: center;
   cursor: pointer;
}

.detail_header_left:active {
   background-color: #eee;
}

.order .title .f_right {
   color: #e2231a !important;
}

img {
   height: 0.3rem !important;
   width: 0.3rem !important;
   border-radius: 5px !important;
}

.picInfo {
   width: 100%;
   background-color: #000;
}

.orderAmount {
   font-size: 0.2rem !important;
}

.order {
   overflow: hidden !important;
   padding: 10px;
}

.order_bottom {
   margin-top: 6px;
}

.order_bottom .buyAgain {
   font-size: 12px;
   color: #fff;
   width: 70px;
   height: 28px;
   background-color: #004585;
   border-radius: 10px;
}

.order .title_a, .order .picInfo_a {
   display: inline-block;
   width: 100%;
   height: 100%;
}

.bottom_left span {
   text-align: center;
}

.layui-m-layershade {
   background-color: rgba(225, 225, 225, 0.7) !important;
}

.layui-m-layer2 .layui-m-layercont i {
   background-color: #686868 !important;
}

.header .cartBox {
   float: left;
   width: 50%;
   text-align: right;
   position: relative;
}

.header .cart {
   font-size: 0.25rem;
   color: #333;
   margin-right: 0.1rem;
}

.header .cardNum {
   display: block;
   font-size: 0.01rem;
   border-radius: 50%;
   background-color: red;
   position: absolute;
   top: 0.05rem;
   right: 0rem;
   width: 0.16rem;
   height: 0.15rem;
   text-align: center;
   line-height: 0.16rem;
}

.sum_total{
  width: 33.33%;
  height: 100%;
  text-align: center;
  color: #004585
}  

.title .orderStatus{
   width:36px;height:36px;border-radius:100%;background-color:green;color:#FFFFFF;font-size:10px;
}

.title .waitPay{
   background-color:#004585;
}
.title .payed{
   background-color:#004585;
}
.title .returnd{
   background-color:#C74703;
}
.title .cancel{
   background-color:#999;
}
.title .confirm{
   background-color:#004585;
}

.navbar .weui-navbar__slider {
	width: 5rem;
}