daliangzao/pages/orderList/orderList.wxss

/* orderList.wxss */
page{
    background:#f9f9f9;  
}
.header_wrap{
  width: 100%;
  height: 98rpx;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #fff;
}
.header{
  display: flex;
  flex-flow: row;
  height: 98rpx;
  font-size: 30rpx;
  color: #768187;
  background-color: #fff;
}
.header_each{
  display: inline-block;
  flex: 1;
  width: 116rpx;
  height: 96rpx;
  line-height: 96rpx;
  color: #768187;
  text-align: center;
}
.header_each_active{
  color: #b4a078;
  border-bottom:2rpx solid #b4a078;
}

.list_wrap{
  padding: 100rpx 0 0 0;
}
.each_order{
  padding:0 20rpx 40rpx  30rpx;
  height: auto;
  background-color: #fff;
  position: relative;
  margin-bottom: 15rpx;
}
.order_num{
  font-size: 24rpx;
  line-height: 86rpx;
  color: #646464;
  padding-top: 13px;
  border-bottom: 1px solid #dedede;
}
/* 状态按钮 */
.confirme_btn{
  width: 110rpx;
  height: 40rpx;
  font-size: 24rpx;
  line-height: 40rpx;
  color: #fff;
  text-align: center;
  border-radius: 20rpx;
  position: absolute;
  top:46rpx;
  right:24rpx;
}
/*  待定制 */
.btn_green{
  color: #b4a078;
  border:1px solid #b4a078;
}
/* 待付款  */
.btn_red{
  color: #b4a078;
  border:1px solid #b4a078;
}
/* 待发货  */
.btn_yellow{
  color: #cc9368;
  border:1px solid #cc9368;
}
/* 已发货  */
.btn_purple{
  color: #ce976e;
  border:1px solid #ce976e;
}
/* 已完成  */
.btn_blue{
  color: #232323;
  border:1px solid #232323;
}

/* 商品信息 */
.goods_img{
  float: left;
  display: block;
  width: 200rpx;
  height: 200rpx;
  margin:0 36rpx 0 0;
}
.goods_cont{
  float: left;
  width: 450rpx;
  padding-top:25rpx;
}
.goods_name{
  height: 68rpx;
  font-size: 24rpx;
  font-weight: bold;
  line-height: 34rpx;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding:20rpx 0 20rpx 0;
}
.goods_style{
  float: left;
  font-size: 24rpx;
  line-height: 32rpx;
  color: #646464;
}
.goods_num,.goods_price{
  font-size: 24rpx;
  color:#646464;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.goods_price{
  color: #ff8400;
}
.goods_price text{
  font-size: 36rpx;
  font-weight: bold;
  font-style: italic;
}
.goods_style{
  width: 340rpx;
}
.goods_num{
  width: 110rpx;
  text-align: right;
}
.goods_price{
  width:130rpx;
  text-align: right;
  padding-right: 10rpx;
}
.infor_content{
  background-color: #fff;
  margin-top:-14rpx;
}
.each_infor{
  width: 90%;
  margin-left:5%;
  height: 106rpx;
  font-size: 28rpx;
  line-height: 106rpx;
  color: #666;
  position: relative;
}
.infor_title{
  float: left;
}
.goods_msg{
  text-align: right;
  line-height: 50rpx;
  padding-top: 6rpx;
}
.num_title{
  font-size: 24rpx;
  color: #646464;
}
.money_title,.money_money{
  font-size: 28rpx;
  color: #b4a078;
}
.msg{
  text-align: right;
  font-size: 18rpx;
  color: #aaa;
  padding-bottom: 26rpx;
}
.order_btn{
  float: right;
  width: 136rpx;
  height: 48rpx;
  font-size: 24rpx;
  text-align: center;
  line-height: 48rpx;
  color: #fff;
  background-color: #b4a078;
  border: 1px solid #b4a078;
  margin-right:26rpx;
  padding:0;
}
/* 用心送 */
.xinyi{
  color:#636363;
  border: 1px solid #b5b5b5;
   background-color: #fff;
}
.each_goods_infor{
  border-bottom:1px solid #dedede;
  position: relative;
}
/* 定制预览按钮 */
.yulan_btn{
  position: absolute;
  top:78rpx;
  left: 40rpx;
  z-index: 1;
  width: 120rpx;
  height: 44rpx;
  font-size:22rpx;
  line-height: 44rpx;
  text-align: center;
  color:#fff;
  background-color: rgba(0,0,0,0.6);
  border-radius: 60rpx;
}
/* 定制预览 */
.preview_wrap{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,1);
}
.banner_swiper{
  width: 100%;
  height: 100%;
}
.banner{
  vertical-align: middle;
}
.preview_img{
   width: 100%; 
   height: 100%; 
   display: flex;
   align-items: center;
}
.preview_wrap image{
  width: 100%;
}
/* 倒计时 */
.count_down{
  font-size:24rpx;
  line-height:44rpx;
  color:#646464;
}
/* 定制完成  */
.qrfh_wrap{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0; 
  z-index: 9999;
  background-color: rgba(0,0,0,0.6);
}
.qrfh_content_wrap{
  width: 80%;
  height: 283rpx;
  background-color: #fff;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -141rpx 0 0 -40%; 
}
.qrfh_cont_wrap{
  padding: 50rpx 15rpx;
  font-size: 32rpx;
  line-height: 46rpx;
  text-align: center;
  color: #999;
}
.qrfh_btn_wrap{
  position: absolute;
  left:0;
  bottom: 0;
}
.qrfh_cancle,.qrfh_sure{
  float: left;
  width: 50%;
  height: 90rpx;
  font-size: 40rpx;
  line-height: 90rpx;
  border-top: 1px solid #ccc;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  box-sizing: border-box;
}
.qrfh_cancle{
  color:#222;
  border-right: 1px solid #ccc;
}
.qrfh_sure{
  color: #b4a078;
}
.qrfh_sure:after,.qrfh_sure:before {
  display: none;
  border: 0px;
}

/* 拆分订单 */
.break_goods_img{
  float:left;
  display:block;
  width:96px;
  height:96px;
  margin:0 17px 0 0;
}

.break_order_content{
  width: 700rpx;
  height: 892rpx;
  background-color: #fff;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -450rpx 0 0 -350rpx; 
  overflow:hidden;
}
.break_title_wrap{
  padding: 40rpx 0;
}
.break_title{
  font-size: 36rpx;
  line-height: 46rpx;
  color: #484848;
  text-align: center;
}
.break_content{
  width: 612rpx;
  height: 676rpx;
  overflow-y: scroll;
  border-top: 1px solid #ccc;
  margin: 0 auto;
}
.each_break_goods{
  margin: 28rpx 0 0 0;
  border-bottom: 1px solid #ccc;
}
.break_goods_style{
  width: 220rpx;
}
.break_num_wrap{
  font-size:30rpx ;
  line-height: 70rpx;
  color:#b4a078;
  margin: 20rpx 0 0 0;
}
.break_goods_infor{
  float: left;
  width: 370rpx;
  margin: 0 0 20rpx 0;
}
.each_break_btn{
  float: left;
}
.each_break_btn_wrap{
  float: left;
  border: 1px solid #eee;
  margin: 8rpx 0 0 0;
}
.break_infor_content{
  height: 200rpx;
}
.break_goods_name{
  height: 68rpx;
  font-size: 24rpx;
  font-weight: bold;
  line-height: 34rpx;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding:0 0 20rpx 0;
}
.each_break{
  float: left;
  width: 70rpx;
  height: 56rpx;
  font-size: 26rpx;
  line-height: 56rpx;
  color: #282727;
  text-align: center;
}
.break_goods_num{
  width: 110rpx;
  text-align: right;
  font-size: 24rpx;
  color:#646464;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* 操作按钮 */
.break_btn{
  float: left;
  width: 50%;
  height: 96rpx;
  font-size: 30rpx;
  line-height: 96rpx;
  color: #656565;
  background-color: #f0f0f0;
  text-align: center;
  cursor:pointer;
}
.break_btn_right{
  color: #fff;
  background-color: #b4a078;
}
.no_opar{
  color:#c8c8c8;
}
/* .scrollHidden{
  height: 100%;
  overflow: hidden;
  position: fixed;
} */

.contact_wind{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 99999;
}
.close_contact{
  display: block;
  width: 33rpx;
  height: 33rpx;
  position: absolute;
  top: 20rpx;
  right: 20rpx;
}
.contact_title{
  padding:56rpx 15rpx;
  font-size:32rpx;
  line-height:80rpx;
  text-align:center;
  color:#999;
}
.contact_btn{
  width:100%;
  position:absolute;
  left:0;
  bottom:0;
}
.contact_each_btn{
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.show_contact_wind{
  display: block;
}

.container{
  height: 100%;
}
.scoll-h{
  height: 100vh;
  overflow: hidden;
}

/* 定制联系客服 */
.dingzhi_btn_left{
  font-size: 36prpx;
  color: #fff;
  background-color: #c3b497;
  border: 0px none;
}
.dingzhi_btn_right{
  font-size: 36prpx;
  color: #fff;
  background-color: #b4a177;
  border: 0px none;
}