 @import "../../../../utils/wxParse/wxParse.wxss";
 .Member_bk {
  position:relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.box--box_main .box--dian wx-image {
  margin: 0px 0 0 10rpx;

  margin-bottom: 10rpx;

}
.MemberPlus {
  width: 618rpx;
  height: 285rpx;
  /* border-radius: 18rpx; */
  box-shadow: 0rpx 0rpx 10rpx #888;
  margin: 0rpx 35rpx;
  color: #ffa786;
  padding: 0rpx 31rpx;
  padding-top: 40rpx;
  background-size: 100%;
  border-top-left-radius: 18rpx;
  border-top-right-radius: 18rpx; 
  margin-top: 20rpx
}
.renew {
  width: 190rpx;
  height: 50rpx;
  border-radius: 18rpx;
  background-color: rgb(237, 189, 150);
  text-align: center;
  line-height: 50rpx;
  color: #000;
  margin-top: 7rpx;
 
}
.xs {
  position: absolute; bottom: 30rpx; width: 91%;
}
.MemberPlus .privilege {
  width: 30rpx;
  height: 30rpx;
  margin-right: 7rpx;
}
.MemberPlus .share {
  width: 30rpx;
  height: 30rpx;
  margin-left: 7rpx;
}
.Invitation {
  padding: 0rpx 31rpx;
  box-shadow: 0rpx 0rpx 10rpx #888;
  height: 95rpx;
  background-color: rgb(255, 255, 255);
  z-index: 6;
}
.Invitation .Invitation_count, .Invitation_my {
  color: rgb(237, 189, 153);
}
.Invitation .Detailed {
  color: rgb(237, 189, 150);
  text-decoration: underline;
}
.Invitation .Invitation_Cash {
  width: 150rpx;
  height: 45rpx;
  line-height: 45rpx;
  text-align: center;
  border-radius: 25rpx;
  margin-left: 30rpx;
  background-color: rgb(237, 189, 150);
  color: rgb(255, 255, 255);
}
.swiper, .Courtesy, .title {
  position: relative;
  z-index:-3;
}
.Courtesy_title {
  color: rgb(173, 137, 79);
  font-weight: bold;
  margin-bottom: 10rpx;
  letter-spacing: 2rpx;
}
.Courtesy_image {
  width: 50rpx;
  height: 25rpx;
  margin-top: 8rpx;
}
.Courtesy_can {
  margin: 0rpx 7rpx;
  color: rgb(94, 93, 91);
  font-weight: bold;
}


/* 热门好物 */

.title .China {
  width: 100%;
  margin-top: 60rpx;
  margin-bottom: 10rpx;
  line-height: 0rpx;
}

.title .China .line view {
  width: 2rpx;
}

.title .China .line {
  height: 40rpx;
  color: rgb(51, 51, 51);
}

.title .China .line view {
  border-left: 3rpx solid #000;
  margin-left: 5rpx;
}

.title .China .line .one {
  height: 23rpx;
}

.title .China .line .two {
  height: 15rpx;
}

.title .China .line .three {
  height: 18rpx;
}

.title .China .Recommend {
  margin: 0rpx 20rpx;
  font-size: 28rpx;
  line-height: 39rpx;
  font-weight: bold;
}

.title .english .silk {
  width: 214rpx;
  height: 2rpx;
  background-color: #000;
}

.title .english .esh {
  margin: 0rpx 15rpx;
}
.Member {
  width: 30rpx;
  height: 30rpx;
  margin-right: 5rpx;
  background-size: 100% 100%;
  background-blend-mode: lighten; 
  transform: translateX(-280%);
  vertical-align: top;
}

.h36{ height:36rpx; line-height: 36rpx;}
.h22{ height:22rpx; line-height: 22rpx;}




/* 弹窗样式 */
.xc-pop-up{
	width: 100%;
	height: 100%;
  position:fixed;
	z-index:5;
  display:flex;
justify-content:center;
align-items:center;

}
.xc-obscuration{
  position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;

}

.shut{
    display: block;
    width: 54rpx;
    height: 54rpx;
    font-size: 50rpx;
    line-height:47rpx;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    text-align: center;
    position: fixed;
    margin-top: -23rpx;
    z-index: 66666;
   right: 60rpx;
   background: #c8162c;
}
.xc-qr-frame{ 
	width:560rpx;
  height: 280rpx;
	background: #fff;
	z-index: 55;
  position: fixed;
  top:40%;
  padding-bottom:20rpx;
  left:50%;
  margin-left: -280rpx; border-radius:10rpx 
}

.ck_btn{width:44%;height:52rpx;line-height:60rpx;background:#f35e73;border-radius:10rpx;}

.fs36{
  font-size: 36rpx; 
}
.Opening_bk{
  position: absolute;
 
  width: 100%;
  height: 320rpx;
}

.content{ position: fixed; top: 0;left:0; width: 100%; height: 100%; z-index: 12; }
.content  .card_list{ width: 700rpx; margin: 0 auto;  background-color: #ffe88b; border-radius: 15rpx}
.content  .card_list .hg{ width: 100%;height: 156rpx}

.content  .card_list .list{ max-height: 700rpx; padding: 0 25rpx; margin-bottom: 20rpx; overflow-y: auto}
.content  .card_list .item{ margin-bottom: 10rpx; background: #fff; height: 150rpx; border-radius: 10rpx}
.content  .card_list .item .hg_img{ width: 70rpx; height: 60rpx; margin-left: 40rpx; margin-right: 20rpx }
.content  .card_list .item .price_show{ width: 200rpx; height: 110rpx; background: #ffd430;
  border-top-left-radius: 55rpx;  border-bottom-left-radius:55rpx;  }
 .content  .card_list .list .card_name{ max-width: 230rpx}

 .price_show .thr{color: #999; text-decoration:line-through }


 /* 定义矩形 */
 .rect {
   width: 100%;
   height: 300rpx;
   position: relative; /* 要设置位置是因为要设置扇形遮罩的位置 */
   overflow: hidden;
 }

 /* 定义扇形遮罩 */
 .rect .before {
   width: 140%;
   height: 300rpx;
   background-color: #f0ba94;
   position: absolute; /* 要用绝对定位 */
   left: -20%;
   top: -2rpx;
   border-radius: 0 0 50% 50%; /* 只要顶部两个角是圆弧就好了 */
 }