/*样式路径*/
/*色值*/
body {
  font-family: "microsoft yahei";
  font-size: 12px;
  background-color: #f2f2f2;
}
.overflow-ele {
  overflow: hidden;
}
/*reset*/
a {
  cursor: pointer;
}
a:focus {
  text-decoration: none;
}
a.disabled {
  color: #999 !important;
  cursor: default !important;
  text-decoration: none;
}
.dropdown-menu {
  -moz-box-shadow: 2px 6px 9px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 6px 9px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 6px 9px rgba(0, 0, 0, 0.15);
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: #d5d5d5 !important;
}
input[type=checkbox],
input[type=radio] {
  margin: 3px 0 0 0;
  vertical-align: middle;
}
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
}
label {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "microsoft yahei";
}
/*checkbox,radio width*/
.child-checkbox-wd160 .checkbox-inline,
.child-checkbox-wd160 .radio-inline {
  width: 160px;
}
/*clear*/
.rowfix:before,
.layout2:before,
.layoutfix:before,
.form-row:before,
.rowfix:after,
.layout2:after,
.layoutfix:after,
.form-row:after {
  display: table;
  content: " ";
}
.rowfix:after,
.layout2:after,
.layoutfix:after,
.form-row:after {
  clear: both;
}
/*transform-center*/
.center-container {
  position: relative;
}
.transform-center {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*function*/
.csp {
  cursor: pointer;
}
.csd {
  cursor: default;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.txtflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.help-block,
.help-inline {
  color: #737373;
  font-size: 12px;
}
/*left-menu*/
.lmi {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/left_menu_icons.png");
  background-position: 0px 0px;
  vertical-align: middle;
}
.lmi.lmi-003 {
  background-position: 0px 0px;
}
.lmi.lmi-004 {
  background-position: 0px -20px;
}
.lmi.lmi-005 {
  background-position: 0px -40px;
}
.lmi.lmi-006 {
  background-position: 0px -60px;
}
.lmi.lmi-007 {
  background-position: 0px -80px;
}
.lmi.lmi-008 {
  background-position: 0px -100px;
}
.lmi.lmi-009 {
  background-position: 0px -120px;
}
.lmi.lmi-010 {
  background-position: 0px -140px;
}
.lmi.lmi-011 {
  background-position: 0px -160px;
}
.lmi.lmi-012 {
  background-position: 0px -180px;
}
.lmi.lmi-013 {
  background-position: 0px -200px;
}
.lmi.lmi-014 {
  background-position: 0px -220px;
}
.lmi.lmi-015 {
  background-position: 0px -240px;
}
.lmi.lmi-016 {
  background-position: 0px -260px;
}
.lmi.lmi-017 {
  background-position: 0px -280px;
}
.lmi.lmi-018 {
  background-position: 0px -300px;
}
.lmi.lmi-019 {
  background-position: 0px -320px;
}
.lmi.lmi-020 {
  background-position: 0px -340px;
}
.lmi.lmi-021 {
  background-position: 0px -360px;
}
.lmi.lmi-022 {
  background-position: 0px -380px;
}
.lmi.lmi-023 {
  background-position: 0px -400px;
}
.lmi.lmi-024 {
  background-position: 0px -420px;
}
.lmi.lmi-025 {
  background-position: 0px -440px;
}
.lmi.lmi-026 {
  background-position: 0px -460px;
}
.lmi.lmi-027 {
  background-position: 0px -480px;
}
.lmi.lmi-028 {
  background-position: 0px -500px;
}
.lmi.lmi-029 {
  background-position: 0px -520px;
}
.lmi.lmi-030 {
  background-position: 0px -540px;
}
.lmi.lmi-031 {
  background-position: 0px -560px;
}
.lmi.lmi-032 {
  background-position: 0px -580px;
}
.lmi.lmi-033 {
  background-position: 0px -600px;
}
.lmi.lmi-034 {
  background-position: 0px -620px;
}
.lmi.lmi-035 {
  background-position: 0px -640px;
}
.lmi.lmi-036 {
  background-position: 0px -660px;
}
.lmi.lmi-037 {
  background-position: 0px -680px;
}
.lmi.lmi-038 {
  background-position: 0px -700px;
}
.lmi.lmi-039 {
  background-position: 0px -720px;
}
.lmi.lmi-040 {
  background-position: 0px -740px;
}
.lmi.lmi-041 {
  background-position: 0px -760px;
}
.lmi.lmi-042 {
  background-position: 0px -780px;
}
.lmi.lmi-043 {
  background-position: 0px -800px;
}
.lmi.lmi-044 {
  background-position: 0px -820px;
}
.lmi.lmi-045 {
  background-position: 0px -840px;
}
.lmi.lmi-046 {
  background-position: 0px -860px;
}
.lmi.lmi-047 {
  background-position: 0px -880px;
}
.lmi.lmi-048 {
  background-position: 0px -900px;
}
.lmi.lmi-049 {
  background-position: 0px -920px;
}
.lmi.lmi-050 {
  background-position: 0px -940px;
}
.lmi.lmi-051 {
  background-position: 0px -960px;
}
.lmi.lmi-052 {
  background-position: 0px -980px;
}
.lmi.lmi-053 {
  background-position: 0px -1000px;
}
.lmi.lmi-054 {
  background-position: 0px -1020px;
}
.lmi.lmi-055 {
  background-position: 0px -1040px;
}
.lmi.lmi-056 {
  background-position: 0px -1060px;
}
.lmi.lmi-057 {
  background-position: 0px -1080px;
}
.lmi.lmi-058 {
  background-position: 0px -1100px;
}
.lmi.lmi-059 {
  background-position: 0px -1120px;
}
.lmi.lmi-060 {
  background-position: 0px -1140px;
}
.lmi.lmi-061 {
  background-position: 0px -1160px;
}
.lmi.lmi-062 {
  background-position: 0px -1180px;
}
.lmi.lmi-063 {
  background-position: 0px -1200px;
}
.lmi.lmi-064 {
  background-position: 0px -1220px;
}
.lmi.lmi-065 {
  background-position: 0px -1240px;
}
.lmi.lmi-066 {
  background-position: 0px -1260px;
}
.lmi.lmi-067 {
  background-position: 0px -1280px;
}
.lmi.lmi-068 {
  background-position: 0px -1300px;
}
.lmi.lmi-069 {
  background-position: 0px -1320px;
}
.lmi.lmi-070 {
  background-position: 0px -1340px;
}
.lmi.lmi-071 {
  background-position: 0px -1360px;
}
.lmi.lmi-072 {
  background-position: 0px -1380px;
}
.lmi.lmi-073 {
  background-position: 0px -1400px;
}
.lmi.lmi-074 {
  background-position: 0px -1420px;
}
.lmi.lmi-075 {
  background-position: 0px -1440px;
}
.lmi.lmi-076 {
  background-position: 0px -1460px;
}
.lmi.lmi-201 {
  background-position: 0px -1520px;
}
.lmi.lmi-202 {
  background-position: 0px -1540px;
}
.lmi.lmi-203 {
  background-position: 0px -1560px;
}
.lmi.lmi-204 {
  background-position: 0px -1580px;
}
.lmi.lmi-205 {
  background-position: 0px -1600px;
}
.lmi.lmi-206 {
  background-position: 0px -1620px;
}
.lmi.lmi-207 {
  background-position: 0px -1640px;
}
.lmi.lmi-208 {
  background-position: 0px -1660px;
}
.lmi.lmi-209 {
  background-position: 0px -1680px;
}
.lmi.lmi-210 {
  background-position: 0px -1700px;
}
.lmi.lmi-211 {
  background-position: 0px -1720px;
}
.lmi.lmi-212 {
  background-position: 0px -1740px;
}
.lmi.lmi-213 {
  background-position: 0px -1760px;
}
.lmi.lmi-214 {
  background-position: 0px -1780px;
}
.lmi.lmi-215 {
  background-position: 0px -1800px;
}
.lmi.lmi-216 {
  background-position: 0px -1820px;
}
.lmi.lmi-217 {
  background-position: 0px -1840px;
}
.lmi.lmi-218 {
  background-position: 0px -1860px;
}
.lmi.lmi-219 {
  background-position: 0px -1880px;
}
.lmi.lmi-220 {
  background-position: 0px -1900px;
}
.lmi.lmi-221 {
  background-position: 0px -1920px;
}
.lmi.lmi-222 {
  background-position: 0px -1940px;
}
.lmi.lmi-223 {
  background-position: 0px -1960px;
}
.lmi.lmi-401 {
  background-position: -140px 0;
}
.lmi.lmi-402 {
  background-position: -140px -20px;
}
.lmi.lmi-403 {
  background-position: -140px -40px;
}
/*circle*/
.icircle {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #e9e9e9;
  margin: 0 5px;
}
.icircle.xsmall {
  width: 8px;
  height: 8px;
}
.icircle.green {
  background-color: #26a644;
}
.icircle.orange {
  background-color: #fa9418;
}
.icircle.yellow {
  background-color: #e4dc4b;
}
/*text*/
.text-danger {
  color: #fd3e4d;
}
.text-link {
  color: #74A4EA;
}
/*btn*/
.btn {
  padding: 5px 14px;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}
.btn.disabled,
.btn[disabled] {
  color: #fff !important;
  background-color: #c8c8c8 !important;
}
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus {
  background-color: #c8c8c8 !important;
}
.btn[readonly] {
  background-color: #E1E4E9 !important;
}
.btn.green,
.btn.theme {
  color: #fff;
  background-color: #12b5b0;
}
.btn.green:hover,
.btn.theme:hover,
.btn.green:focus,
.btn.theme:focus {
  background-color: #42a7a2;
}
.btn.green.disabled,
.btn.theme.disabled,
.btn.green[disabled],
.btn.theme[disabled] {
  background-color: #c8c8c8;
}
.btn.green.disabled:hover,
.btn.theme.disabled:hover,
.btn.green[disabled]:hover,
.btn.theme[disabled]:hover,
.btn.green.disabled:focus,
.btn.theme.disabled:focus,
.btn.green[disabled]:focus,
.btn.theme[disabled]:focus {
  background-color: #c8c8c8;
}
.btn.green.clear,
.btn.theme.clear {
  background-color: transparent;
  color: #12b5b0;
}
.btn.green.clear:hover,
.btn.theme.clear:hover {
  background-color: transparent;
}
.btn.bordered {
  color: #12b5b0;
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #12b5b0;
}
.btn.bordered:hover,
.btn.bordered:focus {
  color: #fff;
  background-color: #13c3be;
}
.btn.bordered.disabled,
.btn.bordered[disabled] {
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
  background-color: #c8c8c8;
}
.btn.bordered.disabled:hover,
.btn.bordered[disabled]:hover,
.btn.bordered.disabled:focus,
.btn.bordered[disabled]:focus {
  background-color: #c8c8c8;
}
.open .green.btn.dropdown-toggle {
  background-color: #42a7a2;
}
.btn-sm,
.btn-xs {
  padding: 4px 15px 5px 15px;
}
.btn-ib {
  display: inline-block;
  width: 100%;
}
/*btn-line*/
.btn-line.btn {
  padding: 2px 0;
  margin: 0 3px;
  border-radius: 0 !important;
  width: 2px;
  cursor: default;
}
div.radio {
  margin-left: 0;
}
/*btn-group*/
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important;
}
.btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.btn-group > .btn.bordered:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-left: none;
  border-right: none;
}
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
div.radio {
  margin-left: 0;
}
.radio-list > label.radio-inline:first-child {
  padding-left: 20px;
}
/*radio-inline*/
/*checkbox-inline*/
.radio-inline,
.checkbox-inline {
  margin-right: 10px;
}
.radio-inline:last-child,
.checkbox-inline:last-child {
  margin-right: 0;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-left: 0;
}
/*form-control*/
.has-error .form-control,
.has-error .form-control:focus {
  border-color: #E40014;
}
.form-control {
  height: 30px;
  padding: 3px 5px;
  border-radius: 2px !important;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[readonly] {
  background-color: #fff;
  cursor: default;
}
/*form*/
.form-horizontal .control-label {
  padding-top: 7px;
}
.form-horizontal .constant-label,
.form-horizontal .constant-control {
  float: left;
  padding-left: 15px;
  padding-right: 10px;
}
.form-horizontal .constant-label {
  width: 110px;
}
.form-horizontal .constant-label + .constant-control {
  padding-left: 0;
}
.form-horizontal .constant-control {
  width: 240px;
}
.form-horizontal .constant-control.auto {
  width: auto;
}
.form-horizontal .constant-control.multiply {
  width: 480px;
}
.form-horizontal .constant-control.multiply3 {
  width: 720px;
}
.form-horizontal.col-multiply .form-row,
.form-horizontal.col-multiply-2 .form-row {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal.col-multiply .form-row .form-col,
.form-horizontal.col-multiply-2 .form-row .form-col {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 355px;
}
.form-horizontal.col-multiply .form-row .form-col.form-col-2,
.form-horizontal.col-multiply-2 .form-row .form-col.form-col-2 {
  width: 710px;
}
.form-horizontal.col-multiply .form-row .form-col.form-col-2 .constant-control,
.form-horizontal.col-multiply-2 .form-row .form-col.form-col-2 .constant-control {
  width: 595px;
}
.form-horizontal.label5 .form-col,
.form-horizontal.control120 .form-col {
  width: auto !important;
}
.form-horizontal.label5 .constant-label {
  width: 90px;
}
.form-horizontal.control120 .constant-control {
  width: 120px;
}
.form-horizontal.col-multiply-2 {
  width: 680px;
}
.form-horizontal.col-multiply-2.margin-center {
  margin: 0 auto;
}
span.required {
  color: #ff0000;
}
.control-label {
  margin: 0;
}
.control-label .required {
  color: #ff0000;
  margin-right: -7px;
  vertical-align: middle;
}
/*ui-select*/
.selectize-control {
  min-height: 30px;
  height: 30px;
}
.selectize-control .selectize-dropdown {
  top: 100%;
  margin-top: -2px;
}
.selectize-input {
  float: left;
  min-height: 30px;
  height: 30px;
  padding: 4px 5px;
  padding-right: 20px;
}
.selectize-control.single .selectize-input:after {
  right: 5px;
}
.selectize-control.single .selectize-input:after {
  right: 5px;
}
/*input-icon*/
.input-icon > .form-control {
  padding-left: 20px;
  padding-right: 3px;
}
.input-icon.right > .form-control {
  padding-right: 20px;
  padding-left: 3px;
}
.input-icon.right > i {
  right: 4px;
  top: 0;
}
.input-icon.right > i.fa-eye.open {
  color: #666;
}
.input-icon.right > i.fa-eye:hover {
  cursor: pointer;
}
.input-icon.right .gtooltip-wrap .form-control {
  padding-right: 24px;
}
.input-icon > i {
  margin: 8px 2px 4px 2px;
}
.input-icon.input-group-sm i {
  margin: 9px 5px 5px 5px;
}
.input-icon.input-group-sm input.form-control {
  padding-left: 25px;
}
/*input-group*/
.input-group .input-group-btn .btn {
  padding: 5px 14px;
}
.input-group .input-group-btn.special-input-btn .btn {
  padding: 4px 14px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.backdrop {
  z-index: 1100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .2;
}
@keyframes chargeVertical {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes chargeVertical {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
.ball-clip-rotate > div {
  border-radius: 100% !important;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
}
.ynui-loading {
  z-index: 1101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ynui-loading .tips {
  font-size: 40px;
  color: #fff;
}
.ynui-loading .loading-animation-wrap {
  width: 40px;
  height: 40px;
  background: url("../images/loading_base.png") no-repeat;
}
.ynui-loading .ball-clip-rotate > div {
  width: 35px;
  height: 35px;
  border-width: 3px;
}
.ynui-loading .loading-animation {
  width: 54px;
  height: 54px;
  background: url("../images/loading_shade.png") no-repeat;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: rotate 0.5s 0s linear infinite;
  animation: rotate 0.5s 0s linear infinite;
}
/*list-group-item*/
.list-group-item {
  padding: 8px 10px;
}
/*bubble 悬浮框*/
.uii-popup {
  min-width: 250px;
  max-width: 500px;
  position: absolute;
  z-index: 1024;
  font-family: 'microsoft yahei';
  display: none;
}
.uii-popup:focus {
  outline: 0;
}
.ui-popup-show {
  display: block;
}
.ui-bubble {
  position: relative;
  background: rgba(253, 248, 222, 0.9);
  border: 1px solid rgba(206, 157, 72, 0.7);
  color: #CD9C4F;
  outline: 0;
  border-radius: 3px !important;
}
.ui-bubble:before,
.ui-bubble:after {
  content: '';
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 5px dashed transparent;
}
.ui-popup-anchor .ui-bubble:before,
.ui-popup-anchor .ui-bubble:after {
  display: block;
}
.ui-popup-top .ui-bubble:before,
.ui-popup-bottom .ui-bubble:before,
.ui-popup-top .ui-bubble:after,
.ui-popup-bottom .ui-bubble:after {
  left: 10px;
  margin-left: -5px;
}
.ui-popup-top .ui-bubble:before {
  bottom: -10px;
  border-top: 5px solid #cd9c4f;
}
.ui-popup-top .ui-bubble:after {
  bottom: -9px;
  border-top: 5px solid #fdf8df;
}
.ui-popup-bottom .ui-bubble:before {
  top: -10px;
  border-bottom: 5px solid #cd9c4f;
}
.ui-popup-bottom .ui-bubble:after {
  top: -9px;
  border-bottom: 5px solid #fdf8df;
}
.ui-popup-left-top .ui-bubble:before,
.ui-popup-left-bottom .ui-bubble:before,
.ui-popup-right .ui-bubble:before,
.ui-popup-left-top .ui-bubble:after,
.ui-popup-left-bottom .ui-bubble:after,
.ui-popup-right .ui-bubble:after {
  margin-top: -5px;
}
.ui-popup-left-top .ui-bubble:before,
.ui-popup-left-top .ui-bubble:after {
  bottom: 2px;
}
.ui-popup-left-bottom .ui-bubble:before,
.ui-popup-left-bottom .ui-bubble:after {
  top: 8px;
}
.ui-popup-left-top .ui-bubble:before,
.ui-popup-left-bottom .ui-bubble:before {
  right: -10px;
  border-left: 5px solid #cd9c4f;
}
.ui-popup-left-top .ui-bubble:after,
.ui-popup-left-bottom .ui-bubble:after {
  right: -9px;
  border-left: 5px solid #fdf8df;
}
.ui-popup-right .ui-bubble:before,
.ui-popup-right .ui-bubble:after {
  top: 10px;
}
.ui-popup-right .ui-bubble:before {
  left: -10px;
  border-right: 5px solid #cd9c4f;
}
.ui-popup-right .ui-bubble:after {
  left: -9px;
  border-right: 5px solid #fdf8df;
}
.ui-bubble-content {
  padding: 5px;
  text-align: left;
  white-space: normal!important;
}
/*table*/
.table > thead > tr th,
.table > tbody > tr th,
.table > tfoot > tr th,
.table > thead > tr td,
.table > tbody > tr td,
.table > tfoot > tr td {
  padding: 6px 3px;
  font-size: 14px;
  text-align: center;
  max-width: 200px;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table > thead > tr th.text-left,
.table > tbody > tr th.text-left,
.table > tfoot > tr th.text-left,
.table > thead > tr td.text-left,
.table > tbody > tr td.text-left,
.table > tfoot > tr td.text-left {
  text-align: left;
}
.table > thead > tr th.text-right,
.table > tbody > tr th.text-right,
.table > tfoot > tr th.text-right,
.table > thead > tr td.text-right,
.table > tbody > tr td.text-right,
.table > tfoot > tr td.text-right {
  text-align: right;
}
.table > thead > tr th.nolimit,
.table > tbody > tr th.nolimit,
.table > tfoot > tr th.nolimit,
.table > thead > tr td.nolimit,
.table > tbody > tr td.nolimit,
.table > tfoot > tr td.nolimit {
  max-width: none;
  white-space: nowrap;
}
.table > thead > tr th.nolimit-normal,
.table > tbody > tr th.nolimit-normal,
.table > tfoot > tr th.nolimit-normal,
.table > thead > tr td.nolimit-normal,
.table > tbody > tr td.nolimit-normal,
.table > tfoot > tr td.nolimit-normal {
  white-space: normal;
}
.table > thead > tr th.table-noellipsis,
.table > tbody > tr th.table-noellipsis,
.table > tfoot > tr th.table-noellipsis,
.table > thead > tr td.table-noellipsis,
.table > tbody > tr td.table-noellipsis,
.table > tfoot > tr td.table-noellipsis {
  overflow: visible;
}
.table > thead > tr th.operation,
.table > tbody > tr th.operation,
.table > tfoot > tr th.operation,
.table > thead > tr td.operation,
.table > tbody > tr td.operation,
.table > tfoot > tr td.operation {
  max-width: none;
}
.table > thead > tr th.ck-column,
.table > tbody > tr th.ck-column,
.table > tfoot > tr th.ck-column,
.table > thead > tr td.ck-column,
.table > tbody > tr td.ck-column,
.table > tfoot > tr td.ck-column {
  overflow: inherit;
  text-align: center;
}
.table > thead > tr th.ck-column .dropdown-menu,
.table > tbody > tr th.ck-column .dropdown-menu,
.table > tfoot > tr th.ck-column .dropdown-menu,
.table > thead > tr td.ck-column .dropdown-menu,
.table > tbody > tr td.ck-column .dropdown-menu,
.table > tfoot > tr td.ck-column .dropdown-menu {
  border: 1px solid #e1e1e1;
  min-width: 60px;
  text-align: left;
  margin-left: -14px;
}
.table > thead > tr th.ck-column .dropdown-menu label,
.table > tbody > tr th.ck-column .dropdown-menu label,
.table > tfoot > tr th.ck-column .dropdown-menu label,
.table > thead > tr td.ck-column .dropdown-menu label,
.table > tbody > tr td.ck-column .dropdown-menu label,
.table > tfoot > tr td.ck-column .dropdown-menu label {
  font-size: 12px;
}
.table > thead > tr td,
.table > tbody > tr td,
.table > tfoot > tr td {
  font-size: 12px;
}
.table thead tr th {
  padding: 7px 3px;
  font-weight: 500;
  background-color: #ececec;
}
.table tbody tr td.operation a {
  margin: 0 3px;
}
.table tbody tr td.operation a:hover {
  text-decoration: underline;
}
.table.table-text-left thead tr th {
  background-color: transparent;
}
.table.table-text-left thead tr th,
.table.table-text-left tbody tr td {
  text-align: left;
}
.table.table-text-left thead tr th.field,
.table.table-text-left tbody tr td.field {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  text-align: right;
  background-color: #f5f5f5;
}
.table.table-text-left tbody tr.field-120 .field {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}
.table.table-noellipsis thead tr th,
.table.table-noellipsis tbody tr td {
  overflow: visible;
}
.table.nolimit thead tr th,
.table.nolimit tbody tr td {
  max-width: none;
  white-space: nowrap;
}
.table.limit-normal thead tr th,
.table.limit-normal tbody tr td {
  max-width: none;
  white-space: normal;
}
.table.td-whiteSpace-normal tbody tr td {
  white-space: normal!important;
}
.table > tbody + tbody {
  border-top: none;
}
/*tr.active*/
.table tbody tr.active td,
.table.table-hover tbody tr.active td {
  color: #424242;
  background-color: #eee;
}
.table.table-striped tbody tr.active:nth-child(odd) td {
  color: #424242;
  background-color: #eee;
}
/*table-hover*/
.table-hover > tbody > tr:hover td {
  background-color: #eee;
}
/*table-striped*/
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}
/*table | sorting*/
.table thead .sorting,
.table thead .sorting_asc,
.table thead .sorting_desc {
  padding-right: 15px;
  text-indent: 0;
  cursor: pointer;
}
.table thead .sorting {
  background-image: url('../images/table_sorting.png');
  background-repeat: no-repeat;
  background-position: right center;
}
.table thead .sorting_asc {
  background-image: url('../images/table_sorting_asc.png');
  background-repeat: no-repeat;
  background-position: right center;
}
.table thead .sorting_desc {
  background-image: url('../images/table_sorting_desc.png');
  background-repeat: no-repeat;
  background-position: right center;
}
.table-fixed {
  position: relative;
}
.table-fixed .table-fixed-head {
  height: 80px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}
.table-fixed .table-fixed-data {
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 1;
  top: -80px;
  left: 0;
}
.table-tal > thead > tr th,
.table-tal > tbody > tr th,
.table-tal > tfoot > tr th,
.table-tal > thead > tr td,
.table-tal > tbody > tr td,
.table-tal > tfoot > tr td {
  text-align: left;
}
/*table-scrollable*/
.table-scrollable.table-scrollable-y {
  width: 102%;
  margin-bottom: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
.table-scrollable.xy {
  overflow: auto;
}
.table-scrollable.panel-no-border {
  border-right: 0!important;
  border-bottom: 0!important;
  border-left: 0!important;
  margin: 0!important;
}
.table-scrollable.panel-no-bor-rtlt {
  border-right: 0!important;
  border-left: 0!important;
  margin: 0!important;
}
.table-layout-x {
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: 10px;
}
.table-layout-x .table td {
  max-width: none;
  vertical-align: top;
}
.table-layout-x .table td.middle {
  vertical-align: middle;
}
.table-layout-x .table td.middle > i {
  font-size: 30px;
  color: #e1e1e1;
}
.table-layout-x .table.table-layout {
  margin: 0;
}
.table-layout-x .table.table-layout > tbody > tr > td {
  border: none;
  text-align: left;
  padding: 0;
  overflow: visible;
}
.table-layout-x .table.table-layout > tbody > tr > td .panel {
  margin-bottom: 0;
}
/*tabbable-custom*/
.tabbable-custom {
  overflow: visible;
}
.tabbable-custom > .nav-tabs {
  border-bottom: 1px solid #dcdcdc;
}
.tabbable-custom > .nav-tabs > li {
  border: none;
  margin-right: 6px;
}
.tabbable-custom > .nav-tabs > li.active {
  border: solid 1px #dcdcdc;
  border-top: 4px solid #12b5b0;
  border-bottom: 0;
}
.tabbable-custom > .nav-tabs > li.active > a {
  color: #12b5b0;
  font-weight: bold;
  border: none;
  background-color: #fff;
}
.tabbable-custom > .nav-tabs > li > a {
  color: inherit;
  font-size: 14px;
  padding: 5px 15px;
  border: none;
  border-top: 3px solid transparent;
  background-color: #f5f5f5;
}
.tabbable-custom > .tab-content {
  border: none;
  padding: 10px 0;
}
/* fixed-table */
.fx-table-wrap {
  overflow: hidden;
  width: 100%;
}
.fx-table-wrap .table {
  margin-bottom: 0;
}
.fx-table-wrap .fx-table-corner,
.fx-table-wrap .fx-table-head,
.fx-table-wrap .fx-table-cols,
.fx-table-wrap .fx-table-master {
  position: relative;
  left: 0;
  overflow: hidden;
}
.fx-table-wrap .fx-table-corner {
  z-index: 104;
  height: 0;
  width: 0;
  top: 0;
}
.fx-table-wrap .fx-table-corner.scroll-right {
  border-right: 1px solid #d2d2d2;
  -webkit-box-shadow: 1px 0 3px #d2d2d2;
  -moz-box-shadow: 1px 0 3px #d2d2d2;
  box-shadow: 1px 0 3px #d2d2d2;
}
.fx-table-wrap .fx-table-corner.scroll-down {
  border-bottom: 1px solid #d2d2d2;
}
.fx-table-wrap .fx-table-head {
  z-index: 103;
  height: 0;
}
.fx-table-wrap .fx-table-head.scroll-down {
  border-bottom: 1px solid #d2d2d2;
  -webkit-box-shadow: 0 1px 3px #d2d2d2;
  -moz-box-shadow: 0 1px 3px #d2d2d2;
  box-shadow: 0 1px 3px #d2d2d2;
}
.fx-table-wrap .fx-table-cols {
  z-index: 102;
  width: 0;
  height: 0;
}
.fx-table-wrap .fx-table-cols.scroll-right {
  border-right: 1px solid #d2d2d2;
  -webkit-box-shadow: 1px 0 3px #d2d2d2;
  -moz-box-shadow: 1px 0 3px #d2d2d2;
  box-shadow: 1px 0 3px #d2d2d2;
}
.fx-table-wrap .fx-table-master {
  z-index: 101;
  width: 100%;
  overflow: auto;
}
/* zg talbe */
.zg-table-main {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.zg-table-main table.table {
  margin-bottom: 0 !important;
}
.zg-table-header {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ececec;
}
.zg-table-body {
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
}
.zg-table-body table {
  position: relative;
}
.zg-table-fixed,
.zg-table-fixed-right {
  overflow: hidden;
}
.zg-table-fixed {
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
}
.zg-table-fixed .zg-table-fixed-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.zg-table-fixed .zg-table-fixed-body {
  position: absolute;
  z-index: 3;
}
.zg-table-fixed-right {
  position: absolute;
  top: 0;
  right: 0;
  background-color: inherit;
}
.zg-table-fixed-right .zg-table-fixed-header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}
.zg-table-fixed-right .zg-table-fixed-body {
  position: absolute;
  z-index: 3;
  overflow-x: hidden;
  overflow-y: auto;
}
/*alert*/
.alert {
  padding: 5px;
  margin-bottom: 10px;
}
.alert p {
  margin-bottom: 0;
}
.alert > .row > .col-fix-1 {
  width: 20px;
}
.alert > .row > .col-fix-1.rightfluid {
  margin-right: -20px;
}
.alert > .row > .col-fix-1.rightfluid + .col-fix-auto {
  margin-left: 20px;
}
.alert .fa-exclamation-circle {
  color: #ff9b09;
}
.alert .close {
  position: relative;
  z-index: 1;
}
.alert.alert-warning {
  border-color: #dcc08c;
  background-color: #fffcea;
}
/*gtooltip*/
.gtooltip-wrap {
  position: relative;
}
.gtooltip-wrap .gtooltip {
  display: none;
}
.gtooltip-wrap.has-error .gtooltip {
  display: block;
  box-shadow: 1px 1px 5px #333;
}
.gtooltip-wrap.has-error .gtooltip .tooltip-inner {
  padding: 1px 5px;
  font-size: x-small;
  border-color: #E40014;
  background-color: #E40014;
  color: #fff;
}
.gtooltip-wrap.has-error .gtooltip.top .tooltip-arrow {
  left: 15px;
  border-top-color: #E40014;
}
.gtooltip {
  position: absolute;
  z-index: 999;
  border-radius: 3px !important;
}
.gtooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.gtooltip .tooltip-inner {
  display: inline-block;
  max-width: 380px;
  text-align: left;
  background-color: #FFFCEA;
  color: #8A6D3B;
  border: 1px solid #DCC08C;
  border-radius: 3px !important;
}
.gtooltip.right .tooltip-arrow {
  top: 50%;
  left: -4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #DCC08C;
}
.gtooltip.top .tooltip-arrow {
  bottom: -4px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #DCC08C;
}
.gtooltip.bottom .tooltip-arrow {
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #DCC08C;
}
.gtooltip-icon {
  color: #FF9B09;
  margin: 0 5px;
}
/*toast*/
#toast-container.toast-top-center > div {
  opacity: 1;
}
.toast {
  border-radius: 5px !important;
}
.toast-loading {
  background-image: url('../images/loading.gif') !important;
  background-color: #12b5b0 !important;
}
.toast-top-center {
  left: auto;
  top: 90px !important;
  margin: auto;
}
/*ui-dialog*/
.ui-dialog {
  border-radius: 5px !important;
}
.ui-dialog-header {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  color: #fff;
  background-color: #12b5b0;
}
.ui-dialog-title {
  padding: 8px 15px;
}
.ui-dialog-close {
  top: 7px;
  color: #fff;
  opacity: .8;
}
.ui-dialog-footer {
  border-top: 1px solid #d2d2d2;
  padding: 5px 15px 5px 15px;
}
.ui-dialog-footer button {
  padding: 4px 12px;
  border-radius: 2px!important;
  background-color: #fff;
  color: #12b5b0;
  border: solid 1px #12b5b0;
}
.ui-dialog-footer button,
.ui-dialog-footer button:focus {
  outline: none;
}
.ui-dialog-footer button.ui-dialog-autofocus {
  background-color: #12b5b0;
  border-color: #12b5b0;
}
.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus {
  background-color: #42a7a2;
  border-color: #12b5b0 !important;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer buttonfocus {
  color: #fff;
  border-color: #12b5b0;
  background: #42a7a2;
}
/*calendar*/
.fc-basic-view .fc-body .fc-row {
  min-height: 1em;
}
.fc-row .fc-content-skeleton {
  padding-bottom: 0;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 5;
}
.fc-bgevent {
  cursor: pointer;
}
.fc td.fc-today {
  border: 2px solid #666;
  background-color: transparent;
}
/*.popover*/
.popover {
  z-index: 2000;
  max-width: 400px;
  border-radius: 5px !important;
}
.table .popover {
  z-index: 999;
}
/*datetimepicker*/
.datepickerwrap.right > i {
  display: none;
  background-color: #fff;
  width: 25px;
  height: 28px;
  margin: 1px;
  right: 0;
  padding-top: 6px;
  cursor: pointer;
}
.datepickerwrap.right > i.fa-calendar,
.datepickerwrap.right > i.fa-clock-o {
  display: block;
}
.datepickerwrap.right > i.fa-times {
  background-color: #f2f2f2;
}
.datepickerwrap.right > .form-control {
  padding-right: 3px;
}
.datepickerwrap.right:hover > i {
  display: block;
}
.datetimepicker .datetimepicker-minutes table td {
  width: 510px;
}
.datetimepicker .datetimepicker-minutes .minute {
  width: 40px;
}
.datetimepicker table tr td span.year,
.datetimepicker table tr td span.month {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.datetimepicker table tr td span.year {
  font-size: 14px;
}
.bootstrap-timepicker-widget {
  z-index: 9000 !important;
}
.bootstrap-timepicker-widget input,
.bootstrap-timepicker-widget input:focus {
  border: 1px solid #ddd;
}
.bootstrap-timepicker-widget table td input {
  width: 40px;
}
/* dt picker*/
.form-control[readonly] {
  background-color: #fff;
}
.dtpicker-wrapper {
  display: none;
  border: 2px solid #12b5b0;
  border-radius: 3px;
  -moz-box-shadow: 3px 3px 5px #c5c5c5;
  -webkit-box-shadow: 3px 3px 5px #c5c5c5;
  box-shadow: 3px 3px 5px #c5c5c5;
  background-color: #fff;
}
.dtpicker-wrapper .head {
  padding: 5px;
  text-align: center;
  line-height: 18px;
  width: 210px;
  background-color: #12b5b0;
}
.dtpicker-wrapper .head .prevM,
.dtpicker-wrapper .head .nextM {
  width: 28px;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  font-weight: bold;
  color: #fff;
}
.dtpicker-wrapper .head .prevM:hover,
.dtpicker-wrapper .head .nextM:hover {
  border-color: #fff;
}
.dtpicker-wrapper .head .prevM[disabled],
.dtpicker-wrapper .head .nextM[disabled] {
  border-color: transparent;
  cursor: not-allowed;
}
.dtpicker-wrapper .head .prevM {
  float: left;
}
.dtpicker-wrapper .head .nextM {
  float: right;
}
.dtpicker-wrapper .head .sld-year,
.dtpicker-wrapper .head .sld-month {
  display: inline;
}
.dtpicker-wrapper .head .sld-year + .sld-month {
  margin-left: 5px;
}
.dtpicker-wrapper ul {
  padding: 0;
  margin: 0;
}
.dtpicker-wrapper ul > li {
  list-style: none;
  float: left;
  padding: 1px;
}
.dtpicker-wrapper ul > li > span {
  display: inline-block;
  width: 28px;
  line-height: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  cursor: default;
}
.dtpicker-wrapper ul.dtpicker-main {
  width: 210px;
  height: 174px;
}
.dtpicker-wrapper ul.day > li > span {
  border: 1px dashed transparent;
  cursor: pointer;
  color: #12b5b0;
  font-weight: bold;
}
.dtpicker-wrapper ul.day > li > span:hover {
  background-color: #eeeeee;
}
.dtpicker-wrapper ul.day > li > span.active {
  background-color: #12b5b0;
  color: #fff;
}
.dtpicker-wrapper ul.day > li > span.prev,
.dtpicker-wrapper ul.day > li > span.next {
  color: #999;
  font-weight: normal;
}
.dtpicker-wrapper ul.day > li > span.today {
  border: 1px dashed #12b5b0;
}
.dtpicker-wrapper ul.day > li > span.disabled {
  color: #999;
  font-weight: normal;
  cursor: not-allowed;
  background-color: transparent;
}
.dtpicker-wrapper .time-wrap {
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 5px 0;
}
.dtpicker-wrapper .dtpicker-footer {
  border-top: 1px solid #ddd;
  padding: 3px 5px;
}
.dtpicker-wrapper .actions {
  float: right;
  font-size: 12px;
}
.dtpicker-wrapper .actions button {
  margin-right: 3px;
  background-color: #12b5b0;
  border: 1px solid #12b5b0;
  border-radius: 3px;
  color: #fff;
  outline: none;
}
.dtpicker-wrapper .actions button:hover {
  background-color: #17e3dd;
}
.dtpicker-wrapper .actions button:last-child {
  margin-right: 0;
}
.dtpicker-wrapper .actions button[disabled] {
  background-color: #ddd;
  border-color: #b9b9b9;
}
/*--------accordion--------*/
.accordion .panel .panel-title {
  font-size: 12px;
}
.accordion .panel .panel-title .accordion-toggle {
  padding: 7px 10px;
  color: #12b5b0;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  background: none;
  margin: 0;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  content: "\f056";
  margin-right: 5px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed:before {
  content: "\f055";
}
.accordion .panel .panel-title .accordion-toggle .btn {
  float: right;
  font-size: 12px;
  padding: 3px 5px;
  margin-top: -3px;
  margin-left: 10px;
}
.accordion .list-group {
  margin-bottom: -1px;
}
.accordion .list-group-item {
  border-width: 1px 0;
}
.accordion a.list-group-item.active {
  background-color: transparent;
  border: transparent;
  color: inherit;
  font-weight: bold;
}
.accordion-list .panel + .panel {
  margin-top: -1px;
}
/*accordion | accordion-custom1*/
.accordion-custom1 {
  margin-bottom: -1px;
}
.accordion-custom1 .panel .panel-title {
  font-size: 14px;
}
.accordion-custom1 .panel .panel-title .accordion-toggle {
  padding: 5px 15px 5px 10px;
}
.accordion-custom1 .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  background-position: right -23px;
}
.accordion-custom1 .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: right 8px;
}
.accordion-custom1 .panel + .panel {
  margin-top: -1px;
}
.accordion-custom1 .panel-body {
  padding: 10px;
}
.accordion-custom1 .panel-body select {
  margin-bottom: 10px;
}
/*--------list-group--------*/
/*list-group | list-group-custom1*/
.list-group-custom1 .list-group-item {
  border-width: 0;
}
.list-group-custom1 .list-group-item.active {
  background-color: #e1e1e1;
  font-weight: bold;
  border: solid 1px #ddd;
}
.list-group-custom1 .list-group-item + .list-group-item {
  border-width: 1px 0;
  cursor: pointer;
}
/*yn-unit | icon*/
.ynicon24 {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: -5px 10px 0 0;
  vertical-align: middle;
}
.ynicon24.ynicon24-warning {
  background: url('../images/warning.png');
}
/*loading*/
.loading {
  width: 100%;
  text-align: center;
  padding: 50px 0;
}
.loading,
.loading h1,
.loading h2,
.loading h3,
.loading h4,
.loading h5,
.loading h6 {
  font-family: "microsoft yahei";
}
.loading a:hover {
  text-decoration: underline !important;
}
.loading .state {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.loading.loading-waiting .state {
  background: url('../images/loading.gif');
}
.loading.loading-error .state {
  background: url('../images/error.png');
}
.loading.loading-empty .state {
  background: url('../images/warning.png');
}
.loading.loading-td {
  padding: 0 !important;
  border: none !important;
}
.loading-td {
  border-left: none !important;
}
/*dg-toast*/
#dg-toast-container > .dg-toast {
  padding: 0 15px 0 50px;
  background-position: 15px -1px;
  background-repeat: no-repeat;
}
#dg-toast-container > .dg-toast-error {
  background-image: url('../images/error.png') !important;
}
#dg-toast-container > .dg-toast-success {
  background-image: url('../images/success.png') !important;
}
#dg-toast-container > .dg-toast-warning {
  background-image: url('../images/warning.png') !important;
}
#dg-toast-container .dg-toast-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 24px;
  width: 350px;
}
#dg-toast-container .dg-toast-message {
  font-size: 12px;
  width: 320px;
}
#dg-toast-container .dg-toast-message ul {
  width: 320px;
  max-height: 120px;
  overflow-y: auto;
  padding: 5px;
  margin: 0;
  border: 1px solid #ddd;
}
/*panel*/
.panel .panel-heading,
.panel .panel-body {
  padding: 10px;
}
.panel.left-title {
  position: relative;
  padding-top: 10px;
  margin-top: 10px;
}
.panel.left-title > .panel-heading {
  border: none;
  background: #fff;
  font-size: 16px;
  display: inline-block;
  padding: 5px;
  position: absolute;
  top: -16px;
  left: 5px;
}
.panel.left-title.noborder {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.panel-after {
  position: relative;
}
.panel-after .circle-title,
.panel-after .panel-after-a {
  position: absolute;
  top: -15px;
  left: 10px;
  padding: 5px;
  background-color: #fff;
}
.panel-after .panel-after-a {
  right: 10px;
  left: inherit;
  font-size: 14px;
}
.panel-after.border-top {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
/*select-group*/
.field-control .form-group .select-group {
  max-width: none;
}
.col-fix-3 .select-group > .btn {
  width: 110px !important;
}
.select-group {
  min-width: 120px;
  max-width: 100%;
  position: relative;
}
.select-group > .btn {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 20px 3px 5px;
  text-align: left;
}
.select-group > .btn.btn-default {
  height: 30px;
}
.select-group > .btn.btn-default:focus,
.select-group > .btn.btn-default:hover {
  background-color: #fff;
}
.select-group > .btn i {
  position: absolute;
  right: 10px;
  top: 7px;
}
.select-group .dropdown-menu {
  border-color: #ddd;
  min-width: 190px;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.select-group .dropdown-menu .select-items {
  max-height: 150px;
  overflow-y: auto;
}
.select-group .dropdown-menu .select-items .item-group-header {
  padding: 3px;
  font-size: 13px;
}
.select-group .dropdown-menu .form-control {
  width: 100%;
}
.select-group .dropdown-menu input[type=checkbox],
.select-group .dropdown-menu input[type=radio] {
  margin: 0 4px 0 0;
}
.select-group .dropdown-toggle:hover,
.select-group .dropdown-toggle:focus {
  background-color: inherit;
}
.select-group .select-dropdown-header {
  color: #999;
  padding: 5px 0;
  font-size: 14px;
  font-style: italic;
}
.select-group .select-group-bottom {
  padding: 5px 5px;
  margin: 0 -5px -5px -5px;
  border-top: 1px solid #ddd;
}
.select-group .select-group-bottom label > input {
  vertical-align: middle;
}
.select-group .select-group-bottom .btn {
  padding: 1px 5px;
}
/*list-group-tree*/
.list-group-tree .list-group-item {
  list-style: none;
  border: none;
  margin-bottom: 0;
  padding: 0;
}
.list-group-tree .group-item {
  border-bottom: 1px solid #ddd;
  padding: 8px 10px;
}
.list-group-tree .list-group-tree {
  margin-bottom: 0;
  padding: 0;
}
.list-group-tree .list-group-tree > .list-group-item .group-item {
  padding-left: 40px;
}
.list-group-tree input[type=radio],
.list-group-tree input[type=checkbox] {
  margin: 0 3px;
}
/*list-group-search*/
.list-group-search .search {
  margin-bottom: 10px;
}
.list-group-search .list-group {
  margin: 0;
}
/*layout2*/
.layout2 .col-left {
  float: left;
  width: 200px;
  margin-right: -100%;
  position: relative;
}
.layout2 .col-right-wrap {
  float: left;
  width: 100%;
}
.layout2 .col-right-wrap .col-right {
  margin-left: 210px;
}
.layout2 .col-left .panel .list-group {
  margin: 0;
}
.layout2 .col-left .panel-heading,
.layout2 .col-left .panel-body {
  padding: 5px;
}
.layout2 .col-left .panel-body .treewrap {
  margin: -5px;
}
.layout2 .col-left .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  padding: 5px 18px;
  padding-right: 0px;
  margin: -5px 0;
}
.layout2 .col-left .accordion.accordion-icon-left .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  background-position: left -21px;
}
.layout2 .col-left .accordion.accordion-icon-left .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: left 10px;
}
.layout2 .col-left .accordion.accordion-icon-left .list-group-item {
  padding-left: 24px;
}
.layout2 .col-left .treewrap {
  margin: -10px;
}
.layout2 .col-left .treewrap .tree-all {
  line-height: 24px;
  display: inline-block;
  padding-right: 10px;
  margin: 5px 0 -5px 10px;
  text-decoration: none;
  color: inherit;
}
.layout2 .col-left .list-group {
  margin: -10px 0;
}
.layout2 .col-left .list-group .list-group-item {
  border-left: none;
  border-right: none;
}
.layout2 .col-left .list-group .list-group-item:last-child {
  border-bottom: none;
}
.layout2 .col-left .list-group-wrap .list-group .list-group-item:first-child {
  border-top: none;
}
.layout2 .col-left .list-group-search .list-group {
  margin: 0 0 -10px 0;
}
.layout2 .col-left .list-group-search .list-group .list-group-item:last-child {
  border-bottom: none;
}
/*row fix grid*/
.fix.row,
.fix.form-group,
.fix .row,
.fix .form-group {
  margin-left: -5px;
  margin-right: -5px;
}
.fix [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
  word-break: break-all;
  min-height: 1px;
}
.fix [class*=col-fix] {
  float: left;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 1px;
}
.fix .control-label .required {
  padding-left: 0;
}
.col-fix-fluid {
  float: none;
}
.col-fix-1 {
  width: 40px;
}
.col-fix-1.rightfluid {
  margin-right: -40px;
}
.col-fix-1.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 40px;
}
.col-fix-2 {
  width: 80px;
}
.col-fix-2.rightfluid {
  margin-right: -80px;
}
.col-fix-2.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 80px;
}
.col-fix-3 {
  width: 120px;
}
.col-fix-3.rightfluid {
  margin-right: -120px;
}
.col-fix-3.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 120px;
}
.col-fix-4 {
  width: 160px;
}
.col-fix-4.rightfluid {
  margin-right: -160px;
}
.col-fix-4.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 160px;
}
.col-fix-5 {
  width: 200px;
}
.col-fix-5.rightfluid {
  margin-right: -200px;
}
.col-fix-5.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 200px;
}
.col-fix-6 {
  width: 240px;
}
.col-fix-6.rightfluid {
  margin-right: -240px;
}
.col-fix-6.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 240px;
}
.col-fix-7 {
  width: 280px;
}
.col-fix-7.rightfluid {
  margin-right: -280px;
}
.col-fix-7.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 280px;
}
.col-fix-8 {
  width: 320px;
}
.col-fix-8.rightfluid {
  margin-right: -320px;
}
.col-fix-8.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 320px;
}
.col-fix-9 {
  width: 360px;
}
.col-fix-9.rightfluid {
  margin-right: -360px;
}
.col-fix-9.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 360px;
}
.col-fix-10 {
  width: 400px;
}
.col-fix-10.rightfluid {
  margin-right: -400px;
}
.col-fix-10.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 400px;
}
.col-fix-11 {
  width: 440px;
}
.col-fix-11.rightfluid {
  margin-right: -440px;
}
.col-fix-11.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 440px;
}
.col-fix-12 {
  width: 480px;
}
.col-fix-12.rightfluid {
  margin-right: -480px;
}
.col-fix-12.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 480px;
}
.col-fix-13 {
  width: 520px;
}
.col-fix-13.rightfluid {
  margin-right: -520px;
}
.col-fix-13.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 520px;
}
.col-fix-14 {
  width: 560px;
}
.col-fix-14.rightfluid {
  margin-right: -560px;
}
.col-fix-14.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 560px;
}
.col-fix-15 {
  width: 600px;
}
.col-fix-15.rightfluid {
  margin-right: -600px;
}
.col-fix-15.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 600px;
}
.col-fix-16 {
  width: 640px;
}
.col-fix-16.rightfluid {
  margin-right: -640px;
}
.col-fix-16.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 640px;
}
.col-fix-17 {
  width: 680px;
}
.col-fix-17.rightfluid {
  margin-right: -680px;
}
.col-fix-17.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 680px;
}
.col-fix-18 {
  width: 720px;
}
.col-fix-18.rightfluid {
  margin-right: -720px;
}
.col-fix-18.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 720px;
}
.col-fix-19 {
  width: 760px;
}
.col-fix-19.rightfluid {
  margin-right: -760px;
}
.col-fix-19.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 760px;
}
.col-fix-20 {
  width: 800px;
}
.col-fix-20.rightfluid {
  margin-right: -800px;
}
.col-fix-20.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 800px;
}
.col-fix-21 {
  width: 840px;
}
.col-fix-21.rightfluid {
  margin-right: -840px;
}
.col-fix-21.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 840px;
}
.col-fix-22 {
  width: 880px;
}
.col-fix-22.rightfluid {
  margin-right: -880px;
}
.col-fix-22.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 880px;
}
.col-fix-23 {
  width: 920px;
}
.col-fix-23.rightfluid {
  margin-right: -920px;
}
.col-fix-23.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 920px;
}
.col-fix-24 {
  width: 960px;
}
.col-fix-24.rightfluid {
  margin-right: -960px;
}
.col-fix-24.rightfluid + [class^=col-fix] {
  float: none;
  margin-left: 960px;
}
.col-fix-offset-1 {
  margin-left: 40px;
}
.col-fix-offset-2 {
  margin-left: 80px;
}
.col-fix-offset-3 {
  margin-left: 120px;
}
.col-fix-offset-4 {
  margin-left: 160px;
}
.col-fix-offset-5 {
  margin-left: 200px;
}
.col-fix-offset-6 {
  margin-left: 240px;
}
.col-fix-offset-7 {
  margin-left: 280px;
}
.col-fix-offset-8 {
  margin-left: 320px;
}
.col-fix-offset-9 {
  margin-left: 360px;
}
.col-fix-offset-10 {
  margin-left: 400px;
}
.col-fix-offset-11 {
  margin-left: 440px;
}
.col-fix-offset-12 {
  margin-left: 480px;
}
.col-fix-offset-13 {
  margin-left: 520px;
}
.col-fix-offset-14 {
  margin-left: 560px;
}
.col-fix-offset-15 {
  margin-left: 600px;
}
.col-fix-offset-16 {
  margin-left: 640px;
}
.col-fix-offset-17 {
  margin-left: 680px;
}
.col-fix-offset-18 {
  margin-left: 720px;
}
.col-fix-offset-19 {
  margin-left: 760px;
}
.col-fix-offset-20 {
  margin-left: 800px;
}
.col-fix-offset-21 {
  margin-left: 840px;
}
.col-fix-offset-22 {
  margin-left: 880px;
}
.col-fix-offset-23 {
  margin-left: 920px;
}
.col-fix-offset-24 {
  margin-left: 960px;
}
.scroll-x {
  overflow-x: auto;
}
.scroll-x > .row.fix,
.scroll-x > .row.fix > [class*=col-fix] {
  margin: 0;
  padding: 0;
}
.scroll-x .row.fix > [class*=col-fix] {
  padding-left: 10px;
}
.scroll-x .row.fix > [class*=col-fix]:first-child {
  padding-left: 0;
}
.scroll-x > .row.fix > [class*=col-fix] {
  display: table-cell;
  white-space: nowrap;
  vertical-align: top;
  float: none;
}
.scroll-x .table {
  margin-bottom: 0;
}
.fix-table [class*=col-fix],
.fix-table.row [class*=col-fix],
.fix-table.fix [class*=col-fix] {
  display: table-cell;
}
/*form-wizard 步骤向导*/
.form-wizard {
  margin-bottom: 20px;
}
.form-wizard .nav-steps {
  position: relative;
  background-color: #f5f5f5;
  border: 1px solid #d4d4d4;
}
.form-wizard .nav-steps > li {
  float: left;
}
.form-wizard .nav-steps > li.done .step,
.form-wizard .nav-steps > li.active .step {
  font-weight: bold;
  margin: -1px 0;
  border: 1px solid #12b5b0;
  border-right: 0;
  background-color: #12b5b0;
  color: #fff;
}
.form-wizard .nav-steps > li.done .step .chevron:before,
.form-wizard .nav-steps > li.active .step .chevron:before {
  border-left-color: #12b5b0;
}
.form-wizard .nav-steps > li:first-child .step {
  padding-left: 15px;
}
.form-wizard .nav-steps .step {
  position: relative;
  display: block;
  padding: 5px 20px 5px 30px;
  font-size: 14px;
  background-color: #f5f5f5;
  color: #12b5b0;
}
.form-wizard .nav-steps .step .chevron,
.form-wizard .nav-steps .step .chevron:before {
  position: absolute;
  top: 0;
  right: -13px;
  z-index: 1;
  display: block;
  border: 15px solid transparent;
  border-left: 12px solid #d4d4d4;
  border-right: none;
}
.form-wizard .nav-steps .step .chevron:before {
  content: '';
  top: -15px;
  right: 1px;
  border-left-color: #f5f5f5;
}
/*ztree*/
.ztree {
  overflow-x: auto;
}
.ztree li a:hover,
.ztree li a.curSelectedNode {
  background-color: #eee!important;
}
.ztree li a:hover span a,
.ztree li a.curSelectedNode span a {
  color: #12b5b0;
  font-weight: bold;
}
.ztree li a:hover a,
.ztree li a.curSelectedNode a {
  color: #fff;
  background-color: inherit;
}
.ztree li a.curSelectedNode {
  font-weight: bold;
  text-decoration: underline;
}
.ztree li a span.right-operation {
  visibility: hidden;
  display: inherit;
}
.ztree li a span.right-operation a {
  padding: 0;
}
.ztree li a:hover span.right-operation {
  visibility: visible;
}
.ztree i.fa {
  font: normal normal normal 14px/1 FontAwesome;
}
.ztree-check-full {
  padding: 5px 5px 5px 10px;
  display: inline-block;
}
.ztree-check-full span.full-name {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.ztree-check-full span.button {
  display: inline-block;
  background-image: url(../images/ynztree/zTreeStandard.png);
  vertical-align: middle;
  width: 15px;
  height: 16px;
  margin: 0 3px 0 0;
  cursor: auto;
}
.ztree-check-full span.button.checkbox_false_full {
  background-position: -53px -77px;
}
.ztree-check-full span.button.checkbox_true_full {
  background-position: -101px -77px;
}
.defined-ztree.ztree li ul li:last-child span.button.center_docu {
  background-position: -75px -48px;
}
.defined-ztree.ztree li span.button.root_open {
  background-position: -24px -72px;
}
.defined-ztree.ztree li a.curSelectedNode {
  font-weight: normal;
  text-decoration: none;
}
/*webuploader*/
.file-uploader .panel {
  margin: 0;
}
.file-uploader .panel .panel-heading {
  overflow: hidden;
  background-color: inherit;
  padding: 5px 10px;
}
.file-uploader .panel.single {
  border: none;
}
.file-uploader .panel.single .panel-heading {
  border: none;
  padding: 0;
}
.file-uploader .file-list .list-group {
  margin: -1px 0;
}
.file-uploader .file-list .list-group .list-group-item {
  border-left: none;
  border-right: none;
}
.file-uploader .file-list .file-feeds {
  overflow: hidden;
}
.file-uploader .file-list .file-feeds .col1,
.file-uploader .file-list .file-feeds .col2 {
  float: left;
}
.file-uploader .file-list .file-feeds .col1 {
  width: 100%;
}
.file-uploader .file-list .file-feeds .col1 .cont {
  padding: 0;
  margin-right: 10px;
}
.file-uploader .file-list .file-feeds .col1 .cont > li {
  float: left;
  margin-right: 10px;
}
.file-uploader .file-list .file-feeds .col1 .cont > li.progress-wrap .progress {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  margin: 0;
  height: 12px;
}
.file-uploader .file-list .file-feeds .col1 .cont > li.progress-wrap .progress .progress-bar {
  color: #424242;
  line-height: 12px;
  background-color: #337ab7;
}
.file-uploader .file-list .file-feeds .col1 .cont > li.progress-wrap .percent {
  display: inline-block;
}
.file-uploader .file-list .file-feeds .col2 {
  width: 80px;
  margin-left: -80px;
  text-align: right;
}
.file-uploader .btn-addfile {
  float: left;
  margin-right: 10px;
}
.webuploader-pick {
  background-color: #12b5b0;
  padding: 7px 15px 6px 15px;
  border-radius: 2px !important;
  overflow: inherit;
  height: 30px;
  line-height: 17px;
}
.webuploader-pick-hover {
  background-color: #42a7a2;
}
/*query condition*/
.query-condition {
  margin-bottom: 10px;
  background-color: #f2f2f2;
}
.query-condition .condition-wrap {
  display: inline-block;
  position: relative;
  padding-top: 5px;
  padding-right: 150px;
  margin-bottom: -5px;
}
.query-condition .condition-wrap .condition {
  margin-right: 10px;
  max-width: 870px;
}
.query-condition .condition-wrap .condition .field {
  float: left;
  width: 290px;
  display: inline-block;
}
.query-condition .condition-wrap .condition .field .field-label,
.query-condition .condition-wrap .condition .field .field-control,
.query-condition .condition-wrap .condition .field .field-group {
  float: left;
}
.query-condition .condition-wrap .condition .field .field-label,
.query-condition .condition-wrap .condition .field .field-group {
  width: 100px;
  padding-right: 5px;
}
.query-condition .condition-wrap .condition .field .field-group {
  padding: 0;
  padding-left: 23px;
}
.query-condition .condition-wrap .condition .field .field-group .form-control {
  border-right: 0;
  float: right;
}
.query-condition .condition-wrap .condition .field .field-control {
  width: 190px;
  height: 30px;
}
.query-condition .condition-wrap .condition .field .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}
.query-condition .condition-wrap .condition .field .input-group-addon {
  width: 20px;
  min-width: 0;
  padding: 6px 2px;
}
.query-condition .condition-wrap .condition .field .control-label .required {
  margin-right: -5px;
  margin-left: -5px;
}
.query-condition .condition-wrap .condition .field.field-auto {
  width: auto;
}
.query-condition .condition-wrap .condition .field.date-time-group {
  width: 320px;
}
.query-condition .condition-wrap .condition .field.date-time-group .field-control {
  width: 320px;
}
.query-condition .condition-wrap .condition .field.date-time-group input.date-picker {
  width: 150px!important;
}
.query-condition .condition-wrap .query-action {
  width: 150px;
  position: absolute;
  right: 0;
  top: 5px;
}
.query-condition.nobg {
  background-color: inherit;
}
.query-condition.label5 .condition-wrap,
.query-condition.control120 .condition-wrap {
  max-width: 745px;
  min-width: 745px;
}
.query-condition.label5 .condition-wrap .condition .field,
.query-condition.control120 .condition-wrap .condition .field {
  width: auto;
}
.query-condition.label5 .condition-wrap .condition .field .field-label,
.query-condition.label5 .condition-wrap .condition .field .field-group {
  width: 75px;
}
.query-condition.control120 .condition-wrap .condition .field .field-control {
  width: 120px;
}
/*filter*/
.yn-filter {
  background-color: #f2f2f2;
  margin-bottom: 10px;
}
.yn-filter .yn-filter-in {
  padding-top: 10px;
}
.yn-filter .radio-list {
  height: 30px;
}
/*table-checkbox*/
.yn-table-checkbox th,
.yn-table-checkbox td {
  width: 20%;
}
.yn-table-checkbox .table {
  margin-bottom: -1px !important;
}
.yn-table-checkbox .table-advance thead tr th {
  background-color: #efefef;
}
.yn-table-checkbox .table-advance thead tr.option th {
  background-color: #ececec;
}
.yn-table-checkbox .item .fa {
  font-size: 16px;
  color: #2e933d;
  cursor: pointer;
  vertical-align: middle;
}
.yn-table-checkbox .subitem td {
  padding-left: 45px;
}
/*table-tree*/
.yn-table-tree .item td.tree-list,
.yn-table-tree .subitem-0 td.tree-list,
.yn-table-tree .subitem-1 td.tree-list,
.yn-table-tree .subitem-2 td.tree-list,
.yn-table-tree .subitem-3 td.tree-list {
  text-align: left;
}
.yn-table-tree .subitem-0 td.tree-list {
  padding-left: 20px;
}
.yn-table-tree .subitem-1 td.tree-list {
  padding-left: 40px;
}
.yn-table-tree .subitem-2 td.tree-list {
  padding-left: 60px;
}
.yn-table-tree .subitem-3 td.tree-list {
  padding-left: 80px;
}
/*backscreen-btn*/
.backscreen-btn {
  display: none;
  position: fixed;
  top: -1px;
  right: 50px;
}
.backscreen-btn a {
  display: inline-block;
  text-decoration: none;
  padding: 7px 20px;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  box-shadow: 0px 1px 0px #888;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #424242;
}
/*pirate*/
.pirate {
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #e40014;
  box-shadow: 0 0 5px #888;
  background-color: #fffcb5;
  position: relative;
  z-index: 2;
}
.pirate i {
  font-size: 18px;
  margin-right: 10px;
}
/*back-to-top*/
.back-top {
  position: fixed;
  right: 15px;
  bottom: 30px;
}
.back-top .item {
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  cursor: pointer;
}
.back-top .corner-pirate {
  padding: 2px 5px;
  margin-bottom: 0;
  border: 1px solid #ddd;
  background-color: #ff6000;
  color: #fff;
  text-align: center;
  border-radius: 5px !important;
}
.back-top .popover {
  max-width: 270px !important;
}
/*corner-pirate*/
.corner-pirate-popover {
  position: relative;
  width: 240px;
}
.corner-pirate-popover .pirate-icon,
.corner-pirate-popover .pirate-text {
  float: left;
}
.corner-pirate-popover .pirate-icon {
  width: 40px;
  height: 40px;
  margin-right: -40px;
  background: url("../images/coa.png");
}
.corner-pirate-popover .pirate-text {
  margin-left: 50px;
}
.corner-pirate-popover .pirate-text p {
  color: #333;
  font-size: 12px;
  margin-bottom: 5px;
}
.corner-pirate-popover .close {
  position: absolute;
  right: 0;
  top: 0;
}
/*pagination*/
.yn-pagination {
  float: right;
  line-height: 25px;
}
.yn-pagination a,
.yn-pagination span,
.yn-pagination label {
  font-size: 12px;
}
.yn-pagination a,
.yn-pagination span {
  position: relative;
  float: left;
  height: 25px;
  padding: 0 10px 0 10px;
  margin-left: 3px;
  line-height: 25px;
  color: #444;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.yn-pagination a i,
.yn-pagination span i {
  line-height: 25px;
  margin: 0;
}
.yn-pagination a.disabled {
  cursor: not-allowed;
  background-color: inherit;
  color: #999;
  border-color: #ddd;
}
.yn-pagination span {
  border: none;
  padding: 0 4px 0 4px;
}
.yn-pagination span.pg-control {
  padding: 0;
}
.yn-pagination span.pg-control input.form-control {
  width: 35px;
  height: 25px;
  padding: 4px 4px;
}
.yn-pagination span.pg-control select.form-control {
  padding: 0;
  height: 25px;
}
.yn-pagination span.pg-control .btn {
  padding: 3px 5px 4px 5px;
  font-size: 12px;
}
/*selected-list*/
.selected-list .panel {
  margin-bottom: 0;
}
.selected-list .panel .panel-heading {
  padding: 7px 15px;
}
.selected-list .panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 1px solid #ddd;
}
.selected-list .panel > .list-group .list-group-item {
  padding: 5px 15px;
}
.selected-list .panel > .list-group .del {
  float: right;
  margin-top: -10px;
  cursor: pointer;
}
/*ynselector*/
.ynselector {
  font-size: 12px;
}
.ynselector a:hover,
.ynselector a:focus {
  text-decoration: none;
}
.ynselector input {
  margin: 0;
  vertical-align: middle;
}
.ynselector .col1,
.ynselector .col2 {
  float: left;
}
.ynselector .col1-con1,
.ynselector .col1-con2 {
  float: left;
  height: 340px;
  overflow: hidden;
}
.ynselector .col1-con1 {
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #ddd;
  width: 150px;
}
.ynselector .col1-con1 .panel-default {
  border-width: 1px 0;
}
.ynselector .col1-con1 .panel-default:first-child {
  border-top-width: 0;
}
.ynselector .col1-con2 {
  margin-left: 10px;
}
.ynselector .col1-con2 .list-group {
  margin-top: 10px;
  margin-bottom: 0;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ynselector .col1-con2 .list-group-item {
  padding: 5px 10px;
}
.ynselector .tabbable-custom {
  margin: 0;
}
.ynselector .tabbable-custom > .nav-tabs > li {
  margin-right: 0;
}
.ynselector .tabbable-custom > .nav-tabs > li > a,
.ynselector .tabbable-custom > .nav-pills > li > a {
  font-size: 12px;
}
.ynselector .table > thead tr th,
.ynselector .table > tbody tr th,
.ynselector .table > thead tr td,
.ynselector .table > tbody tr td {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}
.ynselector .selected-list {
  margin-left: 10px;
  width: 170px;
}
.ynselector .selected-list .list-group {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ynselector .selected-list .fa-times {
  cursor: pointer;
}
.ynselector.selector_user .col1-con1,
.ynselector.selector_user .col1-con2 {
  height: 370px;
}
.ynselector.selector_user .selected-list .list-group {
  height: 393px;
}
.ynselector.selector_role .col1-con1,
.ynselector.selector_role .col1-con2 {
  height: 370px;
}
.ynselector.selector_role .selected-list .list-group {
  height: 328px;
}
.ynselector.selector_org .col1-con2 {
  width: 300px;
}
.ynselector.selector_sys .col1-con1 {
  width: 180px;
}
.ynselector.selector_floor .col1-con1,
.ynselector.selector_floor .col1-con2 {
  height: 180px;
}
.ynselector .selector_major .list-unstyled {
  margin-bottom: 0;
}
.ynselector .selector_major .list-unstyled li:last-child p {
  margin-bottom: 0;
}
.ynselector .selector_major .list-unstyled li.active {
  font-weight: bold;
  color: #49912b;
}
.ui-dialog-body .ynselector {
  margin: -10px;
}
.ui-dialog-body .globle-selector {
  margin: -5px;
}
/*全局选择器 globle-selector*/
.globle-selector .gs-main {
  float: left;
  width: 600px;
}
.globle-selector .gs-main .op-tab {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e1e1e1;
}
.globle-selector .gs-main .op-tab .btn {
  padding: 3px 15px;
  border-radius: 10px !important;
}
.globle-selector .gs-main .filter .btn.btn-block {
  text-align: left;
}
.globle-selector .gs-main .filter .btn.btn-block i {
  float: right;
}
.globle-selector .gs-main .filter .select-group,
.globle-selector .gs-main .filter .select-group > .btn,
.globle-selector .gs-main .filter .btn-group > .btn,
.globle-selector .gs-main .filter .input-group-btn > .btn {
  color: #999;
}
.globle-selector .gs-main .filter .select-group:hover,
.globle-selector .gs-main .filter .select-group > .btn:hover,
.globle-selector .gs-main .filter .btn-group > .btn:hover,
.globle-selector .gs-main .filter .input-group-btn > .btn:hover,
.globle-selector .gs-main .filter .select-group:focus,
.globle-selector .gs-main .filter .select-group > .btn:focus,
.globle-selector .gs-main .filter .btn-group > .btn:focus,
.globle-selector .gs-main .filter .input-group-btn > .btn:focus {
  background-color: transparent;
}
.globle-selector .gs-main .filter .select-group .dropdown-menu .select-items {
  padding: 1px;
  max-height: 200px;
}
.globle-selector .gs-main .filter .form-group {
  margin-right: 5px;
}
.globle-selector .gs-main .filter .btn-group {
  width: 110px;
}
.globle-selector .gs-main .filter .select-group {
  min-width: 50px;
  max-width: none;
}
.globle-selector .gs-main .search {
  margin: 5px 0;
}
.globle-selector .gs-selected {
  float: right;
  width: 190px;
  font-size: 12px;
}
.globle-selector .gs-selected .panel-default .list-group {
  height: 404px;
  overflow-y: auto;
}
.globle-selector.selector_user .gs-body {
  width: 800px;
}
.globle-selector .dropdown-menu .tree {
  max-height: 300px;
  overflow-y: auto;
}
.globle-selector .dropdown-menu .ztree li a {
  padding: 0;
  display: inline-block;
}
.globle-selector .form-group {
  margin-bottom: 5px;
}
.globle-selector .form-control {
  padding: 2px;
  height: 30px;
  font-size: 14px;
  border-color: #ccc;
}
.globle-selector .input-group-btn .btn,
.globle-selector .select-group > .btn.btn-default {
  height: 28px;
}
.globle-selector .btn.btn-default {
  padding: 4px 7px;
}
.globle-selector .select-group-bottom .btn {
  padding: 1px 7px;
}
.globle-selector .table thead th,
.globle-selector .table tbody th,
.globle-selector .table tfoot th,
.globle-selector .table thead td,
.globle-selector .table tbody td,
.globle-selector .table tfoot td {
  text-align: left;
  padding: 4px 4px;
}
.globle-selector .table thead th,
.globle-selector .table tbody th,
.globle-selector .table tfoot th {
  font-size: 12px;
  font-weight: normal;
}
.globle-selector .table thead .sorting {
  background-position: right 5px;
}
.globle-selector .table thead .sorting.sorting_asc {
  background-position: right -26px;
}
.globle-selector .table thead .sorting.sorting_desc {
  background-position: right -61px;
}
/*yn-chs-columns*/
.yn-chs-columns {
  float: right;
  margin-left: 10px;
}
.yn-chs-columns .btn {
  padding: 0 8px;
}
.yn-chs-columns .btn i {
  line-height: 24px;
  font-size: 14px;
}
/*body*/
body.fullscreen .page-header,
body.fullscreen .page-sidebar-wrapper,
body.fullscreen .page-breadcrumb,
body.fullscreen .page-container .pirate,
body.fullscreen .page-footer,
body.fullscreen .back-top {
  display: none;
}
body.fullscreen .page-container,
body.fullscreen .page-container .page-content-wrapper .page-content {
  margin: 0;
}
body.backscreen .backscreen-btn {
  display: block;
}
body.home {
  background-color: #12b5b0;
}
/*page-header*/
.page-header.navbar {
  height: 50px;
  background-color: #12b5b0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  /*主导航*/
  /*用户信息*/
}
.page-header.navbar.navbar-fixed-top {
  z-index: 1001 !important;
}
.page-header.navbar .hor-menu .navbar-nav {
  margin-right: 10px;
}
.page-header.navbar .hor-menu .navbar-nav > li > a {
  padding: 15px 20px;
  font-size: 16px;
  color: #fff;
}
.page-header.navbar .hor-menu .navbar-nav > li > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li > a:focus {
  background-color: #42a7a2;
}
.page-header.navbar .top-menu {
  margin-left: -270px;
}
.page-header.navbar .top-menu .dropdown-menu {
  font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;
}
.page-header.navbar .top-menu .navbar-nav {
  margin: 0;
}
.page-header.navbar .top-menu .navbar-nav > li > a {
  color: #fff;
  line-height: 24px;
}
.page-header.navbar .top-menu .navbar-nav > li > a:hover,
.page-header.navbar .top-menu .navbar-nav > li > a:focus {
  background-color: transparent;
}
.page-header.navbar .top-menu .nav.pull-right > li > .dropdown-menu {
  right: 8px;
}
.page-header .page-logo {
  width: auto!important;
  padding: 0 0 0 10px;
}
.page-header .page-logo a {
  text-decoration: none;
  display: block;
}
.page-header .page-logo .logo-img {
  float: left;
  margin-top: 5px;
}
.page-header .page-logo .logo-default {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 0!important;
}
.page-header .page-logo .logo-text {
  float: left;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 13px 0 12px 5px;
  text-shadow: 2px 2px 2px #7b7b7b;
}
.page-header .page-header-inner .top-right .nav-search-group {
  margin-top: 10px;
  margin-right: 5px;
}
.page-header .page-header-inner .top-right .base-info {
  padding: 3px 20px 4px 15px!important;
}
.page-header .page-header-inner .top-right .base-info .info {
  color: #fff;
}
.page-header .back-home {
  margin-top: 10px;
}
.page-header .back-home .btn {
  background-color: #fff;
}
.page-header-fixed .page-container {
  margin-top: 50px;
}
.page-container.has-activated-warning > .alert.alert-warning {
  margin-bottom: 0;
  border-top: 0;
  padding: 15px;
  color: #f40;
  font-size: 16px;
  background-color: #FFCC99;
}
/*首页侧栏*/
.home-slider .school-info .status:hover {
  color: #12b5b0;
}
.home-slider {
  position: relative;
  float: left;
  width: 180px;
  margin-right: -100%;
  color: #fff;
}
.home-slider .school-info {
  margin: 25px 0 20px 0;
  text-align: center;
  position: relative;
}
.home-slider .school-info .school-logo {
  width: 120px;
  height: 120px;
  border-radius: 50%!important;
  display: inline-block;
  overflow: hidden;
  line-height: 120px;
  text-align: center;
}
.home-slider .school-info .school-logo img {
  width: 120px;
  height: 120px;
  display: inline-block;
}
.home-slider .school-info .status {
  position: absolute;
  left: 50%;
  top: 105px;
  cursor: pointer;
  padding: 1px 5px;
  margin-left: -30px;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  -webkit-border-radius: 15px!important;
  -moz-border-radius: 15px!important;
  border-radius: 15px!important;
}
.home-slider .school-info .status:hover .status-popover {
  color: #666;
  display: block;
}
.home-slider .school-info .status .status-popover {
  width: 200px;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
  position: absolute;
  left: 102%;
  top: -11px;
  display: none;
}
.home-slider .school-info .status .status-popover:hover {
  cursor: default;
}
.home-slider .school-info .status .status-popover:before,
.home-slider .school-info .status .status-popover:after {
  display: block;
  content: '';
  position: absolute;
  left: -16px;
  top: 6px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #ddd transparent transparent;
}
.home-slider .school-info .status .status-popover:after {
  left: -15px;
  top: 6px;
  border-color: transparent #fff transparent transparent;
}
.home-slider .school-info .status .status-popover > p {
  text-align: left;
  margin-bottom: 0;
}
.home-slider .school-info .user-name {
  margin-top: 10px;
}
.home-wrap {
  float: left;
  width: 100%;
}
.home-wrap .home-main {
  margin-left: 180px;
  background-color: #f2f2f2;
}
.home-top {
  position: absolute;
  height: 50px;
  border-bottom: 1px solid #d2d2d2;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
}
.home-top .top-search {
  float: right;
  padding: 10px 10px 9px 10px;
}
.home-top .top-search .search-input {
  border-radius: 15px !important;
  width: 300px;
}
.home-top .top-right .user-info .qrcode,
.home-top .top-right .user-info .download {
  padding: 13px 10px 12px;
}
.home-top .top-right .user-info .base-info {
  padding: 5px 20px 4px 15px;
}
.home-top .top-right .user-info .base-info .dropdown-toggle {
  margin-top: 0;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list {
  float: left;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list.user-infor-detail {
  border-right: 1px solid #ddd;
  padding: 15px;
  min-height: 175px;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list.user-infor-actions .theme-box {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list.user-infor-actions .theme-box .theme-options .options-list li {
  margin-left: 0;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list .infor-list {
  color: #999;
  margin-bottom: 5px;
  max-width: 220px;
  word-break: break-all;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list .actions-wrap {
  margin: 10px;
  width: 145px;
}
.home-top .top-right .user-info .base-info .user-infor-menu .user-infor-list .actions-wrap .infor-actions-list {
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
}
.top-right {
  float: right;
}
.top-right p {
  margin-bottom: 0;
}
.top-right .user-info {
  padding-left: 0;
  margin-bottom: 0!important;
}
.top-right .user-info img {
  margin-right: 0;
}
.top-right .user-info li {
  float: left;
}
.top-right .user-info .qrcode,
.top-right .user-info .download {
  padding: 13px 10px;
  cursor: pointer;
  position: relative;
}
.top-right .user-info .qrcode {
  padding: 13px 10px;
}
.top-right .user-info .qrcode .no-read {
  position: absolute;
  right: 6px;
  top: 12px;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%!important;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  background-color: #FF0099;
}
.top-right .user-info .qrcode .dropdown-menu {
  font-size: 12px;
  width: 260px;
  left: -105px;
}
.top-right .user-info .qrcode.news .dropdown-menu {
  width: 290px;
  left: -120px;
}
.top-right .user-info .qrcode.news .message-wrap {
  height: 200px;
  overflow-y: auto;
}
.top-right .user-info .qrcode.news .message-wrap .message-main .message-list-wrap {
  padding: 10px;
}
.top-right .user-info .qrcode.news .message-wrap .message-main .message-list-wrap .message-list {
  padding: 6px 10px;
}
.top-right .user-info .qrcode.news .infor-menu-footer .tips {
  margin-top: 2px;
}
.top-right .user-info .qrcode.news .infor-menu-footer .btn.default {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  padding: 2px 8px;
}
.top-right .user-info .qrcode.undo .message-wrap {
  padding-bottom: 10px;
}
.top-right .user-info .qrcode.undo .message-wrap .undo-list {
  height: 35px;
}
.top-right .user-info .qrcode.undo .message-wrap .undo-list .undo-title {
  padding: 8px 35px 9px 15px;
  font-size: 12px;
  margin-right: -33px;
}
.top-right .user-info .qrcode.undo .message-wrap .undo-list .label {
  margin-top: 3px;
}
.top-right .user-info .base-info {
  position: relative;
  padding: 0px 20px 2px 15px;
  cursor: pointer;
}
.top-right .user-info .base-info .head,
.top-right .user-info .base-info .info {
  float: left;
}
.top-right .user-info .base-info .dropdown-toggle {
  cursor: pointer;
  margin-top: 3px;
}
.top-right .user-info .base-info .user-infor-menu.dropdown-menu {
  font-size: 12px;
  left: 16%;
  top: 125%;
  width: 168px;
  margin-left: -80px;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -moz-border-radius: 4px!important;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list {
  float: left;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list.user-infor-detail {
  border-right: 1px solid #ddd;
  padding: 15px;
  min-height: 175px;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list.user-infor-actions .theme-box {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list.user-infor-actions .theme-box .theme-options .options-list li {
  margin-left: 0;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list .infor-list {
  color: #999;
  margin-bottom: 5px;
  max-width: 220px;
  word-break: break-all;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list .actions-wrap {
  margin: 10px;
}
.top-right .user-info .base-info .user-infor-menu .user-infor-list .actions-wrap .infor-actions-list {
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
}
.top-right .user-info .base-info .user-infor-detail {
  display: none;
}
.top-right .user-info .base-info.student .user-infor-detail {
  display: inline-block;
}
.top-right .user-info .base-info.student .user-infor-menu.dropdown-menu {
  width: 334px;
  margin-left: -215px;
}
.top-right .user-info .base-info.student .user-infor-menu.dropdown-menu:before,
.top-right .user-info .base-info.student .user-infor-menu.dropdown-menu:after {
  left: 66%;
}
.top-right .user-info .base-info.student .user-infor-menu.dropdown-menu .user-infor-list {
  width: 50%;
}
.top-right .user-info .base-info.student .user-infor-menu .user-infor-list.user-infor-actions .theme-box {
  border-bottom-color: transparent;
}
.top-right .user-info .base-info .head {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.top-right .user-info .base-info .head img {
  float: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  margin-right: 0;
  overflow: hidden;
}
.top-right .user-info .base-info .info {
  margin-left: 10px;
  padding: 3px 0 3px 0;
  color: #fff;
}
.top-right .user-info .base-info .info .name {
  min-width: 82px;
}
.top-right .user-info .base-info .info .name > p {
  display: inline-block;
  max-width: 72px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 15px;
}
.top-right .user-info .base-info .info .name > p:last-child {
  max-width: 45px;
  margin-left: -3px;
}
.top-right .user-info .base-info .info p {
  line-height: 13px;
}
.top-right .user-infor-menu:before,
.top-right .user-infor-menu:after {
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -10px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eee;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.top-right .user-infor-menu:after {
  border-bottom-color: #fff;
}
.top-right .user-infor-menu .infor-menu-footer {
  padding: 10px;
  background-color: #f5f5f5;
  color: #999;
  text-align: center;
  border-top: 1px solid #ddd;
}
.home-content {
  width: 100%;
  padding: 10px;
}
.home-menu a {
  color: #fff;
}
.home-menu a > .arrow {
  color: rgba(255, 255, 255, 0.65);
  position: absolute;
  right: 10px;
}
/*accordion-list*/
.accordion-list {
  padding-left: 0;
}
.accordion-list .accordion-item.open .arrow:before {
  content: "\f0d8";
}
.accordion-list .accordion-item.open .accordion-list {
  display: block;
}
.accordion-list .accordion-item.title a {
  background-color: #f2f2f2;
  font-weight: bold;
}
.accordion-list .accordion-item.title a:hover {
  background-color: #f2f2f2;
}
.accordion-list .accordion-item a {
  height: 40px;
  line-height: 40px;
  padding: 0 25px 0 20px;
  display: block;
  text-decoration: none;
  font-size: 15px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.accordion-list .accordion-item a .arrow:before {
  content: "\f0d7";
  font-family: FontAwesome;
  float: right;
  display: inline;
  margin: 0 5px;
  font-size: 16px;
}
.accordion-list .accordion-list {
  display: none;
}
.accordion-list .accordion-list .accordion-item a {
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  font-size: 12px;
}
.page-sidebar .sidebar-toggler {
  margin: 5px 0px 0 0;
  line-height: 26px;
  text-align: center;
}
.page-sidebar .page-sidebar-menu .sidebar-tit {
  float: left;
  font-size: 14px;
  line-height: 35px;
  padding-left: 8px;
}
.page-sidebar .page-sidebar-menu > li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d2d2d2;
}
.page-sidebar .page-sidebar-menu > li.sidebar-changesys-wrapper {
  display: none;
  cursor: pointer;
}
.page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper {
  border-bottom: 1px solid #d2d2d2 !important;
  background-color: #f2f2f2;
}
.page-sidebar .page-sidebar-menu > li > a {
  font-size: 12px;
  color: #424242;
  padding: 6px 5px;
  background-color: #f2f2f2;
}
.page-sidebar .page-sidebar-menu > li > a > .fa-sitemap {
  color: #949599;
}
.page-sidebar .page-sidebar-menu > li > a:hover > .fa-star-o {
  display: block;
}
.page-sidebar .page-sidebar-menu > li > a > .arrow:before {
  content: "\f105";
}
.page-sidebar .page-sidebar-menu > li > a > .fa-star-o {
  display: none;
  margin-top: 3px;
  float: right;
}
.page-sidebar .page-sidebar-menu > li > a > .fa-star-o:hover {
  color: #fff;
}
.page-sidebar .page-sidebar-menu > li > a > .fa-star-o:hover:before {
  content: "\f005";
}
.page-sidebar .page-sidebar-menu > li > a > .fa-star-o-active:before {
  content: "\f005";
}
.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li > a:hover {
  font-size: 12px;
  color: #fff;
  background-color: #12b5b0;
}
.page-sidebar .page-sidebar-menu > li.open > a i.fa,
.page-sidebar .page-sidebar-menu > li > a:hover i.fa {
  color: #fff;
}
.page-sidebar .page-sidebar-menu > li.open > a i.lmi,
.page-sidebar .page-sidebar-menu > li > a:hover i.lmi {
  background-position-x: -20px;
}
.page-sidebar .page-sidebar-menu > li.open > a i[class*=lmi-4],
.page-sidebar .page-sidebar-menu > li > a:hover i[class*=lmi-4] {
  background-position-x: -160px;
}
.page-sidebar .page-sidebar-menu .sub-menu {
  margin: 0;
  background-color: #f2f2f2;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
  font-size: 12px;
  color: #424242;
  border-left: 4px solid transparent;
  padding: 6px 5px 6px 30px;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a .fa-star-o {
  float: right;
  display: none;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a .fa-star-o:hover:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a .fa-star-o.fa-star-o-active:before {
  content: "\f005";
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a:hover .fa-star-o {
  display: block;
}
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a:hover {
  border-left-color: #12b5b0;
  background-color: #fff;
}
.page-sidebar-closed .page-sidebar-menu-closed .sidebar-tit {
  display: none;
}
/*.page-content*/
.page-content-wrapper .page-content {
  padding: 15px 15px 15px 15px;
  border-left: 1px solid #d2d2d2;
}
/*page-breadcrumb*/
.page-breadcrumb.breadcrumb {
  margin: -15px -15px 15px -15px;
  padding: 9px 15px 8px 15px;
  border-bottom: 1px solid #d2d2d2 !important;
}
.page-breadcrumb.breadcrumb > li.active > a,
.page-breadcrumb.breadcrumb > li.active > span {
  color: #000;
}
.page-breadcrumb.breadcrumb > li > a,
.page-breadcrumb.breadcrumb > li > span {
  color: #a1a1a1;
  font-size: 12px;
}
.page-breadcrumb.breadcrumb > li i {
  font-size: 18px;
}
.page-breadcrumb.breadcrumb > li.btn-group {
  margin-top: -4px;
}
.page-breadcrumb.breadcrumb > li.btn-group .btn {
  padding: 1px 10px;
}
/*page-footer*/
.page-footer {
  text-align: center;
  background-color: #f2f2f2;
}
.page-footer .page-footer-inner {
  float: none;
}
.page-footer-fixed .page-footer {
  text-align: center;
}
/*==共用子页布局==*/
.col-step {
  float: left;
  margin-left: 10px;
}
.col-step:first-child {
  margin-left: 0;
}
.col-step .table-scrollable {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*theme*/
.theme-box .theme-options {
  margin-bottom: 10px;
}
.theme-box .theme-options:last-child {
  margin-bottom: 0;
}
.theme-box .theme-options .options-list {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.theme-box .theme-options.theme-colors .theme-color {
  width: 25px;
  height: 15px;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
.theme-box .theme-options.theme-colors .theme-color:last-child {
  margin-right: 0;
}
.theme-box .theme-options.theme-colors .theme-color.theme-default {
  background-color: #12b5b0;
}
.theme-box .theme-options.theme-colors .theme-color.theme-green {
  background-color: #389331;
}
.theme-box .theme-options.theme-colors .theme-color.theme-blue {
  background-color: #438ac9;
}
.theme-box .theme-options.theme-colors .theme-color.theme-purple {
  background-color: #9076a0;
}
.theme-box .theme-options.theme-colors .theme-color.theme-lightblue {
  background-color: #2dc3e8;
}
@media (min-width: 992px) {
  .page-sidebar {
    width: 182px;
  }
  .page-sidebar .sidebar-toggler {
    margin-top: 4px;
  }
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler {
    margin-top: 8px;
  }
  .page-content-wrapper .page-content {
    margin-left: 182px;
  }
}
@media (max-width: 991px) {
  /*顶部导航*/
  .page-header.navbar .top-menu .navbar-nav {
    margin: 0;
  }
  .page-header.navbar .top-menu .navbar-nav > li {
    display: none;
  }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
    display: block;
  }
  /*侧边栏*/
  .page-sidebar {
    margin: 10px;
    margin-top: 0;
  }
  .page-sidebar .page-sidebar-menu > li .sidebar-changesys-wrapper {
    display: block;
  }
  .page-sidebar .page-sidebar-menu > li .sidebar-toggler-wrapper {
    display: none;
  }
  .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    padding-left: 41px;
  }
  .page-sidebar.navbar-collapse.in {
    margin: 10px;
    margin-top: 0;
  }
  /*侧边栏折叠状态*/
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    padding-left: 41px;
  }
  /*面包屑*/
  .page-breadcrumb.breadcrumb {
    margin: -15px -15px 10px -15px !important;
  }
  .page-content-wrapper .page-content {
    padding: 15px !important;
  }
}
@media (max-width: 480px) {
  .page-header.navbar .top-menu {
    clear: right;
  }
  .page-sidebar,
  .page-sidebar.in {
    margin: 10px !important;
  }
}
/*flowpath*/
.flowpath-group .flowpath-group-item {
  position: relative;
  float: left;
  text-align: center;
  min-width: 100px;
  min-height: 45px;
  margin: 0 30px 10px 0;
  line-height: 40px;
  border: solid 1px #48483B;
  border-radius: 5px !important;
  background: #f0f0f0;
}
.flowpath-group .flowpath-group-item > * {
  font-size: 14px;
}
.flowpath-group .flowpath-group-item.begin,
.flowpath-group .flowpath-group-item.end {
  min-width: 45px!important;
  min-height: 45px!important;
  background: #fff!important;
  border-radius: 50% !important;
}
.flowpath-group .flowpath-group-item.end:before {
  display: none;
}
.flowpath-group .flowpath-group-item:before {
  content: '';
  position: absolute;
  right: -32px;
  height: 2px;
  width: 32px;
  background: #000;
  margin-top: 20px;
}
.sidebar-fixed .sidebar-menu .sidebar-item.stuInfor {
  background-color: #12b5b0;
}
.sidebar-fixed .sidebar-menu .sidebar-item.sidebar-item-click i {
  color: #12b5b0;
}
.rkjl-tree-content .list-group-item.active,
.rkjl-tree-content .list-group-item:hover,
.rkjl-tree-content .list-group-item.active:hover {
  background-color: #12b5b0;
  border-color: #12b5b0;
}
/*列表 左右结构 左边文字省略 右边图标*/
.list-rightLeft-group {
  border: solid 1px #ddd;
  margin: 0;
  padding: 0;
}
.list-rightLeft-group .pos-list-item {
  position: relative;
  width: 100%;
  border-bottom: solid 1px #ddd;
  padding: 4px 40px 4px 6px ;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-rightLeft-group .pos-list-item.item-heading {
  padding: 10px 40px 10px 6px;
}
.list-rightLeft-group .pos-list-item > * {
  font-size: 12px;
}
.list-rightLeft-group .pos-list-item .pos-right-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
/*table 自动换行*/
.table-white-space > thead > tr > th,
.table-white-space > tbody > tr > td {
  white-space: normal!important;
}
/*============推广投放==========*/
.border-bm {
  border-bottom: solid 1px #ddd;
}
/*位置示图背景*/
.pos-bg {
  position: relative;
  overflow: hidden;
}
.pos-bg img {
  position: absolute;
}
.zmkhddlq-bg {
  background: url("../../assets/images/tgtf/zmkhddlq.jpg") no-repeat;
}
.ptdlq-bg {
  background: url("../../assets/images/tgtf/ptdlq.png") no-repeat;
}
.sjdlqy-bg {
  background: url("../../assets/images/tgtf/sjdlqy.jpg") no-repeat;
}
.zmkhdltq-bg {
  background: url("../../assets/images/tgtf/zmkhdltq.jpg") no-repeat;
}
.sjspqy-bg {
  background: url("../../assets/images/tgtf/sjspqy.jpg") no-repeat;
}
.ptzykdb-bg {
  background: url("../../assets/images/tgtf/ptzykdb.jpg") no-repeat;
}
.sjyyzx-bg {
  background: url("../../assets/images/tgtf/sjyyzx.jpg") no-repeat;
}
.dllogo-bg {
  background: url("../../assets/images/tgtf/dllogo.png") no-repeat;
}
/*预览*/
.preview-content {
  padding: 15px;
  position: relative;
  z-index: 1;
}
.preview-content .zmkhddlq-bg {
  width: 280px;
  height: 568px;
  background-size: 280px 568px;
}
.preview-content .zmkhddlq-bg > img {
  width: 100%;
  height: 180px;
  top: 30px;
}
.preview-content .sjspqy-bg,
.preview-content .sjdlqy-bg,
.preview-content .sjyyzx-bg {
  width: 375px;
  height: 667px;
  background-size: 375px 667px;
}
.preview-content .sjspqy-bg > img,
.preview-content .sjdlqy-bg > img,
.preview-content .sjyyzx-bg > img {
  width: 100%;
  top: 30px;
}
.preview-content .sjspqy-bg > img {
  height: 650px;
}
.preview-content .sjdlqy-bg > img {
  height: 245px;
}
.preview-content .sjyyzx-bg .swiper-container {
  height: 45px;
  top: 190px;
  width: 330px;
  left: 15px;
}
.preview-content .sjyyzx-bg .swiper-container .text-content {
  height: 45px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.preview-content .dllogo-bg,
.preview-content .ptdlq-bg {
  width: 800px;
  height: 400px;
  background-size: 800px 400px;
}
.preview-content .ptdlq-bg img {
  width: 100%;
  height: 310px;
  z-index: -1;
}
.preview-content .dllogo-bg > img {
  width: 100%;
  height: 70px;
}
.preview-content .ptzykdb-bg {
  width: 800px;
  height: 750px;
  background-size: 800px 750px;
}
.preview-content .ptzykdb-bg > img {
  width: 400px;
  height: 152px;
  top: 40px;
  left: 200px;
}
.preview-content .zmkhdltq-bg {
  width: 600px;
  height: 520px;
}
.preview-content .zmkhdltq-bg .swiper-container {
  width: 122px;
  height: 122px;
  position: absolute;
  bottom: 17px;
  right: 14px;
}
.preview-content .zmkhdltq-bg .swiper-container img {
  width: 122px;
  height: 122px;
}
.tabb-icon-click {
  border: solid 1px #bbbaba;
  padding: 4px 8px 1px 8px;
}
.tabb-icon-click > .fa {
  font-size: 18px;
  color: #828181;
  cursor: pointer;
}
.tabb-icon-click > .fa:first-child {
  margin-right: 10px;
}
.tabb-icon-click > .fa.active {
  color: #17a099;
}
.tabb-icon-click > .fa:hover {
  opacity: .6;
}
.location-preview .location-img-list {
  padding: 0;
}
.location-preview .location-img-list .location-img-item {
  height: 130px;
  float: left;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.location-preview .location-img-list .location-img-item:first-child {
  width: 100px;
  line-height: 110px;
  text-align: center;
  border: solid 1px #ddd;
  font-size: 16px;
}
.location-preview .location-img-list .location-img-item:first-child.active,
.location-preview .location-img-list .location-img-item:first-child:hover {
  border: solid 3px #17a099;
}
.location-preview .location-img-list .location-img-item > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.location-preview .location-img-list .location-img-item:last-child {
  margin-right: 0;
}
.location-preview .location-img-list .location-img-item.active .wzst-bg,
.location-preview .location-img-list .location-img-item:hover .wzst-bg {
  background: url("../../assets/images/tgtf/location-hover.png") no-repeat;
}
.location-preview .location-img-list .location-img-item.active > span,
.location-preview .location-img-list .location-img-item:hover > span {
  font-weight: 700;
  color: #17a099;
}
.location-preview .location-img-list .location-img-item .wzst-bg {
  background: url("../../assets/images/tgtf/location.png") no-repeat;
  height: 85px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.ptdlqlogo {
  background-position: 1px 1px;
  width: 155px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.ptdlq {
  background-position: -166px 1px;
  width: 155px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.ptzykdb {
  background-position: -334px 1px;
  width: 152px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.zmkhddlq {
  background-position: -510px 1px;
  width: 100px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.zmkhdltq {
  background-position: -615px 1px;
  width: 100px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.sjspqy {
  background-position: -723px 1px;
  width: 105px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.sjdlqy {
  background-position: -827px 1px;
  width: 95px;
  margin: 0 20px;
}
.location-preview .location-img-list .location-img-item .wzst-bg.sjyyzx {
  background-position: -910px 1px;
  width: 90px;
  margin: 0 20px;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list {
  padding: 0;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item {
  width: 155px;
  height: 234px;
  cursor: pointer;
  float: left;
  position: relative;
  margin: 0 20px 10px 0;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .border-box {
  border: solid 1px #c0c0c0;
  padding-bottom: 6px;
  overflow: hidden;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .pos-arrow {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 34px solid #12b5b0;
  border-right: 38px solid transparent;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .pos-arrow > span {
  position: absolute;
  top: -32px;
  left: 2px;
  color: #fff;
  font-size: 14px;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .top-img {
  width: 100%;
  height: 75px;
  overflow: hidden;
  text-align: center;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .top-img > img {
  width: 100%;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .text-title {
  font-size: 14px;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .text-title,
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .msg-content,
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .btn-bottom {
  width: 100%;
  padding: 4px 6px;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .msg-content {
  border-top: solid 1px #c0c0c0;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .btn-bottom {
  text-align: center;
  display: none;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item .btn-bottom .btn {
  padding: 2px 6px;
}
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item:hover .btn-bottom,
.location-preview .demonstrate-content .demonstrate-images .demonstrate-list .demonstrate-item.active .btn-bottom {
  display: inline-block;
}
.location-img-add .border-text-box {
  border: solid 1px #cacaca;
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
}
.location-img-add .border-text-box .pos-text,
.location-img-add .border-text-box .btn-default {
  position: absolute;
}
.location-img-add .border-text-box .pos-text {
  left: 15px;
  top: -8px;
  background-color: #fff;
  padding: 0 5px;
  font-weight: bold;
}
.location-img-add .border-text-box .btn-default {
  padding: 2px 8px 3px 8px;
  right: 10px;
  top: -12px;
}
.location-img-add .border-text-box .border-top-box {
  border-top: solid 1px #cacaca;
  margin-bottom: 0;
  padding: 10px;
}
.location-img-add .pos-wrap {
  position: relative;
}
.location-img-add .pos-wrap .pos-img-list {
  position: absolute;
  left: 100%;
  top: 20px;
  padding: 0;
  margin-left: 45px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item {
  border: solid 1px #bebebe;
  padding: 10px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item:before,
.location-img-add .pos-wrap .pos-img-list .pos-img-item:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item:before {
  left: -12px;
  top: 10px;
  border-top: 6px solid transparent;
  border-right: 12px solid #bebebe;
  border-bottom: 6px solid transparent;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item:after {
  left: -10px;
  top: 11px;
  border-top: 5px solid transparent;
  border-right: 11px solid #fff;
  border-bottom: 5px solid transparent;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .msgdl {
  background-image: url("../../assets/images/tgtf/MSGdl_.jpg");
  width: 132px;
  height: 300px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .webdl,
.location-img-add .pos-wrap .pos-img-list .pos-img-item .webdllogo {
  width: 300px;
  height: 160px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .webdl {
  background-image: url("../../assets/images/tgtf/WEBdl_.jpg");
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .webdllogo {
  background-image: url("../../assets/images/tgtf/WEBdllogo_.jpg");
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .ltck {
  background-image: url("../../assets/images/tgtf/ltck.jpg");
  width: 300px;
  height: 260px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .wljxpt {
  background-image: url("../../assets/images/tgtf/wljxpt.jpg");
  width: 306px;
  height: 300px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .zsmsgdl,
.location-img-add .pos-wrap .pos-img-list .pos-img-item .sjsp,
.location-img-add .pos-wrap .pos-img-list .pos-img-item .sjyy {
  width: 169px;
  height: 300px;
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .zsmsgdl {
  background-image: url("../../assets/images/tgtf/dl.jpg");
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .sjsp {
  background-image: url("../../assets/images/tgtf/sp.jpg");
}
.location-img-add .pos-wrap .pos-img-list .pos-img-item .sjyy {
  background-image: url("../../assets/images/tgtf/sjyy.jpg");
}
/*============应用设置=========*/
.Apply-settings .recommend-app-list {
  margin-top: 20px;
  padding: 0;
}
.Apply-settings .recommend-app-list .recommend-app-item {
  width: 110px;
  height: 120px;
  border: solid 1px #d2d2d2;
  text-align: center;
  position: relative;
  padding: 0 4px;
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 10px!important;
}
.Apply-settings .recommend-app-list .recommend-app-item > .app-icon {
  border: solid 1px #d2d2d2;
  border-radius: 50%!important;
  overflow: hidden;
  display: inline-block;
  margin-top: 20px;
  box-shadow: 1px 1px 20px #ddd;
  -webkit-box-shadow: 1px 1px 20px #ddd;
  -moz-box-shadow: 1px 1px 20px #ddd;
  -ms-box-shadow: 1px 1px 20px #ddd;
}
.Apply-settings .recommend-app-list .recommend-app-item .app-name > span {
  display: inline-block;
  width: 100%;
}
.Apply-settings .recommend-app-list .recommend-app-item .move-btn {
  position: absolute;
  right: 10px;
  top: -10px;
  display: none;
}
.Apply-settings .recommend-app-list .recommend-app-item .move-btn > span {
  padding: 0 4px;
  background-color: #17a099;
  border: solid 1px #12968f;
  border-radius: 5px!important;
  color: #fff;
  cursor: pointer;
}
.Apply-settings .recommend-app-list .recommend-app-item:hover .move-btn {
  display: inline-block;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item {
  width: 260px;
  height: 85px;
  padding-left: 70px;
  text-align: left;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item > .app-icon {
  position: absolute;
  left: 10px;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .app-name {
  margin-top: 22px;
  position: relative;
  width: 100%;
  display: inline-block;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .app-name > .pos-rename {
  position: absolute;
  right: 8px;
  top: 0;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .operation-row .pos-popover {
  display: inline-block;
  margin-right: 6px;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .operation-row .pos-popover:last-child {
  margin-right: 0;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .pos-left-triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 10px!important;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .pos-left-triangle:before {
  content: "";
  border-right: 45px solid transparent;
  border-top: 45px solid #428bca;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .pos-left-triangle:before,
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .pos-left-triangle > span {
  position: absolute;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .pos-left-triangle > span {
  transform: rotate(-45deg);
  top: 7px;
  color: #fff;
}
.Apply-settings .recommend-app-list.not-classified .recommend-app-item .pos-left-triangle.hide-text:before {
  border-top: 45px solid #949393;
}
.Apply-settings .popover-icon .popover-wrap ul,
.Apply-settings .popover-move .popover-wrap ul {
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}
.Apply-settings .popover-icon .popover-wrap ul li {
  width: 50px;
  height: 50px;
  border: solid 1px #d2d2d2;
  border-radius: 50%!important;
  background-color: #fff;
  float: left;
  margin: 4px;
}
.Apply-settings .popover-icon .popover-wrap ul li.active {
  position: relative;
}
.Apply-settings .popover-icon .popover-wrap ul li.active:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fd4500;
  position: absolute;
  right: 2px;
  top: 2px;
}
.Apply-settings .popover-move .popover-wrap ul li {
  padding: 6px 4px;
  border-bottom: solid 1px #ddd;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.Apply-settings .popover-move .popover-wrap ul li:last-child {
  border-bottom: 0;
}
.Apply-settings .popover-move .popover-wrap ul li:hover,
.Apply-settings .popover-move .popover-wrap ul li.active {
  color: #17a099;
  font-weight: bold;
}
/*弹出框*/
.pos-popover {
  position: relative;
}
.pos-popover .popover-wrap {
  position: absolute;
  padding: 10px;
  background-color: #fff;
  border: solid 1px #afafaf;
  z-index: 99;
  box-shadow: 1px 1px 4px #b7b7b7;
  -webkit-box-shadow: 1px 1px 4px #b7b7b7;
  -moz-box-shadow: 1px 1px 4px #b7b7b7;
  -ms-box-shadow: 1px 1px 4px #b7b7b7;
}
.pos-popover .popover-wrap:before,
.pos-popover .popover-wrap:after {
  content: "";
  position: absolute;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.pos-popover .popover-wrap.bottom-right:before,
.pos-popover .popover-wrap.bottom-left:before {
  border-bottom: 12px solid #6a6a6a;
  top: -12px;
}
.pos-popover .popover-wrap.bottom-right:after,
.pos-popover .popover-wrap.bottom-left:after {
  border-bottom: 12px solid #fff;
  top: -11px;
}
.pos-popover .popover-wrap.bottom-right {
  top: 28px;
  left: 0;
}
.pos-popover .popover-wrap.bottom-right:before,
.pos-popover .popover-wrap.bottom-right:after {
  left: 15px;
}
.pos-popover .popover-wrap.bottom-left {
  top: 28px;
  right: 0;
}
.pos-popover .popover-wrap.bottom-left:before,
.pos-popover .popover-wrap.bottom-left:after {
  right: 15px;
}
.pos-popover .popover-wrap .popover-heading {
  border-bottom: solid 1px #ddd;
  margin-bottom: 6px;
  padding: 0 0 4px 6px;
  font-weight: bold;
}
.pos-popover .popover-wrap.list-group.item-noborder .list-group-item {
  border-right: 0!important;
  border-left: 0!important;
}
.pos-popover .popover-wrap.list-group.item-noborder .list-group-item:first-child {
  border-top: 0;
}
.pos-popover .popover-wrap.list-group.item-noborder .list-group-item:last-child {
  border-bottom: 0;
}
/*======应用设置图标==========*/
.app-icon {
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  /*第三方默认*/
  /*报表默认*/
  /*报表 ——折线*/
  /*报表 ——柱状*/
  /*报表 ——饼状*/
  /*报表 ——表格*/
  /*一卡通 学生和老师*/
  /*课堂考勤 学生和老师*/
  /*选课*/
  /*班级情况*/
  /*班级考核*/
  /*我的课表 学生和老师*/
  /*操行分考核*/
  /*宿舍考核*/
  /*班级寝室统计*/
  /*学生销假*/
  /*学生请假*/
  /*在线评教 学生和老师*/
  /*听课*/
  /*学生报到*/
  /*定岗实习 学生和老师*/
  /*期末成绩 学生和老师*/
  /*期中成绩 学生和老师*/
  /*教室巡查*/
  /*OA*/
  /*待办*/
  /*工作日志*/
  /*每日PDCA*/
  /*事务交办*/
  /*打卡*/
  /*我的月绩效*/
  /*我的月薪酬*/
  /*月绩效面谈*/
  /*缴学费*/
  /*移动学习*/
}
.app-icon.third_default {
  background-image: url("../images/app_icon/third_default.png");
}
.app-icon.report_default {
  background-image: url("../images/app_icon/report_default.png");
}
.app-icon.report_line {
  background-image: url("../images/app_icon/report_line.png");
}
.app-icon.report_bar {
  background-image: url("../images/app_icon/report_bar.png");
}
.app-icon.report_pie {
  background-image: url("../images/app_icon/report_pie.png");
}
.app-icon.report_table1 {
  background-image: url("../images/app_icon/report_table1.png");
}
.app-icon.report_table2 {
  background-image: url("../images/app_icon/report_table2.png");
}
.app-icon.report_table3 {
  background-image: url("../images/app_icon/report_table3.png");
}
.app-icon.app_onecard {
  background-image: url("../images/app_icon/app_onecard_tea.png");
}
.app-icon.attendance {
  background-image: url("../images/app_icon/attendance_people.png");
}
.app-icon.choose_lessons {
  background-image: url("../images/app_icon/choose_lessons.png");
}
.app-icon.classcondition {
  background-image: url("../images/app_icon/classcondition.png");
}
.app-icon.class_check {
  background-image: url("../images/app_icon/class_check.png");
}
.app-icon.course_table {
  background-image: url("../images/app_icon/course_table_stu.png");
}
.app-icon.credit_examine {
  background-image: url("../images/app_icon/credit_examine.png");
}
.app-icon.dormitory_check {
  background-image: url("../images/app_icon/dormitory_check.png");
}
.app-icon.dormitory_list {
  background-image: url("../images/app_icon/dormitory_list.png");
}
.app-icon.leave_delete {
  background-image: url("../images/app_icon/leave_delete.png");
}
.app-icon.leave_view {
  background-image: url("../images/app_icon/leave_view.png");
}
.app-icon.online_evaluate {
  background-image: url("../images/app_icon/online_evaluate_stu.png");
}
.app-icon.register_task {
  background-image: url("../images/app_icon/register_task.png");
}
.app-icon.report_detail {
  background-image: url("../images/app_icon/report_detail.png");
}
.app-icon.dinggang {
  background-image: url("../images/app_icon/stu_dg.png");
}
.app-icon.final_score {
  background-image: url("../images/app_icon/stu_final_score.png");
}
.app-icon.mid_score {
  background-image: url("../images/app_icon/stu_mid_score.png");
}
.app-icon.xk_manage_mobile {
  background-image: url("../images/app_icon/xk_manage_mobile.png");
}
.app-icon.yn_phone_oa {
  background-image: url("../images/app_icon/yn_phone_oa.png");
}
.app-icon.to_do_list {
  background-image: url("../images/app_icon/todolist.png");
}
.app-icon.job_report {
  background-image: url("../images/app_icon/job_report.png");
}
.app-icon.pdca_day {
  background-image: url("../images/app_icon/pdca_day.png");
}
.app-icon.business_affair {
  background-image: url("../images/app_icon/business_affair.png");
}
.app-icon.sign_in {
  background-image: url("../images/app_icon/sign_in.png");
}
.app-icon.month_performance {
  background-image: url("../images/app_icon/month_performance.png");
}
.app-icon.month_salary {
  background-image: url("../images/app_icon/month_salary.png");
}
.app-icon.performance_interview {
  background-image: url("../images/app_icon/performance_interview.png");
}
.app-icon.payment_online {
  background-image: url("../images/app_icon/payment_online.png");
}
.app-icon.mobile_study {
  background-image: url("../images/app_icon/mobile_study.png");
}
/*====================================新版首页样式======================================*/
/*首页主题颜色*/
.defined-ztree.ztree li a.curSelectedNode {
  color: #12b5b0;
}
.csp.clink:hover {
  color: #12b5b0;
}
.text-theme {
  color: #12b5b0 !important;
}
.home-slider,
.home-top {
  background-color: #12b5b0;
}
.page-header-inner .top-right .user-info .qrcode:hover,
.page-header-inner .top-right .user-info .download:hover,
.page-header-inner .top-right .user-info .base-info:hover {
  background-color: #13c3be;
}
.home-top .top-right .user-info .qrcode:hover,
.home-top .top-right .user-info .download:hover,
.home-top .top-right .user-info .base-info:hover {
  background-color: #13c3be;
}
.user-infor-menu .user-infor-list .actions-wrap .infor-actions-list:hover {
  color: #12b5b0;
  background-color: #f1fefd;
}
.nav-search-group.right > i {
  color: #12b5b0;
}
.accordion-list .accordion-list .accordion-item a {
  background-color: #109e99;
}
.accordion-list .accordion-item a:hover {
  background-color: #13c3be;
}
.accordion-list .accordion-item.title a {
  color: #12b5b0;
}
.label.label-tip,
.label.label-mark {
  background-color: #12b5b0;
}
.label.label-default:hover {
  border-color: #42a7a2;
  color: #42a7a2;
  background-color: #f1fefd;
}
.caption.work .fa,
.caption.culture .fa {
  color: #12b5b0 !important;
}
.top-nav-menu .dropdown-toggle {
  background-color: #12b5b0;
}
.top-nav-menu .dropdown-toggle:hover {
  background-color: #13c3be;
}
.top-nav-menu > a:hover {
  background-color: #13c3be;
}
.top-nav-menu .nav-menu-dropdown .open .nav-menu-dropdown-toggle {
  color: #12b5b0;
}
.top-nav-menu .nav-menu-dropdown-toggle {
  background-color: #13c3be;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-left > i,
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-right > i {
  color: #12b5b0;
}
.nav-dropdown-menu-wrap .nav-menu-group .nav-menu-list:hover,
.nav-dropdown-menu-wrap .nav-menu-group .nav-menu-list.active {
  color: #12b5b0;
}
.box-index-tab .tabbable-custom > .nav-tabs > li.active > a {
  color: #12b5b0;
}
.widget .widget-title > .tools .refresh:hover {
  color: #42a7a2;
}
.widget .widget-title > .all a:hover {
  color: #42a7a2;
}
.widget .tit .dropdown-menu li:hover {
  color: #12b5b0;
  background-color: #f1fefd;
}
.system-menu-wrap .two-column:hover .menu-list a,
.system-menu-wrap .two-column.active .menu-list a {
  color: #12b5b0;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li {
  border-bottom: 0;
}
.message-wrap .message-list-wrap .message-list:hover .message-title,
.message-wrap .message-list-wrap .message-list.open .message-title {
  color: #12b5b0;
}
.message-wrap .undo-list:hover {
  border-color: #42a7a2;
  background-color: #f1fefd;
}
.message-wrap .undo-list:hover .undo-title {
  color: #42a7a2;
}
.mytools.tool-icon-circle .toolitem-list:hover {
  color: #12b5b0;
}
.mytools.tool-icon-circle .toolitem-list:nth-child(odd) .tool-icon {
  background-color: #12b5b0;
}
.mytools.tool-icon-circle .toolitem-list:nth-child(even) .tool-icon {
  background-color: #b4f0ee;
}
.mytools.tool-icon-bg .toolitem-list:hover {
  color: #12b5b0;
}
.school-culture-wrap .tab-menu .culture-book .btn.bordered:hover,
.school-culture-wrap .tab-menu .culture-book .btn.bordered:focus {
  border-color: #42a7a2;
  color: #42a7a2;
  background-color: #f1fefd;
}
.widget-set-box .set-box .set-body .set-menu-list:hover {
  color: #42a7a2;
}
.widget-set-box .set-box:hover {
  border-color: #12b5b0;
}
.widget-set-box .set-box:hover .set-body i {
  color: #42a7a2;
}
.widget-set-box .set-box.open {
  border-color: #12b5b0;
}
.widget-set-box .set-box.open .set-title i.fa-check-circle {
  color: #66cc66;
}
.recommend-menu-group .menu-list:hover,
.recommend-menu-group .menu-list.active {
  background-color: #f1fefd;
}
.recommend-menu-group .menu-list .actions .fa {
  font-size: 18px;
  color: #42a7a2;
}
.recommend-menu-wrap .checkbox {
  padding: 5px 5px 5px 0;
  margin: 0;
}
.recommend-menu-wrap .checkbox > label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: initial;
}
.recommend-menu-wrap .checkbox .actions {
  display: none;
}
.recommend-menu-wrap .checkbox .actions > a:first-child {
  margin-right: 5px;
}
.recommend-menu-wrap .checkbox:hover {
  background-color: #f1f1f1;
  position: relative;
  padding-right: 70px;
}
.recommend-menu-wrap .checkbox:hover .actions {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.page-walk-wrap .close-wrap {
  background-color: #12b5b0;
}
.bmxxgl.query-condition .dropdown-toggle:hover,
.bmxxgl.query-condition .dropdown-toggle:focus {
  color: #12b5b0;
}
.no-read {
  padding: 0 5px;
  background-color: #ff8800;
  color: #fff;
  border-radius: 30px!important;
  -webkit-border-radius: 30px!important;
  -moz-border-radius: 30px!important;
}
/*icon-wrap*/
.icon-wrap {
  display: inline-block;
}
/*label*/
.label {
  margin: 0 10px;
  font-size: 12px;
  font-family: Simsun;
  border-radius: 12px !important;
}
.label.label-text.orange {
  color: #FF9900;
}
.label.label-text.red {
  color: red;
}
.label.label-tip strong,
.label.label-mark strong {
  margin: 0 3px;
  font-family: "microsoft yahei";
}
.label.label-border {
  border: 1px solid #ddd;
  background-color: #fff;
  color: #999;
}
.label.label-border.orange {
  color: #FF9900;
}
.label.label-default {
  border: 1px solid #d2d2d2;
  background-color: #fff;
  color: #333;
}
/*自定义 circle*/
.circle {
  display: inline-block;
  float: left;
  width: 6px;
  height: 6px;
  margin-top: 5px;
  border-radius: 50%!important;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  background-color: #ddd;
  vertical-align: middle;
}
.slimScrollBar {
  background-color: #d2d2d2!important;
  right: 5px!important;
  border-radius: 7px!important;
}
/**
* fullscreen
*/
.fullscreen-box {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.screen-center {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.screen-center h4,
.screen-center p {
  margin-bottom: 5px;
  color: #A0A0A0;
}
.screen-center h4,
.screen-center p {
  font-size: 14px;
}
.error-box {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 15px!important;
  background-color: #f5f5f5;
  color: #a0a0a0;
}
.error-box .fa-info-circle {
  margin-right: 5px;
}
.error-box a {
  text-decoration: none;
}
/*两列*/
.two-column-wrap {
  display: table;
  content: '';
  width: 100%;
}
.two-column-wrap:after {
  clear: both;
}
.two-column-wrap .two-column {
  width: 50%;
  display: inline-block;
  float: left;
}
.caption {
  font-weight: bold;
  color: #141313;
  font-size: 14px;
  margin: 2px 0 0 0;
}
.caption .caption-icon {
  display: inline-block;
  padding: 8px;
  background: url("../images/excellent/caption-ico.png") no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}
.caption .caption-icon.collect {
  background-position: 0 -1px;
}
.caption .caption-icon.history {
  background-position: 0 -17px;
}
.caption .caption-icon.work {
  background-position: 0 -49px;
}
.caption .caption-icon.tool {
  background-position: 0 -33px;
}
.caption .caption-icon.culture {
  background-position: 0 -67px;
}
.caption .caption-icon.card {
  background-position: 0 -82px;
}
.caption .caption-icon.money {
  background-position: 0 -98px;
}
.caption > a {
  font-weight: normal;
  font-size: 12px;
}
.caption > a .fa {
  font-size: 12px;
}
.caption > a.active {
  font-weight: bold;
}
.caption .fa {
  font-size: 16px;
  margin-right: 5px;
}
.excellent-homepage .row {
  margin-right: -5px;
  margin-left: -5px;
}
.excellent-homepage .col-md-3,
.excellent-homepage .col-md-6,
.excellent-homepage .col-sm-6 {
  padding-right: 5px;
  padding-left: 5px;
}
.top-nav-menu {
  float: left;
}
.top-nav-menu > a.go-home {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 15px 0 13px;
  margin-right: 5px;
}
.top-nav-menu > a.go-home .fa-home {
  font-size: 22px;
}
.top-nav-menu > a.go-home .home-icon-wrap {
  padding: 1px 10px;
  border-left: 1px solid #fff;
}
.top-nav-menu .nav-menu-dropdown-toggle {
  color: #fff;
  padding: 5px 14px 5px 10px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px!important;
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  cursor: pointer;
}
.top-nav-menu .nav-menu-dropdown-toggle:hover {
  border-color: #fff;
}
.top-nav-menu .nav-menu-dropdown-toggle:before {
  position: absolute;
  right: 3px;
  bottom: 3px;
  content: '';
  border-width: 4px;
  border-style: solid;
  border-color: #fff;
  border-left-color: transparent;
  border-top-color: transparent;
}
.top-nav-menu .dropdown-menu {
  font-family: "microsoft yahei";
  position: absolute;
  border-top-color: transparent;
  top: 48px;
  width: 100%;
  background-color: #E9E9E9;
}
.top-nav-menu .nav-menu-dropdown {
  margin-top: 8px;
}
.top-nav-menu .nav-menu-dropdown .nav-menu-dropdown-toggle {
  font-size: 14px;
  font-weight: 600;
}
.top-nav-menu .nav-menu-dropdown .dropdown-menu.nav-menu-dropdown-menu {
  display: block;
  left: -10000px;
}
.top-nav-menu .nav-menu-dropdown .open {
  padding-bottom: 10px;
  background-color: #fff;
  border-top-left-radius: 5px!important;
  border-top-right-radius: 5px!important;
}
.top-nav-menu .nav-menu-dropdown .open .nav-menu-dropdown-toggle {
  border-color: #f5f5f5;
  background-color: #fff;
  border-bottom-color: transparent;
}
.top-nav-menu .nav-menu-dropdown .open .nav-menu-dropdown-toggle:before {
  position: absolute;
  right: auto;
  left: 50%;
  bottom: -12px;
  margin-left: -6px;
  content: '';
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #ddd;
}
.top-nav-menu .nav-menu-dropdown .open .dropdown-menu {
  left: 0;
}
.top-nav-menu .table {
  margin-bottom: 0;
}
.top-nav-menu .table > tbody > tr td {
  border: 0;
  vertical-align: top;
}
.top-nav-menu .table > tbody > tr td:hover,
.top-nav-menu .table > tbody > tr td.active {
  background-color: #f5f5f5;
  color: inherit;
}
/*nav-dropdown-menu-wrap*/
.nav-dropdown-menu-wrap {
  width: 100%;
}
.nav-dropdown-menu-wrap .nav-menu-sidebar {
  background-color: #F5F5F5;
  padding: 7px 20px 6px 60px;
  border-top: 1px solid #ddd;
}
.nav-dropdown-menu-wrap .nav-menu-sidebar .menu-sidebar-list {
  display: inline-block;
  padding: 5px 0;
  margin-right: 5px;
}
.nav-dropdown-menu-wrap .nav-menu-sidebar .menu-sidebar-list:last-child {
  margin-right: 0;
}
.nav-dropdown-menu-wrap .nav-menu-sidebar .menu-sidebar-list .btn {
  font-size: 12px;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap {
  width: 100%;
  padding: 0 40px;
  position: relative;
  background-color: #fff;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .table-scroll-wrap {
  overflow-x: auto;
  overflow: hidden;
  -webkit-overflow: hidden;
  -moz-overflow: hidden;
  -ms-overflow-x: hidden;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .table-wrap {
  float: left;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-left,
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-right {
  position: absolute;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 40px;
  background-color: #fff;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-left:hover,
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-right:hover {
  background-color: #f5f5f5;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-left > i,
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-right > i {
  position: absolute;
  top: 50%;
  font-size: 30px;
  display: block;
  padding: 15px 13px;
  margin-top: -22px;
  cursor: pointer;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-left {
  left: 0;
}
.nav-dropdown-menu-wrap .nav-menu-group-wrap .nav-page-right {
  right: 0;
}
.nav-dropdown-menu-wrap .nav-menu-group {
  display: inline-block;
  float: left;
  width: 150px;
  text-align: left;
  padding: 10px 15px;
}
.nav-dropdown-menu-wrap .nav-menu-group .nav-menu-list {
  padding: 3px 0;
  cursor: pointer;
}
.nav-dropdown-menu-wrap .nav-menu-group .nav-menu-list.nav-menu-list-title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  color: #333!important;
  cursor: pointer;
}
.box-index-list .label.label-mark {
  margin: 0 3px 0 3px;
}
.box-index-list .table {
  margin-top: -1px;
  margin-bottom: 0!important;
}
.box-index-list .table + .scroll-y {
  margin-top: -1px;
}
.box-index-list .table tbody > tr.head td {
  padding: 2px 2px;
  color: #999;
  background-color: #f2f1f1;
}
.box-index-list .table tbody > tr.head td.td-warning {
  padding: 5px 2px 5px 78px;
  background-color: #FBE6D0;
  position: relative;
}
.box-index-list .table tbody > tr.head td.td-warning .label {
  position: absolute;
  left: 5px;
  top: 4px;
}
.box-index-list .table tbody > tr > td {
  padding: 6px 2px;
  overflow: visible;
}
.box-index-list .table tbody > tr > td.apm {
  width: 40px;
}
.box-index-list .table tbody > tr > td.num {
  width: 25px;
}
.box-index-list .table tbody > tr > td.title {
  text-align: left;
  border-right: none;
}
.box-index-list .table tbody > tr > td.title .label {
  margin: 0;
}
.box-index-list .table tbody > tr > td.title .tit {
  min-height: 20px;
  font-size: 13px;
  padding-left: 10px;
}
.box-index-list .table tbody > tr > td.title .tit .label-tit {
  float: left;
  padding-right: 64px;
  margin-right: -55px;
}
.box-index-list .table tbody > tr > td.title .tit .dropdown-menu {
  font-size: 12px;
}
.box-index-list .table tbody > tr > td.title .tit,
.box-index-list .table tbody > tr > td.title .tit .label-tit {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-index-list .table tbody > tr > td.title .tips {
  padding-left: 10px;
  white-space: normal;
  word-break: break-all;
}
.box-index-list .table tbody > tr > td.title p {
  margin: 5px 0 0 0;
  color: #999;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course {
  position: relative;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course .tit .label {
  margin-left: 5px;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course .tit .caret {
  position: absolute;
  right: 2px;
  top: 7px;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course .tit .label-tit {
  position: relative;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course .tit .label-tit .caret {
  right: 53px;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course .dropdown-menu {
  position: absolute;
  left: 10px;
  width: 120px;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course .dropdown-menu li > a {
  padding: 6px 5px 6px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-index-list .table tbody > tr > td.title.more-course-dropdown .more-course.open .dropdown-menu {
  display: block;
}
.box-index-list .table tbody > tr > td.date {
  padding-right: 10px;
  width: 120px;
  border-left: none;
  text-align: right;
}
.box-index-list .table tbody > tr > td.bordered.title {
  border-right: 1px solid #d2d2d2;
}
.box-index-list .table tbody > tr > td.bordered.date {
  border-left: 1px solid #d2d2d2;
}
.box-index-list .table tbody > tr > td .btn {
  margin: 0;
  padding: 0 3px;
  font-size: 12px;
}
.box-index-list .table tbody > tr > td .btn.theme {
  color: #fff;
}
.box-index-list .table tbody > tr > td:first-child {
  border-left: none;
}
.box-index-list .table tbody > tr > td:last-child {
  border-right: none;
}
.box-index-list .table tbody > tr:hover > td,
.box-index-list .table tbody > tr.open > td {
  background-color: #eee;
}
.box-index-list .table tbody > tr:hover > td.apm,
.box-index-list .table tbody > tr.open > td.apm {
  background-color: transparent;
  color: #000;
}
.box-index-list .table tbody > tr:hover .tips,
.box-index-list .table tbody > tr.open .tips,
.box-index-list .table tbody > tr:hover .showmore,
.box-index-list .table tbody > tr.open .showmore {
  display: block;
}
.box-index-list .table tbody > tr.data-error-wrap > td {
  border-bottom: 0;
}
.box-index-list .table tbody > tr.data-error-wrap:hover > td {
  background-color: transparent;
}
.box-index-list .table tbody.data-error-wrap > tr p {
  color: #A0A0A0;
}
.box-index-list .table tbody.data-error-wrap > tr:hover p {
  color: #A0A0A0;
}
.box-index-list .table tbody.data-error-wrap > tr:hover > td {
  background-color: #fff;
}
.box-index-list .table tbody.data-error-wrap > tr > td {
  border-bottom: 0;
  height: 259px;
  background-color: #fff;
}
.box-index-list .table .showmore,
.box-index-list .table .tips {
  display: none;
}
.box-index-list.watch-exam .table tbody > tr > td.date {
  width: 170px;
}
.box-index-tab {
  padding-left: 110px;
  position: relative;
}
.box-index-tab .tab-menu {
  position: absolute;
  left: 0;
  border-right: 1px solid #ddd;
  width: 110px;
  height: 100%;
}
.box-index-tab .tab-menu .caption {
  padding: 8px 15px 5px 0;
  text-align: right;
}
.box-index-tab .widget-title .left-input {
  float: left;
}
.box-index-tab .widget-title .left-input .form-control {
  height: 24px;
  font-size: 12px;
  margin-right: 5px;
}
.box-index-tab .widget-title .left-input .form-control:last-child {
  margin-right: 0;
}
.box-index-tab .tabbable-custom > .nav-tabs {
  border-bottom: 0;
}
.box-index-tab .tabbable-custom > .nav-tabs > li {
  float: none;
  margin-right: 0;
  text-align: right;
  border-bottom: 0;
}
.box-index-tab .tabbable-custom > .nav-tabs > li > a {
  font-size: 12px;
  padding: 10px 15px 10px 3px;
  border-bottom: 0;
}
.box-index-tab .tabbable-custom > .nav-tabs > li > a .no-read {
  position: absolute;
  right: 5px;
  top: 0px;
}
.box-index-tab .tabbable-custom > .nav-tabs > li.active {
  border-bottom: 0;
}
.box-index-tab .tabbable-custom > .nav-tabs > li.active > a {
  position: relative;
}
.box-index-tab .tabbable-custom > .nav-tabs > li.active > a:before,
.box-index-tab .tabbable-custom > .nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-width: 9px;
  border-color: transparent #ddd transparent transparent;
  border-style: solid;
}
.box-index-tab .tabbable-custom > .nav-tabs > li.active > a:after {
  border-color: transparent #fff transparent transparent;
  right: -2px;
}
.box-index-tab > .portlet-body .box-index-list .table {
  margin-bottom: -1px !important;
}
.box-index-tab > .portlet-body .box-index-list .table tbody > tr:hover > td.apm {
  background-color: transparent !important;
  color: #000;
}
.widget.box-index {
  height: 300px;
  border: 1px solid #ccc;
  border-radius: 10px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #fff;
}
.widget.box-index:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
}
.widget .widget-title {
  height: 40px;
  border-bottom: 1px solid #ddd;
}
.widget .widget-title:before,
.widget .widget-title:after {
  content: '';
  display: table;
}
.widget .widget-title:after {
  clear: both;
}
.widget .widget-title > .left-title {
  float: left;
}
.widget .widget-title > .all,
.widget .widget-title > .tools,
.widget .widget-title > .actions {
  display: inline-block;
  float: right;
  margin: 0 5px;
}
.widget .widget-title > .all > a,
.widget .widget-title > .tools > a,
.widget .widget-title > .actions > a {
  text-decoration: none;
}
.widget .widget-title > .tools .refresh {
  color: #999;
}
.widget .widget-title > .all a {
  color: #333;
}
.widget .widget-title.widget-title-text {
  padding: 10px;
}
.widget .widget-title.widget-title-input {
  padding: 7px 10px;
}
.widget .widget-title.widget-title-input .tools,
.widget .widget-title.widget-title-input .all,
.widget .widget-title.widget-title-input .actions {
  margin-top: 5px;
}
.widget .widget-body {
  height: 258px;
}
.widget.box-index-add {
  height: 300px;
  line-height: 348px;
  border: 1px solid #ccc;
  border-radius: 10px !important;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
}
.widget.box-index-add:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
}
.widget.box-index-add:hover .fa-plus {
  color: #a0a0a0;
}
.widget.box-index-add:hover .add-icon {
  background: url("../images/excellent/index_add_icon_hover.png") no-repeat;
}
.widget.box-index-add .add-icon {
  display: inline-block;
  padding: 25px;
  background: url("../images/excellent/index_add_icon.png") no-repeat;
  cursor: pointer;
}
.widget.box-index-add > .add-icon {
  position: relative;
}
.widget .tit .dropdown-menu {
  left: 100%;
  border-bottom: 0;
}
.widget .tit .dropdown-menu li {
  padding: 5px;
  color: #333;
  cursor: pointer;
}
.widget .tit .dropdown-menu li:nth-child(even) {
  background-color: #f5f5f5;
}
.widget .tit .dropdown-menu li > .portlet-body .box-index-list .label {
  background-color: #fff;
  color: #999;
}
/*导航条搜索*/
.nav-search-group {
  display: inline-block;
  width: 360px;
}
.nav-search-group.right {
  position: relative;
}
.nav-search-group.right .form-control {
  padding: 3px 30px 3px 10px;
  border-radius: 30px!important;
  -webkit-border-radius: 30px!important;
  -moz-border-radius: 30px!important;
}
.nav-search-group.right > i {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
  line-height: 28px;
  padding: 0 10px;
  display: inline-block;
}
.nav-search-group.right .dropdown-menu {
  width: 95%;
  left: 10px;
  top: 100%;
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom-left-radius: 8px!important;
  border-bottom-right-radius: 8px!important;
  overflow: hidden;
}
.nav-search-group .dropdown-menu .panel-body {
  padding: 0;
}
.nav-search-group .dropdown-menu .search-history {
  padding: 10px 20px 2px 20px;
  font-size: 12px;
}
.nav-search-group .dropdown-menu .search-history .history-title {
  color: #A0A0A0;
  padding: 5px 0;
}
.nav-search-group .dropdown-menu .search-history .label {
  display: inline-block;
  margin: 0 5px 5px 5px;
}
.nav-search-group .dropdown-menu .search-history .history-content {
  padding: 10px 0 6px 0;
}
.nav-search-group .dropdown-menu .search-ing {
  padding: 0 20px;
  color: #A0A0A0;
  font-size: 12px;
  max-height: 450px;
  overflow-y: auto;
}
.nav-search-group .dropdown-menu .search-ing i {
  vertical-align: middle;
  margin-right: 5px;
}
.nav-search-group .dropdown-menu .search-ing i.fa-spinner {
  -webkit-animation: rotate 1s infinite linear;
  -moz-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
}
.nav-search-group .dropdown-menu .search-ing > ul {
  padding-left: 0;
  list-style: none;
  font-family: "microsoft yahei";
  border-top: 1px solid #ddd;
}
.nav-search-group .dropdown-menu .search-ing > ul > li {
  cursor: pointer;
  padding: 2px 0 2px 15px;
  position: relative;
}
.nav-search-group .dropdown-menu .search-ing > ul > li .name {
  color: #333;
  line-height: 20px;
}
.nav-search-group .dropdown-menu .search-ing > ul > li .circle {
  width: 4px;
  height: 4px;
  position: absolute;
  left: 5px;
  top: 5px;
}
.nav-search-group .dropdown-menu .search-ing > ul > li:hover,
.nav-search-group .dropdown-menu .search-ing > ul > li.active {
  background-color: #f5f5f5;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -moz-border-radius: 4px!important;
}
.nav-search-group .dropdown-menu .search-ing > ul > li.searching-list {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-search-group .dropdown-menu .search-ing > ul > li.searching-list .actions {
  display: none;
  position: absolute;
  right: 5px;
  top: 2px;
}
.nav-search-group .dropdown-menu .search-ing > ul > li.searching-list:hover {
  position: relative;
  padding-right: 58px;
}
.nav-search-group .dropdown-menu .search-ing > ul > li.searching-list:hover .actions {
  display: block;
}
.nav-search-group.input-group {
  padding-right: 50px;
}
.nav-search-group.input-group .input-group-btn {
  position: absolute;
  right: 50px;
  z-index: 11;
}
.nav-search-group.input-group.right > i {
  right: 56px;
}
.nav-search-group.input-group.right .form-control {
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
  -moz-border-radius: 0!important;
}
.nav-search-group.input-group.right .dropdown-menu {
  width: 85%;
  left: 0;
}
.nav-search-group .search-ing-group {
  margin-top: 5px;
}
/*旋转*/
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
/*一卡通*/
.portlet-main-wrap {
  position: relative;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left,
.portlet-main-wrap .pc-application-intake .pc-alc-right {
  border-top: 0 !important;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .list-group-item,
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item {
  border-right: 0;
  color: #a0a0a0;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .list-group-item:last-child,
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item:last-child {
  border-bottom: 0 !important;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .list-group-item:first-child,
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item:first-child {
  border-top: 0 !important;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left {
  width: 61%;
  height: 258px;
  padding-left: 30px;
  padding-right: 158px;
  background: url("../images/balance.png") 95% center no-repeat;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .balance-total {
  margin-top: 55px;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .balance-total .money {
  font-size: 34px;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .balance-detail {
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .balance-detail .tit,
.portlet-main-wrap .pc-application-intake .pc-alc-left .balance-detail .money {
  font-size: 12px;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .tit,
.portlet-main-wrap .pc-application-intake .pc-alc-left .money {
  display: inline-block;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .tit {
  font-size: 14px;
}
.portlet-main-wrap .pc-application-intake .pc-alc-left .money {
  color: #000000;
  font-size: 22px;
  margin-left: 10px;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right {
  width: 39%;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item {
  color: #000;
  height: 86.7px;
  padding: 10px !important;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item:nth-child(odd) {
  background-color: #F5F5F5;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item:nth-child(even) {
  background-color: #fff;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item > .tit,
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item > .money {
  float: left;
  margin: 0;
  font-size: 12px;
  text-align: right;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item > .tit {
  overflow: hidden;
  padding: 21px 0;
  width: 60%;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item > .tit .caption {
  display: inline-block;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item > .tit .caption .caption-icon {
  margin-right: 0;
}
.portlet-main-wrap .pc-application-intake .pc-alc-right .list-group-item > .money {
  width: 40%;
  height: 68px;
  text-align: left;
  line-height: 68px;
}
/*系统菜单*/
.system-menu-wrap .tabbable-custom > .nav-tabs {
  border-bottom-color: #ddd;
  background-color: #eee;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li {
  width: 50%;
  margin-right: 0;
  border-bottom: 0;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li > a {
  padding: 9px 3px 9px 15px;
  border-bottom: 0;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li > a:last-child {
  border-left: 1px solid transparent;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li.active {
  margin-top: -1px;
  border-top: 1px solid #ddd;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li.active:first-child > a {
  border-right: 1px solid #ccc;
  border-top-right-radius: 8px !important;
  -webkit-border-top-right-radius: 8px !important;
  -moz-border-top-right-radius: 8px !important;
}
.system-menu-wrap .tabbable-custom > .nav-tabs > li.active:last-child > a {
  border-left-color: #ccc;
  border-top-left-radius: 8px !important;
  -webkit-border-top-left-radius: 8px !important;
  -moz-border-top-left-radius: 8px !important;
}
.system-menu-wrap .tabbable-custom > .tab-content {
  padding: 0;
}
.system-menu-wrap .two-column {
  position: relative;
}
.system-menu-wrap .two-column .groom-icon,
.system-menu-wrap .two-column .fa-star,
.system-menu-wrap .two-column .circle {
  position: absolute;
}
.system-menu-wrap .two-column .circle {
  left: 22px;
  top: 8px;
}
.system-menu-wrap .two-column .fa-star {
  display: none;
}
.system-menu-wrap .two-column .label {
  display: inline-block;
  margin: 3px 0 0 0;
}
.system-menu-wrap .two-column .menu-list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 7px 10px 8px 38px;
  cursor: pointer;
}
.system-menu-wrap .two-column .menu-list a {
  color: #333;
  text-decoration: none;
}
.system-menu-wrap .two-column.groom .groom-icon {
  display: block;
  padding: 7px;
  background: url("../images/excellent/groom.png") no-repeat;
  margin-right: 5px;
  left: 18px;
  top: 9px;
}
.system-menu-wrap .two-column.collect .fa-star {
  display: none;
  color: #FF9900;
  top: 7px;
  left: 18px;
}
.system-menu-wrap .two-column.collect .circle {
  top: 9px;
  left: 22px;
}
.system-menu-wrap .two-column.collect:hover .fa-star {
  display: block;
}
.system-menu-wrap .two-column.collect:hover .circle {
  display: none;
}
/*办公工具*/
.work-tools-wrap .work-tools-title {
  padding: 9px 20px;
}
.work-tools-wrap .work-tools-group {
  padding-bottom: 10px;
}
.work-tools-wrap .work-tools-group .mytools {
  float: left;
  width: 50%;
  height: 206px;
  overflow: hidden;
}
.work-tools-wrap .work-tools-group .mytools:last-child {
  border-left: 1px solid #ddd;
}
.mytools .toolitem-list {
  padding: 7px 0 8px 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
}
.mytools .toolitem-list .tool-icon {
  position: absolute;
}
.mytools .toolitem-list .toolitem-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mytools.tool-icon-circle .tool-icon {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  left: 20px;
  top: 11px;
}
.mytools.tool-icon-bg .toolitem-list {
  padding-left: 50px;
}
.mytools.tool-icon-bg .toolitem-list:last-child {
  margin-bottom: 15px;
}
.mytools.tool-icon-bg .toolitem-list:hover .tool-icon {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
.mytools.tool-icon-bg .tool-icon {
  width: 24px;
  height: 24px;
  left: 20px;
  top: 4px;
  background: url("../images/excellent/work_tools_icon.png") no-repeat;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .5;
}
.mytools.tool-icon-bg .tool-icon.xtsjb {
  background-position: -24px 0;
}
.mytools.tool-icon-bg .tool-icon.lcsp {
  background-position: -48px 0;
}
.mytools.tool-icon-bg .tool-icon.yp {
  background-position: -72px 0;
}
.mytools.tool-icon-bg .tool-icon.gzbg {
  background-position: -96px 0;
}
.mytools.tool-icon-bg .tool-icon.xmxz {
  background-position: -120px 0;
}
.mytools.tool-icon-bg .tool-icon.fx {
  background-position: -144px 0;
}
.mytools.tool-icon-bg .tool-icon.mrpdca {
  background-position: -168px 0;
}
.mytools.tool-icon-bg .tool-icon.rydw {
  background-position: -192px 0;
}
.mytools.tool-icon-bg .tool-icon.cljj {
  background-position: -216px 0;
}
.mytools.tool-icon-bg .tool-icon.swjb {
  background-position: -240px 0;
}
.mytools.tool-icon-bg .tool-icon.zsk {
  background-position: -264px 0;
}
/*未读消息通知 && 待办事务提醒*/
.menu-list-group {
  padding-bottom: 10px;
  overflow: hidden;
}
.message-wrap .message-header {
  width: 100%;
  padding: 7px 20px 0;
}
.message-wrap .message-header:after {
  clear: both;
}
.message-wrap .message-header .message-icon {
  float: left;
}
.message-wrap .message-header .message-icon .icon-wrap.envelope {
  width: 55px;
  height: 28px;
  background: url("../images/excellent/enevlop.png") no-repeat;
  background-size: 74%;
  margin-left: -6px;
}
.message-wrap .message-header .message-icon .icon-wrap.alarm {
  width: 30px;
  height: 28px;
  margin-left: -5px;
  background: url("../images/excellent/alarm.png") no-repeat;
  background-size: 100%;
}
.message-wrap .message-header .message-tips {
  float: right;
  text-align: right;
}
.message-wrap .message-header .message-tips .msg-num {
  font-size: 30px;
  color: #FF9900;
  line-height: 30px;
}
.message-wrap .message-main .tabbable-custom > .nav-tabs {
  border-bottom: 0;
  padding: 0 20px;
  height: 30px;
}
.message-wrap .message-main .tabbable-custom > .nav-tabs > li {
  margin-right: 10px;
}
.message-wrap .message-main .tabbable-custom > .nav-tabs > li:last-child {
  margin-right: 0;
}
.message-wrap .message-main .tabbable-custom > .nav-tabs > li.active {
  border-bottom-width: 3px;
}
.message-wrap .message-main .tabbable-custom > .nav-tabs > li > a {
  font-size: 12px;
  padding: 8px 0 4px 0;
}
.message-wrap .message-main .tabbable-custom > .nav-tabs > li .msg-title {
  margin-top: 8px;
}
.message-wrap .message-main .message-list-wrap {
  padding: 0 20px;
}
.message-wrap .message-main .two-column {
  padding: 8px 5px 8px 10px;
}
.message-wrap .message-main.undo-list-wrap .two-column-wrap .two-column {
  padding-bottom: 7px;
}
.message-wrap .message-main.undo-list-wrap .two-column-wrap .two-column:nth-child(even) {
  padding-left: 5px;
  padding-right: 10px;
}
.message-wrap .message-list-wrap .message-list {
  padding: 8px;
  cursor: pointer;
}
.message-wrap .message-list-wrap .message-list .message-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.message-wrap .message-list-wrap .message-list .message-title .circle {
  margin-right: 5px;
}
.message-wrap .message-list-wrap .message-list .message-title .urgent {
  color: #FF9900;
}
.message-wrap .message-list-wrap .message-list .message-tips {
  margin-left: 10px;
  color: #A0A0A0;
  display: none;
}
.message-wrap .message-list-wrap .message-list .message-tips > span ~ span {
  margin-left: 5px;
}
.message-wrap .message-list-wrap .message-list:hover,
.message-wrap .message-list-wrap .message-list.open {
  background-color: #f5f5f5;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -moz-border-radius: 4px!important;
}
.message-wrap .message-list-wrap .message-list:hover .message-tips,
.message-wrap .message-list-wrap .message-list.open .message-tips {
  display: block;
}
.message-wrap .message-list-wrap .message-list.read {
  color: #A0A0A0;
}
.message-wrap .message-list-wrap .message-list.read .message-title {
  font-weight: normal;
}
.message-wrap .undo-wrap {
  padding: 0 10px;
}
.message-wrap .undo-list {
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -moz-border-radius: 4px!important;
}
.message-wrap .undo-list .undo-title {
  width: 100%;
  padding: 11px 33px 8px 10px;
  display: inline-block;
  margin-right: -38px;
  overflow: hidden;
  float: left;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.message-wrap .undo-list .label {
  display: inline-block;
  font-size: 20px;
  float: left;
  margin: 6px 0 0 0;
}
.message-wrap .undo-list.disabled,
.message-wrap .undo-list.disabled:hover {
  border-color: #f6f6f6;
  background-color: #f6f6f6;
}
.widget .btn.btn-block.default {
  padding: 3px 14px;
  font-size: 12px;
  border-radius: 15px!important;
  -webkit-border-radius: 15px!important;
  -moz-border-radius: 15px!important;
  background-color: #F1F1F1;
  color: #A0A0A0;
  margin: 10px 0;
}
.widget .btn.btn-block.default:hover {
  color: #aaa;
  background-color: #eee;
}
.widget .btn.btn-block.default.disabled {
  cursor: default;
}
.widget .widget-body.data-error-wrap {
  height: 258px;
  position: relative;
  width: 100%;
}
.widget .message-main.data-error-wrap,
.widget .work-tools-group.data-error-wrap {
  position: relative;
  width: 100%;
}
.system-menu-wrap .widget.box-index,
.work-tools-wrap .widget.box-index,
.message-wrap .widget.box-index,
.today-timetable-wrap .widget.box-index {
  height: 258px;
}
.system-menu-wrap .widget.box-index .toolsDiv,
.work-tools-wrap .widget.box-index .toolsDiv,
.message-wrap .widget.box-index .toolsDiv,
.today-timetable-wrap .widget.box-index .toolsDiv {
  height: 216px;
  position: relative;
}
.system-menu-wrap .widget.box-index .msgDiv,
.work-tools-wrap .widget.box-index .msgDiv,
.message-wrap .widget.box-index .msgDiv,
.today-timetable-wrap .widget.box-index .msgDiv {
  height: 166px;
  position: relative;
}
.system-menu-wrap .widget.box-index .msgDiv .screen-center,
.work-tools-wrap .widget.box-index .msgDiv .screen-center,
.message-wrap .widget.box-index .msgDiv .screen-center,
.today-timetable-wrap .widget.box-index .msgDiv .screen-center {
  top: 37.5%;
}
/*小部件 学生成绩*/
.score .box-index-list .table > tbody > tr > td.date {
  text-align: center;
  border-left: 1px solid #d2d2d2;
}
.score .box-index-list .table > tbody > tr.head > td.title {
  padding-left: 10px;
}
.score .box-index-list .table > tbody > tr.head:hover > td {
  color: #999;
  background-color: #f2f1f1;
}
/*校园文化*/
.school-culture-wrap .tab-menu {
  padding-bottom: 50px;
}
.school-culture-wrap .tab-menu .culture-book {
  position: absolute;
  bottom: 15px;
  right: 10px;
}
.school-culture-wrap .tab-menu .culture-book .btn {
  padding: 3px 12px;
}
.school-culture-wrap .tab-menu .culture-book .btn.bordered {
  border-color: #ddd;
  color: #333;
}
.culture-list-group {
  padding: 5px 10px;
  display: table;
  content: '';
}
.culture-list-group:after {
  clear: both;
}
.culture-list-group .culture-list {
  width: 130px;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
.culture-list-group .culture-list .culture-img {
  border: 1px solid #ddd;
  width: 100%;
  height: 75px;
  margin-bottom: 5px;
  overflow: hidden;
  cursor: pointer;
}
.culture-list-group .culture-list .culture-img > img {
  width: 100%;
  height: 100%;
}
.culture-list-group .culture-list .culture-title,
.culture-list-group .culture-list .culture-name {
  font-size: 12px;
}
.culture-list-group .culture-list .culture-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.culture-list-group .culture-list .culture-date {
  color: #A0A0A0;
}
.culture-list-group.company-literature .culture-list {
  width: 200px;
  height: 100px;
  padding-left: 95px;
  position: relative;
}
.culture-list-group.company-literature .culture-list .culture-img {
  width: 85px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.culture-list-group.company-literature .culture-list .culture-title {
  margin-top: 5px;
  font-size: 14px;
  margin-bottom: 5px;
}
.culture-list-group.company-literature .culture-list .culture-date {
  margin-bottom: 30px;
}
.culture-list-group.company-literature .culture-list .action a {
  margin-right: 5px;
}
/*小部件设置*/
.widget-set-box {
  padding: 10px;
}
.widget-set-box .set-box {
  border: 1px solid #d2d2d2;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -moz-border-radius: 4px!important;
}
.widget-set-box .set-box .set-title {
  border-bottom: 1px solid #eee;
  padding: 5px 2px;
}
.widget-set-box .set-box .set-title i {
  color: #bbb;
}
.widget-set-box .set-box .set-title i.fa-check-circle {
  margin-left: 5px;
  font-size: 18px;
  vertical-align: middle;
}
.widget-set-box .set-box .set-title .tit {
  width: 100%;
  font-weight: 700;
  font-size: 12px;
  padding-right: 70px;
  display: inline-block;
  margin-right: -45px;
  cursor: pointer;
}
.widget-set-box .set-box .set-title .tit > i {
  margin-right: 5px;
}
.widget-set-box .set-box .move {
  display: inline-block;
}
.widget-set-box .set-box .move .fa {
  color: #bbb;
  cursor: pointer;
}
.widget-set-box .set-box .move .fa.fa-long-arrow-left {
  margin-right: 5px;
}
.widget-set-box .set-box .set-body {
  width: 100%;
  height: 80px;
  padding: 5px 10px;
}
.widget-set-box .set-box .set-body .set-menu-list {
  margin-top: 10px;
  text-align: left;
  width: 32%;
  height: 25px;
  padding: 3px 2px 0 5px;
  font-size: 12px;
  float: left;
  cursor: default;
  border: 1px solid transparent;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -moz-border-radius: 4px!important;
}
.widget-set-box .set-box .set-body .set-menu-list .move {
  display: none;
}
.widget-set-box .set-box .set-body .set-menu-list:hover {
  border-color: #ddd;
}
.widget-set-box .set-box .set-body .set-menu-list:hover .move {
  display: inline-block;
}
/*收藏菜单推荐*/
.recommend-menu-group {
  float: left;
  padding-left: 0;
  margin-right: 10px;
  border: 1px solid #ddd;
}
.recommend-menu-group .menu-list {
  width: 210px;
  border-bottom: 1px solid #ddd;
  padding: 8px 55px 8px 15px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend-menu-group .menu-list:last-child {
  border-bottom: 0;
}
.recommend-menu-group .menu-list .actions {
  position: absolute;
  right: 5px;
  top: 8px;
}
.recommend-menu-group .menu-list .actions .fa {
  font-size: 18px;
}
.page-walk-height {
  height: 258px;
  margin-bottom: 10px;
}
.page-walk-height.page-walk-porlet-height {
  height: 300px;
}
.page-walk-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  /*模块遮罩层*/
}
.page-walk-wrap.active {
  display: block;
}
.page-walk-wrap .close-wrap {
  position: absolute;
  z-index: 10001;
  right: 10px;
  top: 10px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 50%!important;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  color: #fff;
  text-align: center;
  line-height: 38px;
}
.page-walk-wrap .close-wrap .fa {
  font-size: 20px;
}
.page-walk-wrap .home-slider,
.page-walk-wrap .home-top {
  background-color: transparent;
}
.page-walk-wrap .home-top {
  border-bottom-color: transparent;
}
.page-walk-wrap .home-top .page-header.navbar {
  background-color: transparent;
}
.page-walk-wrap .home-top .page-header.navbar .top-right {
  width: 255px;
}
.page-walk-wrap .home-top .page-header.navbar.navbar-fixed-top {
  z-index: 1002!important;
}
.page-walk-wrap .home-wrap .home-main {
  background-color: transparent;
}
.page-walk-wrap .page-walk-modal {
  position: absolute;
  width: 738px;
  height: 385px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: url("../../assets/images/excellent/step_6_bg.png") no-repeat;
  background-size: cover;
  z-index: 100;
  display: none;
}
.page-walk-wrap .page-walk-modal.active {
  display: block;
}
.page-walk-wrap .page-content-wrapper .page-content {
  background-color: transparent;
  border-left: 0;
  padding-top: 0;
}
.page-walk-wrap .page-walk-bg {
  position: relative;
  visibility: hidden;
}
.page-walk-wrap .page-walk-bg.active {
  visibility: visible;
}
.page-walk-wrap .page-walk-bg .walk-bg-box {
  position: absolute;
  z-index: 101;
}
.page-walk-wrap .page-walk-bg .walk-bg-box .hot-link,
.page-walk-wrap .page-walk-bg .walk-bg-box .jump-btn {
  position: absolute;
  cursor: pointer;
  z-index: 102;
  padding: 15px 40px;
}
.page-walk-wrap .page-walk-bg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0);
}
.page-walk-wrap .page-walk-bg.stepOne .walk-bg-box {
  background: url("../images/excellent/step_1.png") no-repeat;
  width: 489px;
  height: 290px;
  top: 20px;
  right: 235px;
}
.page-walk-wrap .page-walk-bg.stepOne .walk-bg-box .hot-link {
  padding: 15px 40px;
  bottom: 18px;
  left: 63px;
}
.page-walk-wrap .page-walk-bg.stepOne .walk-bg-box .jump-btn {
  bottom: 18px;
  left: 154px;
}
.page-walk-wrap .page-walk-bg.stepTwo .walk-bg-box {
  background: url("../images/excellent/step_2.png") no-repeat;
  width: 431px;
  height: 277px;
  top: 85px;
  right: 95%;
}
.page-walk-wrap .page-walk-bg.stepTwo .walk-bg-box .hot-link {
  padding: 15px 40px;
  left: 21.5%;
  bottom: 34px;
}
.page-walk-wrap .page-walk-bg.stepTwo .walk-bg-box .jump-btn {
  left: 42.5%;
  bottom: 34px;
}
.page-walk-wrap .page-walk-bg.stepThree .walk-bg-box {
  background: url("../images/excellent/step_3.png") no-repeat;
  width: 754px;
  height: 524px;
  top: 20px;
  left: -665px;
}
.page-walk-wrap .page-walk-bg.stepThree .walk-bg-box .hot-link {
  padding: 15px 40px;
  bottom: 54px;
  left: 12.5%;
}
.page-walk-wrap .page-walk-bg.stepThree .walk-bg-box .jump-btn {
  bottom: 54px;
  left: 24.5%;
}
.page-walk-wrap .page-walk-bg.stepFour .walk-bg-box {
  background: url("../images/excellent/step_4.png") no-repeat;
  width: 471px;
  height: 289px;
  top: 25px;
  left: -440px;
}
.page-walk-wrap .page-walk-bg.stepFour .walk-bg-box .hot-link {
  padding: 15px 40px;
  bottom: 40px;
  left: 28%;
}
.page-walk-wrap .page-walk-bg.stepFour .walk-bg-box .jump-btn {
  bottom: 40px;
  left: 48%;
}
.page-walk-wrap .page-walk-bg.stepFive .jump-btn {
  right: 125px;
  bottom: 59px;
  position: absolute;
  padding: 15px 40px;
  cursor: pointer;
}
.page-walk-wrap .page-walk-bg.stepFive .walk-bg-box {
  background: url("../images/excellent/step_5.png") no-repeat;
  width: 492px;
  height: 309px;
  top: 65px;
  right: 85%;
}
.page-walk-wrap .page-walk-bg.stepFive .hot-link {
  width: 100%;
  height: 300px;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 350px;
  position: absolute;
  z-index: 103;
}
.page-walk-wrap .page-walk-bg.stepFive .hot-link > .fa {
  font-size: 26px;
  color: #ccc;
}
.page-walk-wrap .page-walk-bg.stepFive .hot-link:hover .fa {
  color: #ddd;
}
.page-walk-wrap .page-walk-bg.stepSix .walk-bg-box {
  background: url("../images/excellent/step_6.png") no-repeat;
  width: 135px;
  height: 187px;
  top: 370px;
  right: 4%;
  position: absolute;
}
.page-walk-wrap .page-walk-bg.stepSix .walk-bg-box .hot-link {
  padding: 15px 28px;
  left: 27%;
  top: -11%;
}
.page-walk-wrap .page-walk-bg.stepSix .walk-bg-box .jump-btn {
  left: 20.5%;
  bottom: 15px;
}
.page-walk-wrap .page-walk-bg.stepSeven .walk-bg-box {
  background: url("../images/excellent/step_7.png") no-repeat;
  width: 326px;
  height: 450px;
  top: -28%;
  left: 100%;
}
.page-walk-wrap .page-walk-bg.stepSeven .walk-bg-box .hot-link {
  padding: 15px 40px;
  left: 37%;
  top: 58.5%;
}
.page-walk-wrap .page-walk-bg.stepSeven .walk-bg-box .jump-btn {
  left: 64.5%;
  top: 58.5%;
}
.login-code-wrap:after {
  clear: both;
}
.login-code-wrap .code-list-wrap {
  display: inline-block;
  float: left;
  width: 50%;
  text-align: center;
  font-size: 12px;
}
.code-list-wrap .code-wrap {
  display: inline-block;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.code-list-wrap .code-wrap .code {
  width: 100px;
  height: 100px;
  background: url("../images/excellent/home_code.png") no-repeat;
  background-size: cover;
}
.code-list-wrap .code-wrap .code.outside {
  background: url("../images/excellent/outside_code.png") no-repeat;
  background-size: cover;
}
.code-list-wrap .code-divider {
  display: inline-block;
  width: 60%;
  margin: 20px 0;
  height: 1px;
  background-color: #ddd;
  position: relative;
}
.code-list-wrap .code-divider > div {
  position: absolute;
  width: 25px;
  height: 25px;
  line-height: 25px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  background-color: #ccc;
  border-radius: 50%!important;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
}
.code-list-wrap h4.addr {
  font-size: 16px;
}
.code-list-wrap .btn {
  font-size: 12px;
}
/*鼠标hover 显示提示*/
.pos-hover-warning {
  position: relative;
  display: inline-block;
}
.pos-hover-warning > .fa {
  color: #FF9B09;
  cursor: pointer;
}
.pos-hover-warning.open .hover-warning-content,
.pos-hover-warning:hover .hover-warning-content {
  display: inline-block !important;
}
.pos-hover-warning:hover .uii-popup {
  display: block;
}
.pos-hover-warning .hover-warning-content {
  position: absolute;
  background: #FFFCEA;
  border: solid 1px #DCC08C;
  padding: 4px;
  color: #8A715B!important;
  font-size: 12px;
  text-align: left;
  display: none;
  min-width: 300px;
  z-index: 999;
}
.pos-hover-warning .hover-warning-content.direction-bottom {
  top: 100%;
  right: 0;
}
.pos-hover-warning .hover-warning-content.direction-right {
  top: -15px;
  left: 15px;
}
.pos-hover-warning .hover-warning-content.left-100 {
  left: 100%;
}
.pos-hover-warning .hover-warning-content.right-100 {
  right: 0;
  top: 100%;
}
.pos-hover-warning .hover-warning-content.right-bottom {
  right: 0;
  bottom: 100%;
}
.pos-hover-warning .hover-warning-content.bottom-100 {
  top: 20px;
  right: -100%;
}
.pos-hover-warning .hover-warning-content > p {
  margin-bottom: 0;
}
.picturePreview .pos-hover-warning .hover-warning-content {
  min-width: initial;
}
.picturePreview .pos-hover-warning .hover-warning-content > img {
  width: 100px;
  max-height: 100px;
}
/*进度条样式重构*/
.progress.progress-theme {
  width: 200px;
  display: inline-block;
  margin-bottom: 0;
  border: solid 1px #17A099;
  background: #fff;
  border-radius: 10px!important;
}
.progress.progress-theme .progress-bar {
  background: #17A099;
}
.pos-progress {
  position: relative;
  width: 230px;
  display: inline-block;
}
.pos-progress .pos-text {
  position: absolute;
  right: -8px;
  top: 2px;
  color: #17A099;
  font-size: 13px;
}
.pos-progress + .progress-right-text {
  position: relative;
  top: -5px;
}
/*微信整合*/
.confirm-has-error {
  color: #ff0000;
  padding-left: 20px;
  position: relative;
}
.confirm-has-error i {
  position: absolute;
  left: 0;
}
.confirm-has-error p {
  margin-bottom: 5px;
}
.wx-operation-tips {
  font-size: 14px;
}
/*====听课管理======*/
.content-bc-gray {
  background: #f7f7f7;
  padding: 10px;
}
.content-bc-gray.padding-5 {
  padding: 5px!important;
}
.content-bc-gray.padding-5 > label {
  margin-bottom: 0;
}
.theme-color {
  color: #17A099;
}
/*表单组form-inline*/
.form-inline.inline-control-wd .form-control {
  width: inherit;
  margin-bottom: 5px;
}
/*线上面显示文字title*/
.pos-line-wrap {
  position: relative;
  width: 100%;
  border-top: solid 1px #D2D2D2;
  margin: 15px 0;
}
.pos-line-wrap .pos-line-title {
  position: absolute;
  top: -10px;
  left: 0;
  padding-right: 5px;
}
.pos-line-wrap .pos-line-title.bc-gray {
  background: #f2f2f2;
}
.pos-line-wrap .pos-line-title.bc-white {
  background: #fff;
}
/*表格td里面的列表*/
.tab-list-msg-wrap .td-list-msg {
  margin: 0!important;
  padding: 0!important;
  display: inline-block;
}
.tab-list-msg-wrap .td-list-msg.bor-right {
  border-right: solid 1px #b9b9b9;
}
.tab-list-msg-wrap .td-list-msg > li {
  padding: 2px 4px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.tab-list-msg-wrap tr > td {
  max-width: inherit!important;
}
/*GPS定位管理系统*/
.infoBox > img {
  z-index: 10;
  right: 5px!important;
  top: 6px;
}
.map-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.map-wrap .stayTime {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 2;
  bottom: 44px;
  padding: 5px 15px 5px 30px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.map-wrap .stayTime .less,
.map-wrap .stayTime .middle,
.map-wrap .stayTime .more {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
.map-wrap .stayTime .less:before,
.map-wrap .stayTime .middle:before,
.map-wrap .stayTime .more:before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid transparent;
  top: 3px;
  left: -15px;
}
.map-wrap .stayTime .less:before {
  border-color: #6299E9;
}
.map-wrap .stayTime .middle:before {
  border-color: #ffff00;
}
.map-wrap .stayTime .more:before {
  border-color: red;
}
.detail-wrap {
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
}
.detail-wrap .detail-title {
  padding: 5px 20px 5px 20px;
  background: url("../images/excellent/online.png") 3px no-repeat;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.detail-wrap .detail {
  padding: 0px 5px 5px 5px;
}
.detail-wrap .arrow {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 47.5%;
  overflow: hidden;
}
.detail-wrap .arrow * {
  display: block;
  border-width: 8px;
  position: absolute;
  border-style: solid dashed dashed dashed;
  font-size: 0;
  line-height: 0;
}
.detail-wrap .arrow em {
  border-color: #d2d2d2 transparent transparent;
}
.detail-wrap .arrow span {
  border-color: #FFF transparent transparent;
  top: -2px;
}
.people-detail {
  position: relative;
  padding: 0 5px;
  white-space: nowrap;
}
.people-detail > img {
  position: absolute;
  left: 1px;
}
.gps-list-group .list-item-title {
  padding: 2px 0;
  font-weight: bold;
}
.gps-list-group .list-item-content > a {
  padding: 2px 5px;
  text-decoration: none;
  display: block;
}
.text-trail-container {
  position: fixed;
  top: 200px;
  right: 25px;
  z-index: 10;
  border: 1px solid #ddd;
}
.text-trail-container .text-trail-wrap {
  width: 300px;
}
.text-trail-container .text-trail-wrap.closed {
  width: 100px;
}
.text-trail-container .text-trail-wrap.closed .text-trail-body,
.text-trail-container .text-trail-wrap.closed .text-trail-foot {
  display: none;
}
.text-trail-container .text-trail-head,
.text-trail-container .text-trail-foot {
  padding: 5px 10px;
  background-color: #f5f5f5;
}
.text-trail-container .text-trail-body {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  max-height: 260px;
  min-height: 160px;
  overflow-y: auto;
  background-color: #fff;
  position: relative;
}
.text-trail-container .text-trail-body:before {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: #66cc66;
  min-height: 160px;
  left: 90px;
}
.text-trail-container .trail-note {
  padding: 3px 0;
}
.text-trail-container .trial-status {
  margin-right: 5px;
}
.trial-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%!important;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  border: 2px solid #66cc66;
}
.trial-status.unnormal {
  border-color: #E40014;
}
.text-trail-detail {
  position: relative;
  padding-left: 90px;
  height: 100%;
  margin-bottom: 0;
}
.text-trail-detail:before {
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  background-color: #66cc66;
}
.text-trail-detail > li {
  padding: 10px 10px 15px 10px!important;
  position: relative;
}
.text-trail-detail > li:first-child {
  padding-top: 25px;
}
.text-trail-detail > li .addr {
  position: absolute;
  width: 90px;
  left: -90px;
  top: 10px;
  text-align: center;
  color: #66cc66;
}
.text-trail-detail > li .trial-status {
  position: absolute;
  top: 15px;
  left: -4.5px;
  background-color: #fff;
}
/*表格中的表单（包括自定义表单）*/
.table-form-group .table {
  width: auto;
}
.table-form-group .table > tbody > tr td {
  padding: 0 5px;
  border: 0;
  max-width: 600px;
  white-space: normal;
  vertical-align: initial;
  text-align: left;
  overflow: visible;
}
/*查询区特殊样式*/
/*query-condition*/
.query-condition {
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
}
.query-condition label {
  font-weight: normal;
}
.query-condition .base-condition {
  padding: 5px 10px;
}
.query-condition .more-conditions {
  padding: 0 10px;
}
.query-condition .more-conditions .field {
  margin-bottom: 5px;
}
.query-condition .query-action {
  float: left;
  padding-left: 10px;
}
.query-condition .query-action a {
  margin: 0 5px;
  vertical-align: middle;
}
.query-condition .query-action a > i {
  margin-left: 2px;
}
.base-condition:before,
.more-conditions:before,
.base-condition:after,
.more-conditions:after {
  content: '';
  display: table;
}
.base-condition:after,
.more-conditions:after {
  clear: both;
}
.base-condition .field,
.more-conditions .field {
  width: 290px;
  float: left;
  display: inline-block;
}
.base-condition .field.field-auto,
.more-conditions .field.field-auto,
.base-condition .field.field-auto .field-control,
.more-conditions .field.field-auto .field-control {
  width: auto;
}
.base-condition .field.field-auto input[type=checkbox],
.more-conditions .field.field-auto input[type=checkbox],
.base-condition .field.field-auto input[type=radio],
.more-conditions .field.field-auto input[type=radio] {
  margin-top: 3px;
}
.base-condition .field.field-auto .only-text label,
.more-conditions .field.field-auto .only-text label {
  padding-top: 7px;
  margin: 0 5px;
  color: #A0A0A0;
  cursor: pointer;
}
.base-condition .field.field-auto .only-text label.active,
.more-conditions .field.field-auto .only-text label.active {
  color: #337ab7;
}
.base-condition .field .form-group,
.more-conditions .field .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.base-condition .field .form-group:before,
.more-conditions .field .form-group:before,
.base-condition .field .form-group:after,
.more-conditions .field .form-group:after {
  display: table;
  content: '';
}
.base-condition .field .form-group:after,
.more-conditions .field .form-group:after {
  clear: both;
}
.base-condition .field .field-label,
.more-conditions .field .field-label,
.base-condition .field .field-control,
.more-conditions .field .field-control,
.base-condition .field .field-group,
.more-conditions .field .field-group {
  float: left;
}
.base-condition .field .control-label,
.more-conditions .field .control-label {
  text-align: right;
  padding-top: 7px;
  margin-bottom: 0;
}
.base-condition .field .field-label,
.more-conditions .field .field-label,
.base-condition .field .field-group,
.more-conditions .field .field-group {
  width: 100px;
  padding-right: 5px;
}
.base-condition .field .field-label,
.more-conditions .field .field-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.base-condition .field .field-group,
.more-conditions .field .field-group {
  padding: 0 0 0 10px;
}
.base-condition .field .field-group .form-control,
.more-conditions .field .field-group .form-control {
  border-right: 0;
  float: right;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.base-condition .field .field-group ~ .field-control .form-control,
.more-conditions .field .field-group ~ .field-control .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.base-condition .field .field-control,
.more-conditions .field .field-control {
  width: 190px;
  height: 30px;
}
.base-condition .field .input-group-addon,
.more-conditions .field .input-group-addon {
  width: 20px;
  min-width: 0;
  padding: 6px 2px!important;
  border-color: #e5e5e5;
  background: #e5e5e5;
}
.base-condition .field .input-group .input-icon .form-control,
.more-conditions .field .input-group .input-icon .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.base-condition .field .input-group .input-icon .input-group-addon ~ .input-icon .form-control,
.more-conditions .field .input-group .input-icon .input-group-addon ~ .input-icon .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.base-condition .field .input-icon.right > .form-control,
.more-conditions .field .input-icon.right > .form-control,
.base-condition .field .input-icon.right .form-control,
.more-conditions .field .input-icon.right .form-control {
  padding-left: 2px;
}
.base-condition .field .control-label .required,
.more-conditions .field .control-label .required {
  margin-right: -5px;
  margin-left: -5px;
}
/*数据采集*/
.data-acquisition-page {
  background-color: #fff;
}
.data-acquisition-page.acquisition-tree-sidebar-closed .acquisition-tree-header,
.data-acquisition-page.acquisition-tree-sidebar-closed .yn-table-tree {
  display: none;
}
.data-acquisition-page.acquisition-tree-sidebar-closed .acquisition-tree-sidebar {
  width: 30px;
  cursor: pointer;
}
.data-acquisition-page.acquisition-tree-sidebar-closed .acquisition-tree-sidebar .sidebar-toggle {
  width: 30px;
  right: -1px;
}
.data-acquisition-page.acquisition-tree-sidebar-closed .acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-icon {
  background: url(../images/sidebar_toggle_icon_close.png);
}
.data-acquisition-page.acquisition-tree-sidebar-closed .acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-text {
  display: block;
}
.data-acquisition-page.acquisition-tree-sidebar-closed .acquisition-tree-content {
  margin-left: 30px;
}
.acquisition-tree-sidebar {
  width: 306px;
  float: left;
  position: fixed;
  z-index: 3;
  height: 100%;
  padding-top: 145px;
  border-right: 1px solid #ddd;
  margin-right: -100%;
}
.acquisition-tree-sidebar .sidebar-toggle {
  position: absolute;
  top: 0;
  right: -8px;
  width: 8px;
  height: 100%;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  background-color: #eee;
}
.acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-icon,
.acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-text {
  position: absolute;
}
.acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-icon {
  top: 50%;
  right: -7px;
  margin-top: -64px;
  width: 13px;
  height: 64px;
  cursor: pointer;
  z-index: 10;
  background: url(../images/sidebar_toggle_icon_open.png);
}
.acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-text {
  width: 30px;
  height: 100%;
  display: none;
  z-index: 10;
}
.acquisition-tree-sidebar .sidebar-toggle .sidebar-toggle-text .toggle-text-only {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 7px;
  margin-top: -74.5px;
  color: #12b5b0;
}
.acquisition-tree-sidebar .table input[type=checkbox] {
  margin-top: 0;
}
.acquisition-tree-sidebar .table > tbody > tr td {
  padding: 10px 3px;
}
.acquisition-tree-sidebar .table > tbody > tr.item td {
  background-color: #F5F5F5;
}
.acquisition-tree-sidebar .table > tbody > tr.item td.tree-list-title {
  font-weight: 700;
}
.acquisition-tree-sidebar .table > tbody > tr.active {
  cursor: pointer;
}
.acquisition-tree-sidebar .table > tbody > tr.active .tree-list,
.acquisition-tree-sidebar .table > tbody > tr.active .tree-list.can-do {
  background-color: #12b5b0;
  color: #fff;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.can-do {
  color: #12b5b0;
  cursor: pointer;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.wtb {
  border-left: 4px solid red;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.xjshz {
  border-left: 4px solid #6666CC;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.shtg {
  border-left: 4px solid #66CC33;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.cg {
  border-left: 4px solid #A0A0A0;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.bmshz {
  border-left: 4px solid #66CCFF;
}
.acquisition-tree-sidebar .table > tbody > tr .tree-list.fhxg {
  border-left: 4px solid #FF9900;
}
.acquisition-tree-content {
  margin-left: 313px;
  min-height: 500px;
}
.acquisition-tree-content .breadcrumb {
  border-bottom: 1px solid #ddd;
}
.acquisition-tree-content .breadcrumb > li + li:before {
  content: "\f105";
  font-family: "fontAwesome";
}
.acquisition-tree-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 145px;
  border-bottom: 3px solid #12b5b0;
  background-color: #f5f5f5;
}
.acquisition-status {
  margin: 10px 0 10px 8px;
}
.acquisition-status .acquisition-status-list {
  display: inline-block;
  float: left;
  width: 33.33%;
  padding: 5px 10px;
}
.acquisition-status .acquisition-status-list i {
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: inherit;
}
.acquisition-status .acquisition-status-list i.wtb {
  background-color: red;
}
.acquisition-status .acquisition-status-list i.xjshz {
  background-color: #6666CC;
}
.acquisition-status .acquisition-status-list i.shtg {
  background-color: #66CC33;
}
.acquisition-status .acquisition-status-list i.cg {
  background-color: #A0A0A0;
}
.acquisition-status .acquisition-status-list i.bmshz {
  background-color: #66CCFF;
}
.acquisition-status .acquisition-status-list i.fhxg {
  background-color: #FF9900;
}
/*媒体查询*/
@media (min-width: 992px) and (max-width: 1440px) {
  .nav-search-group {
    width: 250px;
  }
  .nav-search-group.right .dropdown-menu {
    width: 93%;
  }
  .home-top .nav-search-group {
    width: 360px;
  }
  .menu-list-group .two-column-wrap .two-column,
  .undo-list-wrap .two-column-wrap .two-column {
    width: 100%;
  }
  .message-wrap .message-main.undo-list-wrap .two-column-wrap .two-column:nth-child(even) {
    padding-left: 10px;
    padding-right: 5px;
  }
}
@media (min-width: 992px) {
  .excellent-homepage .col-md-3.message-wrap,
  .excellent-homepage .col-md-3.work-tools-wrap,
  .excellent-homepage .col-md-3.today-timetable-wrap {
    width: 30%;
  }
  .excellent-homepage .col-md-3.undo-affair-wrap,
  .excellent-homepage .col-md-3.system-menu-wrap {
    width: 20%;
  }
}
/*============管理制度设计=============*/
/*制度设计任务管理*/
.flow-list-content {
  padding: 0;
  margin-bottom: 20px;
}
.flow-list-content .flow-list-group {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  background-color: #F5F5F5;
  border: solid 1px #DCDCDC;
  text-align: center;
  border-radius: 5px !important;
  float: left;
  position: relative;
  margin-right: 40px;
  margin-bottom: 10px;
}
.flow-list-content .flow-list-group .text-box {
  margin-top: 3px;
}
.flow-list-content .flow-list-group.text-row-2 {
  line-height: inherit;
}
.flow-list-content .flow-list-group.text-row-2 .flow-title {
  margin-top: 10px;
  display: inline-block;
}
.flow-list-content .flow-list-group:last-child {
  margin-right: 0;
}
.flow-list-content .flow-list-group:last-child:after {
  display: none;
}
.flow-list-content .flow-list-group:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: solid 10px #DCDCDC;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  right: -30px;
  top: 24px;
}
/*目录设计-dialog*/
.design-catalogue-dialog .design-catalogue-group .design-catalogue-heading {
  position: relative;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-heading .left-icon {
  position: absolute;
  left: 5px;
  top: 10px;
  background-image: url("../images/system-design.png");
  background-position: 0 -38px;
  width: 38px;
  height: 38px;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-heading .left-icon.active {
  background-position: 0 0;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-heading .right-content {
  padding-left: 60px;
  height: 65px!important;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-heading .right-content .form-control {
  width: 205px;
  display: inline-block;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-heading .right-content a {
  color: #12b5b0;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-body {
  border: solid 2px #dcdcdc;
  margin-top: 15px;
  padding: 15px;
  height: 420px;
  overflow: auto;
}
.design-catalogue-dialog .design-catalogue-group .design-catalogue-body .no-system {
  color: #dcdcdc;
  font-size: 14px;
  font-weight: bold;
  margin-top: 190px;
  text-align: center;
}
.design-catalogue-dialog .design-catalogue-group.active .design-catalogue-body {
  border-color: #12b5b0;
}
/*目录设计*/
.catalogue-design-page {
  background-color: #fff;
}
.catalogue-design-page a {
  color: #12b5b0;
}
.catalogue-design-page .table-focus-bor .table:focus {
  outline: none;
}
.catalogue-design-page .table-focus-bor .table tr:hover,
.catalogue-design-page .table-focus-bor .table tr:focus,
.catalogue-design-page .table-focus-bor .table tr.fancytree-active {
  outline: 0;
}
.catalogue-design-page .table-focus-bor .table tr .leave_me .right-operation {
  margin-top: 3px;
  display: inline-block;
}
.catalogue-design-page .table .right-operation {
  margin: 0 5px;
  font-size: 12px;
}
.catalogue-design-page .table .form-control {
  height: 25px;
}
.catalogue-design-page .catalogue-design-hading {
  height: 70px;
  width: 100%;
  background-color: #12b5b0;
  color: #fff;
  text-align: center;
  display: inline-block;
  box-shadow: 0 1px 12px #919191 !important;
  -webkit-box-shadow: 0 1px 12px #919191 !important;
  -moz-box-shadow: 0 1px 12px #919191 !important;
  -ms-box-shadow: 0 1px 12px #919191 !important;
}
.catalogue-design-page .problem-text {
  font-size: 14px;
  margin-top: 5px;
  position: relative;
  cursor: pointer;
}
.catalogue-design-page .problem-text:before {
  content: '';
  position: absolute;
  background-image: url("../images/system-design.png");
  background-position: 0 120px;
  width: 15px;
  height: 15px;
  left: -17px;
  top: 3px;
}
.catalogue-design-page .system-catalogue-design {
  padding-top: 20px;
}
.catalogue-design-page .system-catalogue-design a {
  color: #000;
}
.catalogue-design-page .system-catalogue-design > ul {
  padding-left: 0;
  float: left;
}
.catalogue-design-page .system-catalogue-design > ul:first-child {
  margin-right: 40px;
}
.catalogue-design-page .system-catalogue-design > ul > li {
  float: left;
  margin-right: 10px;
}
.catalogue-design-page .system-catalogue-design > ul > li.active {
  color: #12b5b0;
  font-weight: bold;
}
.catalogue-design-page .system-catalogue-design > ul > li.active a {
  color: #12b5b0;
}
.catalogue-design-page .system-catalogue-design > ul > li:last-child {
  margin-right: 0;
}
.catalogue-design-page .system-catalogue-design > ul > li select,
.catalogue-design-page .system-catalogue-design > ul > li button {
  position: relative;
  top: -5px;
}
.catalogue-design-page .system-catalogue-design > ul:last-child {
  margin-right: 0;
}
.catalogue-design-page .list-content-group {
  padding-left: 0;
}
.catalogue-design-page .list-content-group .list-content-item {
  border-bottom: solid 1px #dcdcdc;
  padding: 10px 0;
}
.catalogue-design-page .list-content-group .list-content-item:first-child {
  border-top: solid 1px #dcdcdc;
}
.catalogue-design-page .list-content-group .list-content-item:nth-child(even) {
  background-color: #f2ffff;
}
.catalogue-design-page .list-content-group .list-content-item > ul {
  position: relative;
}
.catalogue-design-page .list-content-group .list-content-item > ul:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #12b5b0;
  border-radius: 50% !important;
  top: 3px;
  left: 18px;
}
.catalogue-design-page .list-content-group .list-content-item > ul > li {
  margin-bottom: 5px;
  color: #888787;
}
.catalogue-design-page .list-content-group .list-content-item > ul > li:last-child {
  margin-bottom: 0;
  color: #000;
}
.catalogue-design-page .pos-dropdown-wrap {
  position: relative;
  line-height: inherit;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-title {
  margin: 0 10px;
  height: 25px;
  cursor: pointer;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu {
  border: solid 1px #dcdcdc;
  padding: 10px;
  min-width: 235px;
  right: -95px;
  top: 27px;
  left: inherit;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu:after {
  border-bottom-color: #fff!important;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu:after,
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -10px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eee;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.82);
  content: '';
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu > ul {
  padding-left: 0;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu > ul > li {
  border-bottom: solid 1px #dcdcdc;
  margin-top: 5px;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu > ul > li:last-child {
  border-bottom: 0;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu > ul > li a {
  color: #12b5b0;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu.dropdown-menu-a {
  display: block;
  min-width: 140px;
  text-align: center;
  right: -22px;
  top: 30px;
}
.catalogue-design-page .pos-dropdown-wrap .dropdown-menu.dropdown-menu-a > ul > li {
  margin-top: 0;
}
.catalogue-design-page .pos-dropdown-wrap:hover .dropdown-menu {
  display: inherit;
}
/*内容设计*/
.content-design .left-tree-module {
  width: 350px;
  background-color: #F5F5F5;
  margin-right: -100%;
  float: left;
  position: relative;
}
.content-design .left-tree-module .left-header {
  width: 100%;
  height: 70px;
  background-color: #12b5b0;
  color: #FFF;
  text-align: center;
}
.content-design .left-tree-module .left-header .left-head-title {
  font-size: 18px;
  padding-top: 10px;
  font-weight: bold;
}
.content-design .left-tree-module .left-tree-head {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 0 2px 1px #b8b8b8 !important;
  -webkit-box-shadow: 0 2px 1px #b8b8b8 !important;
  -moz-box-shadow: 0 2px 1px #b8b8b8 !important;
  -ms-box-shadow: 0 2px 1px #b8b8b8 !important;
}
.content-design .left-tree-module .left-tree-head .first-title {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}
.content-design .left-tree-module .left-tree-head .right_link {
  margin-left: 15px;
  color: #12b5b0;
}
.content-design .left-tree-module .left-tree-head .right_link:first-child {
  margin-left: 0;
}
.content-design .left-tree-module .left-tree-body {
  padding: 10px 0;
  overflow: auto;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #d2d2d2;
}
.content-design .right-module {
  margin-left: 350px;
}
.content-design .right-module .right-header {
  height: 70px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 12px #919191 !important;
  -webkit-box-shadow: 0 1px 12px #919191 !important;
  -moz-box-shadow: 0 1px 12px #919191 !important;
  -ms-box-shadow: 0 1px 12px #919191 !important;
  padding: 0 15px;
}
.content-design .right-module .right-header p {
  margin-bottom: 5px;
  margin-top: 5px;
}
.content-design .right-module .right-header .pull-left {
  position: relative;
  padding-left: 60px;
  margin-top: 10px;
}
.content-design .right-module .right-header .pull-left > strong {
  font-size: 16px;
}
.content-design .right-module .right-header .pull-left .btn-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #FDF7E9;
  border: solid 2px #EDB566;
  color: #EDB566;
  text-align: center;
  padding-top: 5px;
  font-weight: bold;
  border-radius: 8px !important;
}
.content-design .right-module .right-header .pull-right {
  margin-top: 10px;
}
.content-design .right-module .right-header .pull-right > ul > li {
  float: left;
  border-left: solid 1px #dcdcdc;
  height: 50px;
  margin-right: 40px;
  padding-left: 20px;
}
.content-design .right-module .right-header .pull-right > ul > li:last-child {
  margin-right: 0;
  padding-top: 10px;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-title {
  color: #12b5b0;
  margin-top: 5px;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu {
  right: 25px;
  min-width: 260px;
  max-height: 400px;
  overflow-y: auto;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu li {
  padding-bottom: 10px;
  margin-top: 10px;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu .text-left {
  padding-right: 65px;
  position: relative;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu .text-left .help-block {
  margin-bottom: 0;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu .text-left .a-link {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 12px;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu .text-left .a-link > a {
  margin-left: 5px;
}
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu:before,
.content-design .right-module .right-header .pos-dropdown-wrap .dropdown-menu:after {
  right: 15px;
  left: inherit;
}
.content-design .right-module .right-content {
  padding: 20px;
}
.content-design .list-content-group .list-content-item:first-child {
  border-top: 0;
}
/*在线预览*/
.system-preview {
  width: 100%;
  height: 100%;
}
.system-preview .left-content {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0 350px 0 0;
}
.system-preview .left-content .system-list {
  margin: 0;
  padding: 10px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.system-preview .left-content .system-list .system-list-item {
  width: 650px;
  height: 800px;
  background-color: #FFF;
  margin: 20px auto;
  border: solid 1px #f5f5f5;
  box-shadow: 0 0 10px 1px #b0b0b0 !important;
  -webkit-box-shadow: 0 0 10px 1px #b0b0b0 !important;
  -moz-box-shadow: 0 0 10px 1px #b0b0b0 !important;
  -ms-box-shadow: 0 0 10px 1px #b0b0b0 !important;
}
.system-preview .left-content .system-list .system-list-item.height-auto {
  height: auto;
  padding: 30px;
  line-height: 26px;
  word-break: break-all;
}
.system-preview .left-content .system-list .system-list-item.system-cover {
  position: relative;
}
.system-preview .left-content .system-list .system-list-item.system-cover h1 {
  line-height: 55px;
}
.system-preview .left-content .system-list .system-list-item.system-cover .pos-top,
.system-preview .left-content .system-list .system-list-item.system-cover .pos-botm {
  width: 100%;
  text-align: center;
}
.system-preview .left-content .system-list .system-list-item.system-cover .pos-top {
  position: absolute;
  top: 10%;
}
.system-preview .left-content .system-list .system-list-item.system-cover .pos-botm {
  position: absolute;
  bottom: 40px;
}
.system-preview .right-tree {
  width: 350px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  overflow: auto;
}
/*对比结果*/
.comparison-result .comparison-header {
  width: 100%;
  height: 80px;
  background-color: #12b5b0;
  text-align: center;
  color: #fff;
  padding-top: 10px;
  box-shadow: 0 1px 12px #919191 !important;
  -webkit-box-shadow: 0 1px 12px #919191 !important;
  -moz-box-shadow: 0 1px 12px #919191 !important;
  -ms-box-shadow: 0 1px 12px #919191 !important;
}
.comparison-result .comparison-header .form-control,
.comparison-result .comparison-header .btn {
  background-color: #13c3be;
  color: #fff;
  border-color: #9ef5f3;
}
.comparison-result .left-tree-body {
  width: 600px;
  margin-right: -100%;
  position: relative;
  float: left;
  background-color: #F5F5F5;
}
.comparison-result .left-tree-body .tree-list {
  height: 100%;
  padding-left: 0;
  margin-bottom: 0;
}
.comparison-result .left-tree-body .tree-list .tree-list-item {
  float: left;
  width: 50%;
  height: 100%;
  border-right: solid 1px #dcdcdc;
  padding: 20px;
  overflow: auto;
}
.comparison-result .right-content {
  margin-left: 600px;
  padding: 20px;
}
/*圆点文字*/
.change-circle-box,
.add-circle-box {
  position: relative;
}
.change-circle-box:before,
.add-circle-box:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  top: 2px;
  right: -17px;
  background-image: url("../images/system-design.png");
}
.change-circle-box {
  color: #EC6941;
}
.change-circle-box:before {
  background-position: 0 45px;
}
.add-circle-box {
  color: #48B518;
}
.add-circle-box:before {
  background-position: 0 60px;
}