.vue-cropper[data-v-c21c565e]{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-canvas[data-v-c21c565e],.cropper-box[data-v-c21c565e],.cropper-crop-box[data-v-c21c565e],.cropper-drag-box[data-v-c21c565e],.cropper-face[data-v-c21c565e]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box-canvas img[data-v-c21c565e]{position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-c21c565e]{overflow:hidden}.cropper-move[data-v-c21c565e]{cursor:move}.cropper-crop[data-v-c21c565e]{cursor:crosshair}.cropper-modal[data-v-c21c565e]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-c21c565e]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.7490196078431373);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-view-box img[data-v-c21c565e]{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-c21c565e]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-c21c565e]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line[data-v-c21c565e]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-c21c565e]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-c21c565e]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-c21c565e]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-c21c565e]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-c21c565e]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-c21c565e]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-c21c565e]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-c21c565e]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-c21c565e]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-c21c565e]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-c21c565e]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-c21c565e]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-c21c565e]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width:500px){.crop-point[data-v-c21c565e]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-c21c565e]{top:-10px;left:-10px}.point2[data-v-c21c565e],.point4[data-v-c21c565e],.point5[data-v-c21c565e],.point7[data-v-c21c565e]{display:none}.point3[data-v-c21c565e]{top:-10px;right:-10px}.point4[data-v-c21c565e]{top:0;left:0}.point6[data-v-c21c565e]{bottom:-10px;left:-10px}.point8[data-v-c21c565e]{bottom:-10px;right:-10px}}.cropper-content[data-v-e06d5ce6]{display:flex;justify-content:space-between}.cropper-content .cropper[data-v-e06d5ce6]{width:470px;height:360px;position:relative}.customInfo[data-v-e06d5ce6]{position:absolute;top:-20px;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.cropper-view-box[data-v-e06d5ce6]{border-width:2px}.cropper-content .show-preview[data-v-e06d5ce6]{overflow:hidden;border:1px solid #ccc;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAD1BMVEXc3Nz////j4+P09PTs7OxHx0XHAAADPElEQVRIx61XC5arIAxNaRfwEBcQowsYigvooPtf00v4KCK2fee8OVNpIBPk5nKTAf0H7toAaI1g9Q/cdAcPrWXiBUNaVTyhO+KvirT2yI406F5NWhOvvfBXd2rUhuQvjxH/4GVE+6S7dYqM8ejMD412VpN1RI4nBl4d2Xg4A7KXhFa88YuNDnkvxSGQfvUT0yoSqJvuZS/FG78UO8pewRHYkTfv1IM3R4DkCOII2RGiYwRB3hCAg/SYt1b11iAgSBhM8JDAQ1Y/abACD0/IKzM8NMa3jPD0J8DxAnCg5IjyyhwRA+BylHs0IL69OL42xxwRy4jr6lb+mdNDxkXGJdqLjCs/Cnh0C54hZ/TLzAC1I8IBcMkMwDS6mSbnJnLOTwsbPBEMWtyTP/PEq+QLeCicOvFREPk5whMBwB3Hrg1P+yqEicqxzjUfkzPjw8QQcm14Qgc+YpOPeGRPgse85aP5mo+Hq1CmUO0pzFszqBOj7BPCPuHvBXK/pFWegAjpkY85o5gzWikFnJRiiEqBjwvAVUspAkHnaXWZpWKE0QmF5zUa8w6PhAiA394CHjPTZHjlWGamh0ZmpkULVw1z1TynxUZj0paRZGMxvRhC3O1cTRxPfMQjPAYv+PgN4M0UbhHjqkSk0XDSWX7RWr7XQal7UWrkgzyRlZoehm9AQ3HHo+JmwE/E3fh4ENKgFF2tFAFwqJQipHyJqRdhW9bEgzhmUrhCKV6FkOqGkJ4y073JTH/MTMbxQFwm7OL43eJHjDkbazDSarsg1foYCtL21bbvdaUUqQK9K5pjctwkpcpMLJpU1JkSnp2P6ly5fC3NO+BRAPAjH/FamhtKIRXDs1qtomeCsOiZVIxoLNmIxL2XSrER1zaV4o00Rz5+cNyLZqq58suPmUeeCYZL84HVM/xDb/Y+M3CRGbrVSpEzk7ovskYKgRhRD6Q3o9ibSVUw353aFK3CZz5+auI2SWkUzb7WcNnacEVmtZrkMNZyiTNcr00wvP+Vw4SJZielilZh18dEdvgC8KakNHqzhjTMDeNaKeCsFNc45g7AHKS5vgrSuBaAS2/mT73ZFBuFtezN/uc/FUi7AFwpxRbxL1qcL1rvHADxAAAAAElFTkSuQmCC);background-repeat:repeat;background-size:auto auto;background-color:#fff;position:relative}.preview[data-v-e06d5ce6]{overflow:hidden;border:2px solid rgba(51,153,255,.75);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview.circle[data-v-e06d5ce6]{border-radius:50%}.footer-btn[data-v-e06d5ce6]{margin-top:30px}.footer-btn .scope-btn[data-v-e06d5ce6],.footer-btn[data-v-e06d5ce6]{display:flex;justify-content:space-between}.footer-btn .upload-btn[data-v-e06d5ce6]{display:flex;justify-content:flex-end}.footer-btn .btn[data-v-e06d5ce6]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:8px 15px;font-size:12px;border-radius:3px;color:#fff;background-color:#67c23a;border-color:#67c23a}