.image-preview-page{background:#fff;height:100%}.image-preview-page .footer-action{position:fixed;bottom:0;left:0;right:0;background:#f5f5f5;border-top:1px solid #e2e2e2;box-shadow:0 0 10px #f0f0f0;-webkit-box-shadow:0 0 10px #f0f0f0;text-align:center;padding:6px 0}.image-preview-page .footer-action button{padding:4px 14px}.image-preview-page .footer-action .fa{font-size:20px}.image-preview-page .transition{-webkit-transition:all .2s;transition:all .2s}.image-preview-page .preview-container{height:100%;text-align:center;line-height:1;overflow-y:auto}.image-preview-page .preview-container img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}.image-preview-page .cropper-container{width:850px;margin:0 auto;padding-top:50px}.image-preview-page .cropper-container .image{width:600px;height:600px}.image-preview-page .cropper-container .image img{height:600px}.image-preview-page .cropper-container .image-cropper-preview{width:230px;height:230px;overflow:hidden;border:1px solid #e6e6e6}.image-preview-page .cropper-container .action{margin-left:20px;width:230px}.image-preview-page .cropper-container .action .btns{padding:10px 0}.image-preview-page .cropper-container .action .btns button{width:112px;margin-bottom:4px}.image-preview-page .cropper-container .action .btns button:nth-child(2n-1){margin-right:4px}.image img:nth-of-type(2){display:none}