/* packageF/storeManagement/components/baseInfo_popup/goods_details_pop/goods_details_pop.wxss */
@import "/mycss/iconfont.wxss";

view,
text,
textarea,
image {
  box-sizing: border-box;
}

.wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.header {
  height: 80rpx;
}

.container {
  flex: 1;
  overflow-y: auto;
}

.footer {
  display: flex;
  align-items: center;
  height: calc(100rpx + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
  box-shadow: 0 -4rpx 16rpx 0 rgba(202, 202, 202, 0.51);
}

.footer .iconfont {
  color: #9a9a9a;
}

.footer .iconfont.icon-customform_list_3 {
  font-size: 44rpx;
  color: #9a9a9a;
}

.footer .iconfont.icon-ht_textstyle_blod {
  margin-left: 63rpx;
  font-size: 42rpx;
  color: #9a9a9a;
}

.footer .right {
  flex: 1;
  padding-left: 40rpx;
}

.footer .save-btn {
  padding: 16rpx 96rpx;
  margin-right: 26rpx;
  color: #fff;
  background-color: #f15353;
  border-radius: 33rpx;
  white-space: nowrap;
}

.content-list {
  padding: 31rpx;
}

.content-list .editor-item {
  position: relative;
  min-height: 256rpx;
  padding: 16rpx;
  margin-bottom: 86rpx;
  border-radius: 10rpx;
  background-color: #f7f7f7;
  overflow: visible !important;
}

.content-list .editor-item .textarea,
.content-list .editor-item image {
  width: 100%;
  height: auto;
  min-height: 120px;
  text-align: left;
  padding: 8px;
  color: #666;
  font-size: 13px;
}

.content-list .editor-item .textarea {
  line-height: 22px;
  outline: 0;
  -webkit-user-select: text;
}

.content-list .editor-item .editor-item-ops {
  position: absolute;
  display: flex;
  text-align: left;
  height: 46rpx;
  right: 3px;
  bottom: -58rpx;
  z-index: 100;
}

.content-list .editor-item .editor-item-ops .ops-btn {
  height: 46rpx;
  line-height: 32rpx;
  margin-left: 10rpx;
  padding: 3rpx 32rpx;
  border-radius: 4rpx;
  color: #fff;
}

.content-list .editor-item .editor-item-ops .grey {
  color: #c9c9c9;
}

.content-list .editor-item .editor-item-ops .btn-arrow-down,
.content-list .editor-item .editor-item-ops .btn-arrow-up {
  background-color: #28b2fa;
}

.content-list .editor-item .editor-item-ops .btn-add {
  background-color: #f27c1c;
}

.content-list .editor-item .editor-item-ops .btn-delete {
  background-color: #f15353;
}

.content-list .editor-item:hover {
  box-shadow: 0 0 10px #ccc;
}
