@charset "UTF-8";
/*配置*/
/*媒体查询*/
/*清除样式*/
.no-b {
  border: none !important;
}

.no-bt {
  border-top: none !important;
}

.no-br {
  border-right: none !important;
}

.no-bb {
  border-bottom: none !important;
}

.no-bl {
  border-left: none !important;
}

.no-brr {
  border-radius: 0 !important;
}

.no-p {
  padding: 0 !important;
}

.no-pt {
  padding-top: 0 !important;
}

.no-pr {
  padding-right: 0 !important;
}

.no-pb {
  padding-bottom: 0 !important;
}

.no-pl {
  padding-left: 0 !important;
}

.no-m {
  margin: 0 !important;
}

.no-mt {
  margin-top: 0 !important;
}

.no-mr {
  margin-right: 0 !important;
}

.no-mb {
  margin-bottom: 0 !important;
}

.no-ml {
  margin-left: 0 !important;
}

.no-bg {
  background-color: transparent !important;
}

a, a:focus, a:hover {
  color: #555;
  text-decoration: none;
}

.no-radius {
  border-radius: 0 !important;
}

.no-btlr {
  border-top-left-radius: 0 !important;
}

.no-btrr {
  border-top-right-radius: 0 !important;
}

.no-float {
  float: none !important;
}

.control-group .control-label {
  padding: 0;
}

.control-group .msg-box {
  margin-left: 5px;
  margin-top: 5px;
}

.control-group .msg-box .msg-wrap {
  position: relative;
  margin-left: 0px;
}
.n-msg{
  margin-top: 1px;
}
.n-ok{
  color: #1bd498!important;
}

.controls label {
  font-weight: normal;
  margin: 0;
}

.qz-hide {
  display: none;
}

label {
  font-weight: normal;
}

/*mixin库*/
.control-group:after, .qz-list-horizontal:after, .double-date:after {
  content: '';
  clear: both;
  display: table;
}

/*文本*/
body {
  color: #555;
}

.qz-text-base, .qz-text-xs, .qz-text-sm, .qz-text-md, .qz-text-lg {
  font-style: normal;
  font-weight: normal;
}

.qz-text-base {
  font-size: 14px !important;
}

.qz-text-xs {
  font-size: 10px !important;
}

.qz-text-sm {
  font-size: 16px !important;
}

.qz-text-md {
  font-size: 18px !important;
}

.qz-text-lg {
  font-size: 30px !important;
}

.qz-text-blod {
  font-weight: bold;
}

.qz-text-noblod {
  font-weight: normal;
}

.qz-text-disabled {
  color: #bfbfbf !important;
}

.qz-text-disabled:focus, .qz-text-disabled:active, .qz-text-disabled:hover {
  color: #bfbfbf;
}

.no-underline .qz-text-disabled:active, .no-underline .qz-text-disabled:hover {
  color: #a6a6a6;
  text-decoration: none;
}

.underline .qz-text-disabled:active, .underline .qz-text-disabled:hover {
  text-decoration: underline;
}

.qz-text-defalut {
  color: #555 !important;
}

.qz-text-defalut:focus, .qz-text-defalut:active, .qz-text-defalut:hover {
  color: #555;
}

.no-underline .qz-text-defalut:active, .no-underline .qz-text-defalut:hover {
  color: #3c3c3c;
  text-decoration: none;
}

.underline .qz-text-defalut:active, .underline .qz-text-defalut:hover {
  text-decoration: underline;
}

.qz-text-base {
  color: #e87751 !important;
}

.qz-text-base:focus, .qz-text-base:active, .qz-text-base:hover {
  color: #e87751;
}

.no-underline .qz-text-base:active, .no-underline .qz-text-base:hover {
  color: #e25424;
  text-decoration: none;
}

.underline .qz-text-base:active, .underline .qz-text-base:hover {
  text-decoration: underline;
}

.qz-text-primary {
  color: #57a3f1 !important;
}

.qz-text-primary:focus, .qz-text-primary:active, .qz-text-primary:hover {
  color: #57a3f1;
}

.no-underline .qz-text-primary:active, .no-underline .qz-text-primary:hover {
  color: #2889ed;
  text-decoration: none;
}

.underline .qz-text-primary:active, .underline .qz-text-primary:hover {
  text-decoration: underline;
}

.qz-text-minor {
  color: gray !important;
}

.qz-text-minor:focus, .qz-text-minor:active, .qz-text-minor:hover {
  color: gray;
}

.no-underline .qz-text-minor:active, .no-underline .qz-text-minor:hover {
  color: #666666;
  text-decoration: none;
}

.underline .qz-text-minor:active, .underline .qz-text-minor:hover {
  text-decoration: underline;
}

.qz-text-success {
  color: #1bd498 !important;
}

.qz-text-success:focus, .qz-text-success:active, .qz-text-success:hover {
  color: #1bd498;
}

.no-underline .qz-text-success:active, .no-underline .qz-text-success:hover {
  color: #15a778;
  text-decoration: none;
}

.underline .qz-text-success:active, .underline .qz-text-success:hover {
  text-decoration: underline;
}

.qz-text-danger {
  color: #f5372d !important;
}

.qz-text-danger:focus, .qz-text-danger:active, .qz-text-danger:hover {
  color: #f5372d;
}

.no-underline .qz-text-danger:active, .no-underline .qz-text-danger:hover {
  color: #e4160b;
  text-decoration: none;
}

.underline .qz-text-danger:active, .underline .qz-text-danger:hover {
  text-decoration: underline;
}

.qz-text-warning {
  color: #f86e67 !important;
}

.qz-text-warning:focus, .qz-text-warning:active, .qz-text-warning:hover {
  color: #f86e67;
}

.no-underline .qz-text-warning:active, .no-underline .qz-text-warning:hover {
  color: #f63f36;
  text-decoration: none;
}

.underline .qz-text-warning:active, .underline .qz-text-warning:hover {
  text-decoration: underline;
}

.qz-text-info {
  color: #2079d3 !important;
}

.qz-text-info:focus, .qz-text-info:active, .qz-text-info:hover {
  color: #2079d3;
}

.no-underline .qz-text-info:active, .no-underline .qz-text-info:hover {
  color: #1960a7;
  text-decoration: none;
}

.underline .qz-text-info:active, .underline .qz-text-info:hover {
  text-decoration: underline;
}

.qz-text-save {
  color: #57a3f1 !important;
}

.qz-text-save:focus, .qz-text-save:active, .qz-text-save:hover {
  color: #57a3f1;
}

.no-underline .qz-text-save:active, .no-underline .qz-text-save:hover {
  color: #2889ed;
  text-decoration: none;
}

.underline .qz-text-save:active, .underline .qz-text-save:hover {
  text-decoration: underline;
}

.qz-text-cancel {
  color: #f7f7f7 !important;
}

.qz-text-cancel:focus, .qz-text-cancel:active, .qz-text-cancel:hover {
  color: #f7f7f7;
}

.no-underline .qz-text-cancel:active, .no-underline .qz-text-cancel:hover {
  color: #dedede;
  text-decoration: none;
}

.underline .qz-text-cancel:active, .underline .qz-text-cancel:hover {
  text-decoration: underline;
}

.qz-text-add {
  color: #57a3f1 !important;
}

.qz-text-add:focus, .qz-text-add:active, .qz-text-add:hover {
  color: #57a3f1;
}

.no-underline .qz-text-add:active, .no-underline .qz-text-add:hover {
  color: #2889ed;
  text-decoration: none;
}

.underline .qz-text-add:active, .underline .qz-text-add:hover {
  text-decoration: underline;
}

.qz-text-edit {
  color: #57b9f1 !important;
}

.qz-text-edit:focus, .qz-text-edit:active, .qz-text-edit:hover {
  color: #57b9f1;
}

.no-underline .qz-text-edit:active, .no-underline .qz-text-edit:hover {
  color: #28a5ed;
  text-decoration: none;
}

.underline .qz-text-edit:active, .underline .qz-text-edit:hover {
  text-decoration: underline;
}

.qz-text-del {
  color: #57b9f1 !important;
}

.qz-text-del:focus, .qz-text-del:active, .qz-text-del:hover {
  color: #57b9f1;
}

.no-underline .qz-text-del:active, .no-underline .qz-text-del:hover {
  color: #28a5ed;
  text-decoration: none;
}

.underline .qz-text-del:active, .underline .qz-text-del:hover {
  text-decoration: underline;
}

.qz-text-query {
  color: #57a3f1 !important;
}

.qz-text-query:focus, .qz-text-query:active, .qz-text-query:hover {
  color: #57a3f1;
}

.no-underline .qz-text-query:active, .no-underline .qz-text-query:hover {
  color: #2889ed;
  text-decoration: none;
}

.underline .qz-text-query:active, .underline .qz-text-query:hover {
  text-decoration: underline;
}

.qz-text-export {
  color: #1bd498 !important;
}

.qz-text-export:focus, .qz-text-export:active, .qz-text-export:hover {
  color: #1bd498;
}

.no-underline .qz-text-export:active, .no-underline .qz-text-export:hover {
  color: #15a778;
  text-decoration: none;
}

.underline .qz-text-export:active, .underline .qz-text-export:hover {
  text-decoration: underline;
}

.qz-text-import {
  color: #1bd498 !important;
}

.qz-text-import:focus, .qz-text-import:active, .qz-text-import:hover {
  color: #1bd498;
}

.no-underline .qz-text-import:active, .no-underline .qz-text-import:hover {
  color: #15a778;
  text-decoration: none;
}

.underline .qz-text-import:active, .underline .qz-text-import:hover {
  text-decoration: underline;
}

.qz-text-white {
  color: #fff !important;
}

.qz-text-white:focus, .qz-text-white:active, .qz-text-white:hover {
  color: #fff;
}

.no-underline .qz-text-white:active, .no-underline .qz-text-white:hover {
  color: #e6e6e6;
  text-decoration: none;
}

.underline .qz-text-white:active, .underline .qz-text-white:hover {
  text-decoration: underline;
}

.qz-text-file {
  color: #999999 !important;
}

.qz-text-file:focus, .qz-text-file:active, .qz-text-file:hover {
  color: #999999;
}

.no-underline .qz-text-file:active, .no-underline .qz-text-file:hover {
  color: gray;
  text-decoration: none;
}

.underline .qz-text-file:active, .underline .qz-text-file:hover {
  text-decoration: underline;
}

.qz-v-top {
  vertical-align: top !important;
}

.control-label.qz-v-top {
  padding-top: 3px;
}

.qz-v-bottom {
  vertical-align: bottom !important;
}

.control-label.qz-v-bottom {
  padding-top: 3px;
}

.qz-v-middle {
  vertical-align: middle !important;
}

.control-label.qz-v-middle {
  padding-top: 3px;
}

.line-height-xs {
  line-height: 18px !important;
}

.line-height-sm {
  line-height: 26px !important;
}

.line-height-md {
  line-height: 30px !important;
}

.line-height-lg {
  line-height: 32px !important;
}

.line-height-lgg {
  line-height: 46px !important;
}

.qz-link {
  cursor: pointer;
}

/*内补白*/
.qz-pt5 {
  padding-top: 5px !important;
}

.qz-pt10 {
  padding-top: 10px !important;
}

.qz-pt15 {
  padding-top: 15px !important;
}

.qz-pt20 {
  padding-top: 20px !important;
}

.qz-pr5 {
  padding-right: 5px !important;
}

.qz-pr10 {
  padding-right: 10px !important;
}

.qz-pr15 {
  padding-right: 15px !important;
}

.qz-pr20 {
  padding-right: 20px !important;
}

.qz-pb5 {
  padding-bottom: 5px !important;
}

.qz-pb10 {
  padding-bottom: 10px !important;
}

.qz-pb15 {
  padding-bottom: 15px !important;
}

.qz-pb20 {
  padding-bottom: 20px !important;
}

.qz-pl5 {
  padding-left: 5px !important;
}

.qz-pl10 {
  padding-left: 10px !important;
}

.qz-pl15 {
  padding-left: 15px !important;
}

.qz-pl20 {
  padding-left: 20px !important;
}

/*外补白*/
.qz-mt5 {
  margin-top: 5px !important;
}

.qz-mt10 {
  margin-top: 10px !important;
}

.qz-mt15 {
  margin-top: 15px !important;
}

.qz-mt20 {
  margin-top: 20px !important;
}

.qz-mr5 {
  margin-right: 5px !important;
}

.qz-mr10 {
  margin-right: 10px !important;
}

.qz-mr15 {
  margin-right: 15px !important;
}

.qz-mr20 {
  margin-right: 20px !important;
}

.qz-mb5 {
  margin-bottom: 5px !important;
}

.qz-mb10 {
  margin-bottom: 10px !important;
}

.qz-mb15 {
  margin-bottom: 15px !important;
}

.qz-mb20 {
  margin-bottom: 20px !important;
}

.qz-ml5 {
  margin-left: 5px !important;
}

.qz-ml10 {
  margin-left: 10px !important;
}

.qz-ml15 {
  margin-left: 15px !important;
}

.qz-ml20 {
  margin-left: 20px !important;
}

/*按钮*/
/**
 * 设置默认按钮样式
 * @param $select 选择器
 * @param $btn-color 按钮颜色
 * @param $color 文字颜色
 * @param $font-size 文字大小
 * @param $btn-height 按钮高度
 * @param $btn-padding-horizontal 水平padding
 * @param $border 是否有边框
 */
.qz-btn-base {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #e87751;
  font-size: 14px;
  background-color: #e87751;
  color: #fff;
  outline: none !important;
}

.qz-btn-base a, .qz-btn-base span, .qz-btn-base i {
  color: #fff;
}

.qz-btn-base:hover, .qz-btn-base:active {
  background-color: #e5653a;
  color: #fff;
}

.qz-btn-base.focus, .qz-btn-base:focus {
  background-color: #e5653a;
  border: 1px solid #e87751;
  color: #fff;
}

.qz-btn-base > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-base.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-base.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-base[disabled], .qz-btn-base.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-base > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-primary {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57a3f1;
  font-size: 14px;
  background-color: #57a3f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-primary a, .qz-btn-primary span, .qz-btn-primary i {
  color: #fff;
}

.qz-btn-primary:hover, .qz-btn-primary:active {
  background-color: #3f96ef;
  color: #fff;
}

.qz-btn-primary.focus, .qz-btn-primary:focus {
  background-color: #3f96ef;
  border: 1px solid #57a3f1;
  color: #fff;
}

.qz-btn-primary > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-primary.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-primary.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-primary[disabled], .qz-btn-primary.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-primary > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-minor {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 24px !important;
  border: 1px solid #f04646;
  font-size: 14px;
  background-color: #f86e67;
  color: #fff;
  outline: none !important;
}

.qz-btn-minor a, .qz-btn-minor span, .qz-btn-minor i {
  color: #fff;
}

.qz-btn-minor:hover, .qz-btn-minor:active {
  background-color: #f7574f;
  color: #fff;
}

.qz-btn-minor.focus, .qz-btn-minor:focus {
  background-color: #f7574f;
  border: 1px solid #f86e67;
  color: #fff;
}

.qz-btn-minor > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-minor.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-minor.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-minor[disabled], .qz-btn-minor.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-minor > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-success {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #1bd498;
  font-size: 14px;
  background-color: #1bd498;
  color: #fff;
  outline: none !important;
}

.qz-btn-success a, .qz-btn-success span, .qz-btn-success i {
  color: #fff;
}

.qz-btn-success:hover, .qz-btn-success:active {
  background-color: #18bd88;
  color: #fff;
}

.qz-btn-success.focus, .qz-btn-success:focus {
  background-color: #18bd88;
  border: 1px solid #1bd498;
  color: #fff;
}

.qz-btn-success > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-success.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-success.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-success[disabled], .qz-btn-success.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-success > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-danger {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #f5372d;
  font-size: 14px;
  background-color: #f5372d;
  color: #fff;
  outline: none !important;
}

.qz-btn-danger a, .qz-btn-danger span, .qz-btn-danger i {
  color: #fff;
}

.qz-btn-danger:hover, .qz-btn-danger:active {
  background-color: #f42015;
  color: #fff;
}

.qz-btn-danger.focus, .qz-btn-danger:focus {
  background-color: #f42015;
  border: 1px solid #f5372d;
  color: #fff;
}

.qz-btn-danger > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-danger.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-danger.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-danger[disabled], .qz-btn-danger.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-danger > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-warning {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #f86e67;
  font-size: 14px;
  background-color: #f86e67;
  color: #fff;
  outline: none !important;
}

.qz-btn-warning a, .qz-btn-warning span, .qz-btn-warning i {
  color: #fff;
}

.qz-btn-warning:hover, .qz-btn-warning:active {
  background-color: #f7574f;
  color: #fff;
}

.qz-btn-warning.focus, .qz-btn-warning:focus {
  background-color: #f7574f;
  border: 1px solid #f86e67;
  color: #fff;
}

.qz-btn-warning > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-warning.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-warning.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-warning[disabled], .qz-btn-warning.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-warning > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-info {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #2079d3;
  font-size: 14px;
  background-color: #2079d3;
  color: #fff;
  outline: none !important;
}

.qz-btn-info a, .qz-btn-info span, .qz-btn-info i {
  color: #fff;
}

.qz-btn-info:hover, .qz-btn-info:active {
  background-color: #1d6cbd;
  color: #fff;
}

.qz-btn-info.focus, .qz-btn-info:focus {
  background-color: #1d6cbd;
  border: 1px solid #2079d3;
  color: #fff;
}

.qz-btn-info > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-info.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-info.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-info[disabled], .qz-btn-info.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-info > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-save {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57a3f1;
  font-size: 14px;
  background-color: #57a3f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-save a, .qz-btn-save span, .qz-btn-save i {
  color: #fff;
}

.qz-btn-save:hover, .qz-btn-save:active {
  background-color: #3f96ef;
  color: #fff;
}

.qz-btn-save.focus, .qz-btn-save:focus {
  background-color: #3f96ef;
  border: 1px solid #57a3f1;
  color: #fff;
}

.qz-btn-save > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-save.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-save.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-save[disabled], .qz-btn-save.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-save > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-cancel {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 24px !important;
  border: 1px solid #cccccc;
  font-size: 14px;
  background-color: #f7f7f7;
  color: black;
  outline: none !important;
}

.qz-btn-cancel a, .qz-btn-cancel span, .qz-btn-cancel i {
  color: black;
}

.qz-btn-cancel:hover, .qz-btn-cancel:active {
  background-color: #ebebeb;
  color: black;
}

.qz-btn-cancel.focus, .qz-btn-cancel:focus {
  background-color: #ebebeb;
  border: 1px solid #cccccc;
  color: black;
}

.qz-btn-cancel > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-cancel.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-cancel.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-cancel[disabled], .qz-btn-cancel.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-cancel > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: black !important;
}
/* 删除 等敏感字按钮*/

.qz-btn-wrong {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 24px !important;
  border: 1px solid #cccccc;
  font-size: 14px;
  background-color: #f7f7f7;
  color: #333!important;
  outline: none !important;
}

.qz-btn-wrong a, .qz-btn-wrong span, .qz-btn-wrong i {
  color: #333!important;
}
.qz-btn-wrong:not('[disabled]'):hover, .qz-btn-wrong:not('[disabled]'):active, .qz-btn-wrong:not('[disabled]'):hover a,.qz-btn-wrong:not('[disabled]'):active a {
  background-color: #f86e67;
  border: 1px solid #ea4e46;
  color: #fff!important;
}
.qz-btn-wrong:not('[disabled]'):hover span, .qz-btn-wrong:not('[disabled]'):active span{
  border: none;
  color: #fff!important;
}

.qz-btn-wrong:not('[disabled]').focus,.qz-btn-wrong:not('[disabled]'):focus,.qz-btn-wrong:not('[disabled]').focus a,.qz-btn-wrong:not('[disabled]').focus span{
  background-color: #f86e67;
  border: 1px solid #ea4e46;
  color: #fff!important;
}

.qz-btn-wrong > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-wrong.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-wrong.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-wrong[disabled], .qz-btn-wrong.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}
/* end */

.qz-btn-next {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #cccccc;
  font-size: 14px;
  background-color: #f7f7f7;
  color: black;
  outline: none !important;
}

.qz-btn-next a, .qz-btn-next span, .qz-btn-next i {
  color: black;
}

.qz-btn-next:hover, .qz-btn-next:active {
  background-color: #ebebeb;
  color: black;
}

.qz-btn-next.focus, .qz-btn-next:focus {
  background-color: #ebebeb;
  border: 1px solid #cccccc;
  color: black;
}

.qz-btn-next > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-next.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-next.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-next[disabled], .qz-btn-next.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-next > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: black !important;
}

.qz-btn-prev {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57b9f1;
  font-size: 14px;
  background-color: #57b9f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-prev a, .qz-btn-prev span, .qz-btn-prev i {
  color: #fff;
}

.qz-btn-prev:hover, .qz-btn-prev:active {
  background-color: #3fafef;
  color: #fff;
}

.qz-btn-prev.focus, .qz-btn-prev:focus {
  background-color: #3fafef;
  border: 1px solid #57b9f1;
  color: #fff;
}

.qz-btn-prev > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-prev.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-prev.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-prev[disabled], .qz-btn-prev.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-prev > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-add {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57a3f1;
  font-size: 14px;
  background-color: #57a3f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-add a, .qz-btn-add span, .qz-btn-add i {
  color: #fff;
}

.qz-btn-add:hover, .qz-btn-add:active {
  background-color: #3f96ef;
  color: #fff;
}

.qz-btn-add.focus, .qz-btn-add:focus {
  background-color: #3f96ef;
  border: 1px solid #57a3f1;
  color: #fff;
}

.qz-btn-add > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-add.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-add.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-add[disabled], .qz-btn-add.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-add > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-edit {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57b9f1;
  font-size: 14px;
  background-color: #57b9f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-edit a, .qz-btn-edit span, .qz-btn-edit i {
  color: #fff;
}

.qz-btn-edit:hover, .qz-btn-edit:active {
  background-color: #3fafef;
  color: #fff;
}

.qz-btn-edit.focus, .qz-btn-edit:focus {
  background-color: #3fafef;
  border: 1px solid #57b9f1;
  color: #fff;
}

.qz-btn-edit > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-edit.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-edit.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-edit[disabled], .qz-btn-edit.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-edit > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-del {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57b9f1;
  font-size: 14px;
  background-color: #57b9f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-del a, .qz-btn-del span, .qz-btn-del i {
  color: #fff;
}

.qz-btn-del:hover, .qz-btn-del:active {
  background-color: #3fafef;
  color: #fff;
}

.qz-btn-del.focus, .qz-btn-del:focus {
  background-color: #3fafef;
  border: 1px solid #57b9f1;
  color: #fff;
}

.qz-btn-del > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-del.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-del.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-del[disabled], .qz-btn-del.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-del > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-query {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 24px !important;
  border: 1px solid #2079d3;
  font-size: 14px;
  background-color: #57a3f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-query a, .qz-btn-query span, .qz-btn-query i {
  color: #fff;
}

.qz-btn-query:hover, .qz-btn-query:active {
  background-color: #3f96ef;
  color: #fff;
}

.qz-btn-query.focus, .qz-btn-query:focus {
  background-color: #3f96ef;
  border: 1px solid #57a3f1;
  color: #fff;
}

.qz-btn-query > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-query.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-query.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-query[disabled], .qz-btn-query.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555 !important;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-query > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-export {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 24px !important;
  border: 1px solid #18a778;
  font-size: 14px;
  background-color: #1bd498;
  color: #fff;
  outline: none !important;
}

.qz-btn-export a, .qz-btn-export span, .qz-btn-export i {
  color: #fff;
}

.qz-btn-export:hover, .qz-btn-export:active {
  background-color: #18bd88;
  color: #fff;
}

.qz-btn-export.focus, .qz-btn-export:focus {
  background-color: #18bd88;
  border: 1px solid #1bd498;
  color: #fff;
}

.qz-btn-export > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-export.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-export.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-export[disabled], .qz-btn-export.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-export > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-import {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #1bd498;
  font-size: 14px;
  background-color: #1bd498;
  color: #fff;
  outline: none !important;
}

.qz-btn-import a, .qz-btn-import span, .qz-btn-import i {
  color: #fff;
}

.qz-btn-import:hover, .qz-btn-import:active {
  background-color: #18bd88;
  color: #fff;
}

.qz-btn-import.focus, .qz-btn-import:focus {
  background-color: #18bd88;
  border: 1px solid #1bd498;
  color: #fff;
}

.qz-btn-import > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-import.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-import.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-import[disabled], .qz-btn-import.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-import > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-file-down {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #57a3f1;
  font-size: 14px;
  background-color: #57a3f1;
  color: #fff;
  outline: none !important;
}

.qz-btn-file-down a, .qz-btn-file-down span, .qz-btn-file-down i {
  color: #fff;
}

.qz-btn-file-down:hover, .qz-btn-file-down:active {
  background-color: #3f96ef;
  color: #fff;
}

.qz-btn-file-down.focus, .qz-btn-file-down:focus {
  background-color: #3f96ef;
  border: 1px solid #57a3f1;
  color: #fff;
}

.qz-btn-file-down > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-file-down.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-file-down.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-file-down[disabled], .qz-btn-file-down.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-file-down > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #fff !important;
}

.qz-btn-file-down > .iconfont {
  font-size: 20px;
}

.qz-btn-gray {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #f7f7f7;
  font-size: 14px;
  background-color: #f7f7f7;
  color: #555;
  outline: none !important;
}

.qz-btn-gray a, .qz-btn-gray span, .qz-btn-gray i {
  color: #555;
}

.qz-btn-gray:hover, .qz-btn-gray:active {
  background-color: #ebebeb;
  color: #555;
}

.qz-btn-gray.focus, .qz-btn-gray:focus {
  background-color: #ebebeb;
  border: 1px solid #f7f7f7;
  color: #555;
}

.qz-btn-gray > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-gray.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-gray.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-gray[disabled], .qz-btn-gray.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-gray > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #555 !important;
}
.small-time .qz-btn-white {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 22px;
  border: 1px solid #fff;
  font-size: 14px;
  background-color: #fff;
  color: #555;
  outline: none !important;
  border-color: #d9d9d9;
}
.small-time .qz-btn-white > .iconfont {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-white {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px;
  border: 1px solid #fff;
  font-size: 14px;
  background-color: #fff;
  color: #555;
  outline: none !important;
  border-color: #d9d9d9;
}

.qz-btn-white a, .qz-btn-white span, .qz-btn-white i {
  color: #555;
}

.qz-btn-white:hover, .qz-btn-white:active {
  background-color: #f2f2f2;
  color: #555;
}

.qz-btn-white.focus, .qz-btn-white:focus {
  background-color: #f2f2f2;
  border: 1px solid #fff;
  color: #555;
}

.qz-btn-white > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-white.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-white.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-white[disabled], .qz-btn-white.disabled {
  box-shadow: none;
  background-color: #f7f7f7;
  border: 1px solid #d9d9d9;
  color: #666;
  pointer-events: auto;
  cursor: no-drop;
  opacity: 1;
}

.btn-group .qz-btn-white > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #555 !important;
}

.qz-btn-white:not('[disable]'):hover, .qz-btn-white:not('[disable]'):focus {
  border-color: #d9d9d9;
  background-color: #fff;
  color: #555;
}

.qz-btn-white:not('[disable]'):hover i, .qz-btn-white:not('[disable]'):hover a, .qz-btn-white:not('[disable]'):hover span, .qz-btn-white:not('[disable]'):focus i, .qz-btn-white:not('[disable]'):focus a, .qz-btn-white:not('[disable]'):focus span {
  color: #555;
  transition: all 0.5s;
}

.qz-btn-file {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #ededed;
  font-size: 14px;
  background-color: #ededed;
  color: #383838;
  outline: none !important;
  border-color: #bfbfbf;
}

.qz-btn-file a, .qz-btn-file span, .qz-btn-file i {
  color: #383838;
}

.qz-btn-file:hover, .qz-btn-file:active {
  background-color: #e0e0e0;
  color: #383838;
}

.qz-btn-file.focus, .qz-btn-file:focus {
  background-color: #e0e0e0;
  border: 1px solid #ededed;
  color: #383838;
}

.qz-btn-file > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.qz-btn-file.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.qz-btn-file.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.qz-btn-file[disabled], .qz-btn-file.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .qz-btn-file > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #383838 !important;
}

.qz-btn-file:focus {
  border-color: #999999;
}

.qz-btn-border.qz-btn-base, .qz-btn-dashed.qz-btn-base {
  background-color: transparent;
  border: 1px solid;
  color: #e87751;
}

.qz-btn-border.qz-btn-base > a, .qz-btn-border.qz-btn-base > span, .qz-btn-border.qz-btn-base > i, .qz-btn-dashed.qz-btn-base > a, .qz-btn-dashed.qz-btn-base > span, .qz-btn-dashed.qz-btn-base > i {
  color: #e87751;
}

.qz-btn-border.qz-btn-base:hover, .qz-btn-dashed.qz-btn-base:hover {
  background-color: #e87751;
  color: #fff;
  border: 1px solid #e87751;
}

.qz-btn-border.qz-btn-base:hover > a, .qz-btn-border.qz-btn-base:hover > span, .qz-btn-border.qz-btn-base:hover > i, .qz-btn-dashed.qz-btn-base:hover > a, .qz-btn-dashed.qz-btn-base:hover > span, .qz-btn-dashed.qz-btn-base:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-base[disabled], .qz-btn-border.qz-btn-base.disabled, .qz-btn-dashed.qz-btn-base[disabled], .qz-btn-dashed.qz-btn-base.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-primary, .qz-btn-dashed.qz-btn-primary {
  background-color: transparent;
  border: 1px solid;
  color: #57a3f1;
}

.qz-btn-border.qz-btn-primary > a, .qz-btn-border.qz-btn-primary > span, .qz-btn-border.qz-btn-primary > i, .qz-btn-dashed.qz-btn-primary > a, .qz-btn-dashed.qz-btn-primary > span, .qz-btn-dashed.qz-btn-primary > i {
  color: #57a3f1;
}

.qz-btn-border.qz-btn-primary:hover, .qz-btn-dashed.qz-btn-primary:hover {
  background-color: #57a3f1;
  color: #fff;
  border: 1px solid #57a3f1;
}

.qz-btn-border.qz-btn-primary:hover > a, .qz-btn-border.qz-btn-primary:hover > span, .qz-btn-border.qz-btn-primary:hover > i, .qz-btn-dashed.qz-btn-primary:hover > a, .qz-btn-dashed.qz-btn-primary:hover > span, .qz-btn-dashed.qz-btn-primary:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-primary[disabled], .qz-btn-border.qz-btn-primary.disabled, .qz-btn-dashed.qz-btn-primary[disabled], .qz-btn-dashed.qz-btn-primary.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-minor, .qz-btn-dashed.qz-btn-minor {
  background-color: transparent;
  border: 1px solid;
  color: #f86e67;
}

.qz-btn-border.qz-btn-minor > a, .qz-btn-border.qz-btn-minor > span, .qz-btn-border.qz-btn-minor > i, .qz-btn-dashed.qz-btn-minor > a, .qz-btn-dashed.qz-btn-minor > span, .qz-btn-dashed.qz-btn-minor > i {
  color: #f86e67;
}

.qz-btn-border.qz-btn-minor:hover, .qz-btn-dashed.qz-btn-minor:hover {
  background-color: #f86e67;
  color: #fff;
  border: 1px solid #f86e67;
}

.qz-btn-border.qz-btn-minor:hover > a, .qz-btn-border.qz-btn-minor:hover > span, .qz-btn-border.qz-btn-minor:hover > i, .qz-btn-dashed.qz-btn-minor:hover > a, .qz-btn-dashed.qz-btn-minor:hover > span, .qz-btn-dashed.qz-btn-minor:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-minor[disabled], .qz-btn-border.qz-btn-minor.disabled, .qz-btn-dashed.qz-btn-minor[disabled], .qz-btn-dashed.qz-btn-minor.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-success, .qz-btn-dashed.qz-btn-success {
  background-color: transparent;
  border: 1px solid;
  color: #1bd498;
}

.qz-btn-border.qz-btn-success > a, .qz-btn-border.qz-btn-success > span, .qz-btn-border.qz-btn-success > i, .qz-btn-dashed.qz-btn-success > a, .qz-btn-dashed.qz-btn-success > span, .qz-btn-dashed.qz-btn-success > i {
  color: #1bd498;
}

.qz-btn-border.qz-btn-success:hover, .qz-btn-dashed.qz-btn-success:hover {
  background-color: #1bd498;
  color: #fff;
  border: 1px solid #1bd498;
}

.qz-btn-border.qz-btn-success:hover > a, .qz-btn-border.qz-btn-success:hover > span, .qz-btn-border.qz-btn-success:hover > i, .qz-btn-dashed.qz-btn-success:hover > a, .qz-btn-dashed.qz-btn-success:hover > span, .qz-btn-dashed.qz-btn-success:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-success[disabled], .qz-btn-border.qz-btn-success.disabled, .qz-btn-dashed.qz-btn-success[disabled], .qz-btn-dashed.qz-btn-success.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-danger, .qz-btn-dashed.qz-btn-danger {
  background-color: transparent;
  border: 1px solid;
  color: #f5372d;
}

.qz-btn-border.qz-btn-danger > a, .qz-btn-border.qz-btn-danger > span, .qz-btn-border.qz-btn-danger > i, .qz-btn-dashed.qz-btn-danger > a, .qz-btn-dashed.qz-btn-danger > span, .qz-btn-dashed.qz-btn-danger > i {
  color: #f5372d;
}

.qz-btn-border.qz-btn-danger:hover, .qz-btn-dashed.qz-btn-danger:hover {
  background-color: #f5372d;
  color: #fff;
  border: 1px solid #f5372d;
}

.qz-btn-border.qz-btn-danger:hover > a, .qz-btn-border.qz-btn-danger:hover > span, .qz-btn-border.qz-btn-danger:hover > i, .qz-btn-dashed.qz-btn-danger:hover > a, .qz-btn-dashed.qz-btn-danger:hover > span, .qz-btn-dashed.qz-btn-danger:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-danger[disabled], .qz-btn-border.qz-btn-danger.disabled, .qz-btn-dashed.qz-btn-danger[disabled], .qz-btn-dashed.qz-btn-danger.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-warning, .qz-btn-dashed.qz-btn-warning {
  background-color: transparent;
  border: 1px solid;
  color: #f86e67;
}

.qz-btn-border.qz-btn-warning > a, .qz-btn-border.qz-btn-warning > span, .qz-btn-border.qz-btn-warning > i, .qz-btn-dashed.qz-btn-warning > a, .qz-btn-dashed.qz-btn-warning > span, .qz-btn-dashed.qz-btn-warning > i {
  color: #f86e67;
}

.qz-btn-border.qz-btn-warning:hover, .qz-btn-dashed.qz-btn-warning:hover {
  background-color: #f86e67;
  color: #fff;
  border: 1px solid #f86e67;
}

.qz-btn-border.qz-btn-warning:hover > a, .qz-btn-border.qz-btn-warning:hover > span, .qz-btn-border.qz-btn-warning:hover > i, .qz-btn-dashed.qz-btn-warning:hover > a, .qz-btn-dashed.qz-btn-warning:hover > span, .qz-btn-dashed.qz-btn-warning:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-warning[disabled], .qz-btn-border.qz-btn-warning.disabled, .qz-btn-dashed.qz-btn-warning[disabled], .qz-btn-dashed.qz-btn-warning.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-info, .qz-btn-dashed.qz-btn-info {
  background-color: transparent;
  border: 1px solid;
  color: #2079d3;
}

.qz-btn-border.qz-btn-info > a, .qz-btn-border.qz-btn-info > span, .qz-btn-border.qz-btn-info > i, .qz-btn-dashed.qz-btn-info > a, .qz-btn-dashed.qz-btn-info > span, .qz-btn-dashed.qz-btn-info > i {
  color: #2079d3;
}

.qz-btn-border.qz-btn-info:hover, .qz-btn-dashed.qz-btn-info:hover {
  background-color: #2079d3;
  color: #fff;
  border: 1px solid #2079d3;
}

.qz-btn-border.qz-btn-info:hover > a, .qz-btn-border.qz-btn-info:hover > span, .qz-btn-border.qz-btn-info:hover > i, .qz-btn-dashed.qz-btn-info:hover > a, .qz-btn-dashed.qz-btn-info:hover > span, .qz-btn-dashed.qz-btn-info:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-info[disabled], .qz-btn-border.qz-btn-info.disabled, .qz-btn-dashed.qz-btn-info[disabled], .qz-btn-dashed.qz-btn-info.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-save, .qz-btn-dashed.qz-btn-save {
  background-color: transparent;
  border: 1px solid;
  color: #57a3f1;
}

.qz-btn-border.qz-btn-save > a, .qz-btn-border.qz-btn-save > span, .qz-btn-border.qz-btn-save > i, .qz-btn-dashed.qz-btn-save > a, .qz-btn-dashed.qz-btn-save > span, .qz-btn-dashed.qz-btn-save > i {
  color: #57a3f1;
}

.qz-btn-border.qz-btn-save:hover, .qz-btn-dashed.qz-btn-save:hover {
  background-color: #57a3f1;
  color: #fff;
  border: 1px solid #57a3f1;
}

.qz-btn-border.qz-btn-save:hover > a, .qz-btn-border.qz-btn-save:hover > span, .qz-btn-border.qz-btn-save:hover > i, .qz-btn-dashed.qz-btn-save:hover > a, .qz-btn-dashed.qz-btn-save:hover > span, .qz-btn-dashed.qz-btn-save:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-save[disabled], .qz-btn-border.qz-btn-save.disabled, .qz-btn-dashed.qz-btn-save[disabled], .qz-btn-dashed.qz-btn-save.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-cancel, .qz-btn-dashed.qz-btn-cancel {
  background-color: transparent;
  border: 1px solid;
  color: #f7f7f7;
}

.qz-btn-border.qz-btn-cancel > a, .qz-btn-border.qz-btn-cancel > span, .qz-btn-border.qz-btn-cancel > i, .qz-btn-dashed.qz-btn-cancel > a, .qz-btn-dashed.qz-btn-cancel > span, .qz-btn-dashed.qz-btn-cancel > i {
  color: #f7f7f7;
}

.qz-btn-border.qz-btn-cancel:hover, .qz-btn-dashed.qz-btn-cancel:hover {
  background-color: #f7f7f7;
  color: #fff;
  border: 1px solid #f7f7f7;
}

.qz-btn-border.qz-btn-cancel:hover > a, .qz-btn-border.qz-btn-cancel:hover > span, .qz-btn-border.qz-btn-cancel:hover > i, .qz-btn-dashed.qz-btn-cancel:hover > a, .qz-btn-dashed.qz-btn-cancel:hover > span, .qz-btn-dashed.qz-btn-cancel:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-cancel[disabled], .qz-btn-border.qz-btn-cancel.disabled, .qz-btn-dashed.qz-btn-cancel[disabled], .qz-btn-dashed.qz-btn-cancel.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-add, .qz-btn-dashed.qz-btn-add {
  background-color: transparent;
  border: 1px solid;
  color: #57a3f1;
}

.qz-btn-border.qz-btn-add > a, .qz-btn-border.qz-btn-add > span, .qz-btn-border.qz-btn-add > i, .qz-btn-dashed.qz-btn-add > a, .qz-btn-dashed.qz-btn-add > span, .qz-btn-dashed.qz-btn-add > i {
  color: #57a3f1;
}

.qz-btn-border.qz-btn-add:hover, .qz-btn-dashed.qz-btn-add:hover {
  background-color: #57a3f1;
  color: #fff;
  border: 1px solid #57a3f1;
}

.qz-btn-border.qz-btn-add:hover > a, .qz-btn-border.qz-btn-add:hover > span, .qz-btn-border.qz-btn-add:hover > i, .qz-btn-dashed.qz-btn-add:hover > a, .qz-btn-dashed.qz-btn-add:hover > span, .qz-btn-dashed.qz-btn-add:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-add[disabled], .qz-btn-border.qz-btn-add.disabled, .qz-btn-dashed.qz-btn-add[disabled], .qz-btn-dashed.qz-btn-add.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-edit, .qz-btn-dashed.qz-btn-edit {
  background-color: transparent;
  border: 1px solid;
  color: #57b9f1;
}

.qz-btn-border.qz-btn-edit > a, .qz-btn-border.qz-btn-edit > span, .qz-btn-border.qz-btn-edit > i, .qz-btn-dashed.qz-btn-edit > a, .qz-btn-dashed.qz-btn-edit > span, .qz-btn-dashed.qz-btn-edit > i {
  color: #57b9f1;
}

.qz-btn-border.qz-btn-edit:hover, .qz-btn-dashed.qz-btn-edit:hover {
  background-color: #57b9f1;
  color: #fff;
  border: 1px solid #57b9f1;
}

.qz-btn-border.qz-btn-edit:hover > a, .qz-btn-border.qz-btn-edit:hover > span, .qz-btn-border.qz-btn-edit:hover > i, .qz-btn-dashed.qz-btn-edit:hover > a, .qz-btn-dashed.qz-btn-edit:hover > span, .qz-btn-dashed.qz-btn-edit:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-edit[disabled], .qz-btn-border.qz-btn-edit.disabled, .qz-btn-dashed.qz-btn-edit[disabled], .qz-btn-dashed.qz-btn-edit.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-del, .qz-btn-dashed.qz-btn-del {
  background-color: transparent;
  border: 1px solid;
  color: #57b9f1;
}

.qz-btn-border.qz-btn-del > a, .qz-btn-border.qz-btn-del > span, .qz-btn-border.qz-btn-del > i, .qz-btn-dashed.qz-btn-del > a, .qz-btn-dashed.qz-btn-del > span, .qz-btn-dashed.qz-btn-del > i {
  color: #57b9f1;
}

.qz-btn-border.qz-btn-del:hover, .qz-btn-dashed.qz-btn-del:hover {
  background-color: #57b9f1;
  color: #fff;
  border: 1px solid #57b9f1;
}

.qz-btn-border.qz-btn-del:hover > a, .qz-btn-border.qz-btn-del:hover > span, .qz-btn-border.qz-btn-del:hover > i, .qz-btn-dashed.qz-btn-del:hover > a, .qz-btn-dashed.qz-btn-del:hover > span, .qz-btn-dashed.qz-btn-del:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-del[disabled], .qz-btn-border.qz-btn-del.disabled, .qz-btn-dashed.qz-btn-del[disabled], .qz-btn-dashed.qz-btn-del.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-query, .qz-btn-dashed.qz-btn-query {
  background-color: transparent;
  border: 1px solid;
  color: #57a3f1;
}

.qz-btn-border.qz-btn-query > a, .qz-btn-border.qz-btn-query > span, .qz-btn-border.qz-btn-query > i, .qz-btn-dashed.qz-btn-query > a, .qz-btn-dashed.qz-btn-query > span, .qz-btn-dashed.qz-btn-query > i {
  color: #57a3f1;
}

.qz-btn-border.qz-btn-query:hover, .qz-btn-dashed.qz-btn-query:hover {
  background-color: #57a3f1;
  color: #fff;
  border: 1px solid #57a3f1;
}

.qz-btn-border.qz-btn-query:hover > a, .qz-btn-border.qz-btn-query:hover > span, .qz-btn-border.qz-btn-query:hover > i, .qz-btn-dashed.qz-btn-query:hover > a, .qz-btn-dashed.qz-btn-query:hover > span, .qz-btn-dashed.qz-btn-query:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-query[disabled], .qz-btn-border.qz-btn-query.disabled, .qz-btn-dashed.qz-btn-query[disabled], .qz-btn-dashed.qz-btn-query.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-export, .qz-btn-dashed.qz-btn-export {
  background-color: transparent;
  border: 1px solid;
  color: #1bd498;
}

.qz-btn-border.qz-btn-export > a, .qz-btn-border.qz-btn-export > span, .qz-btn-border.qz-btn-export > i, .qz-btn-dashed.qz-btn-export > a, .qz-btn-dashed.qz-btn-export > span, .qz-btn-dashed.qz-btn-export > i {
  color: #1bd498;
}

.qz-btn-border.qz-btn-export:hover, .qz-btn-dashed.qz-btn-export:hover {
  background-color: #1bd498;
  color: #fff;
  border: 1px solid #1bd498;
}

.qz-btn-border.qz-btn-export:hover > a, .qz-btn-border.qz-btn-export:hover > span, .qz-btn-border.qz-btn-export:hover > i, .qz-btn-dashed.qz-btn-export:hover > a, .qz-btn-dashed.qz-btn-export:hover > span, .qz-btn-dashed.qz-btn-export:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-export[disabled], .qz-btn-border.qz-btn-export.disabled, .qz-btn-dashed.qz-btn-export[disabled], .qz-btn-dashed.qz-btn-export.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-import, .qz-btn-dashed.qz-btn-import {
  background-color: transparent;
  border: 1px solid;
  color: #1bd498;
}

.qz-btn-border.qz-btn-import > a, .qz-btn-border.qz-btn-import > span, .qz-btn-border.qz-btn-import > i, .qz-btn-dashed.qz-btn-import > a, .qz-btn-dashed.qz-btn-import > span, .qz-btn-dashed.qz-btn-import > i {
  color: #1bd498;
}

.qz-btn-border.qz-btn-import:hover, .qz-btn-dashed.qz-btn-import:hover {
  background-color: #1bd498;
  color: #fff;
  border: 1px solid #1bd498;
}

.qz-btn-border.qz-btn-import:hover > a, .qz-btn-border.qz-btn-import:hover > span, .qz-btn-border.qz-btn-import:hover > i, .qz-btn-dashed.qz-btn-import:hover > a, .qz-btn-dashed.qz-btn-import:hover > span, .qz-btn-dashed.qz-btn-import:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-import[disabled], .qz-btn-border.qz-btn-import.disabled, .qz-btn-dashed.qz-btn-import[disabled], .qz-btn-dashed.qz-btn-import.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-white, .qz-btn-dashed.qz-btn-white {
  background-color: transparent;
  border: 1px solid;
  color: #999999;
}

.qz-btn-border.qz-btn-white > a, .qz-btn-border.qz-btn-white > span, .qz-btn-border.qz-btn-white > i, .qz-btn-dashed.qz-btn-white > a, .qz-btn-dashed.qz-btn-white > span, .qz-btn-dashed.qz-btn-white > i {
  color: #999999;
}

.qz-btn-border.qz-btn-white:hover, .qz-btn-dashed.qz-btn-white:hover {
  background-color: #999999;
  color: #fff;
  border: 1px solid #999999;
}

.qz-btn-border.qz-btn-white:hover > a, .qz-btn-border.qz-btn-white:hover > span, .qz-btn-border.qz-btn-white:hover > i, .qz-btn-dashed.qz-btn-white:hover > a, .qz-btn-dashed.qz-btn-white:hover > span, .qz-btn-dashed.qz-btn-white:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-white[disabled], .qz-btn-border.qz-btn-white.disabled, .qz-btn-dashed.qz-btn-white[disabled], .qz-btn-dashed.qz-btn-white.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.qz-btn-border.qz-btn-file, .qz-btn-dashed.qz-btn-file {
  background-color: transparent;
  border: 1px solid;
  color: #999999;
}

.qz-btn-border.qz-btn-file > a, .qz-btn-border.qz-btn-file > span, .qz-btn-border.qz-btn-file > i, .qz-btn-dashed.qz-btn-file > a, .qz-btn-dashed.qz-btn-file > span, .qz-btn-dashed.qz-btn-file > i {
  color: #999999;
}

.qz-btn-border.qz-btn-file:hover, .qz-btn-dashed.qz-btn-file:hover {
  background-color: #999999;
  color: #fff;
  border: 1px solid #999999;
}

.qz-btn-border.qz-btn-file:hover > a, .qz-btn-border.qz-btn-file:hover > span, .qz-btn-border.qz-btn-file:hover > i, .qz-btn-dashed.qz-btn-file:hover > a, .qz-btn-dashed.qz-btn-file:hover > span, .qz-btn-dashed.qz-btn-file:hover > i {
  color: #fff;
}

.qz-btn-border.qz-btn-file[disabled], .qz-btn-border.qz-btn-file.disabled, .qz-btn-dashed.qz-btn-file[disabled], .qz-btn-dashed.qz-btn-file.disabled {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  background-color: transparent;
}

.btn.qz-linear-gray {
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  background-color: #e6e6e6;
  color: #555;
  outline: none !important;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  border-color: #d9d9d9;
  color: #555 !important;
}

.btn.qz-linear-gray a, .btn.qz-linear-gray span, .btn.qz-linear-gray i {
  color: #555;
}

.btn.qz-linear-gray:hover, .btn.qz-linear-gray:active {
  background-color: #d9d9d9;
  color: #555;
}

.btn.qz-linear-gray.focus, .btn.qz-linear-gray:focus {
  background-color: #d9d9d9;
  border: 1px solid #e6e6e6;
  color: #555;
}

.btn.qz-linear-gray > .iconfont {
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}

.btn.qz-linear-gray.qz-btn-icon {
  padding: 0;
  width: 28px;
  height: 28px;
}

.btn.qz-linear-gray.qz-btn-icon > .iconfont {
  margin-right: auto;
}

.btn.qz-linear-gray[disabled], .btn.qz-linear-gray.disabled {
  box-shadow: none;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #555;
  pointer-events: auto;
  cursor: no-drop;
}

.btn-group .btn.qz-linear-gray > .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11.1px;
  color: #555 !important;
}

.qz-btn-xs {
  font-size: 14px;
  line-height: 22px !important;
  padding: 0 10px;
}

.qz-btn-xs a, .qz-btn-xs span, .qz-btn-xs i {
  font-size: 12px;
}

.qz-btn-xs.qz-btn-icon, .qz-btn-xs.qz-btn-icon-circle {
  height: 18px;
  width: 18px;
}

.qz-btn-xs > .iconfont {
  line-height: 16px;
}

.qz-btn-sm {
  font-size: 14px;
  line-height: 24px !important;
  padding: 0 10px;
}

.qz-btn-sm a, .qz-btn-sm span, .qz-btn-sm i {
  font-size: 14px;
}

.qz-btn-sm.qz-btn-icon, .qz-btn-sm.qz-btn-icon-circle {
  height: 26px;
  width: 26px;
}

.qz-btn-sm > .iconfont {
  line-height: 24px;
}

.qz-btn-md {
  font-size: 14px;
  line-height: 28px !important;
  padding: 0 12px;
}

.qz-btn-md a, .qz-btn-md span, .qz-btn-md i {
  font-size: 14px;
}

.qz-btn-md.qz-btn-icon, .qz-btn-md.qz-btn-icon-circle {
  height: 30px;
  width: 30px;
}

.qz-btn-md > .iconfont {
  line-height: 28px;
}

.qz-btn-lg {
  font-size: 14px;
  line-height: 30px !important;
  padding: 0 14px;
}

.qz-btn-lg a, .qz-btn-lg span, .qz-btn-lg i {
  font-size: 14px;
}

.qz-btn-lg.qz-btn-icon, .qz-btn-lg.qz-btn-icon-circle {
  height: 32px;
  width: 32px;
}

.qz-btn-lg > .iconfont {
  line-height: 30px;
}

.qz-btn-lgg {
  font-size: 20px;
  line-height: 44px !important;
  padding: 0 20px;
}

.qz-btn-lgg a, .qz-btn-lgg span, .qz-btn-lgg i {
  font-size: 20px;
}

.qz-btn-lgg.qz-btn-icon, .qz-btn-lgg.qz-btn-icon-circle {
  height: 46px;
  width: 46px;
}

.qz-btn-lgg > .iconfont {
  line-height: 44px;
}

.qz-text-btn {
  margin: 0 5px;
  vertical-align: middle;
  white-space: nowrap;
}

.qz-text-btn.active, .qz-text-btn:hover {
  color: #2079d3;
}

.qz-text-btn.active .iconfont, .qz-text-btn:hover .iconfont {
  color: #2079d3;
}

.qz-text-btn > .iconfont {
  font-size: 10px;
}

.qz-btn-icon.qz-circle {
  border-radius: 50%;
}

.qz-btn-dashed {
  border-style: dashed !important;
}

.input-group-btn {
  position: static;
  line-height: initial;
}

.dropup .btn:focus i, .dropup .btn:focus a, .dropup .btn:focus span {
  transform: rotate(-180deg);
}

/*线条*/
.qz-border-base {
  border: 1px solid #d9d9d9;
}

.qz-border-shallow {
  border: 1px solid #e6e6e6;
}

.qz-border-deep {
  border: 1px solid #6E6E6E;
}

/*表单*/
[checkbox].disabled > .check-con:before, .checked .check-con:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  z-index: 10;
}

[checkbox].disabled > .check-box,
[checkbox].disabled > .control-label,
[checkbox].disabled > label,
[checkbox].disabled > .check-con {
  cursor: no-drop;
}

[checkbox].disabled > .check-con:before {
  width: 60%;
  height: 60%;
  margin: auto;
  background-color: #cccccc;
}

[checkbox].disabled.disabled-style1 > .check-con:before {
  background-color: #57a3f1;
}

[checkbox] > label {
  color: #555;
  font-weight: normal;
  margin: 0;
}

/*表单*/
[data-checkbox="checked"].disabled > .check-con:before, .checked .check-con:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  z-index: 7;
}

[data-checkbox="checked"].disabled > .check-box,
[data-checkbox="checked"].disabled > .control-label,
[data-checkbox="checked"].disabled > label,
[data-checkbox="checked"].disabled > .check-con {
  cursor: no-drop;
}

[data-checkbox="checked"].disabled > .check-con:before {
  width: 60%;
  height: 60%;
  margin: auto;
  background-color: #cccccc;
}

[data-checkbox="checked"].disabled.disabled-style1 > .check-con:before {
  background-color: #57a3f1;
}

[data-checkbox="checked"] > label {
  color: #555;
  font-weight: normal;
  margin: 0;
}

.checked .check-con:before {
  border: 1px solid #d9d9d9;
  background-image: url(../img/icon/new-check.png);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.checked .check-con.check-radio:before {
  background-color: gray;
  border-radius: 50%;
  background-image: none;
  width: 65%;
  height: 65%;
  margin: auto;
}

.check-con {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}

.check-con:after {
  content: '';
  z-index: 1;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 2px;
}

.check-con.all.checkable:after {
  background-image: url(../img/icon/radio.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center center;
}

.check-con.check-radio:after {
  border-radius: 50%;
}

.check-box {
  display: none !important;
}

.check-box-primary:before {
  background-color: #57a3f1 !important;
}

.control-group {
  position: relative;
  display: table;
  margin-bottom: 8px;
}

.control-group .control-label {
  display: table-cell;
  width: 100px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  color: #333;
  padding-right: 10px;
}

.control-group .control-label span {
  margin-left: 3px;
}

.control-group .control-label ~ .controls {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.control-group .form-control {
  display: inline-block;
  box-sizing: border-box;
  height: 28px;
  width: 208px;
  padding: 0 8px;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
}

.control-group .form-control[readonly], .control-group .form-control[disabled] {
  cursor: text;
}

.control-group textarea.form-control {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 4.5em;
}

.control-group > .btn, .control-group > .controls > .btn {
  display: table-cell;
  vertical-align: middle;
}

.control-group > .controls {
  position: relative;
  display: table;
  float: left;
}

.control-group > .input-group {
  margin: 0;
}
.control-group .qz-btn-bigger{
  line-height: 26px!important;
}
.control-group .qz-btn-bigger > .iconfont{
  line-height: 26px!important;
}

.form-control.qz-smaller {
  height: 28px;
  width: 70px;
}

.form-control.qz-smaller-y {
  height: 26px !important;
}

.form-control.qz-small {
  height: 28px;
  width: 80px;
  padding: 0 7px;
}
.small-select .form-control.qz-small{
  height: 24px!important;
  width: 80px!important;
  padding: 0!important;
}
.small-select .form-control.qz-small-y{
  height: 24px!important;
}
.small-select .ui-multiselect {
    height: 24px;
}
.small-select .ui-multiselect span.ui-icon {
    top: 9px;
}

.form-control.qz-small-y {
  height: 24px !important;
}

.form-control.qz-big {
  height: 28px;
  width: 220px;
}
.form-control.qz-auto {
  width: auto !important;
}

.form-control.qz-big-y {
  height: 30px !important;
}

.form-control.qz-bigger {
  height: 28px;
  width: 300px;
}

.form-control.qz-bigger-y {
  height: 32px !important;
}

.form-control.qz-biggest {
  height: 28px;
  width: 360px;
}

.form-control.qz-biggest-y {
  height: 36px !important;
}
.control-label{
  padding-right: 5px!important;
}
.control-label.qz-small {
  width: 100px;
}

.control-label.qz-big {
  width: 150px;
}

.control-label.qz-bigger {
  width: 170px;
}

.control-label.qz-auto {
  width: auto;
  padding: 0;
}

.input-group {
  display: table;
  width: 208px;
  margin-bottom: 8px;
}

.input-group.qz-circle .form-control {
  border-top-left-radius: 104px;
  border-bottom-left-radius: 104px;
}

.input-group.qz-circle .input-group-btn:last-child > .btn {
  border-top-right-radius: 104px;
  border-bottom-right-radius: 104px;
  padding-right: 2px;
}

.input-group .form-control {
  display: inline-block;
  box-sizing: border-box;
  height: 28px;
  width: 208px;
  padding: 0 8px;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  width: 100%;
}

.input-group .form-control[readonly], .input-group .form-control[disabled] {
  cursor: no-drop;
}

.input-group textarea.form-control {
  height: auto;
}

.input-group .qz-btn-icon {
  height: 28px;
  width: 28px;
}

.input-group .qz-btn-icon .iconfont {
  font-size: 17px;
}

.input-group.qz-select .btn, .input-group.qz-date .btn {
  position: relative;
  width: 100%;
  text-align: left;
}

.input-group.qz-select .btn:after, .input-group.qz-date .btn:after {
  display: inline-block;
  content: ' ';
}

.input-group.qz-select .btn input, .input-group.qz-date .btn input {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 28px 0 8px;
  outline: none;
  border: none;
  background-color: transparent;
  cursor: default;
  font-size: 12px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.input-group.qz-select .btn input[disabled], .input-group.qz-date .btn input[disabled] {
  cursor: no-drop;
}

.input-group.qz-select .btn .iconfont, .input-group.qz-date .btn .iconfont {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  width: 26px;
  height: 24px;
  text-align: center;
  font-size: 17px;
}

.input-group.qz-date .iconfont {
  color: #57a3f1;
}

.controls > .input-group {
  margin-bottom: 0;
}

.input-group.qz-smaller {
  width: 70px;
}

.input-group.qz-smaller .form-control {
  height: 30px;
}

.input-group.qz-smaller .qz-btn-icon {
  width: 28px;
  height: 30px;
}

.input-group.qz-smaller-y .form-control {
  height: 26px !important;
}

.input-group.qz-smaller-y .qz-btn-icon {
  width: 26px;
  height: 26px !important;
}

.input-group.qz-small {
  width: 96px;
}

.input-group.qz-small .form-control {
  height: 28px;
}

.input-group.qz-small .qz-btn-icon {
  width: 28px;
  height: 28px;
}

.input-group.qz-small-y .form-control {
  height: 28px !important;
}

.input-group.qz-small-y .qz-btn-icon {
  width: 28px;
  height: 28px !important;
}

.input-group.qz-big {
  width: 200px;
}

.input-group.qz-big .form-control {
  height: 28px;
}

.input-group.qz-big .qz-btn-icon {
  width: 28px;
  height: 28px;
}

.input-group.qz-big-y .form-control {
  height: 30px !important;
}

.input-group.qz-big-y .qz-btn-icon {
  width: 30px;
  height: 30px !important;
}

.input-group.qz-bigger {
  width: 300px;
}

.input-group.qz-bigger .form-control {
  height: 28px;
}

.input-group.qz-bigger .qz-btn-icon {
  width: 28px;
  height: 28px;
}

.input-group.qz-bigger-y .form-control {
  height: 32px !important;
}

.input-group.qz-bigger-y .qz-btn-icon {
  width: 32px;
  height: 32px !important;
}

.input-group.qz-biggest {
  width: 360px;
}

.input-group.qz-biggest .form-control {
  height: 28px;
}

.input-group.qz-biggest .qz-btn-icon {
  width: 28px;
  height: 28px;
}

.input-group.qz-biggest-y .form-control {
  height: 36px !important;
}

.input-group.qz-biggest-y .qz-btn-icon {
  width: 36px;
  height: 36px !important;
}

.input-group.qz-auto {
  width: auto;
}

.input-group.qz-auto .form-control {
  height: 28px;
}

.input-group.qz-auto .qz-btn-icon {
  width: 28px;
  height: 28px;
}

.input-group.qz-auto-y .form-control {
  height: auto !important;
}

.input-group.qz-auto-y .qz-btn-icon {
  width: auto;
  height: auto !important;
}

.input-group.qz-select .btn:active {
  background-color: transparent;
  box-shadow: none;
}

.input-group.qz-select.open {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.dropdown-menu > li {
  cursor: pointer;
  margin: 0 !important;
}
.dropdown-menu > li:nth-child(2n) {
  background-color: rgba(102, 175, 233, 0.1);
}

.dropdown-menu > li > a {
  padding: 2px 15px;
}

.input-group .dropdown-menu {
  min-width: 100%;
  overflow-y: auto;
}

.input-group .dropdown-menu .iconfont {
  position: absolute;
  left: 3px;
}

.input-group .dropdown-menu .menu-list {
  position: relative;
  margin: 0;
  margin-top: 32px;
  overflow: auto;
}

.input-group .dropdown-menu .menu-list li {
  cursor: default;
  width: 100%;
  margin: 0;
  padding: 3px 12px;
  display: block;
}

.input-group .dropdown-menu .menu-list li:hover {
  background-color: #f5f5f5;
}

.input-group .dropdown-menu .menu-list li.active {
  background-color: #f5f5f5;
}

.input-group .dropdown-menu.menu-list li {
  padding: 3px 12px;
  cursor: default;
}

.input-group .dropdown-menu.menu-list li > span {
  float: left;
}

.input-group .dropdown-menu.menu-list li > a {
  padding: 0;
  background-color: transparent;
  float: right;
  color: #333;
}

.input-group .dropdown-menu.menu-list li:hover {
  background-color: #f5f5f5;
}

.input-group .dropdown-menu.menu-list li.active {
  background-color: #f5f5f5;
}

.input-group .dropdown-menu .menu-search {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  z-index: 1001;
  text-align: center;
}

.input-group .dropdown-menu .menu-search input {
  width: 90%;
  height: 26px;
  line-height: 26px;
  padding: 0 12px;
  background-color: #f5f5f5;
  border-radius: 13px;
  border: none;
  outline: none;
}

.add-room-icon .iconfont {
  font-size: 20px;
}

.room-list .item {
  display: inline-block !important;
  margin-right: 5px;
}

.room-list .hasIcon {
  position: relative;
}

.open2.input-group > .form-control {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.open2.input-group > .input-group-btn {
  display: none;
}

/*提示窗*/
.alert-warning {
  background-color: #fffade;
  color: #f5372d;
  padding: 2px 5px;
}

/*列表*/
.qz-list-vertical > li {
  float: none;
  display: block;
}

.qz-list-vertical > .controls {
  float: none;
}

.qz-list-horizontal > li {
  display: block;
  float: left;
}

/*弹出窗*/
/* .layui-layer-close:after {
  font-family: 'iconfont';
  content: '\e607';
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  position: relative;
  top: 0px;
  color: #808080;
} */
.layui-layer-closetrue{
  background-position: 0 -40px!important;
  cursor: pointer;
  opacity: .7;
}
.layui-layer-closetrue:hover{
  opacity: 1;
}

.layui-layer-close:hover:after {
  color: #1a1a1a;
}
.layui-layer-setwin .layui-layer-close1{
  opacity: .7;
}
.layui-layer-setwin .layui-layer-close1:hover{
  opacity: 1!important;
}

.layui-layer-title {
  background-color: #fff !important;
  padding: 0 5px 0 5px!important;
}

.layui-layer {
  box-sizing: content-box;
  background: #fff !important;
}
.layui-layer-loading {
  background: transparent !important;
}

.layui-layer-content {
  text-align: center;
}

.layui-layer-btn {
  text-align: center !important;
  padding: 0 !important;
}

.layui-layer-btn a {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* .layui-layer-ico {
  background: none !important;
} */

.layui-layer.layui-layer-loading {
  background-color: transparent !important;
}

/*tip*/
.qz-form-tip {
  position: relative;
  cursor: pointer;
}

.qz-form-tip.open .qz-alert-info {
  display: block;
}

.alert {
  display: none;
  position: fixed;
  padding: 0 5px;
  left: 35px;
  top: 0;
  white-space: nowrap;
  background-color: #e6e6e6;
  border: 1px solid #bfbfbf;
  z-index: 10;
}

.alert:after {
  content: '';
  display: block;
  position: absolute;
  left: -13px;
  top: 4px;
  border: 6px solid;
  border-color: transparent;
  border-right-color: #bfbfbf;
}

.alert.left:after {
  left: auto;
  right: -13px;
  border-color: transparent;
  border-left-color: #bfbfbf;
}

.alert.top:after {
  top: auto;
  left: 15px;
  bottom: -13px;
  border-color: transparent;
  border-top-color: #bfbfbf;
}

.alert.bottom:after {
  top: -13px;
  left: 15px;
  border-color: transparent;
  border-bottom-color: #bfbfbf;
}

body .ui-tooltip {
  box-shadow: 0 0 5px 2px #d0d0d0;
  font-size: 12px;
  background: #fff;
  border-radius: 0;
  border: 1px solid #ccc;
}

/*zTree*/
.qzui-ztree.ztree {
  border: 1px solid #d9d9d9;
  height: 300px;
  width: 250px;
  overflow-y: auto;
  overflow-x: visible;
  border-radius: 5px;
  float: left;
}

.qzui-ztree.ztree .ico_open, .qzui-ztree.ztree .ico_close, .qzui-ztree.ztree .ico_docu, .qzui-ztree.ztree .noline_open, .qzui-ztree.ztree .noline_close {
  background-position: center center !important;
}

.qzui-ztree.ztree .noline_open {
  background-image: url(../img/zTreeDiy/open.png) !important;
}

.qzui-ztree.ztree .noline_close {
  background-image: url(../img/zTreeDiy/close.png) !important;
}

.qzui-ztree.ztree .checkbox_false_full, .qzui-ztree.ztree .checkbox_true_full {
  background-image: none !important;
  background-color: #fff !important;
  border: 1px solid #d9d9d9 !important;
  width: 13px;
  height: 13px;
  position: relative;
}

.qzui-ztree.ztree .checkbox_true_full:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("../img/zTreeDiy/true.png") center center;
}

.qzui-ztree.ztree li span.button.chk.checkbox_false_part, .qzui-ztree.ztree li span.button.chk.checkbox_true_part {
  background-color: #ccc;
  background-image: none;
  position: relative;
  border: 1px solid #d9d9d9;
}

.qzui-ztree.ztree li span.button.chk.checkbox_false_part:after, .qzui-ztree.ztree li span.button.chk.checkbox_true_part:after {
  position: absolute;
  border: 2px solid #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
}

.qzui-ztree.ztree li {
  height: auto;
}

.qzui-ztree.ztree li a {
  height: auto;
  white-space: normal;
}

.qzui-ztree.ztree li a span {
  display: inline-block;
  background-position: center center !important;
  word-break: break-all;
  max-width: 100px;
}

.qzui-ztree.ztree li a.curSelectedNode {
  height: auto;
}

.qz-tree-input .qzui-ztree {
  display: none;
  width: 100%;
}

.qzui-ztree-showcase {
  position: relative;
  float: left;
  border: none;
  padding: 5px;
  height: 300px;
  width: 200px;
  overflow: auto;
  border-radius: 5px;
  text-align: center;
}

.qzui-ztree-showcase.show-border {
  border: 1px solid #d9d9d9;
}

.qzui-ztree-showcase .item {
  display: inline-block;
  font-size: 12px;
  line-height: 20px !important;
  position: relative;
  min-width: 150px;
  margin: 5px auto;
  background-color: #f7f7f7;
  border-radius: 3px;
  cursor: pointer;
  padding-bottom: 0;
  overflow: visible;
  height: auto;
}

.qzui-ztree-showcase .item:hover .iconfont {
  display: block;
}

.qzui-ztree-showcase .item .iconfont {
  display: none;
  font-size: 16px !important;
  position: absolute;
  top: -.5em;
  right: -.5em;
}

/*win-footer*/
#win-footer {
  height: 48px;
  line-height: 28px;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #f2f2f2;
  padding: 10px 10px 10px 10px;
  z-index: 100;
}

#qz-table-page.win-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f2;
  z-index: 1;
}#win-footer
 #qz-table-page.win-footer .page-btm {
  background-color: transparent;
}

#qz-table-page {
  bottom: 48px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 8;
}

.bottom-fix {
  bottom: 30px !important;
  transition: left 0.6s;
}

/*double*/
.double-date {
  width: 500px;
}

.double-date > div {
  float: left;
}

.double-date .start {
  width: 186px;
}

.double-date .start #start-time {
  width: 100%;
  float: left;
}

.double-date .end {
  width: 186px;
}

.double-date .end #end-time {
  width: 100%;
  float: right;
}

.double-date .end iframe {
  width: 186px !important;
  height: 176px !important;
}

/*图标*/
.qz-icon-danger {
  font-size: 14px;
  line-height: 22px;
}

.qz-icon-danger {
  color: #fab308;
  vertical-align: middle;
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
  margin-top: -5px;
}
.qz-icon-warning {
  font-size: 14px;
  line-height: 22px;
}

.qz-icon-warning {
  color: #f6342a;
  vertical-align: top;
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
  margin-top: -2px;
}

/*其他*/
.rollback {
  transform: rotate(180deg);
  display: inline-block;
}

.active .rollback {
  transform: rotate(0deg);
}

.dash-line {
  border-bottom: 1px dashed #ccc;
}

.adrs-table, .adrs-table td, .adrs-table tr {
  border: 1px solid #d9d9d9;
  border-collapse: collapse;
  padding: 3px 5px;
  width: 100%;
  table-layout: fixed;
}

table input.qz-editable {
  width: 100%;
  border: 2px solid #a4c7fd;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  color: #555;
}
.iconfont.qz-editable {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  vertical-align: bottom;
}
input.qz-editable::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
input.qz-editable:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
}
input.qz-editable::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
}
input.qz-editable:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
}
.qz-btn-change{
  background-color: #57b9f1!important;
  border-color: #57b9f1!important;
  color: #fff!important;
  box-sizing: border-box;
  padding: 0 11px;
  line-height: 26px !important;
  font-size: 14px;
  outline: none !important;
}
.btn i{
  margin-right: 2px;
}
/* 新增 编辑按钮样式 */
.qz-btn-change:hover,.qz-btn-change:active{
  background-color: #2ea8ef;
  border-color: #2ea8ef;
  color: #fff;
}
/* 取消样式 */
.qz-btn-cancel,.qz-btn-cancel a{
  color: #333!important;
}

.qz-btn-query{
  color: #fff!important;
}

/* 按钮虚线 */
.dashed-line {
    border-top: 1px dashed #ccc;
}


/* 分页显示 */
.qz-with-init{
  width: inherit !important;
}

/* --------------------------后期优化-------------------------- */
/* 搜索样式 */
.js-user-info{
   color: #333!important;  
}
input.js-user-info::-webkit-input-placeholder{ 
color: #b2b2b2; 
} 
input.js-user-info:-moz-placeholder{ 
color: #b2b2b2; 
} 
input.js-user-info::-moz-placeholder{ 
color: #b2b2b2; 
} 
input.js-user-info:-ms-input-placeholder{ 
color: #b2b2b2; 
}

.search-input.qz-bigger .form-control{
  height: 28px!important;
}
.search-input .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
  margin-left: 0px;
  line-height: 26px!important;
}
.search-style{
  line-height: 22px!important;
}

/* 内容背景 */
.qz-right-active{
  background-color: #fff;
  border-left: 5px solid #f7f7f7;
}

/* 底部说明 版权增加边距 */
.qz-right-active .qz-btm{
  padding: 0 10px;
}
.qz-right-active .qz-btm .qz-contact{
  left: 10px;
}

/* 提示信息样式 */
.tip {
  height: 32px; 
  line-height: 32px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  border-bottom: none;
}
.tip i{
  vertical-align: middle;
  margin-top: -4px;
}
.tips{
  color: #666;
  font-size: 12px;
}


/* 子母表切换 */
.header_piaoju{
    height:40px;
    background:#f7f7f7;
    width:100%;
    margin-bottom:10px;
}
.header_piaoju ul{
    clear: both;
    height:40px;
    position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
}
.header_piaoju ul li{
    display: table-cell;
    line-height:40px;
    min-width: 70px;
    text-align: center;
    position: relative;
    cursor:pointer;
    padding: 0 5px;
    white-space: nowrap;
}

.header_piaoju ul::-webkit-scrollbar
{
  width: 16px;
  height: 4px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.header_piaoju ul::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
.header_piaoju ul::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #c1c1c1;
}

.header-active{
    background:#57a3f1;
    color: #fff;
}
.header-active:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #fff;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.form_piaoju{
    padding-left:13px;
}

/* 边距 */
.padding-nt{
  padding: 0px 10px;
}
.padding-small{
  padding: 12px 10px;
}
.padding-big{
  padding:12px 20px;
}
/* 统一弹窗样式 */

.qz-layer-defalut .layer-text,.qz-layer-success .layer-text,.qz-layer-fail .layer-text,.qz-layer-warning .layer-text{
  font-size: 16px;
  color: #333;
  margin-left: 20px;
  margin-right: 20px;
  transform:translate3d(0,-50%,0);
  -webkit-transform:translate3d(0,-50%,0);
}

/* 加载弹窗 */
.qz-layer-loading{
  padding: 0!important;
  min-width: 240px!important;
  border: none!important;
  box-shadow: 1px 1px 50px rgba(0,0,0,0.14)!important;
}
.qz-layer-loading .layui-layer-content{
  padding: 0!important;
  text-align: left!important;
}
.qz-layer-loading .layer-icon{
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #ccc;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 28px;
  vertical-align: middle;
}
.qz-layer-loading .layer-icon img{
  height: 30px;
  margin-bottom: 6px;
}
.qz-layer-loading .layer-text{
  font-size: 16px;
  color: #333;
  margin: 0 20px;
  transform: translate3d(0,-50%,0);
  -webkit-transform: translate3d(0,-50%,0);
}
/* 普通弹窗 成功弹窗 样式 */
.qz-layer-defalut,.qz-layer-success{
  padding: 0!important;
  min-width: 240px!important;
  border: none!important;
  box-shadow: 1px 1px 50px rgba(0,0,0,0.14)!important;
}
.qz-layer-defalut .layui-layer-content,.qz-layer-success .layui-layer-content{
  padding: 0!important;
  text-align: left!important;
}
.qz-layer-defalut .layer-icon,.qz-layer-success .layer-icon{
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #2079d3;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 28px;
  padding-top: 2px;
  vertical-align: middle;
}

/* 失败弹窗 */
.qz-layer-fail{
  padding: 0!important;
  min-width: 240px!important;
  border: none!important;
  box-shadow: 1px 1px 50px rgba(0,0,0,0.14)!important;
}

.qz-layer-fail .layui-layer-content{
  padding: 0!important;
  text-align: left!important;
}
.qz-layer-fail .layer-icon{
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #f6342a;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 28px;
  vertical-align: middle;
}
.qz-layer-fail .layer-text{
  margin-left: 20px;
  margin-right: 20px;
}
/* 警示、数据有误弹窗 */
.qz-layer-warning{
  min-width: 260px!important;
  padding: 0!important;
  border: none!important;
  box-shadow: 1px 1px 50px rgba(0,0,0,0.14)!important;
}
.qz-layer-warning .layui-layer-content{
  padding: 0!important;
  text-align: left!important;
}
.qz-layer-warning .layer-icon{
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #f9e00c;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 28px;
  vertical-align: middle;
}


.break-word {
  word-wrap: break-word;
}

.header-wrap {
  border: 1px solid #e4e4e4;
  border-bottom: none;
}

/**
  图标
 */
.icon-shijian1:before {
  font-size: 27px;
  vertical-align: top;
  position: relative;
  top: -2px;
}

/*多选select禁选样式*/
.ui-state-disabled {
  background-color: #eee !important;
  opacity: 1 !important;
  cursor: no-drop;
}

.win-bottom-padding {
  padding-bottom: 48px;
}

/*加载*/
.spinner-loading{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgba(255,255,255,0.6);
  z-index: 99999999;
}
.spinner {
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.spinner > div {
  background-color: #57a3f1;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin: 0 1.5px;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
       transform: scaleY(1.0);
       -webkit-transform: scaleY(1.0);
     }
}

.qz-text-yellow {
  color: #ffca00;
}

.layui-layer-content .control-group textarea.form-control{
  width: 400px;
}

select[disabled], select[readyonly] {
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}

.max-input input{
  padding-right: 45px !important;
}
.max-input input[disabled] ~ .input-len, .max-input textarea[disabled] ~ .input-len, .max-input textarea[readyonly] ~ .input-len {
  display: none;
}
.max-input input[disabled], .max-input textarea[disabled], .max-input textarea[readyonly] ~ .input-len {
  padding-right: 8px !important;
}

.qz-warning-icon {
  color: #fab308;
  margin-right: 5px;
  font-size: 12px;
  vertical-align: top;
  position: relative;
  top: -2px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color:  #f7f7f7;
  color: #666;
}

[v-cloak] {
  display: none;
}

.btn.qz-hover-danger:not([disabled]):hover {
    background-color: #f5372d !important;
    border-color: #f6342a !important;
    color: #fff !important;
}

/*checkbox*/
.css-radio {
  cursor: pointer;
  position: relative;
}

.css-radio input[type=radio] {
  position: static;
  width: 10px;
  height: 0px;
  vertical-align: top;
  margin-right: 6px;
  margin-left: -15px;
  line-height: 28px;
}

.css-radio input[type=radio]:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  border: 1px solid #57b9f1;
}
.css-radio input[type=radio][disabled]:after{
  border: 1px solid #bfbfbf;
}

.css-radio input[type=radio]:checked:before {
  content:'';
  position: absolute;
  top: 2px;
  left: 3px;
  bottom: 2px;
  margin: auto;
  width: 8px;
  height: 8px;
  line-height:22px;
  text-align: center;
  color:white;
  font-size:16px;
  background-color:#57b9f1;
  border-radius: 50%;
}

.css-radio input[type=radio][disabled]:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  width: 8px;
  height: 8px;
  margin: auto;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #bfbfbf;
}

.css-radio { margin: 4px 15px 4px 0}
.css-radio input[type=radio] {
  margin: 4px 6px 0 0;
}
/*label标星*/
.required > label:before {
  content: '*';
  display: inline-block;
  color: red;
  padding-left: 2px;
  position: relative;
}

.css-checkbox {
  cursor: pointer;
  position: relative;
}

/*checkbox*/
.css-checkbox input[type=checkbox],.css-checkbox input[type=radio] {
  width: 10px;
  height: 0px;
  vertical-align: top;
  margin-right: 6px;
  margin-left: -15px;
  line-height: 28px;
}
.css-checkbox input[type=checkbox]:after, .css-checkbox input[type=radio]:after{
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
}
.css-checkbox input[type=checkbox]:checked:before, .css-checkbox input[type=radio]:checked:before {
  content:'';
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  line-height:22px;
  text-align: center;
  color:white;
  font-size:16px;
  background-image: url(../img/icon/new-check.png);
  background-size: 12px 12px;
}

.css-checkbox input[type=checkbox][disabled]:before, .css-checkbox input[type=radio][disabled]:before {
  content:'';
  position: absolute;
  background-image: none;
  background-color: #bfbfbf;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  margin: auto;
  width: 8px;
  height: 8px;
}

.css-checkbox { margin: 4px 15px 4px 0}
.css-checkbox input[type=checkbox], .css-checkbox input[type=radio] {
  margin: 4px 6px 0 0;
}

.qz-hover-underline:hover {
  text-decoration: underline !important;
}

.qz-win-top-tip {
  padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: #fff0ef;
}
.qz-win-top-tip .icon-weixian{
  font-size: 12px;vertical-align: top; position: relative;top: -2px
}

.win-padding {
  padding-bottom: 52px;
}

.qz-text-darken {
  color: #333;
}

label.required:before {
    content: '*';
    color: red;
}

.layui-layer .progress {
  height: 4px;
  margin: 10px auto 6px; }

/*# sourceMappingURL=../maps/qzui.css.map */