.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; }