.crop-image-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background-color:rgba(0,0,0,0.6)}.crop-image-con .crop-image-wrapper{width:600px;height:500px;background-color:#fff;border-radius:5px;position:absolute;border:1px solid #ddd}.crop-image-wrapper .crop-image-header{height:50px;line-height:50px;border-bottom:1px solid #ddd;color:#333;position:relative;padding:0 10px}.crop-image-wrapper .crop-image-header .close-crop-btn{position:absolute;border:none;outline:none;right:10px;width:20px;height:20px;background-color:transparent}.crop-image-wrapper .crop-image-main{height:449px}.crop-image-wrapper .crop-image-canvas-con{margin-top:10px;position:relative}.crop-image-wrapper .crop-canvas-main-con{width:400px;height:300px;text-align:center;margin:10px;margin-top:0}.crop-image-wrapper .crop-canvas-main-con,.crop-image-wrapper .crop-origin-img-con{display:inline-block;vertical-align:top}.crop-image-wrapper .crop-origin-img-con{width:170px;text-align:center}.crop-image-wrapper .crop-origin-img-con .img-con{margin-bottom:10px;max-height:200px;overflow:hidden}.crop-image-wrapper .crop-button{padding:10px 15px;background-color:#00b7ee;color:#fff;font-size:14px;border-radius:3px;border:none}.crop-image-wrapper .crop-origin-img-con .crop-button{background-color:#337ab7;border-color:#2e6da4}.crop-image-wrapper .crop-canvas-main-con .crop-tips{text-align:left;color:#fb0c0c}.crop-image-wrapper img{max-width:100%}.crop-image-wrapper .btn-list{bottom:10px;width:100%;text-align:center;position:absolute}.crop-image-wrapper .loading-con{position:absolute;left:200px;top:150px;width:48px;height:48px;background:url(../images/croploading.gif) no-repeat center/cover}.cover-img{max-width:100%}