yunshengtai-uniapp/unpackage/dist/dev/mp-weixin/pages/life/addGoods/index.wxss

.index-box {
  width: 100%;
  min-height: 100vh;
  background: #F5F6F7;
  padding: 20rpx 40rpx 110rpx;
  position: relative;
}
.index-box .add-goodsimg-box {
  width: 100%;
  padding: 24rpx;
  background: #fff;
  border-radius: 8rpx;
}
.index-box .add-goodsimg-box .upload-box {
  width: 140rpx;
  height: 140rpx;
  margin-right: 20rpx;
}
.index-box .add-goodsimg-box .upload-box:nth-last-child(1) {
  margin-right: 0;
}
.index-box .add-goodsimg-box .upload-box image {
  width: 100%;
  height: 100%;
  border-radius: 8rpx;
}
.index-box .add-goodsimg-box .tips {
  color: #FF0707;
  font-size: 20rpx;
  margin-top: 16rpx;
}
.index-box .add-goodsimg-box .tips image {
  width: 18rpx;
  height: 18rpx;
  margin-right: 8rpx;
}
.index-box .goodsInfo-box {
  width: 100%;
  background: #fff;
  border-radius: 8rpx;
  font-size: 28rpx;
  font-weight: 500;
  margin-top: 40rpx;
}
.index-box .goodsInfo-box .goodsInfo-item {
  width: 100%;
  height: 82rpx;
  padding: 0 32rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-bottom: 2rpx solid #EEEEEE;
}
.index-box .goodsInfo-box .goodsInfo-item:nth-last-child(1) {
  border: none;
}
.index-box .goodsInfo-box .goodsInfo-item input {
  text-align: right;
}
.index-box .goodsInfo-box .goodsInfo-item .toEdit image {
  width: 24rpx;
  height: 24rpx;
  margin-left: 6rpx;
}
.index-box .title2 {
  width: 100%;
  height: 76rpx;
  line-height: 76rpx;
  border: 2rpx solid #B8B8B8;
  background: #fff;
  border-radius: 8rpx;
  font-size: 28rpx;
  text-align: center;
  margin: 24rpx auto;
}
.index-box .add-sku-box {
  width: 100%;
  border-radius: 8rpx;
  font-size: 28rpx;
  font-weight: 500;
  margin-top: 24rpx;
}
.index-box .add-sku-box image {
  width: 110rpx;
  height: 110rpx;
}
.index-box .add-sku-box .sku-item {
  padding: 32rpx 0;
  background: #fff;
  margin-bottom: 12rpx;
  position: relative;
}
.index-box .add-sku-box .sku-item .close-btn {
  color: #fff;
  font-size: 38rpx;
  position: absolute;
  right: -16rpx;
  top: -22rpx;
  line-height: 40rpx;
  width: 46rpx;
  height: 46rpx;
  text-align: center;
  background: #FF5E16;
  border-radius: 50%;
}
.index-box .add-sku-box .sku-item .sku {
  padding: 0 32rpx;
  width: 100%;
  min-height: 86rpx;
  border-bottom: 2rpx solid #EEEEEE;
}
.index-box .add-sku-box .sku-item input {
  text-align: right;
}
.index-box .temp-box {
  width: 100%;
  background: #fff;
  border-radius: 8rpx;
  padding: 32rpx;
  font-size: 28rpx;
  font-weight: 500;
}
.index-box .temp-box image {
  width: 24rpx;
  height: 24rpx;
  margin-left: 6rpx;
}
.index-box label {
  margin-left: 16rpx;
}
.index-box .btn-box .btn {
  width: 230rpx;
  height: 80rpx;
  background: -webkit-linear-gradient(316deg, #FFA782 0%, #FF6D31 100%);
  background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
  text-align: center;
  line-height: 80rpx;
  font-size: 38rpx;
  font-weight: 500;
  border-radius: 40rpx;
  color: #fff;
  margin: 32rpx auto;
}
.index-box .colR {
  color: #FF0000;
}
.index-box .set-title {
  font-size: 32rpx;
  color: #343434;
  margin: 34rpx 0 24rpx;
}
.index-box .setattr-box {
  width: 100%;
  background: #fff;
}
.index-box .setattr-box .attr-item {
  width: 100%;
  padding: 20rpx 50rpx 20rpx 32rpx;
  border-bottom: 2rpx solid #eee;
  font-size: 28rpx;
  position: relative;
}
.index-box .setattr-box .attr-item .del-attr {
  font-size: 40rpx;
  position: absolute;
  right: 10rpx;
  top: 20rpx;
  width: 36rpx;
  height: 36rpx;
  line-height: 32rpx;
  text-align: center;
  border-radius: 50%;
  color: #FFA079;
}
.index-box .setattr-box .attr-item image {
  width: 24rpx;
  height: 24rpx;
}
.index-box .batch-set-box {
  width: 100%;
  background: #fff;
  padding: 24rpx;
  color: #343434;
  font-size: 28rpx;
  margin: 12rpx 0;
}
.index-box .batch-set-box .box-top {
  padding: 0 0 12rpx;
  border-bottom: 2rpx solid #EEEEEE;
  color: #ABABAB;
}
.index-box .batch-set-box .box-top .name {
  width: 60%;
}
.index-box .batch-set-box .box-top .w15 {
  width: 19%;
  text-align: center;
}
.index-box .batch-set-box .box-b {
  margin-top: 6rpx;
}
.index-box .batch-set-box .box-b .name {
  width: 60%;
}
.index-box .batch-set-box .box-b .w15 {
  width: 19%;
}
.index-box .batch-set-box .box-b .inp-box {
  text-align: center;
  height: 44rpx;
  border-radius: 12rpx;
  background: #DCDCDC;
}
.index-box .batch-set-box .box-b .inp-box input {
  width: 100%;
  height: 100%;
}
.index-box .mask-box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.index-box .mask-box .addattr-dialog {
  width: 680rpx;
  min-height: 590rpx;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 40rpx;
  padding: 80rpx 64rpx;
}
.index-box .mask-box .addattr-dialog .dialog-top {
  margin-bottom: 26rpx;
}
.index-box .mask-box .addattr-dialog .close {
  font-size: 46rpx;
}
.index-box .mask-box .addattr-dialog .a-name {
  width: 560rpx;
  height: 104rpx;
  background: #F7F7F7;
  border-radius: 12rpx;
  padding: 30rpx;
}
.index-box .mask-box .addattr-dialog .o-name-box {
  background: #f7f7f7;
  padding: 36rpx 42rpx 0;
  margin: 28rpx 0 0;
  border-radius: 12rpx;
  font-size: 26rpx;
}
.index-box .mask-box .addattr-dialog .o-name-box input {
  width: 80%;
}
.index-box .mask-box .addattr-dialog .o-name-box .o-item-box {
  height: 56rpx;
  padding-bottom: 10rpx;
  margin-bottom: 10rpx;
  border-bottom: 2rpx solid #ececec;
}
.index-box .mask-box .addattr-dialog .add-option-btn {
  width: 100%;
  padding: 20rpx 0;
  text-align: center;
  color: #BFBFBF;
  background: #f7f7f7;
  font-size: 26rpx;
}
.index-box .mask-box .addattr-dialog .s-btn {
  width: 230rpx;
  height: 80rpx;
  background: -webkit-linear-gradient(316deg, #FFA782 0%, #FF6D31 100%);
  background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
  border-radius: 40rpx;
  text-align: center;
  line-height: 80rpx;
  color: #fff;
  font-size: 26rpx;
  margin: 70rpx auto 0;
}
.index-box .colB {
  color: #0932FF;
}