#clipArea,#clipArea2 {
	width: 100%;
	height: 100%;
}

.clipBtn {
	border: 0 none;
	outline: none;
	background: transparent;
	position: absolute;
	width: 282px;
	height: 87px;
	background-color: transparent;
	border: none;
	bottom: 6%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	background-image: url(btn_clip.png);
}

.clipBtn::after {
	content: '虚线框外区域将被裁切';
	position: absolute;
	left: 50%;
	bottom: -40px;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	font-size: 22px;
	white-space: nowrap;
}

.clipBtn::before {
	content: '双指操作可对图片进行旋转/放大';
	position: absolute;
	left: 50%;
	top: -50px;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	font-size: 24px;
	white-space: nowrap;
}