@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page.data-v-9010b8be {
  height: 100%;
}
#hr.data-v-9010b8be {
  width: 90%;
  height: 1rpx;
  margin-top: 10rpx;
  background-color: #eeeeee;
  margin-bottom: 0;
}
.button.data-v-9010b8be {
  border-radius: 50%;
  width: 83rpx;
  height: 83rpx;
  position: relative;
  z-index: 99;
  margin-top: 60rpx;
  margin-left: calc(50% - 40rpx);
  margin-bottom: -150rpx;
}
.button image.data-v-9010b8be {
  width: 83rpx;
  height: 83rpx;
}
.dialogBar.data-v-9010b8be {
  z-index: 99;
  width: 670rpx;
  position: absolute;
  top: calc(50% - 391rpx);
  left: calc(50% - 335rpx);
  background-color: #ffffff;
  border-radius: 20rpx;
  display: grid;
}
.dialogBar .top.data-v-9010b8be {
  color: #1c2023;
  width: 100%;
  height: 200rpx;
  font-size: 36rpx;
  font-family: PingFang-SC-Bold;
  display: flex;
}
.dialogBar .top .top-img.data-v-9010b8be {
  margin: auto 30rpx;
}
.dialogBar .top image.data-v-9010b8be {
  width: 140rpx;
  height: 140rpx;
}
.dialogBar .top .goods.data-v-9010b8be {
  display: grid;
  margin: auto 10rpx;
}
.dialogBar .top .goods #span.data-v-9010b8be {
  font-size: 45rpx;
  color: #ee2f72;
  line-height: 70rpx;
}
.dialogBar .top .goods #b.data-v-9010b8be {
  line-height: 70rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.dialogBar .scroll-y.data-v-9010b8be {
  width: 100%;
  height: calc(100%+15rpx);
}
.dialogBar .clist.data-v-9010b8be {
  width: 90%;
  margin: 0 auto;
  color: #333333;
  font-size: 28rpx;
  padding-bottom: 20rpx;
  font-family: PingFang-SC-Medium;
  border-bottom: 1px solid #eeeeee;
}
.dialogBar .clist .text.data-v-9010b8be {
  margin-top: 30rpx;
  font-weight: bold;
}
.dialogBar .clist .lists-c.data-v-9010b8be {
  display: flex;
  flex-flow: row wrap;
}
.dialogBar .clist .tit.data-v-9010b8be {
  margin-right: 20rpx;
  margin-top: 28rpx;
  font-size: 28rpx;
  background: #f6f6f6;
  width: 120rpx;
  text-align: center;
  flex-shrink: 0;
  font-size: 30rpx;
  color: #666666;
}
.dialogBar .clist .selected.data-v-9010b8be {
  background: #ffeff1;
  border: 1rpx solid #ff5263;
  color: #f3120a;
}
.dialogBar .buy.data-v-9010b8be {
  color: #333333;
  font-size: 28rpx;
  font-family: PingFang-SC-Medium;
  margin-top: 40rpx;
  padding-bottom: 30rpx;
}
.dialogBar .buy .buy-top.data-v-9010b8be {
  height: 90rpx;
}
.dialogBar .buy .buy-top ._span.data-v-9010b8be {
  margin-left: 30rpx;
  font-weight: bold;
}
.dialogBar .buy .shop.data-v-9010b8be {
  width: 279rpx;
  height: 84rpx;
  line-height: 84rpx;
  background-color: #ee2f72;
  text-align: center;
  border-radius: 40rpx;
  color: #ffffff;
}
.dialogBar .buy .num.data-v-9010b8be {
  display: flex;
  width: 227rpx;
  float: right;
  margin: -10rpx 40rpx;
}
.dialogBar .buy .num input.data-v-9010b8be {
  width: 150rpx;
  border: solid 1rpx #cfcfcf;
  height: 64rpx;
  line-height: 64rpx;
  text-align: center;
}
.dialogBar .buy .num .da.data-v-9010b8be {
  width: 84rpx;
  height: 64rpx;
  line-height: 64rpx;
  border: solid 1rpx #cfcfcf;
  text-align: center;
  background-color: #f6f6f6;
  color: #333333;
}
.curtain.data-v-9010b8be {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 11;
}