/**app.wxss**/

/* @import "/fonts.wxss"; */

page text {
  font-family: PingFangSC-Regular;
}

/* 隐藏滚动条 */

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

/* .container text{
  font-family: PingFangSC-Regular;
} */

.container-padding {
  padding: 0 40rpx;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1900;
}

.modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.modal-content {
  margin: 0 30rpx;
  width: calc(100% - 60rpx);
  background-color: #fff;
  border-radius: 8rpx;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 40rpx;
}

.modal-body {
  padding: 0 20rpx;
}

.modal-footer {
  padding: 40rpx 20rpx;
}

.iphonex-bar {
  height: 53rpx;
}

.panel-body-vertical {
  display: flex;
  flex-direction: column;
}

/*右三角  */

.icon-triangle {
  width: 18rpx;
  height: 24rpx;
}

/*flex布局中的占位符  */

.flex-grow {
  height: 1rpx;
  flex-grow: 2;
}

.scroll-x {
  white-space: nowrap;
}

/* 购物车按钮浮窗 */

.icon-cart {
  position: fixed;
  right: 10rpx;
  bottom: 150rpx;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 2rpx 20rpx rgba(100, 100, 100, 0.3),
                0 -2rpx 20rpx rgba(100, 100, 100, 0.3),
                2rpx 0 20rpx rgba(100, 100, 100, 0.3),
                -2rpx 0 20rpx rgba(100, 100, 100, 0.3);
  z-index: 1000;
}

.icon-cart image {
  display: block;
  width: 100%;
  height: 100%;
}