daliangzao/pages/confirmedList/confirmedList.wxss

/* confirmedList.wxss */
page{
    background:#f9f9f9;
}
.container{
    padding-bottom:106rpx;
}
.header{
  height:auto;
  position:relative;
  background-color:#fff;
  padding:0 30rpx;
}
.order_time{
  width: 535rpx;
  font-size: 24rpx;
  line-height: 100rpx;
  color: #818d92;
}
.order_time_line{
  border-bottom: 1px solid #c8c8c8;
}
.order_time text{
  font-size: 26rpx;
}
.double_line{
  /* border-top:1rpx solid #e3eaed;
  border-bottom:1rpx solid #e3eaed; */
  margin-bottom: 14rpx;
}
.confirme_btn{
  width: 120rpx;
  height: 44rpx;
  font-size: 26rpx;
  line-height: 44rpx;
  color: #fff;
  text-align: center;
  border-radius: 20rpx;
  position: absolute;
  top:50%;
  right:30rpx;
  margin:-22rpx 0 0 0;
}
/*  待定制 */
.btn_green{
  background-color: #b4a078;
}
/* 待付款  */
.btn_red{
  background-color:#b4a078;
}
/* 待发货  */
.btn_yellow{
  background-color:#cc9368;
}
/* 已发货  */
.btn_purple{
  background-color:#cc9368;
}
/* 已完成  */
.btn_blue{
  background-color:#232323;
}

/* 商品信息 */
.goods_infor{
  padding:0 32rpx;
  background-color: #fff;
  border-bottom:1px solid #dedede;
}
.goods_top_title{
  font-size: 24rpx;
  line-height: 100rpx;
  border-bottom: 1px solid #dedede;
}
.each_goods{
  min-height: 212rpx;
  margin-bottom:14rpx;
}
.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_num,.goods_price{
  font-size: 24rpx;
  line-height: 70rpx;
  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;
  float: left;
  font-size: 26rpx;
  line-height: 30rpx;
  color: #93a1a8;
  padding-bottom:10rpx;
}
.goods_num{
  width: 100rpx;
}
.infor_content{
  background-color: #fff;
  margin-top:-14rpx;
}
.each_infor{
  width: 90%;
  margin-left:5%;
  height: 100rpx;
  font-size: 24rpx;
  line-height: 100rpx;
  color: #646464;
  position: relative;
}
.infor_title{
  float: left;
}
/* 可用优惠劵数量 */
.coupon_num{
  float: left;
  padding:0 10rpx;
  height: 34rpx;
  font-size: 22rpx;
  line-height: 34rpx;
  color: #fff;
  background-color: #ff6000;
  text-align: center;
  margin:36rpx 0 0 5rpx;
  border-radius: 4px;
}
.coupon_jiantou{
  width: 15rpx;
  height: 24rpx;
  position: absolute;
  top:50%;
  right:0;
  margin-top:-12rpx;
}
.infor_num{
  float: right;
}
.coupon_infor_num{
  margin-right: 30rpx;
}
.borderBottom{
  border-bottom: 1px solid #f6f6f6;
}

/* 发票信息 */
.fapiao_infor{
  min-height: 106rpx;
  background-color: #fff;
  margin: 20rpx 0 0;
}
.fapiao_infor .infor_title{
  padding-left:5%;
  font-size:28rpx;
  line-height:106rpx;
  color:#646464;
}
.fp_infor_cont{
  float: left;
  width: 500rpx;
  font-size: 28rpx;
  color: #646464;
  line-height: 36rpx;
  padding: 34rpx 0 34rpx 40rpx;
}
.service_wrap{
  height: 210rpx;
  text-align: center;
  background-color: #fff;
  margin: 20rpx 0 0;
}

.service_title{
  height: 88rpx;
  font-size: 28rpx;
  line-height: 88rpx;
  color: #646464;
}
.service_tel{
  width: 670rpx;
  height: 88rpx;
  font-size: 24rpx;
  line-height: 88rpx;
  color: #232323;
  margin:0 auto;
  background-color: #e8e0d5;
}
.footer_total{
  width: 100%;
  height: 106rpx;
  font-size: 34rpx;
  line-height: 106rpx;
  color: #fff;
  text-align: center;
  background-color: #b4a078;
  border-top: 1rpx solid #e2e0e0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.footer_total_each{
  float: left;
  width: 50%;
  height: 106rpx;
  font-size: 34rpx;
  line-height: 106rpx;
  color: #fff;
  text-align: center;
  background-color: #b4a078;
  box-sizing: border-box;
  border:0px none;
}
.footer_total_right{
  border-left: 1px solid #fff;
}

/* 定制完成  */
.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;
}
.qrfh_cancle{
  color:#222;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.qrfh_sure{
  color: #b4a078;
}


.goods_num,.goods_price{
  font-size: 24rpx;
  color:#646464;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


.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;
}

/* 拆分订单 */
.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;
}