/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;bottom:0;left:0;right:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:.00833rem solid rgba(51,153,255,.75);width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:.00833rem;border-bottom-width:.00833rem;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:.00833rem;border-right-width:.00833rem;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:after,.cropper-center:before{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:.05833rem;height:.00833rem;top:0;left:-.025rem}.cropper-center:after{width:.00833rem;height:.05833rem;top:-.025rem;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:.04167rem;top:0;right:-.025rem}.cropper-line.line-n{cursor:ns-resize;height:.04167rem;top:-.025rem;left:0}.cropper-line.line-w{cursor:ew-resize;width:.04167rem;top:0;left:-.025rem}.cropper-line.line-s{cursor:ns-resize;height:.04167rem;bottom:-.025rem;left:0}.cropper-point{opacity:.75;background-color:#39f;width:.04167rem;height:.04167rem}.cropper-point.point-e{cursor:ew-resize;margin-top:-.025rem;top:50%;right:-.025rem}.cropper-point.point-n{cursor:ns-resize;margin-left:-.025rem;top:-.025rem;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-.025rem;top:50%;left:-.025rem}.cropper-point.point-s{cursor:s-resize;margin-left:-.025rem;bottom:-.025rem;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-.025rem;right:-.025rem}.cropper-point.point-nw{cursor:nwse-resize;top:-.025rem;left:-.025rem}.cropper-point.point-sw{cursor:nesw-resize;bottom:-.025rem;left:-.025rem}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:.16667rem;height:.16667rem;bottom:-.025rem;right:-.025rem}@media (min-width:6.4rem){.cropper-point.point-se{width:.125rem;height:.125rem}}@media (min-width:8.26667rem){.cropper-point.point-se{width:.08333rem;height:.08333rem}}@media (min-width:10rem){.cropper-point.point-se{opacity:.75;width:.04167rem;height:.04167rem}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.brand-cropper-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.brand-cropper-modal .brand-cropper-modal-mask{z-index:1;background:rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:0;right:0}.brand-cropper-modal .brand-cropper-modal-content{z-index:2;transform-origin:50%;background:#fff;border-radius:.06667rem;max-width:5.83333rem;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 .03333rem .16667rem rgba(0,0,0,.15)}.brand-cropper-modal .brand-cropper-modal-header{color:#1a252f;background:#fff;border-bottom:.00833rem solid #eee;justify-content:space-between;align-items:center;padding:.13333rem .16667rem;font-size:.15rem;font-weight:700;display:flex}.brand-cropper-modal .brand-cropper-modal-close-btn{cursor:pointer;color:#999;font-size:.13333rem;line-height:1}.brand-cropper-modal .brand-cropper-modal-close-btn:hover{color:#333}.brand-cropper-modal .brand-cropper-modal-body{background:#fff;justify-content:center;align-items:center;padding:.16667rem;display:flex}.brand-cropper-modal .brand-crop-control-wrap{background:#f7faff;border-top:.00833rem solid #eef3f8;justify-content:space-between;align-items:center;gap:.03333rem;padding:.08333rem .15rem;display:flex}.brand-cropper-modal .brand-crop-ratio-group{flex-wrap:wrap;flex:1;align-items:center;gap:.08333rem;min-width:0;display:flex}.brand-cropper-modal .brand-crop-ratio-item{color:#1a252f;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:.00833rem solid #d5e0ea;border-radius:.03333rem;justify-content:center;align-items:center;gap:.06667rem;width:.58333rem;height:.25rem;padding:.11667rem;font-size:.1rem;line-height:1;transition:all .2s;display:inline-flex}.brand-cropper-modal .brand-crop-ratio-item.is-free{min-width:.33333rem}.brand-cropper-modal .brand-crop-ratio-item:hover:not(.active){color:#2492ff;background:#f0f7ff;border-color:#2492ff}.brand-cropper-modal .brand-crop-ratio-item.active{color:#fff;background:#2492ff;border-color:#2492ff;box-shadow:0 .01667rem .06667rem rgba(36,146,255,.24)}.brand-cropper-modal .brand-crop-ratio-item.active .brand-crop-ratio-shape{background:rgba(255,255,255,.18);border-color:#fff}.brand-cropper-modal .brand-crop-ratio-item.active .brand-crop-ratio-shape.shape-0{border-style:solid}.brand-cropper-modal .brand-crop-ratio-shape{background:#f3f8ff;border:.0125rem solid #88949e;border-radius:.01667rem;flex-shrink:0;display:block}.brand-cropper-modal .brand-crop-ratio-shape.shape-0{border-style:dashed;width:.15rem;height:.11667rem}.brand-cropper-modal .brand-crop-ratio-shape.shape-1{width:.13333rem;height:.13333rem}.brand-cropper-modal .brand-crop-ratio-shape.shape-2{width:.16667rem;height:.08333rem}.brand-cropper-modal .brand-crop-ratio-shape.shape-3{width:.15rem;height:.11667rem}.brand-cropper-modal .brand-crop-ratio-shape.shape-4{width:.18333rem;height:.1rem}.brand-cropper-modal .brand-crop-ratio-text{font-weight:500}.brand-cropper-modal .brand-crop-toolbar-divider{background:#d5e0ea;flex-shrink:0;width:.00833rem;height:.26667rem}.brand-cropper-modal .brand-crop-control{flex-shrink:0;gap:.08333rem;display:flex}.brand-cropper-modal .brand-crop-control-item{cursor:pointer;color:#1a252f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:.00833rem solid #d5e0ea;border-radius:.05rem;padding:0;font-size:.11667rem;transition:all .2s}.brand-cropper-modal .brand-crop-control-item:hover{color:#2492ff;background:#f0f7ff;border-color:#2492ff}.brand-cropper-modal .brand-crop-rotate-btn{justify-content:center;align-items:center;width:.25rem;height:.25rem;font-size:.11667rem;font-weight:600;line-height:1;display:inline-flex}.brand-cropper-modal .brand-cropper-modal-footer{background:#fff;border-top:.00833rem solid #eee;justify-content:flex-end;gap:.13333rem;padding:.13333rem .16667rem;display:flex}.brand-cropper-modal .brand-crop-modal-cancel,.brand-cropper-modal .brand-crop-modal-ok{cursor:pointer;border-radius:.05rem;padding:.06667rem .16667rem;font-size:.13333rem;transition:all .2s}.brand-cropper-modal .brand-crop-modal-cancel{color:#1a252f;background:#fff;border:.00833rem solid #d5e0ea}.brand-cropper-modal .brand-crop-modal-cancel:hover{color:#2492ff!important;border:.00833rem solid #2492ff!important}.brand-cropper-modal .brand-crop-modal-ok{color:#fff;background:#2492ff}.brand-cropper-modal .brand-crop-modal-ok:hover{background:#4dacff}.brand-cropper-modal .brand-crop-modal-ok.is-loading{opacity:.7;pointer-events:none;cursor:not-allowed}