.cropper-content{
  width: 542px;
  height: 280px;
  margin: 0 auto 26px;
  .crop-info{
    display: none;
  }
}
.cut-menu{
  height: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .slider-icon{
    //width: 494px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .icon-slider{
      width: 462px;
      margin: 0 10px;
    }
  }
  .icon-btn{
    font-size: 16px;
    color: #4E5969;
    cursor: pointer;
  }
}
.cropper-view-box{
  outline: 1px solid #ffffff!important;
}
.cropper-view-box:after{
  content: '';
  width: 140px;
  height: 46px;
  border: 1px solid #ffffff;
  position: absolute;
  top: 46px;
  left: -1px;
}
.cropper-view-box:before{
  content: '';
  width: 46px;
  height: 140px;
  border: 1px solid #ffffff;
  position: absolute;
  top: -1px;
  left: 46px;
  z-index: 1;
}
.vue-cropper{
  background-image: none!important;
}
.cropper-modal{
  background: rgba(0, 0, 0, 0.6);
}