.f-footer{display:-webkit-box;display:-ms-flexbox;display:flex}.f-footer-l{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.uploadImgIcon{background:#29a7f4;color:#fff;border:1px solid #29a7f4}.cropper_body{display:-webkit-box;display:-ms-flexbox;display:flex}.cropper_right{margin-left:10px}.cropper_titlename{height:40px;line-height:40px}.preview{overflow:hidden;margin:0 auto}.preview,.preview-body{width:350px;height:350px}.preview-body{background:#eee}.infoDesc{color:red}*{margin:0;padding:0}.cropper-img-body{width:400px;height:400px}#demo #button{position:absolute;right:10px;top:10px;width:80px;height:40px;border:none;border-radius:5px;background:#fff}#demo .show{width:100px;height:100px;overflow:hidden;position:relative;border:1px solid #d5d5d5}#demo .picture{width:100%;height:100%;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover}.cropper-line-body{width:350px;height:350px}#corpperimage,#demo #image{max-width:100%}

/*!
 * Cropper.js v1.0.0-rc
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-03-25T12:02:21.062Z
 */.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.filebox[data-v-3aa4bbcc]{position:relative;display:inline-block;overflow:hidden}.filebox-input[data-v-3aa4bbcc]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.addepage[data-v-e4b59658]{padding:15px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.addepage .elform[data-v-e4b59658]{margin-bottom:5px}.addicon3 .avatar-uploader-icon[data-v-e4b59658],.addicon3 .imgbox[data-v-e4b59658]{margin-top:0}.formtableimg[data-v-44229d4e]{display:inline-block}.main_brochure[data-v-c6fd2f0a]{overflow:hidden}.addepage[data-v-c6fd2f0a]{position:relative}.addepage .elform[data-v-c6fd2f0a]{margin-bottom:5px}.addepage .addicon3 .avatar-uploader-icon[data-v-c6fd2f0a],.addepage .addicon3 .imgbox[data-v-c6fd2f0a]{margin-top:0}.addepage .weui-cell[data-v-c6fd2f0a]{padding:15px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}