.img-cropped-view{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.5);z-index:99;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes fade-in{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fade-out{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.img-cropped-view.fade-in{animation:fade-in ease-in .25s 1}.img-cropped-view.fade-out{animation:fade-out ease-out .25s 1}.img-cropped-view .view-main{width:500px;height:390px;background-color:#fff;border-radius:5px;position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.img-cropped-view .main-canvas{width:500px;height:350px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.5);cursor:move}.img-cropped-view .main-operation{height:40px;border-radius:0 0 5px 5px;background-color:#f2f4f6;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.img-cropped-view .main-operation .left,.img-cropped-view .main-operation .right{height:25px}.img-cropped-view .main-operation .operation-btn{cursor:pointer;display:inline-block;width:70px;height:25px;line-height:23px;text-align:center;color:#1d85df;border:1px solid #1d85df;border-radius:2px;transition:all .25s ease;position:relative;overflow:hidden}.img-cropped-view .main-operation .operation-ok{margin-left:10px;background-color:#1d85df;color:#fff}.img-cropped-view .main-operation .operation-ok:hover{background-color:#001529;border-color:#001529;color:#1d85df}.img-cropped-view .main-operation .operation-cancel:hover,.img-cropped-view .main-operation .operation-scale:hover,.img-cropped-view .main-operation .operation-select-file:hover{background-color:#1d85df;color:#fff}.img-cropped-view .main-operation .file-form{display:inline-block;width:100%;height:100%;visibility:hidden;opacity:0;position:absolute;top:0;left:0;z-index:-1}.img-cropped-view .main-operation .operation-scale{width:25px;margin-left:10px}