@import "../../../utils/wxParse/wxParse.wxss";
page {
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow-x: hidden;
}

.plus {
  overflow-x: hidden;
}

.Member_bk {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.dialogful{
  position: fixed;
  left: 0;
  top: 15%;
  right: 0;
  bottom: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
.dialog_body {
  margin:30% auto;
  width: 660rpx;
}
.dialog_close{
  float: right;
  width: 50rpx;
  height: 50rpx;
  text-align: right;
}
.dialog_choose{
  position: relative;
  padding: 20rpx;
  border-bottom: 1rpx solid #eee;
}
.dialog_name,
.dialog_content {
  padding: 10rpx;
  display: flex;
  border-bottom: 1rpx solid #f7f7f7;
  justify-content: space-around;
  
}
.weui-active{
  opacity: 0.9;
  background: #f7f7f7;
}
.w50 {
  width: 50%;
  text-align: center;
}
.Opening_bk{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 320rpx;
}

.swiper {
  width: 100%;
  padding-top: 60rpx;
}

swiper {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 275rpx;
}

.swiper image {
  width: 490rpx;
  height: 100%;
  border-radius: 20rpx;
}

.swiper, .Courtesy, .title {
  position: relative;
  z-index: 3;
}

.Courtesy_image {
  width: 50rpx;
  height: 25rpx;
  margin-top: 8rpx;
}

.Courtesy_title {
  color: rgb(173, 137, 79);
  font-weight: bold;
  margin-bottom: 10rpx;
  letter-spacing: 2rpx;
}

.Courtesy_can {
  margin: 0rpx 7rpx;
  color: rgb(94, 93, 91);
  font-weight: bold;
}

.Courtesy_comment {
  padding: 0rpx 31rpx;
}

.Equity_image {
  width: 490rpx;
  height: 175rpx;
  margin: 20rpx 0rpx;
}

/* 热门好物 */

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

.Membership {
  width: 575rpx;
  height: 275rpx;
  margin: 0 auto;
  transform: scale(0.9);
  border-radius: 18rpx;
  box-shadow: 0rpx 0rpx 2rpx #888;
  background-size: 100%;
  padding: 0rpx 31rpx;
  color: #ffa786;
}

.enlarge {
  transform: scale(1);
}

.Membership_go {
  margin-top: 50rpx;
}

.Membership_Opening {
  width: 150rpx;
  height: 40rpx;
  border-radius: 30rpx;
  text-align: center;
  line-height: 40rpx;
  background-color: rgb(255, 167, 135);
  color: #000;
}

.Membership .Member {
  width: 30rpx;
  height: 30rpx;
  margin-right: 5rpx;
  background-size: 100% 100%;
  transform: translateX(-130%);

}

.Membership .Opening {
  width: 160rpx;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 30rpx;
  background-color: rgb(237, 189, 150);
  text-align: center;
  margin-top: 2rpx;
  color: #666
}

.Invitation {
  padding: 0rpx 31rpx;
  box-shadow: 0rpx 0rpx 10rpx #888;
  height: 95rpx;
  background-color: rgb(255, 255, 255);
  z-index: 6;
  position: relative;
  margin-top: -15rpx;
}

.Invitation .Invitation_count, .Invitation_my {
  color: rgb(237, 189, 153);
}

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

.Invitation .Detailed {
  color: rgb(237, 189, 150);
  text-decoration: underline;
}

.consumption {
  margin-top: 88rpx;
  font-size: 18rpx;
}

.Membership_remarks {
  margin-top: 2rpx;
}

.MemberPlus {
  width: 618rpx;
  height: 290rpx;
  border-radius: 18rpx;
  box-shadow: 0rpx 0rpx 10rpx #888;
  margin: 0rpx 35rpx;
  color: #ffa786;
  padding: 0rpx 31rpx;
  padding-top: 60rpx;
  background-size: 100%;
}

.Member_sp {
  height: 325rpx;
}

.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 {
  margin-top: 130rpx;
}

.MemberPlus .share {
  width: 30rpx;
  height: 30rpx;
  margin-left: 7rpx;
}

.MemberPlus .privilege {
  width: 30rpx;
  height: 30rpx;
  margin-right: 7rpx;
}

.Disgraceful {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
.ddd {
  border-radius: 20rpx;
}

.Member_purchase {
  width: 610rpx;
  margin-top: 20rpx;
}

.purchase_Bk {
  width: 100%;
  height: 225rpx;
  background-size: 100%;
}

.write {
  width: 280rpx;
  height: 275rpx;
  bottom: 20rpx;
  left: 185rpx;
}

.inf_com {
  background-color: rgb(255, 255, 255);
  padding: 0rpx 60rpx;
}

.perfect {
  padding-top: 30rpx;
  padding-bottom: 65rpx;
}

.fillin {
  color: rgb(208, 208, 208);
}

.Enter_phone {
  border-bottom: 1rpx solid rgb(153, 153, 153);
  margin-bottom: 35rpx;
}

.phone_image {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 5rpx;
}

.phone {
  margin-left: 15rpx;
  color: #000;
}

.enter_SalesClerk {
  border-bottom: 1rpx solid rgb(153, 153, 153);
}

.SalesClerk_image {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 5rpx;
}

.SalesClerk {
  margin-left: 15rpx;
  color: #000;
}

.purchase {
  width: 250rpx;
  height: 50rpx;
  border-radius: 25rpx;
  color: rgb(255, 255, 255);
  margin-top: 55rpx;
  margin-bottom: 15rpx;
  background-position: center;background-repeat: no-repeat;background-size: cover
}

.purchaseClose {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
  margin-top: 60rpx;
}

input {
margin-top: 10rpx;

  overflow: visible;
  width: 410rpx;
}

swiper-item{
  overflow: visible;
}

/* 定义矩形 */
.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%; /* 只要顶部两个角是圆弧就好了 */
}

.m_checkbox .wx-checkbox-input {
  border-radius: 50%;
  width: 23rpx !important;
  height: 23rpx !important;
}

.m_checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #c4192e;
}
.m_checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 20rpx; height: 22rpx;
  line-height: 23rpx;
  text-align: center;
  font-size: 20rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}