/*!
 * Cropper v3.1.3
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-10-21T10:03:37.133Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
 */
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: .5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: rgba(51, 153, 255, 0.75);
  outline: 1px solid #39f;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: e-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: n-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: w-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: s-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: e-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: n-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: w-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: ne-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nw-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: sw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: se-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px;
  }
}

.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 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;
}
.up-frame-bj .up-frame-radius{padding-bottom:20px;border-radius:5px}
.up-frame-parent .up-frame-header{height:50px;padding:0;line-height:50px;border-bottom:solid 1px #e5e5e5}
.up-frame-parent .up-frame-header label{font-size:16px;float:left;margin-left:14px;color:grey;cursor:url(default.cur),pointer}
.up-frame-parent .up-frame-body{padding:20px}
.up-frame-parent .up-pre-before{width:560px;height:327px;padding:0;float:left;background:#fcfcfc;border:1px solid #e3e3e3}
.up-frame-parent .up-pre-before img{width:100%}
.up-frame-parent .up-frame-body .up-pre-after{background:#fcfcfc;overflow:hidden;width:186px;height:186px;border:1px solid #e3e3e3;float:left;margin-left:25px}
.up-frame-parent .up-control-btns{width:180px;height:30px;margin-left:auto;margin-right:auto;background:#ddd;text-align:center;line-height:30px;margin-top:20px}
.up-frame-parent .up-control-btns span{width:20%;cursor:url(link.cur),pointer}
.modal-dialog.am-modal-dialog.up-frame-parent.up-frame-radius {
    /* border-radius: 5px; */
}
@media screen and (max-width:1024px){.up-frame-parent .up-pre-before{width:100%}
.up-frame-parent .up-frame-body .up-pre-after{margin-left:0;margin-top:10px}
}
.am-modal-no-btn .am-modal-dialog{border-radius:0;border-bottom:none}
.am-modal-hd .am-close{position:absolute;top:10px;right:8px;cursor:url(link.cur),pointer}
.am-close{display:inline-block;text-align:center;width:24px;font-size:20px;font-weight:700;line-height:24px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;-webkit-transition:all .3s;transition:all .3s}
.am-modal-no-btn .am-modal-bd{border-bottom:none}
.am-modal-hd+.am-modal-bd {
    /* padding-top: 0; */
}
.am-modal-bd{text-align:center}
.am-fl{float:left}
.am-g{margin:0 auto;width:100%}
.am-form-file{position:relative;overflow:hidden}
.am-form-group{margin-bottom:1.5rem}
.am-modal-dialog{background:#fff}
.am-form-file{position:relative;overflow:hidden;cursor:url(link.cur),pointer}
.am-form-group{margin-bottom:1.5rem}
.am-modal-hd{padding:15px 10px 5px 10px;font-size:1.8rem;font-weight:500}
.am-form-file input[type=file]{position:absolute;left:0;top:0;z-index:1;width:100%;opacity:0;font-size:50rem;cursor:url(link.cur),pointer}
.am-btn-sm{font-size:1.4rem}
.am-btn-default{color:#444;background-color:#e6e6e6;border-color:#e6e6e6}
.am-btn{display:inline-block;margin-bottom:0;padding:.5em 1em;vertical-align:middle;font-size:1.6rem;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;background-image:none;border:1px solid transparent;border-radius:0;cursor:url(link.cur),pointer;outline:0;-webkit-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,border-color .3s ease-out}
.am-modal.am-modal-active{opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);overflow-x:hidden;overflow-y:auto}
.am-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1110;display:none;opacity:0;outline:0;text-align:center;-webkit-transform:scale(1.185);-ms-transform:scale(1.185);transform:scale(1.185);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
.up_img_list{margin:10px 0}
.up_img_div{margin:5px 0;}
.form-group.up_img_fooer{padding-bottom:15px;text-align:center}
.up-tips,.up_img_tips{color:red;font-size:14px;margin-left:10px}
.user-banner{position:relative;height:240px;background:#cccccc;margin:0 0 10px;border:1px solid #e7e7e7;border-radius:4px}
#editImg{position:absolute;top:50px;left:40px;z-index:51;width:150px;height:150px;margin-right:20px;border-radius:50%;border:5px solid #fff;background:#fff;box-shadow:0 0 4px 2px rgba(204,204,204,.4);overflow:hidden}
#editImg img{width:150px;height:150px}
#editImg i{display:none;width:150px;height:151px;position:relative;margin-top:-154px;background:url(../img/common.24.png) 0 -261px no-repeat}
.form-group.up_img_fooer{padding-bottom:15px;text-align:center}
.clearfloat{clear:both}