:root {
  --main-color: #1389D3;
  --font-size: 14px;
  --border: 0.5px rgba(0, 0, 0, 0.1) solid;
  --main-bgcolor: #ffffff;
  --main-hgcolor: rgba(0, 0, 0, 0.15);
  --main-vgcolor: rgba(0, 0, 0, 0.1);
  --main-border: rgba(0, 0, 0, 0.1);
  --input-height: 34px;
  --btn-height: 34px;
  --rgb-r: 0;
  --rgb-g: 0;
  --rgb-b: 0;
}

* {
  font-family: Verdana, Geneva, sans-serif;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  list-style-type: none;
}

html {
  font-family: sans-serif;
}

body {
  font-size: var(--font-size);
  color: #222222;
}

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

button,
.cursor,
a {
  cursor: pointer;
}

input,
button,
textarea,
select,
div {
  resize: none;
  outline: none;
  font-size: var(--font-size);
}

input[type=button],
input[type=submit],
input[type=file],
button {
  -webkit-appearance: none;
}

img {
  border: none;
}

::placeholder {
  color: #999999;
}

a:link, a:visited {
  color: var(--main-color);
  text-decoration: none;
  font-size: var(--font-size);
}
a:hover {
  text-decoration: underline;
  color: #ff0000;
}
a.qh-link--muted:link, a.qh-link--muted:visited {
  color: #555555;
}
a.qh-link--blue:link, a.qh-link--blue:visited {
  color: blue;
}
a.qh-link--red:link, a.qh-link--red:visited {
  color: #ff0000;
}
a.qh-link--white:link, a.qh-link--white:visited {
  color: #ffffff;
}
a.qh-link--white:hover {
  color: #ffffff;
}

.zhu {
  color: var(--main-color);
}

.hui {
  color: #888888;
}

.red {
  color: #ff0000;
}

.blue {
  color: blue;
}

.white {
  color: #ffffff;
}

.wrap {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.notsel {
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.blank1 {
  height: 1px;
  overflow: hidden;
  border-bottom: 1px #dddddd solid;
}

.blank5 {
  height: 5px;
  overflow: hidden;
  width: 100%;
}

.blank10 {
  height: 10px;
  overflow: hidden;
  width: 100%;
}

.blank15 {
  height: 15px;
  overflow: hidden;
  width: 100%;
}

.blank20 {
  height: 20px;
  overflow: hidden;
  width: 100%;
}

.blank25 {
  height: 25px;
  overflow: hidden;
  width: 100%;
}

.blank30 {
  height: 30px;
  overflow: hidden;
  width: 100%;
}

.blank40 {
  height: 40px;
  overflow: hidden;
  width: 100%;
}

.blank46 {
  height: 46px;
  line-height: 46px;
  overflow: hidden;
}

.blank50 {
  height: 40px;
  overflow: hidden;
}

.leftjg10 {
  width: 10px;
  overflow: hidden;
  height: 10px;
  float: left;
}

.leftjg15 {
  width: 15px;
  overflow: hidden;
  height: 15px;
  float: left;
}

.leftjg20 {
  width: 20px;
  overflow: hidden;
  height: 20px;
  float: left;
}

.padding10 {
  padding: 10px;
}

.r-padding10 {
  padding: 10px;
}

.r-padding20 {
  padding: 20px;
}

.body {
  padding: 10px;
}

.flex {
  display: flex;
  align-items: center;
}

.floats {
  display: flex;
}
.floats li {
  float: left;
}

.floats20 {
  float: left;
  width: 20%;
}

.floats30 {
  flex: 1;
  text-align: right;
}

.floats40 {
  float: left;
  width: 40%;
}

.floats50 {
  flex: 0.5;
}

.floats60 {
  float: left;
  width: 60%;
}

.floats70 {
  float: left;
  width: 70%;
}

.floats80 {
  float: left;
  width: 80%;
}

.floatr20 {
  float: right;
  width: 20%;
}

.relative {
  position: relative;
}

.r-float-right {
  float: right;
}

.r-float-left {
  float: left;
}

.r-position-right {
  position: absolute;
  right: 0;
  bottom: 0;
}

.r-position-left {
  position: absolute;
  left: 0;
  bottom: 0;
}

.qh-btn {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  color: #ffffff;
  background-color: #1389D3;
}
.qh-btn:hover, .qh-btn:active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  text-decoration: none;
}
.qh-btn:disabled {
  background-color: #dddddd;
  color: #888888;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
.qh-btn {
  padding: 6px 10px;
  border-radius: 5px;
  height: var(--btn-height);
}
.qh-btn--sm {
  padding: 3px 5px;
  font-size: 12px;
  height: 26px;
}
.qh-btn--lg {
  padding: 10px 20px;
  height: 44px;
  font-size: 16px;
}
.qh-btn--block {
  width: 100%;
  display: block;
}
.qh-btn--danger {
  color: #ffffff;
  background-color: #d9534f;
}
.qh-btn--danger:hover, .qh-btn--danger:active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  text-decoration: none;
}
.qh-btn--danger:disabled {
  background-color: #dddddd;
  color: #888888;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
.qh-btn--success {
  color: #ffffff;
  background-color: #449D44;
}
.qh-btn--success:hover, .qh-btn--success:active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  text-decoration: none;
}
.qh-btn--success:disabled {
  background-color: #dddddd;
  color: #888888;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
.qh-btn--default {
  color: #222222;
  background-color: #ffffff;
}
.qh-btn--default:hover, .qh-btn--default:active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  text-decoration: none;
}
.qh-btn--default:disabled {
  background-color: #dddddd;
  color: #888888;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
.qh-btn--default {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.qh-btn--outline {
  background-color: #ffffff;
  color: #222222;
  border: 0.5px var(--main-color) solid;
}
.qh-btn--outline:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}
.qh-btn__icon {
  margin-right: 4px;
  vertical-align: middle;
}

.webbtn {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  color: #ffffff;
  background-color: var(--main-color);
}
.webbtn:hover, .webbtn:active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  text-decoration: none;
}
.webbtn:disabled {
  background-color: #dddddd;
  color: #888888;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
.webbtn {
  padding: 5px 10px;
  border-radius: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.webbtn:link, .webbtn:visited {
  color: #ffffff;
  background-color: var(--main-color);
}
.webbtn-mini {
  font-size: 12px;
  padding: 3px 5px;
}
.webbtn-red {
  background-color: #d9534f;
}
.webbtn-white, .webbtn-white:link, .webbtn-white:visited {
  background-color: #ffffff;
  color: #222222;
  border: 1px #cccccc solid;
}
.webbtn-default, .webbtn-default:link, .webbtn-default:visited {
  background-color: #ffffff;
  color: #222222;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.webbtn-main, .webbtn-main:link, .webbtn-main:visited {
  background-color: #ffffff;
  color: #222222;
  border: 0.5px var(--main-color) solid;
}

.btn {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  color: #ffffff;
  background-color: var(--main-color);
}
.btn:hover, .btn:active {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  text-decoration: none;
}
.btn:disabled {
  background-color: #dddddd;
  color: #888888;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
.btn {
  padding: 6px 10px;
  border-radius: 5px;
  height: var(--btn-height);
}
.btn:link, .btn:visited {
  color: #ffffff;
  background-color: var(--main-color);
}
.btn-danger {
  background-color: #d9534f;
}
.btn-default {
  background-color: #ffffff;
  color: #222222;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.btn-xs, .btn-xs:link, .btn-xs:visited {
  padding: 3px 5px;
  font-size: 12px;
  height: 26px;
}

.btn-group {
  display: flex;
  align-items: stretch;
}
.btn-group .webbtn,
.btn-group .btn {
  padding: 0 6px;
  height: var(--btn-height);
  line-height: calc(var(--btn-height) - 2px);
}
.btn-group .btn {
  float: left;
}
.btn-group > .active {
  box-shadow: inset 0 3px 5px rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.125);
}
.btn-group :first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group :last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group :not(:last-child):not(:first-child) {
  border-radius: 0;
}
.btn-group :not(:first-child) {
  border-left-width: 0;
}

.qh-action-btn, a.btn-action {
  color: #ffffff;
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
}
.qh-action-btn--view, a.btn-view, .qh-action-btn--view:hover, .qh-action-btn--view:link, .qh-action-btn--view:visited {
  background: #16BAAA !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.qh-action-btn--edit, a.btn-edit, .qh-action-btn--edit:hover, .qh-action-btn--edit:link, .qh-action-btn--edit:visited {
  background: #1e9fff !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.qh-action-btn--delete, a.btn-delete, .qh-action-btn--delete:hover, .qh-action-btn--delete:link, .qh-action-btn--delete:visited {
  background: #8f3501 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.qh-action-btn--add, a.btn-add, .qh-action-btn--add:hover, .qh-action-btn--add:link, .qh-action-btn--add:visited {
  background: #ff0000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.qh-input {
  box-sizing: border-box;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  padding: 0 5px;
  overflow: hidden;
  border-radius: 5px;
  background: #ffffff;
  font-size: 14px;
  outline: none;
}
.qh-input:focus {
  border: 0.5px var(--main-color) solid;
}
.qh-input:disabled {
  cursor: not-allowed;
  opacity: 0.8;
}
.qh-input[readonly] {
  background-color: rgba(220, 223, 230, 0.3);
}
.qh-input {
  height: var(--input-height);
}
.qh-input--sm {
  height: 28px;
}
.qh-input--lg {
  height: 44px;
}
.qh-input__suffix-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.qh-input__suffix {
  position: absolute;
  right: 8px;
  color: #888888;
  pointer-events: none;
  font-size: 13px;
  white-space: nowrap;
}

.input,
.inputs,
.form-control {
  box-sizing: border-box;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  padding: 0 5px;
  overflow: hidden;
  border-radius: 5px;
  background: #ffffff;
  font-size: 14px;
  outline: none;
}
.input:focus,
.inputs:focus,
.form-control:focus {
  border: 0.5px var(--main-color) solid;
}
.input:disabled,
.inputs:disabled,
.form-control:disabled {
  cursor: not-allowed;
  opacity: 0.8;
}
.input[readonly],
.inputs[readonly],
.form-control[readonly] {
  background-color: rgba(220, 223, 230, 0.3);
}
.input,
.inputs,
.form-control {
  height: var(--input-height);
}

.textarea {
  line-height: 20px;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
}
.textarea:focus {
  border: 0.5px var(--main-color) solid;
}

textarea.form-control {
  overflow: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.form-control {
  width: 98%;
}

.input-group {
  display: flex;
}
.input-group :first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group :last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-btn {
  display: flex;
}
.input-group-btn .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.input-suffix-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.input-suffix-wrap .inputs {
  padding-right: 40px !important;
  width: 100%;
}

.input-suffix {
  position: absolute;
  right: 8px;
  color: #888888;
  pointer-events: none;
  font-size: 13px;
  white-space: nowrap;
}

.tdinput {
  padding: 5px 0;
  text-align: left;
  padding-right: 15px;
}

.inputtitle {
  line-height: 34px;
  text-align: center;
  background-color: var(--main-hgcolor);
}

.divinput {
  padding: 5px;
}

.datesss {
  background: url(../../mode/icons/date.png) no-repeat right;
  cursor: pointer;
}

.qh-table, .rock-table {
  width: 100%;
  background: var(--main-bgcolor);
}
.qh-table__th, .rock-table-th {
  height: 36px;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  background: var(--main-hgcolor);
  padding: 3px;
}
.qh-table__td, .rock-table-td {
  height: 36px;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  padding: 3px;
  min-width: 35px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.qh-table__tr:nth-child(odd), .rock-table-tr:nth-child(odd) {
  background: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.03);
}
.qh-table__tr:hover, .rock-table-tr:hover {
  background: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}
.qh-table__edit, .rock-table-edit {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  background: var(--main-bgcolor);
  padding: 10px;
  box-shadow: 0 0 10px rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.3);
  border-radius: 5px;
}
.qh-table__list-item, .rock-table-list {
  padding: 8px 10px;
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  border-radius: 5px;
  margin: 10px;
  background: #ffffff;
}
.qh-table__list-item:active, .rock-table-list:active {
  background: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.05);
}

.bootstree ul {
  height: 36px;
  overflow: hidden;
  border-top: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.bootstree ul li {
  height: 35px;
  overflow: hidden;
  line-height: 35px;
  float: left;
  border-right: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.bootstree ul li:last-child {
  border-right-width: 0;
}
.bootstree ul:nth-of-type(even) {
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.03);
}
.bootstree ul:hover {
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}

.jquery-calendar .tdtext {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  padding: 3px;
}
.jquery-calendar .tdtext:hover {
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}
.jquery-calendar .thtext {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
  height: 34px;
}

.qh-tabs {
  overflow: hidden;
  height: 36px;
  border-bottom: 1px var(--main-border) solid;
}
.qh-tabs__item {
  height: 36px;
  overflow: hidden;
  line-height: 36px;
  display: block;
  float: left;
  text-align: center;
  padding: 0 10px;
  border: 1px var(--main-border) solid;
  border-bottom: 0;
  border-right-width: 0;
  cursor: pointer;
  color: #888888;
}
.qh-tabs__item:first-child {
  border-top-left-radius: 5px;
}
.qh-tabs__item:last-child {
  border-top-right-radius: 5px;
  border-right-width: 1px;
}
.qh-tabs__item:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.qh-tabs__item--active, .qh-tabs__item.active {
  color: var(--main-color);
}

.r-tabs {
  overflow: visible;
  height: auto;
  min-height: 40px;
  background: #fafafa;
  border: 1px solid var(--main-border);
  border-radius: 5px 5px 0 0;
}
.r-tabs::after {
  content: "";
  display: block;
  clear: both;
}

.r-tabs-item {
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  cursor: pointer;
  color: #5f5f5f;
  font-size: 14px;
  position: relative;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  transition: background 0.15s, color 0.15s;
}
.r-tabs-item--active, .r-tabs-item.active {
  background: #ffffff;
  color: #333333;
  margin-bottom: -1px;
  border-bottom: 1px solid #ffffff;
  border-left-color: var(--main-border);
  border-right-color: var(--main-border);
}

div[tabitem] {
  border: 1px solid var(--main-border);
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.qh-tab-addbar {
  padding: 8px;
  text-align: left;
}

.qh-tab-addbtn {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 3px;
  background: #36b37e;
  color: #ffffff !important;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none !important;
  cursor: pointer;
}
.qh-tab-addbtn i {
  margin-right: 4px;
}
.qh-tab-addbtn:hover, .qh-tab-addbtn:link, .qh-tab-addbtn:visited {
  background: var(--main-color);
  color: #ffffff !important;
  text-decoration: none !important;
}

.xiang-tabs-wrap {
  margin-top: 10px;
}
.xiang-tabs-wrap .r-tabs {
  margin-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: visible;
  min-height: 36px;
}
.xiang-tabs-wrap [tabitem] {
  padding: 8px 0px 0px;
  border: 1px solid var(--main-border);
  border-top: none;
}
.xiang-tabs-wrap [tabitem] .createtable {
  border: none;
}
.xiang-tabs-wrap [tabitem] .createtable td.ys1 {
  background: #fafafa;
}

.xiang-rel-container table {
  border-collapse: collapse;
  width: 100%;
  border: 1px var(--main-border) solid;
}
.xiang-rel-container table td,
.xiang-rel-container table th {
  border: 1px var(--main-border) solid;
  padding: 4px 6px;
}

.qh-record-timeline {
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  color: #5f5f5f;
  text-align: left;
}
.qh-record-timeline__group {
  position: relative;
  padding: 0 0 10px 16px;
}
.qh-record-timeline__group::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: -2px;
  left: 7px;
  width: 1px;
  background: #e5e5e5;
}
.qh-record-timeline__group:last-child {
  padding-bottom: 0;
}
.qh-record-timeline__group:last-child::before {
  display: none;
}
.qh-record-timeline__point {
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #f2a900;
  border-radius: 50%;
  background: #ffffff;
}
.qh-record-timeline__time {
  min-height: 18px;
  margin-bottom: 12px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #909399;
}
.qh-record-timeline__list {
  display: block;
}
.qh-record-timeline__row {
  display: flex;
  align-items: flex-start;
  min-height: 24px;
  margin-bottom: 8px;
  line-height: 22px;
  color: #666666;
}
.qh-record-timeline__row:last-child {
  margin-bottom: 0;
}
.qh-record-timeline__row--invalid {
  color: #999999;
  text-decoration: line-through;
}
.qh-record-timeline__row--invalid a,
.qh-record-timeline__row--invalid span {
  color: #999999 !important;
}
.qh-record-timeline__avatar {
  display: none;
}
.qh-record-timeline__body {
  flex: 1 1 auto;
  min-width: 0;
  word-break: break-word;
  font-size: 13px;
}
.qh-record-timeline__name {
  color: #555555;
}
.qh-record-timeline__action {
  color: #777777;
}
.qh-record-timeline__status {
  font-weight: bold;
}
.qh-record-timeline__field {
  color: #333333;
}
.qh-record-timeline__old {
  color: #999999;
}
.qh-record-timeline__new {
  font-weight: normal;
}
.qh-record-timeline__more {
  display: inline-block;
  margin-left: 1px;
  padding: 0 3px;
  color: #3a8ee6;
  cursor: pointer;
  user-select: none;
}
.qh-record-timeline__more:hover {
  color: #1a6fc4;
}
.qh-record-timeline__date {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 12px;
  font-weight: normal;
  color: #999999;
  white-space: nowrap;
}

.qh-record-bubble {
  position: absolute;
  z-index: 99999;
  max-width: 320px;
  max-height: 240px;
  overflow-y: auto;
  padding: 8px 10px;
  background: #303133;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.6;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  word-break: break-word;
  white-space: pre-wrap;
}
.qh-record-bubble::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 14px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: #303133;
}

.createrows td {
  height: 36px;
}

.xiang-section-title {
  font-size: 13px;
  font-weight: bold;
  color: #888888;
  padding: 4px 5px 3px;
  margin: 6px 0 2px;
  background: transparent;
  border: none;
  text-align: left;
}
div[tabitem] .xiang-section-title:first-child {
  margin-top: 0;
}

.qh-upload, .upload_items {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  height: 60px;
  overflow: hidden;
  float: left;
  margin: 5px 10px 5px 0;
  cursor: pointer;
  position: relative;
}
.qh-upload:active, .upload_items:active {
  border: 1px var(--main-color) solid;
}
.qh-upload__thumb, .upload_items img.imgs {
  width: 50px;
  height: 50px;
  margin: 5px;
}
.qh-upload__info, .upload_items_items {
  padding: 5px;
  text-align: center;
}
.qh-upload__overlay, .upload_items_meng {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  overflow: hidden;
  line-height: 60px;
  text-align: center;
  width: 100%;
  color: #ffffff;
}

.qh-uploadimg, .uploadimg-container {
  display: inline-block;
  position: relative;
}
.qh-uploadimg__btn, .uploadimg-btns {
  width: 100px;
  height: 100px;
  border: 1px dashed #cccccc;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fafafa;
}
.qh-uploadimg__btn--80, .uploadimg-btns-80 {
  width: 80px;
  height: 80px;
}
.qh-uploadimg__btn--60, .uploadimg-btns-60 {
  width: 60px;
  height: 60px;
}
.qh-uploadimg__btn .webbtn, .uploadimg-btns .webbtn {
  padding: 4px 8px;
  font-size: 12px;
}
.qh-uploadimg__preview, .uploadimg-preview {
  position: relative;
  display: inline-block;
}
.qh-uploadimg__preview img, .uploadimg-preview img {
  cursor: pointer;
  border-radius: 4px;
}
.qh-uploadimg__del, .uploadimg-del {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
}
.qh-uploadimg__del:hover, .uploadimg-del:hover {
  background: rgba(255, 0, 0, 0.8);
}

.uploadimg-cam-btn .fa-camera {
  font-size: 14px;
}

.qh-invoice-upload, .fapiaoup-container {
  display: inline-block;
  position: relative;
  min-width: 200px;
}
.qh-invoice-upload__btn, .fapiaoup-btns {
  padding: 10px 15px;
  border: 1px dashed #cccccc;
  border-radius: 4px;
  display: inline-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
}
.qh-invoice-upload__btn .webbtn, .fapiaoup-btns .webbtn {
  padding: 6px 12px;
  font-size: 13px;
}
.qh-invoice-upload__preview, .fapiaoup-preview {
  position: relative;
  display: inline-block;
  padding: 8px 30px 8px 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #f9f9f9;
  min-width: 180px;
}
.qh-invoice-upload__del, .fapiaoup-del {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
}
.qh-invoice-upload__del:hover, .fapiaoup-del:hover {
  background: rgba(255, 0, 0, 0.8);
}
.qh-invoice-upload__info, .fapiaoup-info {
  font-size: 12px;
  line-height: 1.6;
}
.qh-invoice-upload__detail, .fapiaoup-detail {
  padding: 2px 0;
}
.qh-invoice-upload__row, .fapiaoup-row {
  margin: 2px 0;
}
.qh-invoice-upload__label, .fapiaoup-label {
  color: #888888;
  margin-right: 5px;
}
.qh-invoice-upload__value, .fapiaoup-value {
  color: #222222;
}
.qh-invoice-upload__status, .fapiaoup-status {
  padding: 10px;
  font-size: 13px;
}

.qh-alert, .alert {
  padding: 3px 10px;
  border-radius: 0;
  text-align: center;
}
.qh-alert--warning, .alert_msg {
  background-color: #fbe3cf;
  color: #f86f00;
}
.qh-alert--success, .alert_success {
  background-color: #e3f6d1;
  color: green;
}
.qh-alert--wait, .alert_wait {
  background-color: #f8f8f8;
  color: #555555;
}

.qh-badge, .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ff0000;
  border-radius: 12px;
}
.qh-badge:empty, .badge:empty {
  display: none;
}

.label {
  border-radius: 5px;
  padding: 2px 3px;
}
.label-success {
  background: green;
  color: #ffffff;
}
.label-default {
  background: #aaaaaa;
  color: #ffffff;
}

.progress {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  text-align: left;
  border-radius: 5px;
}
.progress-bar-success {
  background: green;
  color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
}

.tishi {
  color: #888888;
  padding: 10px 0;
}

.qh-list, .list-group {
  background: var(--main-bgcolor);
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  margin-bottom: 20px;
  border-radius: 5px;
}
.qh-list__item, .list-group-item {
  display: block;
  padding: 12px;
}
.qh-list__item:not(:last-child), .list-group-item:not(:last-child) {
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.qh-list__item:first-child, .list-group-item:first-child {
  padding: 12px;
  background: var(--main-hgcolor);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.qh-list > a:hover, .list-group > a:hover {
  background-color: var(--main-vgcolor);
  color: inherit;
}

.panel {
  background: var(--main-bgcolor);
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
  margin-bottom: 20px;
  border-radius: 5px;
}
.panel-heading {
  padding: 12px;
  background: var(--main-hgcolor);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.panel-footer {
  padding: 10px;
  background-color: var(--main-bgcolor);
  border-top: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.nav {
  display: flex;
}
.nav li {
  padding: 10px 15px;
}
.nav .active {
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}

.select-list .div01 {
  padding: 8px 10px;
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
}
.select-list .div01:hover {
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}
.select-list .div02 {
  padding: 8px 10px;
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}

.list-itemv:hover {
  color: var(--main-color);
  cursor: pointer;
  background-color: rgba(var(--rgb-r), var(--rgb-g), var(--rgb-b), 0.1);
}

.list-items-group .list-items:last-child {
  border-bottom: none;
}

.list-items {
  padding: 6px 5px;
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
  line-height: 20px;
  text-align: left;
}
.list-items:hover {
  background-color: var(--main-vgcolor);
  color: inherit;
}

.hover:hover,
.active {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.qh-header, .rock-header {
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  overflow: hidden;
  font-size: 18px;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  border-bottom: 0.5px var(--main-border) solid;
}
.qh-header__text, .rock-header-text {
  text-align: center;
  font-size: 18px;
  color: var(--main-color);
  flex: 1;
}
.qh-header__btn, .rock-header-btn {
  display: block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
}
.qh-header__btn:active, .rock-header-btn:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.header {
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  text-align: center;
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
  font-size: 18px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 8;
}
.header .back {
  position: absolute;
  top: 5px;
  left: 5px;
}
.header .back img {
  width: 24px;
  height: 24px;
}
.header-back {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../../images/back.png) no-repeat 7px 7px;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: default;
}
.header-back:active {
  opacity: 0.5;
}

.r-header {
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  overflow: hidden;
  color: #222222;
  font-size: 18px;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  border-bottom: 0.5px #dddddd solid;
}
.r-header-text {
  text-align: center;
  font-size: 18px;
  color: #222222;
}
.r-header-btn {
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.r-header-btn:active {
  color: #aaaaaa;
}

.title {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 18px;
  text-align: left;
  border-bottom: 1px #cccccc solid;
  color: #555555;
  font-weight: bold;
  background-color: var(--main-color);
}
.title li {
  height: 40px;
  line-height: 40px;
  float: left;
}
.title li.more {
  text-align: right;
  float: right;
  font-size: 12px;
  font-weight: 100;
}

.titleh {
  background-color: #dddddd;
  color: #222222;
}

.xiang-top {
  margin-bottom: 10px;
  table-layout: fixed;
}
.xiang-top td.ys1 {
  width: 6em;
  padding: 4px 8px;
  color: #909399;
  font-size: 14px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  background: #fafafa;
  border: 1px var(--main-border) solid;
}
.xiang-top td.ys0 {
  padding: 4px 8px;
  vertical-align: middle;
  color: #5F5F5F;
  border: 1px var(--main-border) solid;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ys1 {
  padding: 2px 5px;
  color: #909399;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap;
}

.ys2 {
  vertical-align: middle;
}

.floating-section-title {
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  padding-bottom: 8px;
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
  margin-bottom: 5px;
  background: transparent;
}

.lurim {
  text-align: right;
}

body#p_login_tpl_login {
  background-color: #f4f6f8;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
}

.qh-login-wrapper, .login-page-wrapper {
  width: 100%;
  max-width: 440px;
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
}
.qh-login-title, .login-title {
  font-size: 26px;
  font-weight: 600;
  color: #222222;
  margin-bottom: 50px;
  letter-spacing: 1px;
}
.qh-login-card, .login-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
  padding: 0 40px 30px 40px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 30px;
}
.qh-login-logo, .login-logo {
  margin-top: -40px;
  margin-bottom: 30px;
  text-align: center;
}
.qh-login-logo img, .login-logo img {
  border-radius: 50%;
  border: 4px solid #ffffff;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  width: 80px;
  height: 80px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.qh-login-logo img:hover, .login-logo img:hover {
  transform: scale(1.05);
}
.qh-login-form, .login-form {
  text-align: left;
}
.qh-login-input-group, .login-input-group {
  margin-bottom: 22px;
}
.qh-login-input-group .input, .login-input-group .input {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  padding: 0 15px;
  font-size: 14px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  background-color: #fcfcfc;
}
.qh-login-input-group .input:focus, .login-input-group .input:focus {
  border-color: #1389D3;
  box-shadow: 0 0 0 3px rgba(19, 137, 211, 0.1);
  background-color: #ffffff;
  outline: none;
}
.qh-login-hint, .login-hint {
  font-size: 12px;
  color: #999999;
  margin-top: 8px;
  margin-left: 2px;
}
.qh-login-options, .login-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 25px;
}
.qh-login-options .checkbox, .login-options .checkbox {
  display: flex;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.qh-login-options .checkbox input, .login-options .checkbox input {
  margin-right: 6px;
  cursor: pointer;
}
.qh-login-options .links, .login-options .links {
  display: flex;
  align-items: center;
}
.qh-login-options .links a, .login-options .links a {
  margin-left: 12px;
  color: #1389D3;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.qh-login-options .links a:hover, .login-options .links a:hover {
  opacity: 0.8;
}
.qh-login-options .links img, .login-options .links img {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.qh-login-btn-wrap button, .login-btn-wrap button {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  transition: all 0.3s ease;
  background: #1389D3;
  color: #ffffff;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(19, 137, 211, 0.2);
}
.qh-login-btn-wrap button:hover, .login-btn-wrap button:hover {
  box-shadow: 0 6px 15px rgba(19, 137, 211, 0.35);
  transform: translateY(-1px);
}
.qh-login-reg-wrap, .login-reg-wrap {
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
}
.qh-login-footer, .login-footer {
  font-size: 12px;
  color: #a0a0a0;
  line-height: 1.6;
}
.qh-login-footer a, .login-footer a {
  color: #a0a0a0;
  text-decoration: none;
}
.qh-login-footer a:hover, .login-footer a:hover {
  color: #1389D3;
}
.qh-login-yzm-box, .login-yzm-box {
  display: flex;
}
.qh-login-yzm-box .input, .login-yzm-box .input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
}
.qh-login-yzm-box .webbtn, .login-yzm-box .webbtn {
  height: 46px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 20px;
  white-space: nowrap;
  border-radius: 0 6px 6px 0;
  margin: 0;
  box-shadow: none;
}
.qh-login-yzm-box .webbtn:hover, .login-yzm-box .webbtn:hover {
  box-shadow: none;
  background: rgba(19, 137, 211, 0.9);
  transform: none;
}

.qh-side-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 90;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.qh-side-mask.qh-side-show {
  opacity: 1;
  pointer-events: auto;
}
.qh-side-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 91;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
.qh-side-panel.qh-side-show {
  transform: translateX(0);
}
.qh-side-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  flex: 1;
}
.qh-side-sidebar {
  position: absolute;
  left: -39px;
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 92;
}
.qh-side-header {
  flex-shrink: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  user-select: none;
  background: #ffffff;
}
.qh-side-header-view, .qh-side-header-add, .qh-side-header-edit {
  background: var(--main-bgcolor);
}
.qh-side-close {
  width: 40px;
  height: 200px;
  position: absolute;
  left: 0;
  top: 12%;
  cursor: pointer;
}
.qh-side-close-container {
  position: relative;
  width: 40px;
}
.qh-side-close-bar {
  left: -92px;
  top: 80px;
  width: 220px;
  height: 44px;
  position: absolute;
  transform: rotate(-90deg);
  clip-path: url(#qhsidemenu);
  will-change: transform;
  background-color: #ffffff;
}
.qh-side-close-btn {
  top: 85px;
  width: 20px;
  height: 20px;
  padding: 6px;
  position: absolute;
  border-radius: 50%;
  left: 8px;
  background-color: #FF5722;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
.qh-side-close-icon {
  width: 20px;
  height: 20px;
  display: block;
}
.qh-side-close:hover .qh-side-close-btn {
  transform: rotate(-90deg);
}

.rock-loading {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
  opacity: 0.2;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.zdsm-tip-anchor {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
}

.zdsm-tip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #666666;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.zdsm-tip__icon {
  font-style: normal;
  font-weight: bold;
  line-height: 1;
}
.zdsm-tip--corner {
  position: absolute;
  top: 1px;
  right: -6px;
  z-index: 20;
}
.zdsm-tip__bubble {
  position: absolute;
  right: -2px;
  bottom: 130%;
  display: none;
  width: max-content;
  max-width: min(280px, 80vw);
  padding: 8px 10px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  cursor: auto;
  user-select: text;
  -webkit-user-select: text;
}
.zdsm-tip__bubble::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 10px;
}
.zdsm-tip__bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 8px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.85);
}
.zdsm-tip__bubble a, .zdsm-tip__link {
  color: #4ea1ff;
  text-decoration: underline;
  word-break: break-all;
}
.zdsm-tip__bubble a:hover, .zdsm-tip__link:hover {
  color: #7fbcff;
}
@media (hover: hover) {
  .zdsm-tip:hover .zdsm-tip__bubble {
    display: block;
  }
}
.zdsm-tip--show .zdsm-tip__bubble {
  display: block;
}

.ye-avatar-wrap {
  display: inline-block;
}

.ye-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.ye-form-card {
  background-color: var(--main-bgcolor);
  border-top: var(--border);
  border-bottom: var(--border);
}

.ye-form-label {
  flex-shrink: 0;
}

.ye-form-input {
  background: none;
  border: none;
  outline: none;
}

.ye-link {
  cursor: pointer;
}
.ye-link:active {
  opacity: 0.7;
}

.u-mt-0 {
  margin-top: 0;
}

.u-mt-5 {
  margin-top: 5px;
}

.u-mt-10 {
  margin-top: 10px;
}

.u-mt-15 {
  margin-top: 15px;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mt-25 {
  margin-top: 25px;
}

.u-mt-30 {
  margin-top: 30px;
}

.u-mt-40 {
  margin-top: 40px;
}

.u-mt-50 {
  margin-top: 50px;
}

.u-mb-5 {
  margin-bottom: 5px;
}

.u-mb-10 {
  margin-bottom: 10px;
}

.u-mb-15 {
  margin-bottom: 15px;
}

.u-mb-20 {
  margin-bottom: 20px;
}

.u-mb-25 {
  margin-bottom: 25px;
}

.u-mb-30 {
  margin-bottom: 30px;
}

.u-mb-40 {
  margin-bottom: 40px;
}

.u-mb-50 {
  margin-bottom: 50px;
}

.u-ml-5 {
  margin-left: 5px;
}

.u-ml-10 {
  margin-left: 10px;
}

.u-ml-15 {
  margin-left: 15px;
}

.u-ml-20 {
  margin-left: 20px;
}

.u-mr-5 {
  margin-right: 5px;
}

.u-mr-10 {
  margin-right: 10px;
}

.u-mr-15 {
  margin-right: 15px;
}

.u-mr-20 {
  margin-right: 20px;
}

.u-mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.u-mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.u-mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.u-mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.u-my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.u-my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.u-my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.u-my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.u-m-5 {
  margin: 5px;
}

.u-m-10 {
  margin: 10px;
}

.u-m-15 {
  margin: 15px;
}

.u-m-20 {
  margin: 20px;
}

.u-p-5 {
  padding: 5px;
}

.u-p-8 {
  padding: 8px;
}

.u-p-10 {
  padding: 10px;
}

.u-p-15 {
  padding: 15px;
}

.u-p-20 {
  padding: 20px;
}

.u-pt-5 {
  padding-top: 5px;
}

.u-pt-10 {
  padding-top: 10px;
}

.u-pt-15 {
  padding-top: 15px;
}

.u-pt-20 {
  padding-top: 20px;
}

.u-pt-50 {
  padding-top: 50px;
}

.u-pb-5 {
  padding-bottom: 5px;
}

.u-pb-10 {
  padding-bottom: 10px;
}

.u-pb-15 {
  padding-bottom: 15px;
}

.u-pb-20 {
  padding-bottom: 20px;
}

.u-px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.u-px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.u-px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.u-px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.u-py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.u-py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.u-py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.u-py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-12 {
  font-size: 12px;
}

.u-text-13 {
  font-size: 13px;
}

.u-text-14 {
  font-size: 14px;
}

.u-text-16 {
  font-size: 16px;
}

.u-text-18 {
  font-size: 18px;
}

.u-text-20 {
  font-size: 20px;
}

.u-text-24 {
  font-size: 24px;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.u-color-primary {
  color: var(--main-color);
}

.u-color-gray {
  color: #888888;
}

.u-color-red {
  color: #ff0000;
}

.u-color-blue {
  color: blue;
}

.u-color-white {
  color: #ffffff;
}

.u-color-black {
  color: #222222;
}

.u-color-light {
  color: #555555;
}

.u-bg-white {
  background-color: #ffffff;
}

.u-bg-gray {
  background-color: #f1f1f1;
}

.u-bg-primary {
  background-color: var(--main-color);
}

.u-bg-danger {
  background-color: #d9534f;
}

.u-bg-success {
  background-color: #449D44;
}

.u-bg-warning {
  background-color: #e7971f;
}

.danger {
  background-color: #C9302C;
}

.success {
  background-color: #449D44;
}

.info {
  background-color: #31B0D5;
}

.warning {
  background-color: #e7971f;
}

.green {
  background-color: #32BC12;
}

.huang {
  background-color: #ff6600;
}

.u-flex {
  display: flex;
}

.u-flex--center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-flex--between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.u-flex--start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.u-flex--end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.u-flex--column {
  display: flex;
  flex-direction: column;
}

.u-flex--wrap {
  display: flex;
  flex-wrap: wrap;
}

.u-flex-1 {
  flex: 1;
}

.u-flex-shrink-0 {
  flex-shrink: 0;
}

.u-hidden {
  display: none !important;
}

.u-block {
  display: block;
}

.u-inline {
  display: inline;
}

.u-inline-block {
  display: inline-block;
}

.u-w-full {
  width: 100%;
}

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

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

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

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

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

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

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

.u-h-full {
  height: 100%;
}

.u-h-auto {
  height: auto;
}

.u-h-30 {
  height: 30px;
}

.u-h-40 {
  height: 40px;
}

.u-h-44 {
  height: 44px;
}

.u-h-50 {
  height: 50px;
}

.u-h-60 {
  height: 60px;
}

.u-h-100 {
  height: 100px;
}

.u-h-150 {
  height: 150px;
}

.u-h-200 {
  height: 200px;
}

.u-lh-20 {
  line-height: 20px;
}

.u-lh-24 {
  line-height: 24px;
}

.u-lh-30 {
  line-height: 30px;
}

.u-lh-34 {
  line-height: 34px;
}

.u-lh-40 {
  line-height: 40px;
}

.u-lh-44 {
  line-height: 44px;
}

.u-lh-50 {
  line-height: 50px;
}

.u-border {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.u-border-t {
  border-top: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.u-border-b {
  border-bottom: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.u-border-l {
  border-left: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.u-border-r {
  border-right: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.u-border-none {
  border: none;
}

.border {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.hborder {
  border: 1px #ededed solid;
}

.inborder {
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}

.u-rounded {
  border-radius: 5px;
}

.u-rounded-lg {
  border-radius: 8px;
}

.u-rounded-full {
  border-radius: 50%;
}

.radius5 {
  border-radius: 5px;
}

.u-shadow {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.u-shadow-md {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.u-shadow-lg {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

.box {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  border: 1px var(--main-color) solid;
}

.boxs {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-overflow-auto {
  overflow: auto;
}

.u-overflow-x-auto {
  overflow-x: auto;
  overflow-y: hidden;
}

.u-overflow-y-auto {
  overflow-y: auto;
  overflow-x: hidden;
}

.u-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-nowrap {
  white-space: nowrap;
}

.u-break-all {
  word-break: break-all;
}

.u-bold {
  font-weight: bold;
}

.wenjuan-progress {
  border: 1px #DCECF7 solid;
  height: 8px;
  width: 100%;
  overflow: hidden;
}

.wenjuan-progress-bar {
  background: #6CB0DD;
  height: 8px;
}

.daka-time {
  font-size: 40px;
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-cursor-default {
  cursor: default;
}

.cursor {
  cursor: pointer;
}

.touch {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.r-touch {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}

.icons {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.face {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.editortools div {
  width: 26px;
  height: 26px;
  overflow: hidden;
  margin-left: 8px;
  line-height: 26px;
  border-radius: 5px;
  cursor: pointer;
}
.editortools div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.mainbody {
  background: var(--main-bgcolor);
  border: 0.5px rgba(0, 0, 0, 0.1) solid;
}