.vue-cropper[data-v-26736c2c] {
  position:relative;
  width:100%;
  height:100%;
  box-sizing:border-box;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  direction:ltr;
  touch-action:none;
  text-align:left;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.cropper-box[data-v-26736c2c],
.cropper-box-canvas[data-v-26736c2c],
.cropper-drag-box[data-v-26736c2c],
.cropper-crop-box[data-v-26736c2c],
.cropper-face[data-v-26736c2c] {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  user-select:none
}
.cropper-box-canvas img[data-v-26736c2c] {
  position:relative;
  text-align:left;
  user-select:none;
  transform:none;
  max-width:none;
  max-height:none
}
.cropper-box[data-v-26736c2c] {
  overflow:hidden
}
.cropper-move[data-v-26736c2c] {
  cursor:move
}
.cropper-crop[data-v-26736c2c] {
  cursor:crosshair
}
.cropper-modal[data-v-26736c2c] {
  background:rgba(0,0,0,.5)
}
.cropper-view-box[data-v-26736c2c] {
  display:block;
  overflow:hidden;
  width:100%;
  height:100%;
  outline:1px solid #39f;
  outline-color:#3399ffbf;
  user-select:none
}
.cropper-view-box img[data-v-26736c2c] {
  user-select:none;
  text-align:left;
  max-width:none;
  max-height:none
}
.cropper-face[data-v-26736c2c] {
  top:0;
  left:0;
  background-color:#fff;
  opacity:.1
}
.crop-info[data-v-26736c2c] {
  position:absolute;
  left:0px;
  min-width:65px;
  text-align:center;
  color:#fff;
  line-height:20px;
  background-color:#000c;
  font-size:12px
}
.crop-line[data-v-26736c2c] {
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  opacity:.1
}
.line-w[data-v-26736c2c] {
  top:-3px;
  left:0;
  height:5px;
  cursor:n-resize
}
.line-a[data-v-26736c2c] {
  top:0;
  left:-3px;
  width:5px;
  cursor:w-resize
}
.line-s[data-v-26736c2c] {
  bottom:-3px;
  left:0;
  height:5px;
  cursor:s-resize
}
.line-d[data-v-26736c2c] {
  top:0;
  right:-3px;
  width:5px;
  cursor:e-resize
}
.crop-point[data-v-26736c2c] {
  position:absolute;
  width:8px;
  height:8px;
  opacity:.75;
  background-color:#39f;
  border-radius:100%
}
.point1[data-v-26736c2c] {
  top:-4px;
  left:-4px;
  cursor:nw-resize
}
.point2[data-v-26736c2c] {
  top:-5px;
  left:50%;
  margin-left:-3px;
  cursor:n-resize
}
.point3[data-v-26736c2c] {
  top:-4px;
  right:-4px;
  cursor:ne-resize
}
.point4[data-v-26736c2c] {
  top:50%;
  left:-4px;
  margin-top:-3px;
  cursor:w-resize
}
.point5[data-v-26736c2c] {
  top:50%;
  right:-4px;
  margin-top:-3px;
  cursor:e-resize
}
.point6[data-v-26736c2c] {
  bottom:-5px;
  left:-4px;
  cursor:sw-resize
}
.point7[data-v-26736c2c] {
  bottom:-5px;
  left:50%;
  margin-left:-3px;
  cursor:s-resize
}
.point8[data-v-26736c2c] {
  bottom:-5px;
  right:-4px;
  cursor:se-resize
}
@media screen and (max-width: 500px) {
  .crop-point[data-v-26736c2c] {
    position:absolute;
    width:20px;
    height:20px;
    opacity:.45;
    background-color:#39f;
    border-radius:100%
  }
  .point1[data-v-26736c2c] {
    top:-10px;
    left:-10px
  }
  .point2[data-v-26736c2c],
  .point4[data-v-26736c2c],
  .point5[data-v-26736c2c],
  .point7[data-v-26736c2c] {
    display:none
  }
  .point3[data-v-26736c2c] {
    top:-10px;
    right:-10px
  }
  .point4[data-v-26736c2c] {
    top:0;
    left:0
  }
  .point6[data-v-26736c2c] {
    bottom:-10px;
    left:-10px
  }
  .point8[data-v-26736c2c] {
    bottom:-10px;
    right:-10px
  }
}
.home[data-v-7177be0b] {
  max-width:1300px;
  margin:20px auto 0
}
.card-header[data-v-7177be0b] {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.pagination-container[data-v-7177be0b] {
  text-align:center;
  margin:30px 0 0
}
.img-preview[data-v-7177be0b] {
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:60px;
  height:60px;
  border-radius:50%;
  background-repeat:no-repeat;
  background-size:contain;
  border:1px solid #ebeef5;
  background-color:#00000005;
  border:1px solid rgba(0,0,0,.15);
  cursor:pointer;
  background-position:center;
  position:relative
}
.img-preview .el-icon-upload[data-v-7177be0b] {
  font-size:40px;
  color:#c0c4cc
}
.img-preview .add-text[data-v-7177be0b] {
  font-size:12px;
  font-weight:600;
  line-height:20px;
  color:#409eff
}
.img-preview .el-icon-error[data-v-7177be0b] {
  font-size:20px;
  position:absolute;
  right:-10px;
  top:-10px
}
input#uploaderFile-1[data-v-7177be0b] {
  width:0;
  height:0;
  font-size:0
}
.box-card[data-v-7177be0b] {
  text-align:center;
  border:0;
  border-radius:10px;
  background:#fff;
  padding:20px;
  margin-bottom:20px;
  margin-left:24px
}
@media (min-width: 1024px) {
  .box-card[data-v-7177be0b] {
    padding:30px 60px
  }
}
.title[data-v-7177be0b] {
  font-size:16px;
  font-weight:700;
  display:block;
  text-align:left;
  margin:15px auto 20px 24px
}
.footer[data-v-7177be0b] {
  position:fixed;
  bottom:0;
  right:0;
  width:100%;
  text-align:right;
  margin-top:20px;
  background:#fff;
  border-top:1px solid #f2f2f5;
  padding:20px 10px;
  z-index:1
}
.el-button[data-v-7177be0b] {
  padding:14px 30px
}
.buy-in[data-v-7177be0b] {
  text-align:left;
  font-size:16px;
  font-weight:700
}
[data-v-7177be0b] .el-input,
[data-v-7177be0b] .el-textarea__inner {
  max-width:400px
}
[data-v-7177be0b] .el-collapse {
  margin-bottom:20px
}
[data-v-7177be0b] .el-collapse .el-collapse-item__header {
  padding-top:20px
}
[data-v-7177be0b] .el-collapse .content {
  padding:20px
}
[data-v-7177be0b] .el-form-item__label {
  color:#000
}
.flex-1[data-v-7177be0b] {
  flex:1
}
ul[data-v-7177be0b] {
  display:flex;
  flex-wrap:wrap;
  flex-grow:1;
  border:1px solid #eee;
  border-radius:6px;
  margin-right:20px
}
ul li[data-v-7177be0b] {
  display:flex
}
ul li label[data-v-7177be0b] {
  color:#848e9c;
  border-radius:6px;
  padding:4px 10px;
  font-size:14px;
  line-height:16px;
  letter-spacing:0;
  font-weight:500;
  display:flex;
  align-items:center;
  height:28px;
  box-sizing:border-box
}
ul li label[data-v-7177be0b]:hover {
  cursor:pointer;
  opacity:.8
}
ul li input[data-v-7177be0b] {
  display:none
}
ul li input:checked+label[data-v-7177be0b] {
  color:#eaecef;
  background:#465273;
  border-radius:6px
}
ul li input:checked+label i[data-v-7177be0b] {
  color:#eaecef
}
.empty[data-v-7177be0b] {
  height:calc(100vh - 200px);
  padding:10px
}
.empty>div[data-v-7177be0b] {
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center
}