/**cropper start*/
.cropper-container {
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.cropper-container img {
	width: 100%;
	height: 100%;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
}

.cropper-modal,
.cropper-canvas {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cropper-canvas {
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
}

.cropper-modal {
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.cropper-dragger {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
}

.cropper-viewer {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline-width: 1px;
	outline-style: solid;
	outline-color: #69f;
	outline-color: rgba(51, 102, 255, 0.75);
}

.cropper-dashed {
	position: absolute;
	display: block;
	border: 0 dashed #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
	top: 33.3%;
	left: 0;
	width: 100%;
	height: 33.3%;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
	top: 0;
	left: 33.3%;
	width: 33.3%;
	height: 100%;
	border-right-width: 1px;
	border-left-width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.cropper-face {
	top: 0;
	left: 0;
	cursor: move;
	background-color: #fff;
}

.cropper-line {
	background-color: #69f;
}

.cropper-line.line-e {
	top: 0;
	right: -3px;
	width: 5px;
	cursor: e-resize;
}

.cropper-line.line-n {
	top: -3px;
	left: 0;
	height: 5px;
	cursor: n-resize;
}

.cropper-line.line-w {
	top: 0;
	left: -3px;
	width: 5px;
	cursor: w-resize;
}

.cropper-line.line-s {
	bottom: -3px;
	left: 0;
	height: 5px;
	cursor: s-resize;
}

.cropper-point {
	width: 5px;
	height: 5px;
	background-color: #69f;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.cropper-point.point-e {
	top: 50%;
	right: -3px;
	margin-top: -3px;
	cursor: e-resize;
}

.cropper-point.point-n {
	top: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: n-resize;
}

.cropper-point.point-w {
	top: 50%;
	left: -3px;
	margin-top: -3px;
	cursor: w-resize;
}

.cropper-point.point-s {
	bottom: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: s-resize;
}

.cropper-point.point-ne {
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.cropper-point.point-nw {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

.cropper-point.point-sw {
	bottom: -3px;
	left: -3px;
	cursor: sw-resize;
}

.cropper-point.point-se {
	right: -3px;
	bottom: -3px;
	width: 20px;
	height: 20px;
	cursor: se-resize;
	opacity: 1;
	filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
	position: absolute;
	right: -50%;
	bottom: -50%;
	display: block;
	width: 200%;
	height: 200%;
	content: ' ';
	background-color: #69f;
	opacity: 0;
	filter: alpha(opacity=0);
}

@media (min-width: 768px) {
	.cropper-point.point-se {
		width: 15px;
		height: 15px;
	}
}

@media (min-width: 992px) {
	.cropper-point.point-se {
		width: 10px;
		height: 10px;
	}
}

@media (min-width: 1200px) {
	.cropper-point.point-se {
		width: 5px;
		height: 5px;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
}

.cropper-hidden {
	display: none !important;
}

.cropper-invisible {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	max-height: none !important;
	opacity: 0;
	filter: alpha(opacity=0);
}

.cropper-move {
	cursor: move;
}

.cropper-crop {
	cursor: crosshair;
}

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
	cursor: not-allowed;
}

@font-face {
	font-family: 'croppericonfont';
	src: url('iconfont.eot?t=1572535001611'); /* IE9 */
	src: url('iconfont.eot?t=1572535001611#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATQAAsAAAAACjQAAASCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDdAqFeIUuATYCJAMgCxIABCAFhUEHfBsQCREVnNvJviiwG44NvBQvx1EhOHQ2LQHCyxJtepEg934Pnqe68v2qnvGCDMWb2DEWpwg4QegNAJ/+5nt/rKYH2nmJr/MEo3CDZxx4WJZms+NK2yJuC4AiSaSK9P0FbtOmSYnHjhqmp6nJWhzLu0GmB/n0cigAfrhf6mWC5bMPAJdRVDU6nhVQYVRakW0gJYzTEVs3rMRq9DvvhwBuYilh7bqNW+PEID5MABk8oF8PnD0LxgJbcOrtwrkGZAE2nGpW54D55dfLa0qKEyhsGvGDmvet05vqliry1+Z/k87axNyfCzB3BQ1kAwz2LxU9s9B1JhuJ2y816Ar481+UYCnLzyppDbBeP9+b/8eoGxrZqgP/4gEDGxoHgsIOYkes8RK+d9YBlkoRGGD5IbCBVRKBBmuAZF3ta5gQaN8BgYIify13GOs82B/gAYpAWit86bwg6PxNo6KiQ73R3jCvf/iYts2P3ri6dq25fr2d3Wh5zn3jRnfzZj/7+qp5p3Ytjt28lkQLqVkNl+c9EOFas649tejnmZ1nLnG7sWTJrHyRkHEmFng8rJqdF9LhWuvtxVvt07pNnhmcviRDezqSg2wzevW0cdZ6lDfjmBs8PoIze5PoRDi185iH1W0eSQlYdxOPjtom0fbctbArl3nt09B33EeovXmzO6xZxHrlNQ/MJWP+8eqoa+1RMZs24iNC286tE5Tp8b30mYCiIdk18/SZMzKPhbkw26bur7qv3ii1cqVSylEQYoPLdE5sKmz4tt7xpbokdBP+VLurTcGbuF07V4E+xHAfOmYTLWzxUaYrI9WyZWokG5ct1YwjlLGtGkm30vU6duoT0PdB2txHNe8j06arPlrRtGl9jvoqMkofCEe7U+bjsipVfQOiA3yr1iw8PrWq9UjVqmwbFUB94kx1qW2lNpfya7ap1JaK273QCu9Y2sj0Gmv03btyDQshyiTtcc1WM/TIjHzM+8ezDxyYDaXWZvRsKj07fvHCa6SycltClh9bZoK57BiLIdK7+17GEy/UbdUjba9ctRX+Q5vqH7GfyJnc6t265t/we3jXd1nFbn6VvzpFAeD24+I2Hfh/DbQJOFFvrpY/nXTNCSOQx1an4Q2WWpB9eaoirZQC3DwDf7VAIPc+dSFrp0Dw60lNUDhIBo0fWWgDXxFseGgAdvxoDW6yGC72EMSBRgwPyORUIMRygcKXl6CJ5UcZdAkBG6FSSmWX8A3ATVvpd00PqXIEFp4ZlaAFvYdoaHJJq1wZppyR+yv7Rl8GxUIv97P+kedIE7RVI+bfcULe/wnzxnciDhzTCG8LD8NhIMhMCY1UQSSv69pJH1QZGhdX1GJUghb0HqKhyeU7yRW9mDLPj7y00zf6MihziPWGgOZfUM2WGOsDbdWsj37XTGLPa9h53vhOxGka56tGTfe2nQsHzhBkea+ERqqwRSqva5rLraupjq8bP5NlAIH4RU4EJRU1DS0dPbyjqOyKmg4hS9wcCnWMZy6NeqvOC1d7PsvcqOhur0rVdqns4uTP9tESmRcLAAA=') format('woff2'), url('iconfont.woff?t=1572535001611') format('woff'), url('iconfont.ttf?t=1572535001611') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1572535001611#croppericonfont') format('svg'); /* iOS 4.1- */
}

.croppericonfont {
	font-family: 'croppericonfont' !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.croppericon-youxuanzhuan:before {
	content: '\e6eb';
}

.croppericon-zuoxuanzhuan:before {
	content: '\e6ee';
}

.croppericon-fangda:before {
	content: '\e632';
}

.croppericon-fangda1:before {
	content: '\e602';
}

.croppericon-suoxiao:before {
	content: '\e60f';
}

.croppericon-yuanjiaojuxing:before {
	content: '\e710';
}

.croppericon-yidong:before {
	content: '\e669';
}
/**cropper end*/