wxd / MShopWeApp

@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%;
}

.Opening_bk image {
  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%;
position: relative;
left: -40rpx;

}

.Membership .Opening {
  width: 160rpx;
  height: 45rpx;
  border-radius: 20rpx;
  background-color: rgb(237, 189, 150);
  line-height: 45rpx;
  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: 95rpx;
  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 85rpx;
}

.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: 55rpx 0rpx;
  background-position: center;background-repeat: no-repeat;background-size: cover
}

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

input {

  overflow: visible;
  width: 360rpx;
}