/* reset */
html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  height: 100%; }

i,p,b,strong,b,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span{
  font-size: 14px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

body, button, input, select, textarea {
  font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi,"Microsoft Yahei", sans-serif;
  color: #333;
  background-color: #fff;
  position: relative; }


textarea {
  resize: none; }

input[type=button], input[type=submit] {
  cursor: pointer; }

input[type=button] {
  -webkit-appearance: none;
  outline: none; }

input::-webkit-input-placeholder {
  color: #F0F0F0; }

textarea::-webkit-input-placeholder {
  color: #F0F0F0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  text-align: inherit; }

fieldset, img {
  border: 0 none; }

img {
  vertical-align: middle; }

abbr, acronym {
  border: none;
  font-variant: normal; }

del {
  text-decoration: line-through; }

hr {
  border: 0;
  height: 1px;
  background-color: #D9D9D9; }

ul, li, ol {
  list-style: none; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

button, input {
  border: 0;
  background: 0;
  -webkit-appearance: none;
  outline: 0; }

a {
  -webkit-touch-callout: none;
  text-decoration: none;
  color: #666666;
  outline: 0;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

a:focus, *:focus {
  outline: none; }

em, i {
  font-style: normal; }

label {
  /*cursor: pointer;*/ 
  }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-break: break-all;
  word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  /* -webkit-tap-highlight-color:rgba(0,0,0,0); */ }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden; }

/*====================== mouse =======================*/
.cp {
  cursor: pointer; }

.cd {
  cursor: default; }

.cna {
  cursor: not-allowed; }

/*====================== position =======================*/
.tl {
  text-align: left; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.bc {
  margin-left: auto;
  margin-right: auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.cb {
  clear: both; }

.cl {
  clear: left; }

.cr {
  clear: right; }

.vt {
  vertical-align: top; }

.vm {
  vertical-align: middle; }

.vb {
  vertical-align: bottom; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.abs-left {
  position: absolute;
  right: 0; }

.abs-right {
  position: absolute;
  right: 0; }

.abs-top {
  position: absolute;
  top: 0; }

.abs-bottom {
  position: absolute;
  bottom: 0; }

.abs-lt {
  position: absolute;
  left: 0;
  top: 0; }

.abs-lb {
  position: absolute;
  left: 0;
  bottom: 0; }

.abs-rt {
  position: absolute;
  right: 0;
  top: 0; }

.abs-rb {
  position: absolute;
  right: 0;
  bottom: 0; }

.zoom {
  zoom: 1; }

.hidden {
  visibility: hidden; }

.none {
  display: none; }

.ib {
  display: inline-block; }

.inline {
  display: inline; }

.block {
  display: block; }


.l_o_h {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

/*# sourceMappingURL=base.css.map */
.bgf{
  background-color: #fff;
}
.mt-5{
  margin-top: 5px;
}
.mt-10{
  margin-top: 10px;
}
.mt-15{
  margin-top: 15px;
}
.mt-20{
  margin-top: 20px;
}
.ml-5{
  margin-left: 5px;
}
.mr-5{
  margin-right: 5px;
}
.ml-10{
  margin-left: 10px;
}
.ml-20{
  margin-left: 20px;
}
.mr-20{
  margin-right: 20px;
}
.mr-10{
  margin-right: 10px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.p20{
  padding: 20px;
}
.bg-15{
  background-color: #f0f2f5;
  width: 100%;
  height: 15px;
}
.col-bg{
  background-color: #f0f2f5;
  position: absolute;
  height: 100%;
  width: 15px;
  top: 0;
}
.border-before::before{
  content: '';
  display: block;
  position: absolute;
  top: 30%;
  left: 0;
  width: 3px;
  height: 15px;
  background-color: #949494;
}
.menubar .el-menu-item.is-active{
  border-right: 4px solid #409EFF;
}
img{
  width: auto;
  height: auto;
}

#cropper {
  width: 700px;
  height: 500px;
  margin: 20px auto;
}

#cropper2 {
  width: 1500px;
  height: 800px;
  margin: 20px auto;
}