* {
  margin:0;
  padding:0;
  border:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html,body {
  width:100%;
  height:100%;
  overflow:hidden;
  font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:10px;
  line-height:1.42857143;
  color:#333;
  background-color:#fff;
}
::-webkit-scrollbar {
  width:0px;
  /*对垂直滚动条有效*/
height:5px;
  /*对水平滚动条有效*/
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
border-radius:10px;
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
  background:#C1C1C1;
}
#voiceStudy .modal-body::-webkit-scrollbar {
  width:5px;
  background:#D8D8D8;
}
#voiceStudy .modal-body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
border-radius:10px;
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
  background:#C1C1C1;
}
.modal .el-table::-webkit-scrollbar {
  width:5px;
  background:#D8D8D8;
}
.modal .el-table::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
border-radius:10px;
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
  background:#C1C1C1;
}
.modal .oplog::-webkit-scrollbar {
  width:5px;
  background:#D8D8D8;
}
.modal .oplog::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
border-radius:10px;
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
  background:#C1C1C1;
}
.relative {
  position:relative;
}
.body-box,el-container {
  width:100%;
  height:100%;
}
.left {
  float:left;
}
.right {
  float:right;
}
.textLeft {
  text-align:left;
}
.textRight {
  text-align:right;
}
.block {
  overflow:hidden;
}
.blue {
  color:#67C23A;
}
.red {
  color:#f56c6c;
}
.cursor {
  cursor:pointer;
}
.cursor:hover {
  color:#000000;
}
.mgl5{
    margin-left: 5px;
}
.mgl15{
    margin-left: 15px;
}
.mgl20{
    margin-left: 20px;
}
.mgl30{
    margin-left: 30px;
}
.ellipsis{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.pre-line {
  white-space: pre-line;
}
.clear{
  clear: both;
}
.nodata{
  margin-top:10%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
}
.nodata img{margin: auto;}
/*theme*/
.el-header {
  background:#224EC7;
}
.el-header-right .switch:hover {
  background:#1c43ad;
}
.el-aside .is-active .el-submenu__title,.el-header-user .setup p:hover,.el-submenu__title:focus, .el-submenu__title:hover,.el-menu-item:focus, .el-menu-item:hover {
  background: #ecf5ff;
}
.el-aside .is-active .is-active {
  background:#224EC7;
  color:#fff;
}
.el-button--search,.el-button--default:hover,.el-button--default:focus{
  color:#224EC7;
  background:#e1e7f7;
  border-color:#224EC7;
}
.el-button--search:focus,.el-button--search:hover {
  color:#fff;
  background:#224EC7;
  border-color:#224EC7;
}
.el-button--add,.el-button--primary {
  color:#fff;
  background:#224EC7;
  border-color:#224EC7;
}
.el-button--add:focus,.el-button--add:hover,.el-button--primary:focus, .el-button--primary:hover {
  color:#fff;
  background:#224EC7;
  border-color:#224EC7;
  opacity: 0.6;
}
.el-button--upload {
  background:#65C8F9;
  border-color:#81d4fc;
}
.el-button--upload:focus,.el-button--upload:hover {
  background:#65C8F9;
  border-color:#81d4fc;
  opacity: 0.6;
}
.el-button--download {
  background:#73DF9F;
  border-color:#87e6ae;
}
.el-button--download:focus,.el-button--download:hover {
  background:#73DF9F;
  border-color:#87e6ae;
  opacity: 0.6;
}
/*--*/
.el-radio__input.is-checked .el-radio__inner,.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #224EC7;
  border-color: #224EC7;
}
.el-checkbox__input.is-focus .el-checkbox__inner,.el-checkbox__inner:hover,.el-radio__inner:hover{
  border-color: #224EC7;
}
.el-select-dropdown__item.selected,.el-step__description.is-finish,.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path,.el-radio__input.is-checked+.el-radio__label,.el-tabs__item.is-active,.el-tabs__item:hover{
  color: #224EC7;
}
.el-step__head.is-finish {
  color: #224EC7;
  border-color: #224EC7;
}
.el-alert--success.is-light {
  background-color: #ecf5ff;
  color: #224EC7;
}
.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
  color: #FFF !important;
}
.el-date-table td.end-date span, .el-date-table td.start-date span,.el-date-table td.current:not(.disabled) span,.el-tabs__active-bar{
  background: #224EC7;
}
.el-date-table td.today span,.el-date-table td.available:hover,.el-month-table td .cell:hover,.el-month-table td.today .cell,.el-month-table td.current:not(.disabled) .cell,.el-year-table td.today .cell,.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
  color: #224EC7;
}
/*--*/
.modal .el-dialog__header {
  background: #224EC7;
  border-color: #224EC7;
}
.modal .el-dialog__headerbtn:focus .el-dialog__close,.modal .el-dialog__headerbtn:hover .el-dialog__close {
  color: #FFFFFF;
}
#addpersonnel .addoperation i {
  color:#224EC7;
}
/*--*/
table td span.pointer,table td i.pointer,table td i.green,table td i,table tr th sup.el-icon-info {
  color:#224EC7;
}
.el-pager li.active,.el-pager li:hover {
  color: #224EC7;
}
.el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner,.el-pagination__sizes .el-input .el-input__inner:hover,.el-input.is-active .el-input__inner, .el-input__inner:focus,.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner {
  border-color: #224EC7;
}
#rpchart .el-alert--success.is-dark {
  background-color: #224EC7;
}
/*theme-white*/
.theme-white .el-header-right .switch span {
  background-color: #224EC7;
}
.theme-white .el-header-right .switch:hover {
  background: #e4e7ed;
}
.theme-white .el-header-right .title,.theme-white .el-header{
  color: #224EC7;
}
.theme-white .el-header {
  background:#FFFFFF;
}
/*theme-blue*/
.theme-blue .el-header {
  background:#409EFF;
}
.theme-blue .el-header-right .switch:hover {
  background:#0f80f4;
}
.theme-blue .el-aside .is-active .el-submenu__title,.theme-blue .el-header-user .setup p:hover,.theme-blue .el-submenu__title:focus,.theme-blue .el-submenu__title:hover,.theme-blue .el-menu-item:focus,.theme-blue .el-menu-item:hover {
  background: #ecf5ff;
}
.theme-blue .el-aside .is-active .is-active {
  background:#409EFF;
  color:#fff;
}
.theme-blue .el-button--search,.theme-blue .el-button--default:hover,.theme-blue .el-button--default:focus{
  color:#409EFF;
  background:#ecf5ff;
  border-color:#b3d8ff;
}
.theme-blue .el-button--search:focus,.theme-blue .el-button--search:hover {
  color:#fff;
  background:#409EFF;
  border-color:#409EFF;
}
.theme-blue .el-button--add,.theme-blue .el-button--primary {
  color:#fff;
  background: #409EFF;
  border-color: #409EFF;
}
.theme-blue .el-button--add:focus,.theme-blue .el-button--add:hover,.theme-blue .el-button--primary:focus,.theme-blue .el-button--primary:hover  {
  color:#fff;
  background: #409EFF;
  border-color: #409EFF;
  opacity: 0.6;
}
/*--*/
.theme-blue .el-radio__input.is-checked .el-radio__inner,.theme-blue .el-checkbox__input.is-checked .el-checkbox__inner,.theme-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #409EFF;
  border-color: #409EFF;
}
.theme-blue .el-checkbox__input.is-focus .el-checkbox__inner,.theme-blue .el-checkbox__inner:hover,.theme-blue .el-radio__inner:hover{
  border-color: #409EFF;
}
.theme-blue .el-select-dropdown__item.selected,.theme-blue .el-step__description.is-finish,.theme-blue .el-cascader-node.in-active-path,.theme-blue .el-cascader-node.is-active,.theme-blue .el-cascader-node.is-selectable.in-checked-path,.theme-blue .el-radio__input.is-checked+.el-radio__label,.theme-blue .el-tabs__item.is-active,.theme-blue .el-tabs__item:hover{
  color: #409EFF;
}
.theme-blue .el-step__head.is-finish {
  color: #409EFF;
  border-color: #409EFF;
}
.theme-blue .el-alert--success.is-light {
  background-color: #ecf5ff;
  color: #409EFF;
}
.theme-blue .el-date-table td.end-date span,.theme-blue .el-date-table td.start-date span,.theme-blue .el-date-table td.current:not(.disabled) span,.theme-blue .el-tabs__active-bar {
  background: #409EFF;
}
.theme-blue .el-date-table td.today span,.theme-blue .el-date-table td.available:hover,.theme-blue .el-month-table td .cell:hover,.theme-blue .el-month-table td.today .cell,.theme-blue .el-month-table td.current:not(.disabled) .cell,.theme-blue .el-year-table td.today .cell,.theme-blue .el-year-table td .cell:hover,.theme-blue .el-year-table td.current:not(.disabled) .cell {
  color: #409EFF;
}
/*--*/
.theme-blue .modal .el-dialog__header {
  background: #409EFF;
  border-color: #409EFF;
}
.theme-blue #addpersonnel .addoperation i ,.theme-blue #information .brand{
  color:#409EFF;
}
/*--*/
.theme-blue table td span.pointer,.theme-blue table td i.pointer,.theme-blue table td i.green,.theme-blue table td i,.theme-blue table tr th sup.el-icon-info {
  color:#409EFF;
}
.theme-blue .el-pager li.active,.theme-blue .el-pager li:hover {
  color: #409EFF;
}
.theme-blue .el-range-editor.is-active,.theme-blue .el-range-editor.is-active:hover,.theme-blue .el-select .el-input.is-focus .el-input__inner,.theme-blue .el-pagination__sizes .el-input .el-input__inner:hover,.theme-blue .el-input.is-active .el-input__inner,.theme-blue .el-input__inner:focus,.theme-blue .el-cascader .el-input .el-input__inner:focus,.theme-blue .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #409EFF;
}
.theme-blue #rpchart .el-alert--success.is-dark {
    background-color: #409EFF;
}
/*theme-blue1*/
.theme-blue1 .el-header {
  background:#0caaf8;
}
.theme-blue1 .el-header-right .switch:hover {
  background:#0994d9;
}
.theme-blue1 .el-aside .is-active .el-submenu__title,.theme-blue1 .el-header-user .setup p:hover,.theme-blue1 .el-submenu__title:focus,.theme-blue1 .el-submenu__title:hover,.theme-blue1 .el-menu-item:focus,.theme-blue1 .el-menu-item:hover {
  background: #E6F7FF;
}
.theme-blue1 .el-aside .is-active .is-active {
  background:#0caaf8;
  color:#fff;
}
.theme-blue1 .el-button--search,.theme-blue1 .el-button--default:hover,.theme-blue1 .el-button--default:focus{
  color:#0caaf8;
  background:#E6F7FF;
  border-color:#0caaf8;
}
.theme-blue1 .el-button--search:focus,.theme-blue1 .el-button--search:hover {
  color:#fff;
  background:#0caaf8;
  border-color:#0caaf8;
}
.theme-blue1 .el-button--add,.theme-blue1 .el-button--primary {
  color:#fff;
  background: #0caaf8;
  border-color: #0caaf8;
}
.theme-blue1 .el-button--add:focus,.theme-blue1 .el-button--add:hover,.theme-blue1 .el-button--primary:focus,.theme-blue1 .el-button--primary:hover  {
  color:#fff;
  background: #0caaf8;
  border-color: #0caaf8;
  opacity: 0.6;
}
/*--*/
.theme-blue1 .el-radio__input.is-checked .el-radio__inner,.theme-blue1 .el-checkbox__input.is-checked .el-checkbox__inner,.theme-blue1 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #0caaf8;
  border-color: #0caaf8;
}
.theme-blue1 .el-checkbox__input.is-focus .el-checkbox__inner,.theme-blue1 .el-checkbox__inner:hover,.theme-blue1 .el-radio__inner:hover{
  border-color: #0caaf8;
}
.theme-blue1 .el-select-dropdown__item.selected,.theme-blue1 .el-step__description.is-finish,.theme-blue1 .el-cascader-node.in-active-path,.theme-blue1 .el-cascader-node.is-active,.theme-blue1 .el-cascader-node.is-selectable.in-checked-path,.theme-blue1 .el-radio__input.is-checked+.el-radio__label,.theme-blue1 .el-tabs__item.is-active,.theme-blue1 .el-tabs__item:hover{
  color: #0caaf8;
}
.theme-blue1 .el-step__head.is-finish {
  color: #0caaf8;
  border-color: #0caaf8;
}
.theme-blue1 .el-alert--success.is-light {
  background-color: #E6F7FF;
  color: #0caaf8;
}
.theme-blue1 .el-date-table td.end-date span,.theme-blue1 .el-date-table td.start-date span,.theme-blue1 .el-date-table td.current:not(.disabled) span,.theme-blue1 .el-tabs__active-bar {
  background: #0caaf8;
}
.theme-blue1 .el-date-table td.today span,.theme-blue1 .el-date-table td.available:hover,.theme-blue1 .el-month-table td .cell:hover,.theme-blue1 .el-month-table td.today .cell,.theme-blue1 .el-month-table td.current:not(.disabled) .cell,.theme-blue1 .el-year-table td.today .cell,.theme-blue1 .el-year-table td .cell:hover,.theme-blue1 .el-year-table td.current:not(.disabled) .cell {
  color: #0caaf8;
}
/*--*/
.theme-blue1 .modal .el-dialog__header {
  background: #0caaf8;
  border-color: #0caaf8;
}
.theme-blue1 #addpersonnel .addoperation i ,.theme-blue1 #information .brand{
  color:#0caaf8;
}
/*--*/
.theme-blue1 table td span.pointer,.theme-blue1 table td i.pointer,.theme-blue1 table td i.green,.theme-blue1 table td i,.theme-blue1 table tr th sup.el-icon-info {
  color:#0caaf8;
}
.theme-blue1 .el-pager li.active,.theme-blue1 .el-pager li:hover {
  color: #0caaf8;
}
.theme-blue1 .el-range-editor.is-active,.theme-blue1 .el-range-editor.is-active:hover,.theme-blue1 .el-select .el-input.is-focus .el-input__inner,.theme-blue1 .el-pagination__sizes .el-input .el-input__inner:hover,.theme-blue1 .el-input.is-active .el-input__inner,.theme-blue1 .el-input__inner:focus,.theme-blue1 .el-cascader .el-input .el-input__inner:focus,.theme-blue1 .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #0caaf8;
}
.theme-blue1 #rpchart .el-alert--success.is-dark {
    background-color: #0caaf8;
}
/*theme-blue2*/
.theme-blue2 .el-header {
  background:#0cbfd0;
}
.theme-blue2 .el-header-right .switch:hover {
  background:#0eaaba;
}
.theme-blue2 .el-aside .is-active .el-submenu__title,.theme-blue2 .el-header-user .setup p:hover,.theme-blue2 .el-submenu__title:focus,.theme-blue2 .el-submenu__title:hover,.theme-blue2 .el-menu-item:focus,.theme-blue2 .el-menu-item:hover {
  background: #E8FDFF;
}
.theme-blue2 .el-aside .is-active .is-active {
  background:#0cbfd0;
  color:#fff;
}
.theme-blue2 .el-button--search,.theme-blue2 .el-button--default:hover,.theme-blue2 .el-button--default:focus{
  color:#0cbfd0;
  background:#E8FDFF;
  border-color:#0cbfd0;
}
.theme-blue2 .el-button--search:focus,.theme-blue2 .el-button--search:hover {
  color:#fff;
  background:#0cbfd0;
  border-color:#0cbfd0;
}
.theme-blue2 .el-button--add,.theme-blue2 .el-button--primary {
  color:#fff;
  background: #0cbfd0;
  border-color: #0cbfd0;
}
.theme-blue2 .el-button--add:focus,.theme-blue2 .el-button--add:hover,.theme-blue2 .el-button--primary:focus,.theme-blue2 .el-button--primary:hover  {
  color:#fff;
  background: #0cbfd0;
  border-color: #0cbfd0;
  opacity: 0.6;
}
/*--*/
.theme-blue2 .el-radio__input.is-checked .el-radio__inner,.theme-blue2 .el-checkbox__input.is-checked .el-checkbox__inner,.theme-blue2 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #0cbfd0;
  border-color: #0cbfd0;
}
.theme-blue2 .el-checkbox__input.is-focus .el-checkbox__inner,.theme-blue2 .el-checkbox__inner:hover,.theme-blue2 .el-radio__inner:hover{
  border-color: #0cbfd0;
}
.theme-blue2 .el-select-dropdown__item.selected,.theme-blue2 .el-step__description.is-finish,.theme-blue2 .el-cascader-node.in-active-path,.theme-blue2 .el-cascader-node.is-active,.theme-blue2 .el-cascader-node.is-selectable.in-checked-path,.theme-blue2 .el-radio__input.is-checked+.el-radio__label,.theme-blue2 .el-tabs__item.is-active,.theme-blue2 .el-tabs__item:hover{
  color: #0cbfd0;
}
.theme-blue2 .el-step__head.is-finish {
  color: #0cbfd0;
  border-color: #0cbfd0;
}
.theme-blue2 .el-alert--success.is-light {
  background-color: #E8FDFF;
  color: #0cbfd0;
}
.theme-blue2 .el-date-table td.end-date span,.theme-blue2 .el-date-table td.start-date span,.theme-blue2 .el-date-table td.current:not(.disabled) span,.theme-blue2 .el-tabs__active-bar {
  background: #0cbfd0;
}
.theme-blue2 .el-date-table td.today span,.theme-blue2 .el-date-table td.available:hover,.theme-blue2 .el-month-table td .cell:hover,.theme-blue2 .el-month-table td.today .cell,.theme-blue2 .el-month-table td.current:not(.disabled) .cell,.theme-blue2 .el-year-table td.today .cell,.theme-blue2 .el-year-table td .cell:hover,.theme-blue2 .el-year-table td.current:not(.disabled) .cell {
  color: #0cbfd0;
}
/*--*/
.theme-blue2 .modal .el-dialog__header {
  background: #0cbfd0;
  border-color: #0cbfd0;
}
.theme-blue2 #addpersonnel .addoperation i ,.theme-blue2 #information .brand{
  color:#0cbfd0;
}
/*--*/
.theme-blue2 table td span.pointer,.theme-blue2 table td i.pointer,.theme-blue2 table td i.green,.theme-blue2 table td i,.theme-blue2 table tr th sup.el-icon-info {
  color:#0cbfd0;
}
.theme-blue2 .el-pager li.active,.theme-blue2 .el-pager li:hover {
  color: #0cbfd0;
}
.theme-blue2 .el-range-editor.is-active,.theme-blue2 .el-range-editor.is-active:hover,.theme-blue2 .el-select .el-input.is-focus .el-input__inner,.theme-blue2 .el-pagination__sizes .el-input .el-input__inner:hover,.theme-blue2 .el-input.is-active .el-input__inner,.theme-blue2 .el-input__inner:focus,.theme-blue2 .el-cascader .el-input .el-input__inner:focus,.theme-blue2 .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #0cbfd0;
}
.theme-blue2 #rpchart .el-alert--success.is-dark {
    background-color: #0cbfd0;
}
/*theme-blue3*/
.theme-blue3 .el-header {
  background:#32b4b1;
}
.theme-blue3 .el-header-right .switch:hover {
  background:#069792;
}
.theme-blue3 .el-aside .is-active .el-submenu__title,.theme-blue3 .el-header-user .setup p:hover,.theme-blue3 .el-submenu__title:focus,.theme-blue3 .el-submenu__title:hover,.theme-blue3 .el-menu-item:focus,.theme-blue3 .el-menu-item:hover {
  background: #e4f7f7;
}
.theme-blue3 .el-aside .is-active .is-active {
  background:#32b4b1;
  color:#fff;
}
.theme-blue3 .el-button--search,.theme-blue3 .el-button--default:hover,.theme-blue3 .el-button--default:focus{
  color:#32b4b1;
  background:#e4f7f7;
  border-color:#32b4b1;
}
.theme-blue3 .el-button--search:focus,.theme-blue3 .el-button--search:hover {
  color:#fff;
  background:#32b4b1;
  border-color:#32b4b1;
}
.theme-blue3 .el-button--add,.theme-blue3 .el-button--primary {
  color:#fff;
  background: #32b4b1;
  border-color: #32b4b1;
}
.theme-blue3 .el-button--add:focus,.theme-blue3 .el-button--add:hover,.theme-blue3 .el-button--primary:focus,.theme-blue3 .el-button--primary:hover  {
  color:#fff;
  background: #32b4b1;
  border-color: #32b4b1;
  opacity: 0.6;
}
/*--*/
.theme-blue3 .el-radio__input.is-checked .el-radio__inner,.theme-blue3 .el-checkbox__input.is-checked .el-checkbox__inner,.theme-blue3 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #32b4b1;
  border-color: #32b4b1;
}
.theme-blue3 .el-checkbox__input.is-focus .el-checkbox__inner,.theme-blue3 .el-checkbox__inner:hover,.theme-blue3 .el-radio__inner:hover{
  border-color: #32b4b1;
}
.theme-blue3 .el-select-dropdown__item.selected,.theme-blue3 .el-step__description.is-finish,.theme-blue3 .el-cascader-node.in-active-path,.theme-blue3 .el-cascader-node.is-active,.theme-blue3 .el-cascader-node.is-selectable.in-checked-path,.theme-blue3 .el-radio__input.is-checked+.el-radio__label,.theme-blue3 .el-tabs__item.is-active,.theme-blue3 .el-tabs__item:hover{
  color: #32b4b1;
}
.theme-blue3 .el-step__head.is-finish {
  color: #32b4b1;
  border-color: #32b4b1;
}
.theme-blue3 .el-alert--success.is-light {
  background-color: #e4f7f7;
  color: #32b4b1;
}
.theme-blue3 .el-date-table td.end-date span,.theme-blue3 .el-date-table td.start-date span,.theme-blue3 .el-date-table td.current:not(.disabled) span,.theme-blue3 .el-tabs__active-bar {
  background: #32b4b1;
}
.theme-blue3 .el-date-table td.today span,.theme-blue3 .el-date-table td.available:hover,.theme-blue3 .el-month-table td .cell:hover,.theme-blue3 .el-month-table td.today .cell,.theme-blue3 .el-month-table td.current:not(.disabled) .cell,.theme-blue3 .el-year-table td.today .cell,.theme-blue3 .el-year-table td .cell:hover,.theme-blue3 .el-year-table td.current:not(.disabled) .cell {
  color: #32b4b1;
}
/*--*/
.theme-blue3 .modal .el-dialog__header {
  background: #32b4b1;
  border-color: #32b4b1;
}
.theme-blue3 #addpersonnel .addoperation i ,.theme-blue3 #information .brand{
  color:#32b4b1;
}
/*--*/
.theme-blue3 table td span.pointer,.theme-blue3 table td i.pointer,.theme-blue3 table td i.green,.theme-blue3 table td i,.theme-blue3 table tr th sup.el-icon-info {
  color:#32b4b1;
}
.theme-blue3 .el-pager li.active,.theme-blue3 .el-pager li:hover {
  color: #32b4b1;
}
.theme-blue3 .el-range-editor.is-active,.theme-blue3 .el-range-editor.is-active:hover,.theme-blue3 .el-select .el-input.is-focus .el-input__inner,.theme-blue3 .el-pagination__sizes .el-input .el-input__inner:hover,.theme-blue3 .el-input.is-active .el-input__inner,.theme-blue3 .el-input__inner:focus,.theme-blue3 .el-cascader .el-input .el-input__inner:focus,.theme-blue3 .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #32b4b1;
}
.theme-blue3 #rpchart .el-alert--success.is-dark {
    background-color: #32b4b1;
}
/*theme-green*/
.theme-green .el-header {
  background:#67C23A;
}
.theme-green .el-header-right .switch:hover {
  background:#57a62f;
}
.theme-green .el-aside .is-active .el-submenu__title,.theme-green .el-header-user .setup p:hover,.theme-green .el-submenu__title:focus,.theme-green .el-submenu__title:hover,.theme-green .el-menu-item:focus,.theme-green .el-menu-item:hover {
  background: #f0f9eb;
}
.theme-green .el-aside .is-active .is-active {
  background:#67C23A;
  color:#fff;
}
.theme-green .el-button--search,.theme-green .el-button--default:hover,.theme-green .el-button--default:focus{
  color: #67C23A;
  background: #f0f9eb;
  border-color: #67C23A;
}
.theme-green .el-button--search:focus,.theme-green .el-button--search:hover {
  color:#fff;
  background:#67C23A;
  border-color:#67C23A;
}
.theme-green .el-button--add,.theme-green .el-button--primary {
  color:#fff;
  background: #67C23A;
  border-color: #67C23A;
}
.theme-green .el-button--add:focus,.theme-green .el-button--add:hover,.theme-green .el-button--primary:focus,.theme-green .el-button--primary:hover  {
  color:#fff;
  background: #67C23A;
  border-color: #67C23A;
  opacity: 0.6;
}
/*--*/
.theme-green .el-radio__input.is-checked .el-radio__inner,.theme-green .el-checkbox__input.is-checked .el-checkbox__inner,.theme-green .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #67C23A;
  border-color: #67C23A;
}
.theme-green .el-checkbox__input.is-focus .el-checkbox__inner,.theme-green .el-checkbox__inner:hover,.theme-green .el-radio__inner:hover{
  border-color: #67C23A;
}
.theme-green .el-select-dropdown__item.selected,.theme-green .el-step__description.is-finish,.theme-green .el-cascader-node.in-active-path,.theme-green .el-cascader-node.is-active,.theme-green .el-cascader-node.is-selectable.in-checked-path,.theme-green .el-radio__input.is-checked+.el-radio__label,.theme-green .el-tabs__item.is-active,.theme-green .el-tabs__item:hover {
  color: #67C23A;
}
.theme-green .el-step__head.is-finish {
  color: #67C23A;
  border-color: #67C23A;
}
.theme-green .el-alert--success.is-light {
  background-color: #f0f9eb;
  color: #67C23A;
}
.theme-green .el-date-table td.end-date span,.theme-green .el-date-table td.start-date span,.theme-green .el-date-table td.current:not(.disabled) span,.theme-green .el-tabs__active-bar {
  background: #67C23A;
}
.theme-green .el-date-table td.today span,.theme-green .el-date-table td.available:hover,.theme-green .el-month-table td .cell:hover,.theme-green .el-month-table td.today .cell,.theme-green .el-month-table td.current:not(.disabled) .cell,.theme-green .el-year-table td.today .cell,.theme-green .el-year-table td .cell:hover,.theme-green .el-year-table td.current:not(.disabled) .cell {
  color: #67C23A;
}
/*--*/
.theme-green .modal .el-dialog__header {
  background: #67C23A;
  border-color: #67C23A;
}
.theme-green #addpersonnel .addoperation i ,.theme-green #information .brand{
  color:#67C23A;
}
/*--*/
.theme-green table td span.pointer,.theme-green table td i.pointer,.theme-green table td i.green,.theme-green table td i,.theme-green table tr th sup.el-icon-info {
  color:#67C23A;
}
.theme-green .el-pager li.active,.theme-green .el-pager li:hover {
  color: #67C23A;
}
.theme-green .el-range-editor.is-active,.theme-green .el-range-editor.is-active:hover,.theme-green .el-select .el-input.is-focus .el-input__inner,.theme-green .el-pagination__sizes .el-input .el-input__inner:hover,.theme-green .el-input.is-active .el-input__inner,.theme-green .el-input__inner:focus,.theme-green .el-cascader .el-input .el-input__inner:focus,.theme-green .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #67C23A;
}
.theme-green #rpchart .el-alert--success.is-dark {
    background-color: #67C23A;
}
/*theme-orange*/
.theme-orange .el-header {
  background:#E6A23C;
}
.theme-orange .el-header-right .switch:hover {
  background:#cc8f34;
}
.theme-orange .el-aside .is-active .el-submenu__title,.theme-orange .el-header-user .setup p:hover,.theme-orange .el-submenu__title:focus,.theme-orange .el-submenu__title:hover,.theme-orange .el-menu-item:focus,.theme-orange .el-menu-item:hover {
  background: #fdf6ec;
}
.theme-orange .el-aside .is-active .is-active {
  background:#E6A23C;
  color:#fff;
}
.theme-orange .el-button--search,.theme-orange .el-button--default:hover,.theme-orange .el-button--default:focus{
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #E6A23C;
}
.theme-orange .el-button--search:focus,.theme-orange .el-button--search:hover {
  color:#fff;
  background:#E6A23C;
  border-color:#E6A23C;
}
.theme-orange .el-button--add,.theme-orange .el-button--primary {
  color:#fff;
  background: #E6A23C;
  border-color: #E6A23C;
}
.theme-orange .el-button--add:focus,.theme-orange .el-button--add:hover,.theme-orange .el-button--primary:focus,.theme-orange .el-button--primary:hover  {
  color:#fff;
  background: #E6A23C;
  border-color: #E6A23C;
  opacity: 0.6;
}
/*--*/
.theme-orange .el-radio__input.is-checked .el-radio__inner,.theme-orange .el-checkbox__input.is-checked .el-checkbox__inner,.theme-orange .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #E6A23C;
  border-color: #E6A23C;
}
.theme-orange .el-checkbox__input.is-focus .el-checkbox__inner,.theme-orange .el-checkbox__inner:hover,.theme-orange .el-radio__inner:hover{
  border-color: #E6A23C;
}
.theme-orange .el-select-dropdown__item.selected,.theme-orange .el-step__description.is-finish,.theme-orange .el-cascader-node.in-active-path,.theme-orange .el-cascader-node.is-active,.theme-orange .el-cascader-node.is-selectable.in-checked-path,.theme-orange .el-radio__input.is-checked+.el-radio__label,.theme-orange .el-tabs__item.is-active,.theme-orange .el-tabs__item:hover {
  color: #E6A23C;
}
.theme-orange .el-step__head.is-finish {
  color: #E6A23C;
  border-color: #E6A23C;
}
.theme-orange .el-alert--success.is-light {
  background-color: #fdf6ec;
  color: #E6A23C;
}
.theme-orange .el-date-table td.end-date span,.theme-orange .el-date-table td.start-date span,.theme-orange .el-date-table td.current:not(.disabled) span,.theme-orange .el-tabs__active-bar {
  background: #E6A23C;
}
.theme-orange .el-date-table td.today span,.theme-orange .el-date-table td.available:hover,.theme-orange .el-month-table td .cell:hover,.theme-orange .el-month-table td.today .cell,.theme-orange .el-month-table td.current:not(.disabled) .cell,.theme-orange .el-year-table td.today .cell,.theme-orange .el-year-table td .cell:hover,.theme-orange .el-year-table td.current:not(.disabled) .cell {
  color: #E6A23C;
}
/*--*/
.theme-orange .modal .el-dialog__header {
  background: #E6A23C;
  border-color: #E6A23C;
}
.theme-orange #addpersonnel .addoperation i ,.theme-orange #information .brand{
  color:#E6A23C;
}
/*--*/
.theme-orange table td span.pointer,.theme-orange table td i.pointer,.theme-orange table td i.green,.theme-orange table td i,.theme-orange table tr th sup.el-icon-info {
  color:#E6A23C;
}
.theme-orange .el-pager li.active,.theme-orange .el-pager li:hover {
  color: #E6A23C;
}
.theme-orange .el-range-editor.is-active,.theme-orange .el-range-editor.is-active:hover,.theme-orange .el-select .el-input.is-focus .el-input__inner,.theme-orange .el-pagination__sizes .el-input .el-input__inner:hover,.theme-orange .el-input.is-active .el-input__inner,.theme-orange .el-input__inner:focus,.theme-orange .el-cascader .el-input .el-input__inner:focus,.theme-orange .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #E6A23C;
}
.theme-orange #rpchart .el-alert--success.is-dark {
    background-color: #E6A23C;
}
/*theme-red*/
.theme-red .el-header {
  background:#F56C6C;
}
.theme-red .el-header-right .switch:hover {
  background:#d05a5a;
}
.theme-red .el-aside .is-active .el-submenu__title,.theme-red .el-header-user .setup p:hover,.theme-red .el-submenu__title:focus,.theme-red .el-submenu__title:hover,.theme-red .el-menu-item:focus,.theme-red .el-menu-item:hover {
  background: #fef0f0;
}
.theme-red .el-aside .is-active .is-active {
  background:#F56C6C;
  color:#fff;
}
.theme-red .el-button--search,.theme-red .el-button--default:hover,.theme-red .el-button--default:focus{
  color: #F56C6C;
  background: #fef0f0;
  border-color: #F56C6C;
}
.theme-red .el-button--search:focus,.theme-red .el-button--search:hover {
  color:#fff;
  background:#F56C6C;
  border-color:#F56C6C;
}
.theme-red .el-button--add,.theme-red .el-button--primary {
  color:#fff;
  background: #F56C6C;
  border-color: #F56C6C;
}
.theme-red .el-button--add:focus,.theme-red .el-button--add:hover,.theme-red .el-button--primary:focus,.theme-red .el-button--primary:hover  {
  color:#fff;
  background: #F56C6C;
  border-color: #F56C6C;
  opacity: 0.6;
}
/*--*/
.theme-red .el-radio__input.is-checked .el-radio__inner,.theme-red .el-checkbox__input.is-checked .el-checkbox__inner,.theme-red .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #F56C6C;
  border-color: #F56C6C;
}
.theme-red .el-checkbox__input.is-focus .el-checkbox__inner,.theme-red .el-checkbox__inner:hover,.theme-red .el-radio__inner:hover{
  border-color: #E6A23C;
}
.theme-red .el-select-dropdown__item.selected,.theme-red .el-step__description.is-finish,.theme-red .el-cascader-node.in-active-path,.theme-red .el-cascader-node.is-active,.theme-red .el-cascader-node.is-selectable.in-checked-path,.theme-red .el-radio__input.is-checked+.el-radio__label,.theme-red .el-tabs__item.is-active,.theme-red .el-tabs__item:hover {
  color: #F56C6C;
}
.theme-red .el-step__head.is-finish {
  color: #F56C6C;
  border-color: #F56C6C;
}
.theme-red .el-alert--success.is-light {
  background-color: #fef0f0;
  color: #F56C6C;
}
.theme-red .el-date-table td.end-date span,.theme-red .el-date-table td.start-date span,.theme-red .el-date-table td.current:not(.disabled) span,.theme-red .el-tabs__active-bar {
  background: #F56C6C;
}
.theme-red .el-date-table td.today span,.theme-red .el-date-table td.available:hover,.theme-red .el-month-table td .cell:hover,.theme-red .el-month-table td.today .cell,.theme-red .el-month-table td.current:not(.disabled) .cell,.theme-red .el-year-table td.today .cell,.theme-red .el-year-table td .cell:hover,.theme-red .el-year-table td.current:not(.disabled) .cell {
  color: #F56C6C;
}
/*--*/
.theme-red .modal .el-dialog__header {
  background: #F56C6C;
  border-color: #F56C6C;
}
.theme-red #addpersonnel .addoperation i ,.theme-red #information .brand{
  color:#F56C6C;
}
/*--*/
.theme-red table td span.pointer,.theme-red table td i.pointer,.theme-red table td i.green,.theme-red table td i,.theme-red table tr th sup.el-icon-info {
  color:#F56C6C;
}
.theme-red .el-pager li.active,.theme-red .el-pager li:hover {
  color: #F56C6C;
}
.theme-red .el-range-editor.is-active,.theme-red .el-range-editor.is-active:hover,.theme-red .el-select .el-input.is-focus .el-input__inner,.theme-red .el-pagination__sizes .el-input .el-input__inner:hover,.theme-red .el-input.is-active .el-input__inner,.theme-red .el-input__inner:focus,.theme-red .el-cascader .el-input .el-input__inner:focus,.theme-red .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #F56C6C;
}
.theme-red #rpchart .el-alert--success.is-dark {
    background-color: #F56C6C;
}
/*theme-purple*/
.theme-purple .el-header {
  background:#7138ed;
}
.theme-purple .el-header-right .switch:hover {
  background:#5c2cc5;
}
.theme-purple .el-aside .is-active .el-submenu__title,.theme-purple .el-header-user .setup p:hover,.theme-purple .el-submenu__title:focus,.theme-purple .el-submenu__title:hover,.theme-purple .el-menu-item:focus,.theme-purple .el-menu-item:hover {
  background: #f3f4ff;
}
.theme-purple .el-aside .is-active .is-active {
  background:#7138ed;
  color:#fff;
}
.theme-purple .el-button--search,.theme-purple .el-button--default:hover,.theme-purple .el-button--default:focus{
  color: #7138ed;
  background: #f3f4ff;
  border-color: #7138ed;
}
.theme-purple .el-button--search:focus,.theme-purple .el-button--search:hover {
  color:#fff;
  background:#7138ed;
  border-color:#7138ed;
}
.theme-purple .el-button--add,.theme-purple .el-button--primary {
  color:#fff;
  background: #7138ed;
  border-color: #7138ed;
}
.theme-purple .el-button--add:focus,.theme-purple .el-button--add:hover,.theme-purple .el-button--primary:focus,.theme-purple .el-button--primary:hover  {
  color:#fff;
  background: #7138ed;
  border-color: #7138ed;
  opacity: 0.6;
}
/*--*/
.theme-purple .el-radio__input.is-checked .el-radio__inner,.theme-purple .el-checkbox__input.is-checked .el-checkbox__inner,.theme-purple .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #7138ed;
  border-color: #7138ed;
}
.theme-purple .el-checkbox__input.is-focus .el-checkbox__inner,.theme-purple .el-checkbox__inner:hover,.theme-purple .el-radio__inner:hover{
  border-color: #E6A23C;
}
.theme-purple .el-select-dropdown__item.selected,.theme-purple .el-step__description.is-finish,.theme-purple .el-cascader-node.in-active-path,.theme-purple .el-cascader-node.is-active,.theme-purple .el-cascader-node.is-selectable.in-checked-path,.theme-purple .el-radio__input.is-checked+.el-radio__label,.theme-purple .el-tabs__item.is-active,.theme-purple .el-tabs__item:hover {
  color: #7138ed;
}
.theme-purple .el-step__head.is-finish {
  color: #7138ed;
  border-color: #7138ed;
}
.theme-purple .el-alert--success.is-light {
  background-color: #f3f4ff;
  color: #7138ed;
}
.theme-purple .el-date-table td.end-date span,.theme-purple .el-date-table td.start-date span,.theme-purple .el-date-table td.current:not(.disabled) span,.theme-purple .el-tabs__active-bar {
  background: #7138ed;
}
.theme-purple .el-date-table td.today span,.theme-purple .el-date-table td.available:hover,.theme-purple .el-month-table td .cell:hover,.theme-purple .el-month-table td.today .cell,.theme-purple .el-month-table td.current:not(.disabled) .cell,.theme-purple .el-year-table td.today .cell,.theme-purple .el-year-table td .cell:hover,.theme-purple .el-year-table td.current:not(.disabled) .cell {
  color: #7138ed;
}
/*--*/
.theme-purple .modal .el-dialog__header {
  background: #7138ed;
  border-color: #7138ed;
}
.theme-purple #addpersonnel .addoperation i ,.theme-purple #information .brand{
  color:#7138ed;
}
/*--*/
.theme-purple table td span.pointer,.theme-purple table td i.pointer,.theme-purple table td i.green,.theme-purple table td i,.theme-purple table tr th sup.el-icon-info {
  color:#7138ed;
}
.theme-purple .el-pager li.active,.theme-purple .el-pager li:hover {
  color: #7138ed;
}
.theme-purple .el-range-editor.is-active,.theme-purple .el-range-editor.is-active:hover,.theme-purple .el-select .el-input.is-focus .el-input__inner,.theme-purple .el-pagination__sizes .el-input .el-input__inner:hover,.theme-purple .el-input.is-active .el-input__inner,.theme-purple .el-input__inner:focus,.theme-purple .el-cascader .el-input .el-input__inner:focus,.theme-purple .el-cascader .el-input.is-focus .el-input__inner  {
  border-color: #7138ed;
}
.theme-purple #rpchart .el-alert--success.is-dark {
    background-color: #7138ed;
}
/*el-container*/
#index,.el-container.is-vertical {
  height:100%;
}
.el-container .el-container {
  height:calc( 100% - 60px);
}
/*el-header*/
.el-header {
  height:60px;
  line-height:60px;
  text-align:right;
  padding:0;
  color:#fff;
  box-shadow:6px 6px 13px 0px rgba(0,0,0,0.19);
}
.el-header-left {
  width:200px;
  height:60px;
  float:left;
}
.el-header-left div {
  height:100%;
  text-align:left;
  float:left;
  color:#fff;
  padding:12px;
  font-size:1.8rem;
}
.el-header-left img {
  width:auto;
  height:100%;
  margin:auto;
  float:left;
}
.el-header-right {
  float:left;
}
.el-header-right .switch {
  width:30px;
  height:30px;
  padding:5px;
  margin:15px;
  line-height:10px;
  cursor:pointer;
  float:left;
}
.el-header-right .switch span {
  width:100%;
  height:1px;
  margin:2.5px 0;
  display:inline-block;
  background:#fff;
  float:left;
}
.el-header-right .switch span:nth-child(1) {
  width:95%;
}
.el-header-right .switch span:nth-child(2) {
  width:80%;
}
.el-header-right .switch span:nth-child(3) {
  width:100%;
}
.el-header-right .title{
  display:inline-block;
  font-size:1.6rem;
  float:left;
  font-weight:bold;
}
.el-header-user {
  max-width: calc(100% - 270px);
  height: 100%;
  float:right;
  position:relative;
}
.el-header-user>span {
  float:left;
  margin-right:10px;
}
.el-header-user .picture {
  width:60px;
  height:60px;
  padding:10px;
  float:left;
  cursor:pointer;
  border-radius:50%;
}
.el-header-user .setup {
  width:150px;
  padding:10px;
  text-align:left;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  color: #333;
  background: #fff;
  font-size: 12px;
  position:absolute;
  top:60px;
  right:5px;
  z-index:10000;
}
.el-header-user .setup p {
  height:30px;
  line-height:30px;
}
.el-header-user .setup p span {
  margin-left:10px;
  cursor:pointer;
}
/*.el-button--blue {
  border-color:#2e6da4;
  color:#fff;
  background:#0560b9;
  box-shadow:0 1px 0 #2e6da4;
  -moz-box-shadow:0 1px 0 #2e6da4;
  -webkit-box-shadow:0 1px 0 #2e6da4;
}*/
/*el-aside*/
.el-aside {
  width:200px;
}
.el-aside>ul {
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
}
.el-aside .el-menu {
  border-right:solid 1px #f3f3f3;
}
.el-aside .el-submenu__title {
  font-size:1.7rem;
  font-weight:bold;
  padding-left:15px !important;
  color:#555555;
}
.el-aside .el-submenu__title img {
  width:26px;
  height:26px;
  padding:4px;
}
.el-aside .el-submenu__title>i {
  font-size:1.8rem;
  color:#555;
}
.el-aside .el-badge__content.is-fixed.is-dot {
  position:absolute;
  left:-15px;
  top:10px;
}
.el-aside .el-menu-item-group__title {
  padding:0;
}
.el-aside .el-menu-item {
  height:40px;
  line-height:40px;
  padding-left:50px !important;
  color:#333;
  font-size:1.4rem;
  font-weight:bold;
}
/*el-main*/
.el-main {
  padding: 10px;
  background:#F4F6F9;
  position:relative;
}
#iframe {
  height:100%;
}
#iframe>div{
  height: 100%;
  padding: 10px;
  overflow: auto;
  background: #ffffff;
}
/*coverage*/
.el-input__prefix,.el-input__suffix {
  color:#333;
}
.el-cascader,.el-input__icon {
  line-height:34px;
}
.el-input__inner {
  height:34px;
  line-height:34px;
}
.el-input-group__prepend {
  border-right:0 !important;
}
.modal .el-input-group__prepend {
  padding:0 !important;
}
.el-date-editor .el-range__icon,.el-date-editor .el-range-separator {
  line-height:26px;
}
.el-cascader-panel .el-scrollbar {
  max-width:500px;
}
.cascader-cm .el-scrollbar {
  max-width:none;
}
.el-table .cell {
  white-space:nowrap;
}
.el-input-number {
  width:100%;
  line-height:32px;
}
.el-form-item__content .el-input-number .el-input-number__decrease,.el-form-item__content .el-input-number .el-input-number__increase {
  line-height:16px;
}
.el-input-number .el-input__inner {
  pointer-events:none;
}
.el-submenu__title .el-icon-arrow-down:before {
  content:"\e6e0";
}
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  -webkit-transform:rotateZ(90deg);
  transform:rotateZ(90deg);
}
.el-upload-list--picture-card .el-upload-list__item {
  float:left;
}
.el-step__title.is-finish {
  color: #000000;
}
/*el-btn*/
.el-btn {
  min-height:35px;
  margin-bottom:5px;
  overflow:hidden;
}
.btn {
  float:right;
}
.btn .el-button {
  color:#FFF;
  font-weight:bold;
}
.btn .el-button,.search .el-button {
  padding:9px 12px;
}
.btn .el-button-group {
  margin-left:15px;
}
.search {
  float:left;
}
.search>div,.search>button{
  margin-bottom: 5px;
}
.search .cell {
  margin-right:10px;
  float:left;
}
.search .cell.el-input {
  width:300px;
}
.search .small.cell.el-input {
  width:160px;
}
.search .area-cascader,.search .cell.date-one {
  width:200px;
}
.search .area-cascader.small,.search .el-select.small ,.search .el-autocomplete.small{
  width:105px;
}
.search .input-with-select {
  width:300px;
}
.search .el-input-group__prepend {
  width:105px;
}
.search .el-button {
  font-weight:bold;
}
/*.el-button--theme {
  color:#fff;
  background-color:#02478A;
  border-color:#2e6da4;
}
.el-button--theme:hover {
  color:#fff;
  background-color:#033d75;
  border-color:#2e6da4;
}*/
.el-date-editor .el-range-separator {
  width:30px;
}
#alarmAnalyze {
  position:relative;
}
.search .el-date-editor--daterange {
  width:240px;
}
#stake .search{max-width: calc( 100% - 355px )}
#order .search{max-width: calc( 100% - 110px )}
#order .modal-body .electr{
  height: 260px;
}
/*modal*/
.modal .modal-body.oplog {
  max-height:700px;
  overflow-y:auto;
}
.modal .modal-body div.kind{
  clear: both;
  border: 1px solid #DCDFE6; 
  margin-bottom: 5px;overflow: 
  hidden;
}
.modal .el-dialog__header {
  text-align:center;
}
.modal .el-dialog__title {
  color:#fff;
}
.modal .el-form-item {
  width:50%;
  float:left;
  padding:0 10px;
}
.modal .el-form-item.form-item3{
  width:33.333%;
}

.modal .el-form-item.form-item4{
  width:25%;
}
.modal .el-form-item.full,.full {
  width:100%;
  overflow:visible;
}
.modal .modal-body {
  overflow:hidden;
}
.modal .modal-body .fee_v{
  width: 50%;
  display: inline-block;
}
.modal .el-upload__tip {
  width:50%;
  margin-top:0px;
  padding-left:10px;
  color:#F56C6C;
}
.el-upload--picture-card {
  float:left;
}
.modal .el-upload--text {
  float:left;
  text-align:center;
}
.modal .el-upload__tip,.el-upload-list, .modal .el-upload{
  float:left;
  text-align:left;
}
.modal .el-dialog__footer {
  border-top:1px solid #ebebeb;
}
.modal .el-cascader,.modal .el-select,.modal .inline-input ,.modal .el-date-editor{
  width:100%;
}
.modal .el-dialog__body {
  text-align:center;
}
.modal .warning {
  color:#F56C6C;
}
.modal .avatar-uploader {
  background-color:#fbfdff;
  border:1px dashed #c0ccda;
  border-radius:6px;
  box-sizing:border-box;
  width:148px;
  height:148px;
  cursor:pointer;
  line-height:146px;
  vertical-align:top;
}
.modal .avatar-uploader:hover {
  border-color:#409eff;
}
.modal .avatar-uploader .el-upload {
  width:100%;
  height:100%;
  overflow:hidden;
  text-align: center;
  font-size:2.8rem;
  color:#8c939d;
  position:relative;
}
.modal .avatar-uploader img {
  width:100%;
  height:100%;
  border:0;
  position:absolute;
  left:0;
  top:0;
}
.modal .el-form-item__label {
  font-weight:bold;
}
.modal .el-radio-group {
  width:100%;
  float:left;
}
.modal .el-form-item__content label[role="radio"] {
  width:50%;
  margin-right:0;
  float:left;
  line-height:40px;
  padding:0 20px;
}
.modal .monthDate .area-cascader{
  width: 50%;
  float:left;
}
.modal .addrsly .city {
  width:30%;
  float:left;
  line-height:40px;
}
.modal .addrsly .street {
  width:70%;
  float:left;
}
.modal .el-form-item.null {
  height:40px;
}
.modal .el-date-editor--daterange,.modal .el-date-editor--timerange,.modal .el-date-editor--datetimerange {
  max-width:100%;
}
.modal .el-date-editor--datetimerange {
  float:left;
}
.upload-demo .el-upload-list {
  width:calc( 100% - 100px );
  float:left;
}
hr {
  width:100%;
  height:1px;
  background:#e8e4e4;
}
.modal hr {
  margin-bottom:20px;
}
.detsModal .title {
  padding-bottom:10px;
  overflow:hidden;
  font-size:1.6rem;
}
.detsModal .content {
  padding-bottom:10px;
  overflow:hidden;
  font-size:1.2rem;
}
.detsModal img {
  width:100%;
}
.etrHomeTable {
  overflow:hidden;
  clear:both;
}
.etrHomeTable p.addr {
  text-align:left;
  padding:1rem 0;
  font-weight:bold;
}
.etrHomeTable .el-row {
  border:1px solid #EBEEF5;
  padding:1rem 0;
  border-bottom:0;
}
.etrHomeTable .el-row:last-child {
  border-bottom:1px solid #EBEEF5;
}
.etrHomeTable .el-row .el-select {
  width:80%;
}
.etrHomeTable .el-row .el-select .el-input__inner {
  text-align:center;
}
.modal .el-table {
  max-height:600px;
  overflow-y:auto;
}
.modal .modalTitle {
  text-align:left;
  line-height:30px;
}
.modal .li {
  line-height:30px;
  text-align:left;
}
.modal .li .label {
  font-weight:bold;
  margin-right:10px;
}
.modal .el-form .el-input {
  width:100%;
}
.modal .threeline .el-input {
  width:20%;
  float:left;
}
.modal .threeline.threeline4 .el-input {
  width:25%;
}
.modal .threeline.threeline6 .el-input {
  width:16.666%;
}
.modal .threeline .el-input .el-input__inner {
  padding:0 0 0 5px
}
.modal .threeline.pd0{
  margin-bottom:0;
}
.el-form-item__error {
  z-index:9999;
}
/*table*/
.table-null {}
.el-table {
  border:1px solid #e2e1e1;
}
/*.el-table .cell {
  overflow:visible;
}
*/
.el-checkbox__inner {
  border:1px solid #c6c8cd;
}
.table{
  background: #ffffff;
}
table.el-table__body tbody td {
  border-right:0;
}
table tr:hover td {
  background-color:#FDF6EC !important;
}
table tr th sup {
  margin-left:5px;
  color:#999;
  font-size:16px;
}
table thead th {
  background-color:#F5F7FA !important;
  color:#000000;
}
table td .cell {
  /*max-height:50px;
  */
}
table td a {
  text-decoration: none; 
  color: #606266;
}
table td a:hover{
  color: #739afa;
} 
table td .thumb {
  width:50px;
  max-height:50px;
  show-overflow-tooltip
}
table td .portrait {
  border-radius:50px;
  height:50px;
  cursor:pointer;
}
table td .preview {
  height:50px;
  cursor:pointer;
}
table td i {
  width:20px;
  height:20px;
  line-height:20px !important;
  margin-left:5px;
  cursor:pointer;
  text-align:center;
  font-size:1.6rem;
  font-weight:bold !important;
}
table td i:hover {
  opacity:0.6;
}
table td i.el-icon-arrow-right{
  font-weight: 400 !important;
}
table td .el-switch {
  margin-left:5px;
}
table td span.pointer,table td i.pointer {
  cursor:pointer;
}
table td i.orange,table td i.el-icon-edit,table td i.el-icon-s-tools {
  color:#F6C852;
}
table td i.red,table td i.el-icon-delete,table td i.el-icon-turn-off {
  color:#ED768B;
}
table td i.el-icon-s-promotion {
  color:#65C8F9;
}
table td i.el-icon-notebook-2 {
  color:#e6a23c;
}
table td i.el-icon-setting {
  color:#67c23a;
}
table td i.ban {
  color:#909399;
  cursor:text;
}
table td .count{
  color:#3B69E9;
  font-weight: bold;
}
.el-tooltip__popper.is-dark {
  max-width:350px;
  line-height:20px;
  box-shadow:2px 2px 6px #666;
}
.table .details {
  cursor:pointer;
}
.el-popover {
  max-height:100%;
  max-width:100%
}
.el-popover img {
  max-height:900px;
}
.el-popover .detailsBox img {
  max-width:80px;
  max-height:80px;
  border:1px solid #ccc;
  margin-left:5px;
}
.el-popover .detailsBox.advert img {
  max-width:500px;
  max-height:500px;
  display: block;
}
.el-popover .detailsBox.advert .name{
  font-weight: bold;
  text-align: center;
}
.el-popover .detailsBox div {
  width:100%;
  padding:5px 0;
}
.el-popover .detailsBox.pre-line {
  white-space: pre-line;
}
.el-popover .detailsBox .stationList {
  max-width: 300px;
}
.el-popover .detailsBox .el-table,.el-popover .detailsBox .el-table div {
  padding:0;
}
.el-popover .detailsBox .title {
  font-weight:bold;
  color:#000;
}
.el-popover .detailsBox .name,.el-popover .detailsBox .title {
  min-width:80px;
  display:inline-block;
  text-align:left;
}
.el-popover .detailsBox .val {
}
.el-popover .detailsBox .val .cell,.el-popover .detailsBox .cell{
  margin-right: 10px;
}
.el-pagination {
  float:right;
  padding:10px;
}
.modal-body .el-pagination {
  min-width:500px;
}
.el-popover table{
  width: 100%;
  text-align: center;
  border-top:1px solid #EBEEF5;
  border-left:1px solid #EBEEF5;
  border-right:1px solid #EBEEF5;
  border-collapse: collapse;/*合并边框*/
  border-spacing: 0;/*间距为0*/
}
.el-popover table.cell_left{
  text-align: left;
}
.el-popover table.cell_right{
  text-align: right;
}
.el-popover table tr{
  border-bottom:1px solid #EBEEF5;
}
.el-popover table th,.el-popover table td{
  width: 10%;
}
.el-popover table div{
  width: 100%;
/*  min-height: 30px;*/
  padding: 12px 10px;
}
.el-popover table thead th{
  font-weight: bold;
}
.el-tooltip__popper {
  background:#fff !important;
  color:#333 !important;
}
.el-tooltip__popper .popper__arrow::after {
  border-top-color:#fff !important;
}
.el-tooltip__popper .popper__arrow {
  border-top-color:#fff !important;
}
.el-table__expand-icon {
  float:left;
}
#time .table.el-popover{
  width: 100%;
  border:0;
  padding:0;
  position:initial;
  box-shadow:none;
}
/*tabs*/
.tabs .el-tabs__item {
  min-width:10rem;
  text-align:center;
  font-size:1.8rem;
  font-weight:bold;
}
.tabs .el-tabs__header {
  margin:0
}
.tabs.hide .el-tabs__header {
  display: none !important;
}
/*login*/
#login {
  width:100%;
  height:100%;
  overflow:hidden;
  background:#2A6FFF;
}
#login.cmLogin{
  background:#FFFFFF !important;
}
#login .content {
  width:100%;
  height:100%;
  overflow:hidden;
  background:url(../../img/login_zxc/bg.png) center;
  background-size:100% 100%;
  position:relative;
}
#login .box {
  width:60%;
  height:70%;
  background:#ffffff;
  border-radius:25px;
  overflow:hidden;
  position:absolute;
  top:15%;
  left:20%;
}
#login .box .left {
  width:30%;
  height:100%;
  float:left;
  overflow:hidden;
  background:#E8F1FF;
  background:url(../../img/login_zxc/inbetweening.png) center;
  background-size:100% 100%;
}
#login .box .right {
  width:70%;
  height:100%;
  float:right;
  background:#fff;
  position:relative;
}
#login .box .right .mainBox {
  width:100%;
  height:100%;
  padding:10% 25%;
  overflow:visible;
}
#login .box .right .el-image {
  width:100%;
  height:10%;
  overflow:hidden;
}
#login .box .right .el-image img {
  width:60%;
  display:block;
  margin:auto;
}
#login .box .right .mainBox .title {
  width:100%;
  height:20%;
  position:relative;
}
#login .box .right .mainBox .title .line {
  width:100%;
  height:1px;
  background:#DCDCDC;
  position:absolute;
  top:50%;
  left:0;
  z-index:0;
}
#login .box .right .mainBox .title .name {
  width:50%;
  height:100%;
  margin:auto;
  display:table;
  background:#ffffff;
  position:relative;
  z-index:1;
}
#login .box .right .mainBox .title .name div {
  font-size:18px;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  display:table-cell;
}
#login .box .right .el-form {
  height:70%;
}
#login .box .right .el-form .el-form-item__content {
  position:relative;
}
#login .box .right .el-form .el-input__inner {
  border-radius:0px;
  border:0;
  border-bottom:1px solid #DCDCDC;
}
#login .box .right .el-form input {
  height:50px;
}
#login .box .right .el-form .auth .el-input{
  width: 60%;
  float: left;
}
#login .box .right .el-form .auth .code{
  width:40%;
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
  border:1px solid #409EFC;
  border-radius: 5px;
  cursor:pointer;
  color: #409EFC;
  position: relative;
}
#login .box .right .el-form .auth .code .el-image{
  width: 100%;
  height: 100%;
  position: relative;
}
#login .box .right .el-form .auth .code .el-image img{
  width: 70%;
  height: 100%;
}
#login .box .right .el-form .auth .code i{
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: -15px;
  right: -10px;
}
.box .el-code {
  height:50px;
  position:relative;
}
.box .el-code .bar {
  width:100%;
  height:100%;
  padding:5px;
  border:1px solid #409EFC;
  margin-top:15%;
  border-radius:5px;
  background:#409EFC;
  color:#ffffff;
  text-align:center;
  font-size: 16px;
  font-weight: bold;
}
.forReference {
  width:100%;
  height:30px;
  line-height:30px;
  text-align:center;
  position:absolute;
  left:0;
  bottom:5px;
  z-index:10;
  color:#fff;
  font-size:1.4rem;
}
.forReference a {
  color:#fff;
}
.forReference a:hover {
  color:#224EC7;
}
/*aLiving login*/
#login.aliving {
  background:#32b4b1;
}
#login.aliving .content {
  background:url(../../img/login_aliving/bg.png) center;
  background-size: 100% 100%;
}

#login.aliving .box .left {
  background:url(../../img/login_aliving/inbetweening.png) center;
  background-size: 100% 100%;
}
#login.aliving .box .el-code .bar {
  border:1px solid #32b4b1;
  background:#32b4b1;
}
#login.aliving .box .right .el-form .auth .code {
  border: 1px solid #32b4b1;
  color: #32b4b1;
}
/*chart*/
#indexChart {
  width:100%;
  height:100%;
  background:#F4F6F9!important;
}
#indexChart .block {
  overflow:hidden;
}
#indexChart .block1 {
  height:16%;
}
#indexChart .block2 {
  height:42%;
  padding-top: 20px;
}
#indexChart .block4 {
  height:30%;
  padding-top:20px;
  border-radius:10px;
}
#indexChart .block5 {
  height:20%;
  padding-top:20px;
}
#indexChart .block .grid{
  height:100%;
  float:left;
  overflow:hidden;
  position: relative;
}
#indexChart .block .grid .title{
  width: 80%;
  height:50px;
  line-height: 50px;
  color: #333333;
  font-size: 1.8rem;
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 999;
}
#indexChart .block .grid .cell{
  height:100%;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  position:relative
}
#indexChart .block1 .grid.wtr {
  width: calc((100% - 100px) / 6 + 20px);
  padding-right: 20px;
}
#indexChart .block1 .grid.wtl {
  width: calc((100% - 100px) / 6);
}
#indexChart .themeType2.block1 .grid {
  width:30%;
}
#indexChart .block1 .grid .cell .box{
  height:100%;
  padding:15px;
  color:#fff;
  background-image:url(../../img/bolang.png);
  background-size:100% 100%;
}
#indexChart .block1 .grid .cell .label {
  font-size:1.6rem;
}
#indexChart .block1 .grid .cell .number {
  height: 75%;
  font-weight:bold;
  font-size:3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#indexChart .block1 .grid1 .cell{
  background:-webkit-linear-gradient(left,#5287E9,#75B4FD);
  /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#5287E9,#75B4FD);
  /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#5287E9,#75B4FD);
  /* Firefox 3.6 - 15 */
background:linear-gradient(to right,#5287E9,#75B4FD);
  /* 标准的语法 */
}
#indexChart .block1 .grid2 .cell{
  background:-webkit-linear-gradient(left,#EE799B,#E3537C);
  /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#EE799B,#E3537C);
  /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#EE799B,#E3537C);
  /* Firefox 3.6 - 15 */
background:linear-gradient(to right,#EE799B,#E3537C);
  /* 标准的语法 */
}
#indexChart .block1 .grid3 .cell{
  background:-webkit-linear-gradient(left,#F26F2F,#F59228);
  /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#F26F2F,#F59228);
  /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#F26F2F,#F59228);
  /* Firefox 3.6 - 15 */
background:linear-gradient(to right,#F26F2F,#F59228);
  /* 标准的语法 */
}
#indexChart .block1 .grid4 .cell{
  background:-webkit-linear-gradient(left,#23C8C5,#2FC4B5);
  /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#23C8C5,#2FC4B5);
  /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#23C8C5,#2FC4B5);
  /* Firefox 3.6 - 15 */
background:linear-gradient(to right,#23C8C5,#2FC4B5);
  /* 标准的语法 */
}
#indexChart .block1 .grid5 .cell{
  background:-webkit-linear-gradient(left,#F9795D,#F86F59);
  /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#F9795D,#F86F59);
  /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#F9795D,#F86F59);
  /* Firefox 3.6 - 15 */
background:linear-gradient(to right,#F9795D,#F86F59);
  /* 标准的语法 */
}
#indexChart .block1 .grid6 .cell{
  background:-webkit-linear-gradient(left,#816FF6,#7239ED);
  /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#816FF6,#7239ED);
  /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#816FF6,#7239ED);
  /* Firefox 3.6 - 15 */
background:linear-gradient(to right,#816FF6,#7239ED);
  /* 标准的语法 */
}
#indexChart .themeType2.block1 .grid.grid1 {
  margin-right: 3%;
  padding-right: 0;
}
#indexChart .themeType2.block1 .grid.grid3 {
  margin-left: 2%;
  margin-right: 2%;
  padding-right: 0;
}
#indexChart .themeType2.block1 .grid.grid4 {
  margin-left: 3%;
  padding-right: 0;
}
#indexChart .block2 .grid .cell{
  padding-top: 50px;
}
#indexChart .block2 .grid1{
  width:30%;
  height:100%;
  padding-right: 20px;
}
#indexChart .block2 .grid2{
  width:40%;
  height:100%;
  padding-right: 20px;
}
#indexChart .block2 .grid3{
  width:30%;
  height:100%;
}
#indexChart .block2 .grid3 .block{
  width:50%;
  height:50%;
  float: left;
}
#indexChart .block2 .grid3 .block1{
  padding: 0 10px 10px 0;
}
#indexChart .block2 .grid3 .block2{
  padding: 0 0px 10px 10px;
}
#indexChart .block2 .grid3 .block3{
  padding: 10px 10px 0 0;
}
#indexChart .block2 .grid3 .block4{
  padding: 10px 0 0 10px;
}
#indexChart .block2 .grid3 .cell{
  padding: 50px 20px 30px;
}
#indexChart .block2 .grid3 .box{
  height: 100%;
  padding: 10% 6%;
  border-radius:5px;
  background-color: #F9F9F9;
}
#indexChart .block2 .grid3 .box div{
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
}
#indexChart .block2 .grid3 .box div.name{
  font-size: 1.4rem;
  color: #999999;
}
#indexChart .block2 .grid3 .box div.number{
  font-size: 3rem;
  font-weight: bold;
  color: #5e95f0;
}
#indexChart .block2 .grid3 .th{
  height: 50px;
  font-size: 1.4rem;
  color: #999999;
  background-color: #F9F9F9;
}
#indexChart .block2 .grid3 .td{
  height:calc(( 100% - 50px )/4);  
  font-size: 1.8rem;
  font-weight: bold;
}
#indexChart .block2 .grid3 .tc1{
  width: calc(( 100% - 100px )/3);
  height: 100%;
  padding-left: 10px;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
}
#indexChart .block2 .grid3 .tc2{
  width: 100px;
  height: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#indexChart .block2 .grid3 .tc2 span{
  width: 70%;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
  color: #ffffff;
}
#indexChart .block2 .grid3 .td1 .tc1{
  color: #578EEC;
}
#indexChart .block2 .grid3 .td2 .tc1{
  color: #E3567E;
}
#indexChart .block2 .grid3 .td3 .tc1{
  color: #7749F0;
}
#indexChart .block2 .grid3 .td4 .tc1{
  color: #F26E2F;
}
#indexChart .block2 .grid3 .td1 .tc2 span {
  background: #578EEC;
}
#indexChart .block2 .grid3 .td2 .tc2 span {
  background: #E3567E;
}
#indexChart .block2 .grid3 .td3 .tc2 span {
  background: #7749F0;
}
#indexChart .block2 .grid3 .td4 .tc2 span {
  background: #F26E2F;
}
#indexChart #revenueRatio .revenue,#indexChart #alarmNum .revenue {
  color:#333333;
  font-size:1.8rem;
  fill:#333333;
  position:absolute;
  top:15px;
  left:5%;
}
/**/
.el-btn-right {
  position:relative
}
.el-btn-right .el-btn {
  position:absolute;
  right:0;
  z-index:10;
}
.el-btn-right .search {
  margin-left:20px;
}
/*fee*/
#fee .timeFrameBox {
  border:1px solid #E4E7ED;
  clear: both;
  overflow:hidden;
}
#fee .timeFrame .start-input,#fee .timeFrame .el-select {
  width:20%;
  float:left;
}
#fee .timeFrame span.semicolon {
  display:inline-block;
  width:5%;
  float:left;
}
#fee .timeFrame span.line {
  display:inline-block;
  width:10%;
  float:left;
}
#fee .menuMultiple {
  height:auto;
  min-height:34px;
  overflow:hidden;
  background-color:#F5F7FA;
  opacity:1;
  border:1px solid #E4E7ED;
  padding: 0 10px;
  text-align:left;
}
#fee .menuMultiple span {
  display:inline-block;
  width:100%;
  text-align:left;
}
#fee .menuMultiple .el-icon-error:hover {
  color:#f56c6c;
  cursor:pointer;
}
#fee .feeType .el-select {
  width:30%;
  float:left;
}
#fee .feeType .start-input {
  width:30%;
  margin-left: 5%;
  float:left;
}
#fee .feeType .el-button {
  float:left;
  margin: 10px 20px 0 0;
}
#fee .standardFee .el-input{
  width: calc( 100% - 80px );
  float: left;
}
#fee .standardFee .el-label{
  width: 80px;
  float: left;
}
#fee .portableForm{
  clear: both;
  overflow: hidden;
  margin-bottom: 22px;
}
#fee .portableForm .cell{
  height: 40px;
  line-height: 40px;
}
#fee .portableForm .el-label{
  width: auto;
  float: left;
  padding: 0 10px;
}
#fee .portableForm .el-label.nub1{
  width: 92px;
  text-align: right;
}
#fee .portableForm .el-input{
  width: 60px;
  float: left;
}
#fee .portableForm .el-input .el-input__inner{
  padding: 0;
  text-align: center;
}
/*station*/
#station .modal .el-form-item__content a,#community .modal .el-form-item__content a {
  width: 80px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #606266;
  position:absolute;
  z-index:999;
  left:-80px;
}
#addpersonnel{
  width: 100%;
  overflow: hidden;
}
#addpersonnel .addoperation {
  text-align:left;
  margin-bottom:0px;
}
#addpersonnel .addoperation i {
  cursor:pointer;
}
#addpersonnel .addoperation i.el-icon-delete {
  color:#f56c6c;
}
#addpersonnel .operation {
  position:relative;
  padding:0 10px 0 90px;
  clear:both;
  overflow:hidden;
  margin-bottom:10px;
}
#addpersonnel.voluntarily .box{
  width: 100%;
  padding-left: 80px;
  overflow: hidden;
}
#addpersonnel.voluntarily .operation:hover {
  background-color:#ccc;
}
#addpersonnel.voluntarily .operation {
  width: 25%;
  padding-left: 20px;
  float: left;
  clear:initial;
}
#addpersonnel.voluntarily .operation i {
  top: 0;
  left:0;
  right:initial;
}
#addpersonnel.voluntarily .operation span{
  width: 100%;
  display: inline-block;
  margin-right: 0px;
  text-align: left;
}
#addpersonnel .operation i {
  position:absolute;
  right:10px;
  color:#f56c6c;
  cursor:pointer;
}
#addpersonnel.list2 .operation .el-input,#addpersonnel.list2 .operation .el-select {
  width:50%;
}
#addpersonnel .operation .el-input,#addpersonnel .operation .el-select,#addpersonnel .operation .area-cascader{
  width:32%;
  float:left;
}
#addpersonnel.list5 .operation .el-input,#addpersonnel.list5 .operation .el-select {
  width:19%;
}
#addpersonnel .operation .el-select .el-input ,#addpersonnel .operation .area-cascader .el-input{
  width:100%
}
#addpersonnel .operation span {
  float:left;
  margin-right:10px;
}
/*stakeStatus*/
.tabsChart {
  position:relative;
  height:100%;
}
.tabsChart .tabs {
  height:100%;
}
.tabsChart .el-tabs__content {
  height:calc( 100% - 40px );
}
.tabsChart .el-btn {
  width:auto;
  position:absolute;
  right:0;
  z-index:999;
}
#icard.tabsChart .el-btn {
  padding-left:360px;
}
.tabsChart .el-tabs__nav {
  z-index:999;
}
#pane-table,#pane-chart {
  width:100%;
  height:100%;
  overflow-y:auto;
}
.chartBox,.station {
  width:100%;
  overflow:hidden;
}
.chartBox>p {
  height:30px;
  line-height:30px;
  padding-left:10px;
}
.chartBox>p .name {
  color:#0a7ff1;
  font-weight:bold;
  margin-right:30px;
  font-size:16px;
}
.chart {
  width:33.333%;
  height:260px;
  float:left;
}
#qoq .chartBox,#yoy .chartBox {
  height:100px;
}
/*map*/
#map .el-container{
  height: 100%;
}
#map .el-aside {
  padding-left:20px;
}
#map .el-main {
  border:1px solid #BEBEBE;
  position:relative;
  padding:0;
}
#map .el-main #containerMap {
  width:100%;
  height:100%;
}
#map .aside {
  width:100%;
  height:100%;
  border:1px solid #BEBEBE;
}
#map .aside .el-input__inner {
  border-radius:0;
}
#map .search{
  width:100%;
  height:40px;
}
#map .search .el-select {
  width:100px;
  height:40px;
  float: left;
}
#map .search .el-cascader {
  width:calc( 100% - 102px );
  height:40px;
  float: left;
}
#map .search .el-button{
  width:55px;
  float: left;
}
#map .table {
  width:100%;
  height:calc( 100% - 80px );
  overflow-y:auto;
  padding:10px;
}
#map .table .el-col {
  line-height:20px;
}
#map .table .el-col .name {
  font-weight:bold;
}
#map .table .el-col .num span{
  margin-right: 10px;
}
#map .el-image,#map .image-error {
  width:60px;
  cursor:pointer;
}
#map .map-block {
  padding:5px;
  border-top:1px solid #BEBEBE;
  overflow-x:auto;
}
#map .map-block .el-pagination {
  margin-top:0px;
  padding:0;
  max-width:100%;
  float:none;
  text-align:center;
}
#map .table img {
  max-height:60px;
}
#map .amap-info-window{
  width: 150px;
  min-height: 20px;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  padding: 3px 7px;
  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
  position: relative;
}
#map .amap-info-sharp{
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}
#map .content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
}

#map .content-window-card p {
    height: 2rem;
}

#map .custom-info {
    border: solid 1px silver;
}

#map div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}

#map div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
}
#map div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

#map div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

#map div.info-middle {
    font-size: 12px;
    padding: 10px 6px;
    line-height: 20px;
}

#map div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

#map div.info-bottom img {
    position: relative;
    z-index: 104;
}
/*stungunPaging*/
#stungunPaging {
  padding:15px;
  background:#F2F2F2;
  overflow:hidden;
}
#stungunPaging .li {
  width:20%;
  float:left;
  text-align:left;
  height:40px;
  line-height:30px;
  background:#ffffff;
  border-left:5px solid #F2F2F2;
  border-right:5px solid #F2F2F2;
  padding:5px;
  cursor:pointer;
  margin-bottom:10px;
}
#stungunPaging .li span.code {
  margin-right:10px;
  float:left;
}
#stungunPaging .li span.index {
  float:right;
}
/*consume*/
#consume .table .count{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#consume .table .count span{
  margin:0 5px;
}
#consume .dayBox{
  height: 100%;
  position: relative;
}
#consume .dayBox .data{
  line-height: 19px;
  font-size: 14px;
}
#consume .dayBox .status{
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#consume .dayBox .points{
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
#consume .dayBox i{
  position: absolute;
  top: 0;
  right: 0;
  color: #999999;
}
#consume  .dayBox.status1{
  
}
#consume  .dayBox.status2{
  color: #409eff;
  background: #ecf5ff;
}
#consume  .dayBox.status3{
  color: #f56c6c;
  background: #fef0f0;
}
/*operation*/
#chartSum {
  height:400px;
}
#chartPaging {
  overflow:hidden;
}
.chartSpline {
  width:33.333%;
  height:375px;
  padding:25px;
  float:left;
}
#month .chartSpline,#year .chartSpline {
  width:50%;
}
#month span.eleFee,#year span.eleFee {
  color:#67c23a;
  width:60px;
  display:inline-block;
}
#month span.serviceFee,#year span.serviceFee {
  color:#409EFF;
  width:60px;
  display:inline-block;
}
#month span.total,#year span.total {
  color:#e6a23c;
  width:60px;
  display:inline-block;
}
#tabletos .el-table__expanded-cell {
  padding:0;
  background:#ecf5ff
}
#tabletos .el-form-item {
  width:100%;
  margin-bottom:0px;
  margin-right:0px;
}
#tabletos .el-form-item .el-form-item__label {
  width:300px;
  text-align:center;
  line-height:30px;
  padding:0 150px 0 0;
}
#reportforms #tabletos .el-form-item .el-form-item__label {
  width:150px;
  padding:0;
}
#tabletos .el-form-item .el-form-item__content {
  width:calc( 100% - 300px );
  line-height:30px;
}
#reportforms #tabletos .el-form-item .el-form-item__content {
  width:calc( 100% - 150px );
}
#tabletos .el-form-item .el-form-item__content span {
  display:inline-block;
  width:7.692307692307692%;
  text-align:center;
}
#rankingChart {
  height:600px;
  margin-top:50px;
}
.disposeData {
  text-align:left;
  margin-bottom:10px;
}
.complain-answerContent {
  margin-top:20px;
}
.electrBox #electr0,.electrBox #electr1,.electrBox #electr2 {
  width:33.333%;
  height:400px;
  float:left;
}
.electrBox.eqType4 #electr1 {
  width:60%;
  height:400px;
  float:left;
}
.electrBox.eqType4 #electr2 {
  width:40%;
  height:400px;
  float:left;
}
.oplog p.title {
  margin-bottom:10px;
}
.oplog p {
  font-weight:bold;
  text-align:left;
}
.oplog .status {
  margin-bottom:20px;
}
.oplog .li {
  word-break:break-word;
  word-wrap:break-word;
  margin-bottom:10px;
}
/*wxInvoice*/
.statementTime {
  text-align:left;
}
.statementTime span {
  margin-right:10px;
}
.statementMoney {
  margin-bottom:10px;
}
.statementMoney span {
  margin-right:20px;
  line-height:30px;
  font-weight:bold;
}
#wxInvoice span.delInvoice {
  margin-left:10px;
  color:#E4202E;
  cursor:pointer;
  text-decoration:underline;
}
#wxInvoice .el-table__row .el-table__cell,#stakeStatus .el-table__row .el-table__cell,#reportforms .el-table__row .el-table__cell,#details .el-table__row .el-table__cell,#ranking .el-table__row .el-table__cell {
  border-right:0;
}
/*white*/
#whiteStation {
  width:100%;
  height:72px;
  padding:5px 20px 5px 5px;
  border:1px solid #DCDFE6;
  overflow-y:auto;
  position:relative;
  text-align:left;
}
#whiteStation span {
  line-height:30px;
  margin-right:10px;
  display:inline-block;
}
#whiteStation span i {
  color:#ED768B;
  margin-left:2px;
  cursor:pointer;
}
#whiteStation .el-icon-delete {
  position:absolute;
  top:0;
  right:0;
  color:#ED768B;
  font-weight:bold;
  cursor:pointer;
}
/*advertising*/
#advertising .table .banner{
  border-top:1px solid #EBEEF5;
  overflow: hidden;
}
#advertising .table .banner>div{
  width:20%;
  padding:0 20px;
  line-height: 30px;
  font-size: 14px;
  float: left;
}
#advertising .table .banner>div p{
  width: 100%;
  overflow: hidden;
}
#advertising .table .banner>div .img{
  height: 200px;
  overflow: hidden;
}
#advertising .table .banner>div img{
  width: 100%;
  max-height: 200px;
}
/*information*/
#information .container {
  max-width:800px;
  margin:0 auto;
  padding-top:5%;
}
#information .brand {
  font-weight:bold;
  color:#004070;
  line-height:50px;
  font-size:2.6rem;
  margin-bottom:20px;
}
#information .brand img,#information .brand div {
  float:left;
  line-height:50px;
  margin-right:15px;
}
#information .el-col .el-col {
  padding:15px 0;
  font-size:1.6rem;
}
#information .title {
  font-size:2rem !important;
  font-weight:bold;
}
/*user*/
#user .stationNameList{text-align: left;}
#user .stationNameList span{margin-right:10px;display: inline-block;}
.stationShow{ text-align:left; }
.stationShow h5{ padding:10px 0}
.stationShow span{
  margin: 5px 10px;
  background-color: #F6F6F6;
  display: inline-block;
}
/*password*/
#password {
  height:100%;
}
#password .password {
  width:60%;
  min-width:550px;
  margin:0 auto;
  padding-top:100px;
}
#password .password .el-steps--simple {
  background:#f0f9eb;
  margin-bottom:60px;
}
#password .password .identity p {
  height:30px;
  line-height:30px;
  font-size:18px;
  font-weight:bold;
}
#password input {
  padding-left:50px
}
#password button {
  width:180px;
}
#qrcode {
  min-height:20rem;
}
#qrcode img {
  margin:auto;
}
.qrcodeForm{
  width: 100%;
  overflow: hidden;
}
.qrcodeForm .el-form-item {
  width: 200px;
  float: right;
}
#codeImg{
  max-width: 300px;
  border:1px solid #ccc;
}
/*role*/
#role {
  font-size:16px;
  height:100%;
}
#role .video-monitoring {
  width:680px;
  margin:auto;
  overflow:hidden;
  height:calc( 100% - 40px );
}
#role .role-th {
  padding-left:158px;
}
#role .role-th span {
  width:100px;
  text-align:center;
  display:inline-block;
}
#role .el-tree {
  line-height:30px;
  height:calc( 100% - 25px );
  overflow-y:auto;
}
#role .el-block {
  padding-top:10px;
}
#role .el-block .el-label .nameFth {
  font-weight:bold;
}
#role .el-label:hover {
  background-color:#EBEEF5;
}
#role .el-label .name {
  width:100px;
  display:inline-block;
  cursor:pointer;
}
#role .el-menu {
  padding-left:20px;
  border-right:0px;
}
#role .el-tree-node__expand-icon {
  cursor:initial;
}
#role .show {
  display:none;
}
#role .role {
  display:inline-block;
}
#role .role1 {
  padding-left:40px;
}
#role .role2 {
  padding-left:20px;
}
#role .role .el-checkbox {
  margin:0 43px;
  text-align:center;
}
/*information*/
#information .el-image{
  width: 50px; 
  height: 50px;
}
#information .code {
  max-width:800px;
  margin:0 auto;
}
#information p.subheading {
  width:100%;
  height:30px;
  line-height:30px;
  margin-top:30px;
  overflow:hidden;
}
#information .subheading span {
  display:inline-block;
  margin-right:5px;
  float:left;
  font-size:1.8rem;
  font-weight:bold;
}
#information .content {
  padding-left:10px;
  overflow:hidden;
}
#information .content p.infor {
  line-height:30px;
  font-size:1.6rem;
}
#information .content img {
  width:35%
}
/*setJurisdictionJson*/
#setJurisdictionJson{height:100%;padding:20px;overflow-y: auto;}
#setJurisdictionJson .el-tabs,#setJurisdictionJson .el-tab-pane{
  height: 100%;
}
#setJurisdictionJson .el-tabs__content{
  height: calc( 100% - 40px );
  overflow-y: auto;
}
#setJurisdictionJson .box{height:100%;padding-top: 20px;}
#setJurisdictionJson .dv1{width:100%;height:10%;float: left;}
#setJurisdictionJson .dv2{width:50%;height:90%;float: left;}
#setJurisdictionJson .dv3{width:50%;height:90%;float: left;padding-left: 20px;}
#setJurisdictionJson .dv4,#setJurisdictionJson .dv4{width:100%;overflow: hidden;}
#setJurisdictionJson .dv5 div{font-size: 12px;width: 20%;padding: 10px 0;float: left;}
#setJurisdictionJson .el-textarea{height: 85%}
#setJurisdictionJson .el-textarea .el-textarea__inner{height: 100%}
#setJurisdictionJson .el-tree{margin:10px 0}
#setJurisdictionJson .el-tree-node__content .el-tree-node__label{font-weight: bold;color:#333;}
#setJurisdictionJson .el-tree-node__children .el-tree-node__label{font-weight: 300;}
#setJurisdictionJson .el-tree-node .el-tree-node__children .el-tree-node>.el-tree-node__content{color:blue;}
#setJurisdictionJson .el-tree-node__children .el-tree-node__label{color:#409eff;}
#setJurisdictionJson .el-tree-node__children .el-tree-node__children .el-tree-node__label{color:#67c23a;}
/*threadPool*/
#threadPool .el-tab-pane{height:100%;background-color:#F4F6F9;overflow: auto;}
#threadPool .chartSum{padding: 20px;background-color: #ffffff;margin-bottom: 20px;}
/*rpchart、report*/
#rpchart .el-alert{
  border-radius: 0px;
}
#rpchart .chunk {
  width:100%;
  overflow:hidden;
  background:#ffffff;
  border-bottom:20px solid #F4F6F9;
}
#rpchart .el-alert--success.is-dark {
  font-weight:bold;
}
#rpchart .block {
  width:100%;
  overflow:hidden;
  padding-bottom:20px;
}
#rpchart .block .chart,#rpchart .block .table-ranking {
  width:50%;
  overflow:hidden;
  float:left;
}
#rpchart .block .chart{
  height:345px;
}
#rpchart .block .table.wth100{
  width:100%;
}
#rpchart .totalTitle {
  padding:15px;
  margin-bottom:20px;
  border-bottom:1px solid #F4F6F9;
  font-size:14px;
  text-align:center;
}
#rpchart .totalTitle span {
  color:#3B69E9;
  font-weight:bold;
}
#rpchart .table-ranking {
  overflow:hidden;
}
#rpchart .blockrak {
  overflow:hidden;
  padding-bottom:20px
}
#rpchart .table-ranking .ranking,#rpchart .ranking {
  width:50%;
  float:left;
  padding:0 10px
}
#rpchart .totalTab4 .ranking{
  width: 33.333%;
}
#rpchart .tit-block .name {
  height:40px;
  line-height:40px;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  color:#3B69E9;
}
#rpchart .tit-block .name.red {
  color:#E93B3B;
}
#rpchart .matter {
  overflow:hidden;
  padding:0 10px
}
#rpchart .matter .el-table {
  margin-bottom:20px
}
#rpchart .matter .el-table .el-table__header-wrapper .cell {
  text-align:center;
}
#rpchart .assess tbody tr.el-table__row:last-child {
  font-weight:bold;
  color:#333333
}
#report .modal span.title{
  font-weight: bold;
}
#report .modal .li {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 5px 5px 0;
    position: relative;
    overflow: hidden;
}
#report .modal .li i.red{
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
#report .modal .el-form-item {
    margin-bottom: 5px;
}
#rpchart .el-table .cell.el-tooltip, #report .el-table .cell.el-tooltip{
  white-space: pre-line;
}
/*-----------------*/
@media screen and (max-width:600px) {
  html,body {
    font-size:8px;
  }
  #login .box{
    width: 80%;
    left: 10%;
    border-radius: 5px;
  }
  #login .box .left{
    display:none;
  }
  #login .box .right{
    width: 100%;
  }
  #login .box .right .mainBox{
    padding: 10px 20px;
  }
  #login .box .el-code .bar{
    margin-top: 10px;
  }
  #login .el-form-item.button {
    margin-bottom: 0px;
  }
  .modal .el-dialog{
    width: 60%;
  }
  .el-header-right .titleGreet {
    display:none;
  }
  .el-header-left {
    display:none;
  }
  .el-aside {
    height: 100%;
    position:absolute;
    z-index:9999;
  }
  #indexChart {
    padding:10px;
  }
  #indexChart .left,#indexChart .right {
    width:100%;
    height:300px;
  }
  #indexChart .block1 .grid .cell {
    padding:15px 0;
  }
  #indexChart .block1 .grid .cell p {
    height:36px
  }
  #indexChart .block1 .grid .cell .nun {
    font-size:3rem;
  }
  #indexChart .block2 .grid2 {
    margin-left:0;
    padding:0;
  }
  #indexChart .block5 .cell .number {
    font-size:16px;
    font-weight:bold;
  }
  #indexChart .block5 .cell .name {
    font-size:12px;
  }
  .el-btn .btn,.el-btn .search ,#stake .search{
    width:100%;
    max-width:100%;
  }
  .el-btn .btn,.el-btn .search>div {
    margin-bottom:10px;
  }
  .tabsChart .el-btn {
    padding-left:0px;
    position:initial;
    right:initial;
    z-index:999;
  }
  #stungunPaging .li {
    width:100%;
    float:initial;
  }
  #month .chartSpline, #year .chartSpline {
    width:100%;
    padding: 0px;
    float:inherit;
  }
  #password .password {
    width:95%;
    min-width:auto;
    padding-top:10px;
  }
  #information {
    background:#fff;
  }
  #information .el-col,#information .code {
    width:100%;
    padding-left:10px;
  }
  .modal .el-dialog {
    width:100% !important
  }
  .modal .el-form-item {
    width:100%;
    float:initial;
  }
  .el-pagination {
    width:100%;
    overflow-x:auto;
  }
  #rpchart .block .chart,#rpchart .block .table-ranking {
    width:100%;
    height:auto;
  }
}
@media screen and (min-width:2000px) {
  html,body {
    font-size:12px;
  }
}
@media screen and (min-width:3000px) {
  html,body {
    font-size:14px;
  }
}