@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

table {
  font-size: 14px;
}

.l-d-none {
  display: none;
}

.l-d-block {
  display: block;
}

.l-d-inline-block {
  display: inline-block;
}

.l-t-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.l-t-indent {
  text-align: left;
  text-indent: 5px;
}

.l-t-left {
  text-align: left;
}

.l-t-right {
  text-align: right;
}

.l-t-center {
  text-align: center !important;
}

.l-w-auto {
  width: auto;
}

.l-w-30 {
  width: 30px;
}

.l-w-50 {
  width: 50px;
}

.l-w-60 {
  width: 60px;
}

.l-w-70 {
  width: 70px;
}

.l-w-80 {
  width: 80px;
}

.l-w-100 {
  width: 100px;
}

.l-w-120 {
  width: 120px;
}

.l-w-150 {
  width: 150px;
}

.l-w-170 {
  width: 170px;
}

.l-w-200 {
  width: 200px;
}

.l-w-250 {
  width: 250px;
}

.l-w-300 {
  width: 300px;
}

/* fieldset */
.l-fieldset-split {
  border: solid 0px #aaa;
  border-top-width: 1px;
  padding: 0px 5px;
  margin: 5px;
}

.l-fieldset-split > legend {
  padding: 2px 5px;
  border-radius: 5px;
  border: solid 1px #aaa;
  line-height: 18px;
  margin-left: 10px;
}

.l-fieldset {
  border: solid 1px #aaa;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
}

.l-fieldset > legend {
  padding: 2px 5px;
  border-radius: 5px;
  border: solid 1px #aaa;
  line-height: 18px;
  margin-left: 10px;
}

.l-fieldset > ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}

.l-fieldset > ul > li {
  margin-bottom: 5px;
  padding-left: 10px;
  min-height: 26px;
  line-height: 30px;
}

.l-fieldset > ul > li:last-child {
  margin-bottom: 0;
}

/* formset */
ul.l-form {
  padding: 0px;
  list-style: none;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}

ul.l-form > li {
  padding: 0;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  line-height: 30px;
  margin-bottom: 5px;
}

ul.l-form > li.c6 {
  width: 50%;
}

ul.l-form > li > div {
  flex: 1 1 auto;
}

ul.l-form > li > div.fname {
  flex: 0 0 auto;
  width: 100px;
  text-align: right;
  padding-right: 10px;
  color: #44a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.l-form > li > div.fmust {
  color: #f50;
}

ul.l-form > li > div.fmsg {
  flex: 0 0 auto;
  width: 50px;
  padding-left: 10px;
}

ul.l-form > li > div > .l-ddl, ul.l-form > li > div > .l-textarea, ul.l-form > li > div > .l-textbox {
  width: 100%;
}

ul.l-form > li:last-child {
  margin-bottom: 0;
}

/* IE10 */
ul.l-form {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
}

ul.l-form > li {
  -ms-flex: 0 0 auto;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
}

ul.l-form > li > div {
  -ms-flex: 1 1 auto;
}

ul.l-form > li > div.fname {
  -ms-flex: 0 0 auto;
}

ul.l-form > li > div.fmsg {
  -ms-flex: 0 0 auto;
}

/*
	panel对话框
*/
.l-panel-dlg {
  position: fixed;
  left: 150px;
  top: 20px;
  z-index: 1000;
  background: #fff;
  border: solid 1px #069;
  border-radius: 8px;
  overflow: hidden;
  padding: 2px;
  visibility: hidden;
  box-shadow: 0 0 15px #555;
}

.l-panel-dlg .l-detailview {
  border-radius: 6px;
  overflow: hidden;
}