@keyframes vicp_progress{0%{background-position-y:0}to{background-position-y:40px}}@keyframes vicp{0%{opacity:0;transform:scale(0) translatey(-60px)}to{opacity:1;transform:scale(1) translatey(0)}}.vue-image-crop-upload{background-color:#000000a6;height:100%;width:100%;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent}.vue-image-crop-upload,.vue-image-crop-upload .vicp-wrap{box-sizing:border-box;display:block;inset:0;position:fixed;z-index:10000}.vue-image-crop-upload .vicp-wrap{animation:vicp .12s ease-in;background-color:#fff;border-radius:2px;box-shadow:0 1px 3px #0000003b;height:330px;margin:auto;padding:25px;width:600px}.vue-image-crop-upload .vicp-wrap .vicp-close{position:absolute;right:-30px;top:-30px}.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4{cursor:pointer;display:block;height:30px;position:relative;transform:rotate(0);transition:transform .18s;width:30px}.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:after,.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:before{background-color:#fff;box-shadow:0 1px 3px #0000003b;content:"";height:3px;left:4px;position:absolute;top:12px;transform:rotate(45deg);width:20px}.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:after{transform:rotate(-45deg)}.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover{transform:rotate(90deg)}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area{background-color:#00000008;border:1px dashed rgba(0,0,0,.08);box-sizing:border-box;height:170px;overflow:hidden;padding:35px;position:relative;text-align:center}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1{display:block;height:42px;margin:0 auto 6px;overflow:hidden;width:42px}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow{border-bottom:14.7px solid rgba(0,0,0,.3);border-left:14.7px solid transparent;border-right:14.7px solid transparent;display:block;height:0;margin:0 auto;width:0}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body{background-color:#0000004d;display:block;height:14.7px;margin:0 auto;width:12.6px}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom{border:6px solid rgba(0,0,0,.3);border-top:none;box-sizing:border-box;display:block;height:12.6px}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint{color:#666;display:block;font-size:14px;line-height:30px;padding:15px}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint{background-color:#eee;color:#666;display:block;font-size:14px;height:60px;left:0;line-height:30px;padding:30px;position:absolute;text-align:center;top:0;width:100%}.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover{background-color:#0000000d;border-color:#0000001a;cursor:pointer}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop{overflow:hidden}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left{float:left}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container{background-color:#e5e5e0;display:block;height:180px;overflow:hidden;position:relative;width:240px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img{cursor:move;display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade{background-color:#f1f2f3cc;box-shadow:0 2px 6px #0000002e;position:absolute}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1{left:0;top:0}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2{bottom:0;right:0}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate{height:18px;position:relative;width:240px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i{background-color:#00000014;border-radius:100%;color:#fff;display:block;font-size:12px;font-weight:700;height:18px;line-height:18px;overflow:hidden;text-align:center;width:18px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover{background-color:#00000024;box-shadow:0 1px 3px #0000001f;cursor:pointer}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child{float:left}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child{float:right}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range{height:18px;margin:30px 0 10px;position:relative;width:240px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6{background-color:#00000014;border-radius:100%;height:18px;position:absolute;top:0;width:18px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover{background-color:#00000024;box-shadow:0 1px 3px #0000001f;cursor:pointer}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5{left:0}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:before{background-color:#fff;content:"";display:block;height:2px;left:3px;position:absolute;top:8px;width:12px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6{right:0}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:before{background-color:#fff;content:"";display:block;height:2px;left:3px;position:absolute;top:8px;width:12px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:after{background-color:#fff;content:"";display:block;height:12px;left:8px;position:absolute;top:3px;width:2px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:block;height:8px;margin:0 auto;padding-top:5px;vertical-align:top;width:180px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus{outline:none}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#61c091;border:none;border-radius:100%;box-shadow:0 2px 6px #0000002e;height:12px;margin-top:-3px;-webkit-transition:.2s;transition:.2s;width:12px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#61c091;border:none;border-radius:100%;box-shadow:0 2px 6px #0000002e;height:12px;-moz-transition:.2s;transition:.2s;width:12px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb{appearance:none;background-color:#61c091;border:none;border-radius:100%;box-shadow:0 2px 6px #0000002e;height:12px;-ms-transition:.2s;transition:.2s;width:12px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 3px #0000003b;height:14px;width:14px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb{box-shadow:0 1px 3px #0000003b;height:14px;width:14px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 3px #0000003b;height:14px;margin-top:-4px;width:14px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track{background-color:#44aa774d;border:none;border-radius:2px;box-shadow:0 1px 3px #0000001f;cursor:pointer;height:6px;width:100%}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track{background-color:#44aa774d;border:none;border-radius:2px;box-shadow:0 1px 3px #0000001f;cursor:pointer;height:6px;width:100%}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track{background:transparent;border:none;border-radius:2px;box-shadow:0 1px 3px #0000001f;color:transparent;cursor:pointer;height:6px;width:100%}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower{background-color:#44aa774d}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper{background-color:#44aa7726}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track{background-color:#44aa7780}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track{background-color:#44aa7780}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower{background-color:#44aa7773}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper{background-color:#44aa7740}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right{float:right}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview{height:150px;overflow:hidden}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item{float:left;height:100px;margin-right:16px;padding:5px;position:relative;width:100px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span{bottom:-30px;color:#bbb;display:block;font-size:14px;position:absolute;text-align:center;width:100%}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img{background-color:#fff;border:1px solid rgba(0,0,0,.15);display:block;inset:0;margin:auto;overflow:hidden;padding:3px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle{margin-right:0}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img{border-radius:100%}.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload{background-color:#00000008;border:1px dashed #ddd;box-sizing:border-box;height:170px;padding:35px;position:relative;text-align:center}.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading{color:#999;display:block;font-size:16px;line-height:30px;padding:15px}.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap{background-color:#00000014;border-radius:3px;margin-top:12px}.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress{animation:vicp_progress .5s linear infinite;background-color:#4a7;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);background-size:40px 40px;border-radius:3px;box-shadow:0 2px 6px #44aa774d;display:block;height:5px;position:relative;transition:width .15s linear}.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress:after{background-color:#4a7;border:1px solid rgba(245,246,247,.7);border-radius:100%;box-shadow:0 1px 4px #44aa77b3;content:"";display:block;height:9px;position:absolute;right:-3px;top:-3px;width:9px}.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success{height:100px;line-height:100px}.vue-image-crop-upload .vicp-wrap .vicp-operate{bottom:20px;position:absolute;right:20px}.vue-image-crop-upload .vicp-wrap .vicp-operate a{border-radius:2px;color:#4a7;cursor:pointer;display:block;float:left;font-size:14px;height:36px;line-height:36px;margin-left:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100px}.vue-image-crop-upload .vicp-wrap .vicp-operate a:hover{background-color:#00000008}.vue-image-crop-upload .vicp-wrap .vicp-error,.vue-image-crop-upload .vicp-wrap .vicp-success{color:#d10;display:block;font-size:14px;height:24px;line-height:24px;text-align:center;vertical-align:top}.vue-image-crop-upload .vicp-wrap .vicp-success{color:#4a7}.vue-image-crop-upload .vicp-wrap .vicp-icon3{display:inline-block;height:20px;position:relative;top:4px;width:20px}.vue-image-crop-upload .vicp-wrap .vicp-icon3:after{border-color:#4a7;border-style:solid;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.vue-image-crop-upload .vicp-wrap .vicp-icon2{display:inline-block;height:20px;position:relative;top:4px;width:20px}.vue-image-crop-upload .vicp-wrap .vicp-icon2:after,.vue-image-crop-upload .vicp-wrap .vicp-icon2:before{background-color:#d10;content:"";height:2px;left:4px;position:absolute;top:9px;transform:rotate(45deg);width:13px}.vue-image-crop-upload .vicp-wrap .vicp-icon2:after{transform:rotate(-45deg)}.e-ripple{background-clip:padding-box;background-color:#00000026;border-radius:100%;opacity:1;pointer-events:none;position:absolute;transform:scale(0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.e-ripple.z-active{opacity:0;transform:scale(2);transition:opacity 1.2s ease-out,transform .6s ease-out}