body {
    font-size: 14px;
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    color: #333;
    min-height: 600px;
    overflow-x:hidden;
}
a{cursor:pointer;}
.fl{
  float:left;
}
.fr{
  float:right;
}
.clearfix:after{
  content:"";
  display:block;
  clear:both;
}
.f-none{
    display:none;
}
.f-hidden{
  overflow:hidden;
}
.f-nowrap{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.iconfont, .iconfont:before, .el-button:before {
    position: relative;
}
.iconfont, .el-button:before{
    display: inline-block;
    margin-right: 3px;
}
/*加载状态 loading css*/

.el-loading-spinner .circular {
    width: 50px;
    height: 50px;
}
.el-loading-spinner .el-loading-text {
    font-size: 15px;
    letter-spacing: 1px;
}
/*确定取消框css*/
.f-confirm-dialog .iconfont {
    font-size: 32px;
    top: 8px;
}
.f-confirm-dialog .f-confirm-dialog-message {
    font-size: 16px;
    letter-spacing: 1px;
    margin-left:5px;
}
.f-confirm-dialog .icon-yiwen{
    color:#ff4f3e;
}
.f-confirm-dialog .icon-warning {
    color: #fc5f04;
}
.f-confirm-dialog .icon-info {
    color: #3da8f5;
}
.f-pointer{
    cursor:pointer;
}
.f-pointer.is-leaf{
    cursor:default;
}
.f-disabled {
    cursor:not-allowed;
}
.f-splitline{
  width:100%;
  border-bottom:1px solid #f4f4f4;
  height:20px;
}
.f-title{
  font-size:16px;
  color:#333;
  font-weight:normal;
  height:40px;
  line-height:40px;
}
.f-h3{
  font-size:16px;
}
.f-cancelmargin{
  margin:0!important;
}
.f-cancelpadding{
  padding:0!important;
}
.f-borderbottom{
  border-bottom:1px solid #f4f4f4;
}
.f-fontalignc{
  text-align:center;
}
.f-fontalignr{
  text-align:right;
}
.f-shadow{
  border:1px solid #f4f4f4;
  border-radius:2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.f-bgwhite{
  background:#fff;
}
.f-bgradius{
    background:#fff;
    border-radius:2px;
}
.f-fontwhite{
  color:#fff;
}
.f-padding{
  padding:0 15px 20px;
}
.f-shadowbox{
  background:#fff;
  border:1px solid #f4f4f4;
  border-radius:2px;
  box-shadow: 0px 2px 20px rgba(153, 153, 153, 0.3);
}
/*element (input,button,message-box,checkbox,select,textarea) css*/
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
.el-table__body tr.current-row > td {
    background: #c3d5ed;
}
.el-table .cell>span{
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.el-table .red{
    background:red !important;
}
.el-table th > .cell {
    white-space: nowrap;
}
.el-table .cell, .el-table th > div {
    padding-left: 5px;
    padding-right: 5px;
    white-space:nowrap;
}
.el-table .cell>div{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.el-table td, .el-table th.is-leaf{
    text-align:center;
}
.empty-item .el-input__inner, .empty-item.el-select .el-input__inner, .empty-item .el-checkbox__inner {
    border-color: #20a0ff;
}
.el-input__inner, .el-button,.el-select .el-input__inner {
    border: 1px solid #bfcbd9;
    height:30px;
}
.el-form-item__content{
    line-height:30px;
}
.el-input__inner:hover, .el-button:hover,.el-select .el-input__inner:hover, .el-textarea__inner:hover,.el-cascader .el-input__inner:hover {
    border-color: #8b9db5;
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: #4caf50;
    background-color: #4caf50;
}
.el-radio__inner:hover {
    border-color: #4caf50;
}
.el-message-box{
    width:520px;
}
.el-message-box__wrapper .el-message-box__btns .el-button--default:hover {
    border-color: #4caf50;
    color: #4caf50;
}
.el-message-box__wrapper .el-message-box__btns .el-button--primary {
    background-color: #4caf50;
    border-color:#4caf50;
    color: #fff;
}
.el-message-box__message p{
    font-size:16px;
}
.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color:#8b9db5;
    background:#fff;
}
.el-pagination__editor:focus {
    outline: 0;
    border-color: #8b9db5;
}
.el-message-box__wrapper .el-message-box__btns .el-button--primary:hover{
    background-color:#70bf73;
    border-color:#70bf73;
    color:#fff;
}
.el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
    background-color: #7c95b5;
}
.el-input__inner:focus, .el-button:focus, .el-message-box__btns .el-button:focus, .el-select .el-input__inner:focus, .el-textarea__inner:focus,.el-select .el-input__inner:focus{
    border-color: #8b9db5;
}
.el-message-box .el-button span {
    position: relative;
    top: -3px;
}

.el-checkbox_filter .el-checkbox__input .el-checkbox__inner {
    width: 15px;
    height: 15px;
    border-color: #8b9db5;
   
}
.el-checkbox_filter .el-checkbox__label {
    color: #333;
    font-size: 15px;
   
}

.el-checkbox__inner {
    width: 16px;
    height: 16px;
    border-color:#8b9db5;
}
.el-checkbox__label {
    color: #999;
    font-size: 13px;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #4caf50;
    border-color: #4caf50;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #4caf50;
}
.el-checkbox__inner:hover {
    border-color: #4caf50;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color: #3e526b;
}
.el-dialog {
    margin-bottom:0px;
}
.el-dialog__body{
    padding:20px;
}
.el-select .el-input .el-input__icon{
    z-index:100;
}
.el-dialog .el-select .el-input .el-input__icon{
    z-index:2001;
}
.f-bg-dialog .el-dialog {
    top:80px;
    background: #f4f4f4;
   
}
.f-doing-detail {
    overflow: hidden;
}

.el-button--small {
    font-size: 14px;
}
.el-date-editor .el-input__icon + .el-input__inner {
    cursor: pointer;
}
.el-cascader-menu__item.is-active {
    background-color: #7c95b5;
}
.el-cascader-menu__item.is-active:hover{
    background-color:#8b9db5;
}
.el-form-item{
    margin-bottom:15px;
}
.el-date-table td.current:not(.disabled), .el-date-table td.end-date, .el-date-table td.start-date {
    line-height: 32px;
    background-color: #3da8f5!important;
}
.el-date-table td.today, .el-picker-panel__link-btn {
    color: #3da8f5;
}
.el-picker-panel__btn {
    background: #fff;
    border: 1px solid #8b9db5;
    color: #1f2d3d;
    line-height: 24px;
    border-radius: 4px;
    padding: 0 10px;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
}
.el-picker-panel__btn:hover{
    border-color:#4caf50;
    color:#4caf50;
}
/*按钮样式css*/
button.f-primary-button-light-gray,
button.f-primary-button-green,
button.f-primary-button-blue,
button.f-primary-button-orange,
button.f-default-button,
button.f-primary-button-gray,
button.f-plain-button-green,
button.f-plain-button-blue{
    font-size: 14px;
}
button.f-text-button, 
button.f-text-button-blue, 
button.f-text-button-green {
    border: none;
    font-size:18px;
}
button.f-text-button {
    color: #3e526b;
}
button.f-text-button:hover,
button.f-text-button:active,
button.f-text-button:focus{
    color:#4caf50;
}
button.f-text-button-blue {
    color: #3da8f5;
}
button.f-text-button-blue:hover,
button.f-text-button-blue:active,
button.f-text-button-blue:focus {
    color: #64b9f7;
}
button.f-text-button-green{
    color:#4caf50;
}
button.f-text-button-green:hover,
button.f-text-button-green:active,
button.f-text-button-green:focus{
    color:#70bf73;
}
button.f-plain-button-green.is-plain{
    color: #4caf50;
    background: #f5fdf6;
    border-color: #c3ebc5;
}
button.f-plain-button-green.is-plain:hover,
button.f-plain-button-green.is-plain:active,
button.f-plain-button-green.is-plain:focus{
    color: #fff;
    background: #4caf50;
    border-color: #4caf50;
}
button.f-plain-button-blue.is-plain {
    color: #3da8f5;
    background: #f4fbfc;
    border-color: #b5d8da;
}
button.f-plain-button-blue.is-plain:hover,
button.f-plain-button-blue.is-plain:active,
button.f-plain-button-blue.is-plain:focus{
    color: #fff;
    background: #3da8f5;
    border-color: #3da8f5;
}
button.f-default-button {
    background: #fff;
    border: 1px solid #8b9db5;
}
button.f-default-button:hover,
button.f-default-button:active,
button.f-default-button:focus{
    border-color: #4caf50;
    color: #4caf50;
}
button.f-primary-button-gray, button.f-disabled-button-done.is-disabled {
    background: #7c95b5;
    border: 1px solid #7c95b5;
    color: #fff;
}
button.f-primary-button-gray:hover,
button.f-primary-button-gray:active,
button.f-primary-button-gray:focus,
button.f-disabled-button-done.is-disabled:hover,
button.f-disabled-button-done.is-disabled:active,
button.f-disabled-button-done.is-disabled:focus{
    background: #a7bdda;
    border: 1px solid #a7bdda;
    color: #fff;
}
button.f-primary-button-green {
    background: #4caf50;
    border: 1px solid #4caf50;
    color: #fff;
}
button.f-primary-button-light-gray {
    background: #f8f9fb;
    border: 1px solid #bfcbd9;
    color: #999999
}
button.f-primary-button-light-gray:hover,
button.f-primary-button-light-gray:active,
button.f-primary-button-light-gray:focus{
    background: #3da8f5;
    border: 1px solid #3da8f5;
    color: #fff;
}
button.f-primary-button-green:hover,
button.f-primary-button-green:active,
button.f-primary-button-green:focus {
    background: #70bf73;
    border: 1px solid #70bf73;
    color: #fff;
}
button.f-primary-button-blue {
    background: #3da8f5;
    border: 1px solid #3da8f5;
    color: #fff;
}
button.f-primary-button-blue:hover,
button.f-primary-button-blue:active,
button.f-primary-button-blue:focus{
    background: #64b9f7;
    border: 1px solid #64b9f7;
    color: #fff;
}
button.primary-button-deep-blue {
    background: #02a7f0;
    border: 1px solid #02a7f0;
    color: #fff;
}
button.f-primary-button-deep-blue:hover,
button.f-primary-button-deep-blue:active,
button.f-primary-button-deep-blue:focus {
    background: #4db3ff;
    border: 1px solid #4db3ff;
    color: #fff;
}
button.f-primary-button-orange {
    background: #ff6a33;
    border: 1px solid #ff6a33;
    color: #fff;
}
button.f-primary-button-orange:hover,
button.f-primary-button-orange:active,
button.f-primary-button-orange:focus{
    background: #ff895d;
    border: 1px solid #ff895d;
    color: #fff;
}
/*处理按钮加载状态样式问题*/
.el-button.is-loading:before {
    right: -4px;
}
/*$message弹框位置css*/
.el-message {
    top: 10%;
}
/*弹出框气泡样式*/
.el-popover {
    font-size: 13px;
}
.el-popover[x-placement^=bottom] {
    margin-top: 0px;
}
/*tab 样式css*/
.el-tabs__item{
    font-size:16px;
}
.el-tabs__item.is-active{
    color:#4caf50;
}
.el-tabs__active-bar{
    background-color:#4caf50;
}
.el-form-item__label{
    font-size:13px;
}
.el-form-item.is-required .el-form-item__label:before {
    color: #ff4f3e;
}
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner {
    border-color: #ff4f3e;
}
.add .el-form-item__error {
    color: #ff4f3e;
    top: 22%;
    left: 5px;
    background: #fff;
}
/*滚动条插件css*/
.vue-scrollbar__wrapper{
    background:transparent;
}
.vue-scrollbar__scrollbar-vertical .scrollbar{
    width:5px;
    border-radius:2px;
}
.vue-scrollbar__scrollbar-vertical{
    width:5px;
}
.vue-scrollbar__scrollbar-vertical .scrollbar, .vue-scrollbar__scrollbar-horizontal .scrollbar{
    background: rgba(62, 82, 107, 0.5);
}
.vue-scrollbar__scrollbar-vertical:hover, .vue-scrollbar__scrollbar-horizontal:hover{
    background: rgba(62, 82, 107, 0.3);
}
/** el-badge */
.el-badge__content {
    background-color:#fc5f04;
    border:none
}
.el-tag--primary {
    background-color: #f5fdf6;
    border-color: #c3ebc5;
    color: #4caf50;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
    color:#4caf50;
}
.el-tag--primary .el-tag__close:hover{
    background:#4caf50;
}
/*分页部分样式*/
.f-pagination {
    margin-top: 10px;
    text-align: right;
    padding-bottom: 10px;
}
.f-pagination .el-pager li {
    margin-right: 0;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}
.f-pagination button:hover {
    color: #4caf50;
}
.f-pagination button, .f-pagination span {
    height: 30px;
    line-height: 30px;
    min-width: 30px;
}
.f-pagination .el-pagination__editor {
    width: 30px;
    line-height: 20px;
}
.f-pagination .el-pager li:hover {
    color: #4caf50;
}
.f-pagination .el-pager li.active + li {
    padding-left: 15px;
}
.f-pagination .el-pager li.active {
    border-color: #4caf50;
    background-color: #4caf50;
    color: #fff;
    cursor: pointer;
}
.f-pagination .el-pagination__total {
    margin: 2px 10px 0;
}
[v-cloak] {
    display: none !important;
}
/*自动测算，自动撰写，案例管理页面留白问题处理*/
/*@media screen and (min-width:992px) and (max-width:1200px) {
    .f-blank-space {
        padding: 30px 60px;
    }
}
@media screen and (min-width:1200px){
    .f-blank-space{
        padding:30px 150px;
    }
}*/