page {
  background-color: #eee;
}

.top {
  background-color: rgb(216, 230, 220);
  color: rgb(98, 155, 13);
  text-align: center;
  height: 110rpx;
  width: 100%;
}

.center {
  height: 240rpx;
  width: 100%;
  background:#fff;
}

.cenleft {
  width: 240rpx;
  height: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cenleft image {
  background-color: white;
  width: 200rpx;
  height: 200rpx;
}

.cenrt {}
.cenright { height: 100%;width:auto;float: left;}

.cenrtoptitle {
  float: left;
  width: 240rpx;
  height: 40rpx;
  margin-left: 12rpx;
  font-size: 28rpx;
  margin-top: 12rpx;
}

.cenrcen {
  height: 70rpx;
  margin-top: 35rpx;
  width: 479rpx;
}

.jg {
  font-size: 40rpx;
  margin-right: 30rpx;
}

.jgx {
  font-size: 24rpx;
  color: #777;
  text-decoration: line-through;
  margin-top: 12rpx;
}

.cenrfoot {
  align-content: center;
  text-align: center;
  border: 2rpx solid red;
  border-radius: 10rpx;
  color: red;
  float: left;
  font-size: 24rpx;
  padding: 4rpx 16rpx;
  margin-top: 12rpx;
}

.body {
  background-color: white;
  height: 472rpx;
  width: 100%;
  margin-top: 4rpx;
}

.d {
  font-size: 24rpx;
}

.bodytop {
  background-color: white;
  text-align: center;
  font-size: 28rpx;
  padding-top: 16rpx;
  height:90rpx;

}

.bodytop span {
  color: red;
}

.bodyimg {
  height: 155rpx;
  /* display: flex;
  justify-content: center;
  align-items: center; */


}

.bodyimg image {
  border-radius: 50rpx;
  height:96rpx;
  width:96rpx;
  margin-top: 30rpx;
  position: absolute;

}

.d {
  width:101rpx;
  height:101rpx;
  display: inline-block;
  
}

.bodyimg span {
  background-color: #e22b44;
  color: white;
  font-size: 24rpx;
  border-radius: 6rpx;
  padding: 3rpx 10rpx;
  position: relative;
  top: 8px;
  left: 40rpx;
}

.bodyspan {
  color: red;
  text-align: center;
  font-size: 24rpx;
}

.bodytime {
  height: 55rpx;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
 padding-left:40rpx;
align-items:center;

}

.bodytimeleft {
  text-decoration: line-through;
  flex-grow: 1.7;
}

.bodytimecen {
  text-align: center;
  flex-grow: 1;

  font-size:30rpx;
  color: #000;
  width:415rpx;

}

.bodytimecen span {
  background-color: #333333;
  color: white;
  border-radius: 7rpx;
  padding-left: 20rpx;
  font-size: 30rpx;
  margin: 0 auto;
  padding-right:10rpx;
margin-right:5px;

  
}

.bodytimecen span:last-child {
  margin-right: 10rpx;

}

.bodytimeright {
flex-grow:1.7;
  margin-right:72rpx;

}

.bodybutton {
  min-height: 170rpx;
  width: 90%;
  margin: 0 auto;
  text-align: center;
	line-height: 70rpx;
  border-radius:15rpx;
  height: auto;
  padding-top:38rpx
  
}

.bodybutton button {
  height: 100%;
  width: 100%;
  background-color: red;
  color: white;
  font-size: 32rpx;
}

.bodybutton.co-w{
	 color: #333;
	  background-color:#adadad;
	 font-size: 32rpx;
	
}



.bodyfoot {
  width: 100%;
  text-align: center;
  font-size: 28rpx;
  color: #777;
  background-color: white;
}

.pintuan {
  width: 100%;
  height: 84rpx;
  background-color: white;
  color: black;
  text-align: center;
  font-size: 36rpx;
  margin-top: 0rpx;
}


.pintuanzhou {
  float: left;
  line-height: 84rpx;
  width: 226rpx;
  background: url('https://mshopimg.yolipai.net/miniapp/images/user/wh.png') no-repeat right center;
  background-size: 42rpx;
  margin-left: -18rpx;
  font-size: 32rpx;
}

.pintuanyou {
  float: right;
  color: rgb(168, 167, 167);
  line-height: 84rpx;
  font-size: 32rpx;
  margin-right: 24rpx;
}

.onegoods {
  background-color: white;
  width: 372rpx;
  height: 560rpx;
  border-left: 2rpx solid #eee;
  float: left;
}

.goodsl {
  background-color: white;
}

.onegoodsimg {
  width: 100%;
  height: 360rpx;
  margin-bottom: 20rpx;
}

.onegoodsimg image {
  height: 100%;
  width: 100%;
}

.onegoodsdesc {
  color: rgb(168, 167, 167);
  padding-left: 20rpx;
  height: 100rpx;
  font-size: 32rpx;
  width: 92%;
  line-height: 100rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20rpx;
}

.onegoodsdesc text {
}

.price {
  color: red;
  width: 100%;
}

.jgleft {
  float: left;
  width: 100rpx;
  margin-left: 20rpx;
  font-size: 40rpx;
  margin-top: -8rpx;
}

.jgright {
  font-size: 28rpx;
  float: right;
  width: 120rpx;
}

.jgright span {
  color: rgb(168, 167, 167);
}

.goodslisttop {
  background-color: white;
  width: 100%;
}

.goodslist {
  background-color: white;
}

.goodslisttop {
  background-color: white;
  width: 100%;
  height: 80rpx;
  margin-top: 20rpx;
  text-align: center;
}

.goodslistspan {
  margin: 0 auto;
  padding-top: 20rpx;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
  margin-top: 12rpx;
  font-size: 28rpx;
  color: rgb(168, 167, 167);
}

.xian {
  height: 50%;
  width: 100%;
  border-bottom: 4rpx solid #eee;
  float: left;
}

.bodyselect {
  height: 50px;
  background-color: white;
  width: 100%;
  line-height: 50px;
  font-size: 28rpx;
}

.changxin {
  float: left;
  width: 100%;
}

.zhangxi {
  width: 100%;
  min-height: 100rpx;
  background-color: white;
  color: black;
}

.img {
  width: 30%;
  height: 100rpx;
  margin-bottom: 0rpx;
  color: black;
  margin-left: 36rpx;
  font-size: 26rpx;
  display: flex;
}

.img span {
  height: 100rpx;
  display: block;
  line-height: 100rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0rpx;
  width: 120rpx;
}

.zhangxi image {
  border-radius: 50rpx;
  height: 80rpx;
  width: 80rpx;
  float: left;
  margin-top: 12rpx;
  background-color: red;
  margin-right: 10rpx;
}

.zhangxi .zssj {
  height: 100rpx;
  width: 70%;
  margin-right: 40rpx;
  line-height: 100rpx;
  font-size: 26rpx;
  text-align: right;
}

.zhangxi .zssj text {
  width: 100%;
}

.ia {
  display: flex;
}

.zspan {
  text-align: center;
  border-bottom: 2rpx #eee solid;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  color: #777;
  line-height: 100rpx;
 height:auto;

}

.mtop {
  text-align: center;
  color: white;
  background-color: #4c4c4c;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
}

.mt1 {
  margin-top: 100px;
  margin-bottom: 20rpx;
}

.mts {
  color: #e1e10b;
}

.mcou {
  font-size: 48rpx;
}

.mfoot {
  width: 100%;
  margin-top: 700rpx;
}

.mbtn {
  margin-top: 60rpx;
  width: 400rpx;
  background: #666;
  color: #fff;
  border-radius: 20rpx;
  font-size: 32rpx;
}

.etop {
  padding-top: 200rpx;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0rpx;
  top: 0rpx;
  z-index: 12rpx;
  background-color: white;
}

.emyimage {
  display: flex;
  justify-content: center;
  align-items: center;
}

.emyimage image {
  background-color: red;
  width: 160rpx;
  height: 160rpx;
  margin: 0 auto;
}

.espan {
  font-size: 32rpx;
  margin-top: 10rpx;
}

.erweima {
  margin-top: 10rpx;
  width: 100%;
}

.erzhou {
  width: 200rpx;
  float: left;
  margin-right: 20rpx;
}

.erzhou image {
  background-color: blanchedalmond;
  width: 200rpx;
  height: 200rpx;
}

.eright {
  width: 500rpx;
  float: left;
  font-size: 32rpx;
}

.body {
  background-color: white;
  height: auto;
  width: 100%;
  margin-top: 4rpx;
}

.cenrtoptitle {
  float: left;
  width: 450rpx;
  font-size: 28rpx;
  margin-top: 20rpx;
 
}

.cenrtop {
  margin-top: 20rpx;
  background-color: red;
  color: white;
  border-radius: 10rpx;
  padding:0 16rpx;
  font-size: 28rpx;
  float: left;
  height: 40rpx;
}

.yijian {
  position: fixed;
  top: 0rpx;
  left: 0rpx;
  width: 100%;
  height: 100%;
  z-index: 14rpx;
  background-color: rgba(0, 0, 0, 0.3);
}

.buy-option {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  padding: 20rpx;
  min-height: 400rpx;
  padding-bottom: 120rpx;
  width: 100%;
  margin-top: 180rpx;
}

.buy-top {
  width: 100%;
}

.buy-image {
  margin-right: 20rpx;
  width: 320rpx;
  height: 200rpx;
  float: left;
}

.buy-image image {
  width: 200rpx;
  height: 200rpx;
  background-color: burlywood;
  float: left;
}

.buy-image text {
  margin-left: 10rpx;
  color: red;
}

.buy-cou {
  float: right;
  width: 100rpx;
  height: 200rpx;
  background-color: white;
  font-size: 60rpx;
  color: black;
}

.t1 {
  float: left;
  font-size: 28rpx;
  padding-left: 4rpx;
  color: red;
  padding-top: 10rpx;
}

.buy-button {
  width: 100%;
  float: left;
  margin-top: 22rpx;
}

.buy-button text {
  float: left;
}

.stepper {
  height: 52rpx;
  float: left;
  border: 2rpx solid #ccc;
  border-radius: 6rpx;
  margin-left: 28rpx;
}

/*加号和减号*/

.stepper text {
  float: left;
  width: 76rpx;
  line-height: 52rpx;
  text-align: center;
}

/*数值*/

.stepper input {
  width: 80rpx;
  height: 52rpx;
  float: left;
  margin: 0 auto;
  text-align: center;
  font-size: 24rpx;
  border-left: 2rpx solid #ccc;
  border-right: 2rpx solid #ccc;
}

/*普通样式*/

.stepper .normal {
  color: black;
}

/*禁用样式*/

.stepper .disable {
  color: #ccc;
}

.quhuo {
  width: 100%;
  color: rgb(51, 51, 51);
  float: left;
  margin-top: 20rpx;
}

.x-z {
  width: 100%;
  float: left;
  color: rgb(51, 51, 51);
  font-size: 36rpx;
}

.btn {
  width: 94%;
  background-color: red;
  color: white;
  text-align: center;
  height: 88rpx;
  line-height: 88rpx;
  float: left;
  margin: 0 auto;
}

.mck {
  min-height: 100rpx;
  width: 100%;
  border-bottom: 24rpx #eee solid;
}

/* pages/yi/yi.wxss */

.buy-option {
  background: #fff;
  padding: 20rpx;
  margin-top: 650rpx;
  width: 100%;
}

.buy-top {
  width: 100%;
}

.buy-image {
  margin-right: 20rpx;
  width: 630rpx;
  height: 200rpx;
  float: left;
}

.buy-image image {
  width: 200rpx;
  height: 200rpx;
  background-color: burlywood;
  float: left;
  margin-right: 16rpx;
}


.buy-image text {
  margin-left: 10rpx;
  color: red;
}

.buy-cou {
  float: right;
  width: 60rpx;
  height: 60rpx;
  background-color: white;
  font-size: 60rpx;
  color: black;
  margin-right: 40rpx;
  text-align: center;
  line-height: 60rpx;
  padding-bottom: 4rpx;
}

.t1 {
  font-size: 28rpx;
  padding-left: 4rpx;
  color: red;
  padding-top: 10rpx;
}

.buy-button {
  width: 100%;
  margin-top: 30rpx;
}

.buy-button text {
  /*float: left;*/
  display: inline-block;
}

.stepper {
  height: 52rpx;
  display: inline-block;
  border: 2rpx solid #ccc;
  border-radius: 6rpx;
  margin-left: 28rpx;
}

/*加号和减号*/

.stepper text {
  float: left;
  width: 65rpx;
  line-height: 52rpx;
  text-align: center;
}

/*数值*/

.stepper input {
  width: 84rpx;
  height: 52rpx;
  float: left;
  margin: 0 auto;
  text-align: center;
  font-size: 24rpx;
  border-left: 2rpx solid #ccc;
  border-right: 2rpx solid #ccc;
}

/*普通样式*/

.stepper .normal {
  color: black;
}

/*禁用样式*/

.stepper .disable {
  color: #ccc;
}

.quhuo {
  width: 100%;
  color: rgb(51, 51, 51);
  margin-top: 45rpx;
  font-size: 32rpx
}

.quhuo image {
  width: 40rpx;
  height: 40rpx;
  display: inline-block;
  position: relative;
  left: 500rpx;
}

.ttxz {
  display: inline-block;
}

.xuanze {
  width: 100%;
  height: 80rpx;
  display: inline-block;
  border-bottom: 1rpx #e7e7e7 solid;
  font-size: 32rpx;
  line-height: 80rpx;
}

.xuanze1 {
  width: 100%;
  color: rgb(51, 51, 51);
  height: 80rpx;
  display: inline-block;
  border-bottom: 1rpx #e7e7e7 solid;
  line-height: 80rpx;
  overflow: hidden;
}

.x-z {
  width: 100%;
  color: rgb(51, 51, 51);
  font-size: 36rpx;
  height: auto;
}

.btn {
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  height: 88rpx;
  line-height: 88rpx;
}

.clear {
  clear: both;
}

.fir_view {
  max-height: 300rpx;
  overflow-y: scroll;
}

.pop_up {
  min-height: 200rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3); font-size: 34rpx;
  color:rgb(51, 51, 51);

}

.end_name {
  display: inline-block;
}

/*mask*/

.toast_mask {
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0rpx;
  left: 0rpx;
  z-index: 888;
}

/*toast*/

.toast_content_box {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  top: 0rpx;
}

.toast_content {
  width: 50%;
  padding: 20rpx;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20rpx;
}

.toast_content_text {
  height: 100%;
  width: 100%;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
}

.jt {
  width: 30rpx;
  height: 30rpx;
  display: inline-block;
}

.jiajian { color: #999;}

.t_wz {
  line-height: 110rpx;
  height: 110rpx;
  font-size: 36rpx;
}

.down-arrow {
  display: inline-block;
  position: relative;
  width: 40rpx;
  height: 30rpx;
  margin-right: 20rpx;
}

.down-arrow::after {
  display: inline-block;
  content: " ";
  height: 18rpx;
  width: 18rpx;
  border-width: 0 2rpx 2rpx 0;
  border-color: #999;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform-origin: center;
  transition: transform 0.3s;
  position: absolute;
  top: 50%;
  right: 10rpx;
  margin-top: -10rpx;
}

.down-arrow1 {
  display: inline-block;
  position: relative;
  width: 40rpx;
  height: 30rpx;
  margin-right: 20rpx;
  margin-top: 12rpx;
}

.down-arrow1::after {
  display: inline-block;
  content: " ";
  height: 18rpx;
  width: 18rpx;
  border-width: 0 2rpx 2rpx 0;
  border-color: #999;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform-origin: center;
  transition: transform 0.3s;
  position: absolute;
  top: 50%;
  right: 10rpx;
  margin-top: -10rpx;
}

.down-arrow1::after {
  transform-origin: center;
  transform: rotate(-135deg);
  transition: transform 0.3s;
}

.goodslisttop::after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px #d4d4d4 solid;
  display: block;
  margin-top: -12px;
}

.ia {
  display: flex;
  width: 100%;
}

.bview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.juzhong {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.juzhong .xq {
  padding: 0 20rpx;
  background: #fff;
  font-size: 30rpx;
  padding-bottom: 20rpx;
}

.juzhong .xq .title {
  text-align: center;
  margin: 20rpx 0;
  position: relative;
  height: 50rpx;
}

.juzhong .xq .hs1 {
  font-size: 28rpx;
  color: #ab8f9e;
}

.juzhong .xq .title .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 45rpx;
  height: 45rpx;
}

.pt_qd {
  margin-top: 40rpx;
  height: auto;
}

.spec-cart-btn.w100 {
  width: 100%;
  margin-left: 0;
  height: 80rpx;
  line-height: 80rpx;
}


.bview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.juzhong {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.juzhong .xq {
  padding: 0 20rpx;
  background: #fff;
  font-size: 30rpx;
  padding-bottom: 20rpx;
}

.juzhong .xq .title {
  text-align: center;
  margin: 20rpx 0;
  position: relative;
  height: 50rpx;
}

.juzhong .xq .hs1 {
  font-size: 28rpx;
  color: #ab8f9e;
}

.juzhong .xq .title .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 45rpx;
  height: 45rpx;
}

.pt_qd {
  margin-top: 40rpx;
  height: auto;
}

.spec-cart-btn.w100 {
  width: 100%;
  margin-left: 0;
  height: 80rpx;
  line-height: 80rpx;
}

.show_zf_dd{display: flex;padding: 15rpx 40rpx; justify-content: space-between; font-size: 30rpx;color: #666;}

.flex_tou{ display: flex; justify-content: center; width: 100%;height:175rpx;
align-items:center;}
.xc-goods-details{
width:479rpx;
margin-top:20rpx;
height:80rpx;
align-items:center;

}
.xc-valframe{
  border-radius:7rpx;
border:1rpx solid;
margin-top:3rpx;
}
.xc-valframe .xc-frame-img{
  width:30rpx;
height:100%;
background:#e22b44;
}
.xc-valframe .xc-frame-img .picture{
  width:25rpx;
height:25rpx;
margin-top:4rpx;

}
.bodybutton .xc-good-friend{
background:#fab55a;border-radius:15rpx;
}
.bodybutton .xc-home-page{
margin-top:20rpx;background-color: #e22b44;border-radius:15rpx;
}
.xc-ellipsis-img{
width:56rpx;
height:56rpx;
padding-top:15rpx;
}
.xc-ptcomplete{
  width:74%;
height:105rpx;
line-height:105rpx;
float:right;

}
.xc-ptcomplete .xc-img-frame .img{
  width: 105rpx;
  height: 105rpx;
  float: right;
}
.xc-ptcomplete .xc-img-frame{
 width:205rpx;
  height: 105rpx;
  margin-top:20rpx;
}
.xc-ptcomplete .xc-end{
  width:283rpx;
text-align:right;
}
.iw{
padding-right:33rpx;
}
.xc-ptcomplete .xc-img-frames{
  width:345rpx;
height:105rpx;
margin-top:20rpx;

}
.xc-ptcomplete .xc-img-frames .img{
  width: 105rpx;
  height: 105rpx;
  float: right;
}

.bodybutton .xc-good-friend.co-w{
   background-color:#aeaeae
}