daliangzao/pages/mineGiftList/mineGiftList.wxss

/* pages/mineGiftList/mineGiftList.wxss */
page{
    background:#f9f9f9;
    padding-bottom: 20rpx;
}
.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: 220rpx;
  height: 96rpx;
  line-height: 96rpx;
  color: #768187;
  text-align: center;
  margin-right: 50rpx;
}
.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:26rpx 26rpx 0 0;
  padding:0;
}
.order_btn2{
  background-color: #c2c530;
   border: 1px solid #c2c530;
}
/* 用心送 */
.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;
}
.qrfh_cancle{
  color:#222;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.qrfh_sure{
  color: #b4a078;
}

/* 返回首页 */
.back_btn{
  position: fixed;
  right: 22rpx;
  bottom:118rpx ;
  z-index: 20;
}
.back_btn_hidden{
   display: none; 
}
.back_btn_icon{
  display: block;
  width: 80rpx;
  height: 80rpx;
}

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