html{
                 font-size: 20px;
             }
.bg-img{
    background-position: top;
}
.bg-dark-img{
    background-position: top;
}
.index-header{
    background-position: center center;
    background-repeat: no-repeat;
}
@media screen and (min-width: 1920px) {
    .index-header{
        background-size: 100% 100%;
    }
}
/*整体加载等候*/
.loading-mask{
    position: absolute;
    z-index: 10001;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.loading-box{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
}
.loading-box .loading{
    font-size: 40px;
    margin: 5px;
}

/*vue -- v-cloak解决刷新或者加载出现闪烁*/
[v-cloak]{
    display: none;
}

/*base*/
body{
    padding:0;
    margin: 0;
    overflow: hidden;
}
.block{
    display: block;
}
.o-auto{overflow:auto;}
.o-x-auto{overflow-x:auto;}
.o-y-auto{overflow-y:auto;}
.o-hidden{overflow: hidden}
/*系统管理-应用*/
/*下拉弹窗 复选框纵向排列*/
.column-checkbox{
    width: 100%;
}
.column-checkbox> .el-checkbox{
    width: 100%;
}
.column-checkbox> .el-checkbox+.el-checkbox{
    margin-left: 0px;
}
/*页面列表*/
.inner-container{
    border-radius: 5px;
    position: relative;
    height: calc(100vh - 20px);
    width: calc(100vw - 20px);
    margin: 10px;
    overflow: hidden;
}
.dateScroll{
    overflow: scroll !important;
}
/*查询区域begin*/
.search-container {
    border-radius: 5px 5px 0 0;
    height: auto !important;
}
.search-container .el-col{
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-left: 10px;
    margin-top: 10px;
}
.search-container .search-cell{
    display: inline-block;
    margin-bottom:10px;
    margin-right: 20px;
}
.search-container .search-cell > label{
    font-size: 0.6rem;
    padding-right: 5px;
}
/*修复国产化环境下bug*/
.search-container .search-cell input{
    border-radius: 3px;
}
.search-container .search-cell .el-input-group--append .el-input__inner,
.search-container .search-cell .el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search-container .search-cell .el-input-group__append {
    min-width: 30px;
    border-radius: 0;
}
.search-container .search-cell .el-input-group__append:last-child {
    border-radius: 0 4px 4px 0;
}
.search-container .search-cell .el-input{
    width: auto;
}
/*上边按钮区域begin*/
.buttons-container{
    box-sizing: border-box;
}
.buttons-container .el-col{
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}
.buttons-container .el-button+.el-button,
.buttons-container .el-button+span,
.buttons-container span+.el-button{
    margin-left: 5px ;
}
.buttons-container .el-button-group {
    float: right;
}
.buttons-container .el-button-group .el-dropdown{
    float: left;
    margin: 0 0 0px -2px;
}

.buttons-container .el-button-group .el-dropdown button{

}
.buttons-container .el-button-group .el-dropdown+.el-button{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin:0 5px
}
.buttons-container .el-button-group .el-dropdown .el-button.el-button--primary.is-plain{
    margin: 0 0px 0 1px;
    border-radius: 0;
    border-left: none;
}
.buttons-container .el-button-group .el-dropdown+.el-dropdown .el-button.el-button--primary.is-plain{
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.buttons-container .el-button-group .el-button--primary.is-plain{
    margin-left: 0;
    padding: 7px 10px;
}
.buttons-container .el-button-group .el-button:not(:first-child):not(:last-child) {
    border-left: none;
    border-right: none;
    margin-left: 0;
}
/*按钮组响应隐藏*/
.buttons-container .el-button+.hide-btns {
    margin-left: 5px !important;
}
.hide-btns .hide-more.el-button {
    display: none;
}
.hide-btns, .hide-in{
    display: inline;
}

@media screen and (max-width: 1500px) { /*响应宽度由1700px缩小为1200px*/
    .hide-btns .hide-more.el-button {
        display: inline-block;
    }
    .hide-btns {
        position: relative;
        z-index: 1;
        width: 80px;
        display: inline-block;
    }
    .hide-btns .hide-in span{
        margin: 0 !important;
    }
    .hide-btns .hide-in .el-button+.el-button,
    .hide-btns .hide-in .el-button+span,
    .hide-btns .hide-in span+.el-button{
        margin-left: 0px ;
    }
    .hide-btns:hover .hide-in {
        display: block;
    }
    .hide-btns .el-button {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        margin-top: 0px !important;
    }
    .hide-in {
        position: absolute;
        top: 28px;
        padding-top: 0;
        min-width: 135px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        display: none;
        background: #fff;
        box-shadow: 0 0 15px rgba(186, 186, 186, .6);
        border-radius: 4px;
    }
    .hide-btns .hide-in .el-button {
        border-radius:0;
    }
    .buttons-container .hide-in .el-button+.el-button{
        margin-left: 0px ;
    }
    .hide-in .el-button:first-child{
        border-radius:4px 4px 0 0;
    }
    .hide-in .el-button+.el-button:last-child{
        border-radius:0 0 4px 4px ;
    }
    .hide-in .el-button {
        text-align: left;
    }
}
/*表格区域*/
.table-container{
    background: #fff;
}
.table-container table{
    min-width: 100%;
}
.table-container .el-table{
    border-left: none;
    border-right: none;
}
.table-container .mainTable{
    width: 100%
}
.table-container .rowdisable td*{
    opacity: 0.5;
}
.table-container .disable td:not(first-child) *{
    opacity: 0.5;
}
.table-container .disable td:first-child .cell,
.table-container .disable td:first-child .cell  .el-checkbox,
.table-container .disable td:first-child .cell  .el-checkbox .el-checkbox__input,
.table-container .disable td:first-child .cell  .el-checkbox .el-checkbox__inner{
    opacity: 1 !important;
}
.table-container .el-table__body tr.current-row,
.table-container .el-table__body tr.current-row>td:first-child{
    box-sizing: border-box;
}

/*表格内操作图标*/
.table-container  td .cell i{
    cursor: pointer;
    font-size: 0.7rem;
    padding: 0 5px;
    font-style: normal;
}
.table-container .el-tooltip.disable i{
    cursor: not-allowed;
    color: #999 !important;
}
/*分页*/
.pagination-container{
    position: absolute !important;
    bottom: 0;
    width: inherit;
    border-radius: 0 0 5px 5px;
    z-index: 4;
}
.pagination-container .el-pagination{
    margin: 10px 0;
}
/*firefox下的input出现红色边框*/
/*输入的值超过了输入框的限定范围了*/
.pagination-container .el-pagination .el-input__inner{
    box-shadow: none;
}

/*左侧区域*/
.side-left-container{
    width: 229px !important;
    height: 100%;
    margin-right:0;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.treeMenu-hd{
    min-height: 60px;
}
.treeMenu-hd .treeMenu-title{
    font-size: 0.9rem;
    font-weight: 400;
    text-align: right;
    padding: 12px 15px 13px 15px;
    display: flex;
    height: 60px;
    box-sizing: border-box;
}
.treeMenu-hd .treeMenu-title span{
    flex: 1;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
}
.treeMenu-hd .treeMenu-title span:after{
    content: "";
    width: 18px;
    height: 4px;
    display: block;
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
}
.treeMenu-hd .treeMenu-title span i {
    font-size: 0.9rem;
}
.treeMenu-hd .treeMenu-search{
    padding:0 15px;
    height: 30px;
}
.treeMenu-bd{
    height: calc( 100% - 82px);
}
.treeMenu-bd .tree-scrollbar-container{
    padding-top: 15px;
    height: 100%;
    box-sizing: border-box;
}
.treeMenu-bd .tree-scrollbar-container .el-scrollbar__wrap{
    overflow-x: hidden;
}
.deptBaseInfo span.title{
    display: inline-block;
    margin-left: 17px;
    padding-bottom: 20px;
    font-weight: 600;
}
/*左侧树区域 上部带操作按钮图标*/
.side-left-btns{
    line-height: 40px;
}
.side-left-btns  i{
    font-size: 18px;
    margin-left: 12px;
    cursor: pointer;
}

/*右侧区域*/
.main-right-container{
    height: 100%;
    padding: 0;
    float: left;
}

/*右侧侧栏区域*/
.side-right-container{
    width: 229px !important;
    height: 100%;
    margin-right:0;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.side-right-inner{
    height: 100%;
}
/*系统默认滚动条*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    border:0;
    border-radius: 0;
}

/*二级表单页*/
.index-header{
    height:88px !important;
    overflow: hidden;
    width: 100vw;
    display: block;
    padding: 0;
}

.form-container{
    overflow: auto;
    width: 100vw;
    display: block;
}
.form-container .box-card{
    width: 1000px;
    margin: 20px auto;
}
/*上传头像*/
.form-container .avatar-uploader-container{
    text-align: center;
}
.form-container .avatar-uploader-container .avatar-uploader{
    margin: 20px;
}
.form-container .avatar-uploader .el-upload {
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.form-container .avatar-uploader-icon {
    font-size: 1.4rem;
    width: 125px;
    height: 125px;
    line-height: 125px;
    text-align: center;
}
.form-container .avatar {
    width: 125px;
    height: 125px;
    display: block;
}
.formInline{
    display: inline-block;
}

.form-footer,
.new-tab-page .page-ft{
    height: 60px;
    line-height: 58px;
    width: 100vw;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
}

/*vue 人员选择器*/
.userSelect{
    z-index:9999;
}
.userSelector-container{
    width: 100%;
    height:100%;
    float: left;
    display: block;
    position: relative;
}
.userSelector-container *{
    box-sizing: border-box;
    /*border: none !important;*/
}
.userSelector-container th,
.userSelector-container td{
    text-align: left;
    padding-left: 10px;
}
.userSelector-container th:first-child{
    text-align: center;
}
.userSelector-container .el-scrollbar__wrap{
    overflow: hidden;
    transition: .3s;
}
.userSelector-container .el-select-dropdown{
    display: none;
    transition: .3s;
}
.userSelector-container .el-select-dropdown.active{
    display: block;
}
.userSelector-container .el-select-dropdown__item {
    padding: 0 10px;
}
.userSelector-container .el-transfer-panel__filter{
    margin: 0;
    margin-bottom: 5px;
}
.userSelector-container .el-transfer-panel__filter input{
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    padding-left: 10px;
}
.input-with-select .el-select>.el-input{
    min-width: 80px;
}
.userSelector-hd{
    position: absolute;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    border-radius: 4px;
    background: #4D90FD;
}
.userSelector-hd .title{
    font-size:0.7rem;
}
.userSelector-hd .opr{
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
    font-size: 1rem;
}
.userSelector-bd{
    text-align:center;
    width: 100%;
    position: absolute;
    top:60px;
    bottom: 60px;
    left:0;
    right: 0;
    padding: 10px;
}
.userSelector-bd .el-transfer-panel {
    width: 280px;
    height: 100%;
    border: none;
}
.userSelector-container .el-transfer-panel__body{
    height: 100%;
}
.userSelector-container .el-transfer-panel__body .input-with-select{
    argin: 0;
    margin-bottom: 5px;
}
.el-transfer-panel__list.is-filterable{
    height: calc(100% - 35px);
}
.userSelector-bd .el-transfer__buttons {
    padding: 0 10px;
}
.userSelector-bd .userSTable{
    width: 100%;
}
.userSelector-bd .userSTable{
    font-size: 0.7rem;
}
.userSelector-bd .userSTable .closeSel:hover i.el-icon-close{
    cursor: pointer;
}
.userSelector-ft{
    height:50px;
    line-height: 50px;
    width: 100%;
    position: absolute;
    padding:0 10px;
    bottom:0;
    text-align: right;
}
.userSelector-container .el-select #realName{
    border: none;
    height: 26px;
}
/*人员选择器noHeadAndFoot-start*/
.userSelect.noHeadAndFoot{
    box-shadow: none;
}
.userSelect.noHeadAndFoot .userSelector-bd{
    top: 0;
    bottom: 0;
}
/*人员选择器noHeadAndFoot-end*/
/*定位图标*/
.userSelector-container .pos-tree-icon {
    position: absolute !important;
    right: 10px;
    top: 0;
    display: block;
    cursor: pointer;
    font-size: 18px;
    z-index: 1;
}
.userSelector-container .tree-node{
    height: 25px !important;
    padding-top: 3px;
}
/*vue 人员选择器 结束*/

/*对话框 begin*/
.el-dialog .el-row{
    width: 100%;
}
.el-dialog{
    border-radius: 4px;
}
.el-dialog .el-dialog__header {
    padding: 10px 20px 10px;
    border-radius: 4px 4px 0 0;
}
.el-dialog .el-dialog__header .el-dialog__title{
    font-size: 0.7rem;
}
.el-dialog .el-dialog__body {
    padding: 20px 10px;
}
.el-dialog__headerbtn{
    top: 10px;
}
.el-dialog__footer {
    padding: 10px 20px 10px 20px;
}
.el-dialog__footer .dialog-footer .el-button--default:hover{
    opacity: 0.8;
}
.el-dialog__body .dialog-pagination{
    margin-top: 10px;
    margin-bottom: -10px;
}
/*对话框 end*/

/*设置站点*/
.treeDialog .el-dialog .el-row .el-col{
    height: 400px;
    padding: 0 10px;
}
.treeDialog .el-dialog .el-row .el-col:last-child{
    border-right: none;
}

/* el-dialog 上 checkbox 开始*/
.el-dialog .siteList .el-checkbox,
.el-dialog .deptUserList .el-checkbox{
    width: 100%;
    padding: 5px 5px;
    box-sizing: border-box;
    border-radius: 3px;
}
.el-dialog .el-checkbox i[class*=el-icon]{
    padding-right:5px;
}
.el-dialog .el-checkbox+.el-checkbox{
    margin-left:0;
}
/* el-dialog 上 checkbox 结束*/
.siteList,.deptList,.deptUserList,.transferList{
    height: 100%;
}
.el-dialog .el-row .el-col .hd{
    padding: 10px 10px 6px 10px;
    margin-bottom: 10px;
    font-size: 0.8rem;
    position: relative;
}
.el-dialog .el-row .el-col .bd{
    padding:  0;
    overflow: auto;
    height: calc(100% - 50px);
}
.el-dialog .el-row .el-col .transferList .bd{
    padding-right: 5px;
}
.el-dialog .el-row .el-col .hd:after{
    height:2px;
    width: 30px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
}
.el-dialog .shadow{
    padding:0 10px;
}
.transferList .list{
    width: 100%;
    padding: 0;
    display: block;
    float: left;
}
.transferList .list li{
    width: 100%;
    display: block;
    float: left;
    height: 32px;
}
.transferList .list li .el-tag{
    float: left;
    cursor: pointer;
}
.transferList .list li .el-tag .el-icon-close{
    line-height: 18px;
}
.transferList .list li .checkbox-block{
    float: right;
}
.transferList .list li .el-tag:hover i.el-icon-close{
    line-height: 18px;
}
.clickA{
    cursor: pointer;
    text-decoration: underline;
}
/*业务模块权限控制*/
.businessModulePADialog .allSelect{
    margin-left: 20px;
}
.businessModulePADialog .allSelectType {

}
.allSelectType .el-checkbox-button{
    margin: 0 5px;
}
.allSelectType .el-checkbox-button .el-checkbox-button__inner{
    border-radius: 4px;
}
.businessModule{
    width: 100%;
    border-radius: 4px;
}
.businessModule .hd{
    padding: 10px 15px;
    display: flex;
}
.businessModule .hd span{
    flex: 1;
    text-align: left;
}
.businessModule .hd span:last-child{
    text-align: center;
}
.businessModule .bd .el-tree-node__content{
    height: 35px;
    padding-right: 15px;
}
/*对话框 end*/

/*块状选择框 开始*/
/*表单单选复选框*/
.checkbox-block{
    text-align: center;
    min-width: 60px;
    cursor: pointer;
}
.checkbox-block input[type="checkbox"],
.checkbox-block input[type="radio"]{
    display: none;
}
.checkbox-block input[type="checkbox"] + label {
    cursor: pointer;
    font-size: 1em;
}
.checkbox-block input[class^="select-input"] + span.select-point {
    padding: 3px 10px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    max-width: 200px;
    font-size: 0.6rem;
}
.checkbox-block [class^="select-input"] + span.select-point:hover  {
}

.checkbox-block [class^="select-input"] + span.select-point:active  {
    border-top: none;
    padding: 3px 10px;
}
.checkbox-block [class^="select-input"] + span.select-point:after {
    width: 32px;
    position: absolute;
    top: 12px;
    right: 12px;
    height: 32px;
}
.checkbox-block [class^="select-input"] + span.select-point:before {
    content: ' ';
    border-radius: 0;
    width: 17px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 999;
    height: 17px;
    display: none;
    transform: rotate(45deg);
}
.checkbox-block [class^="select-input"]:checked + span.select-point:before {
    display: block;
}
/*块状选择框 结束*/
/*资源管理页面*/
.box-section {
    width: 1200px;
    margin: 20px auto;
}
.box-section .el-header{
    padding: 0
}
.checkedContent label.checked_item{
    width: 24%;
}
.checkedTitle  span.el-checkbox__label{
    font-size: 0.7rem;
}
.el-main .box_blockClass{
    margin-bottom: 10px;
    border-radius: 4px;
}
.el-main .box_blockClass{
    border-left: 4px solid;
}

.box_blockClass .title .grid-content > span{
    margin-right: 10px;
}
.box_blockClass .title{
    padding: 0px 8px;
}
.box_blockClass .content{
    padding: 15px 20px 5px 20px;
}
.box_blockClass .content .grid-content > i{
    margin-left: 10px;
}
.box_blockClass .content .grid-content{
    margin-bottom: 10px;
}

.box-section .el-main{
    padding: 0 0 0 15px;
}
.box-section .el-aside .leftTitle_item{
    float: left;
    margin: 10px 15px;
    cursor: pointer;
    padding: 0px 5px;
    font-size: 0.75rem;
}
.box-section .el-aside .leftTitle_item span{
    padding: 5px 8px;
    font-size: 0.75rem;
}
.resourcePage .el-aside .leftTitle_item:hover{
    border-radius: 50px;
    padding: 0 5px;
}
.box-section .el-aside{
    border-radius: 4px;
}
.box-section .el-card__body{
    padding-left: 0;
}
.right-cont .el-form-item{
    margin-bottom: 0;
}
.box_blockClass .el-form-item__label{
    margin-left: 10px;
    font-weight: bold;
}
.box_blockClass .el-dropdown{
    margin-left: 15px;
}
.resourcePage .el-form{
    padding-bottom: 20px;
}
/*资源管理页面end*/

/*部门管理*/
.deptBaseInfo{
    padding: 10px;
    margin: 10px 12px;
    border-radius: 4px;
}
.deptBaseInfo textarea[readonly="readonly"]{
    border: none;
    resize: none;
    font-size: 0.7rem;
    padding: 0;
    line-height: 28px;
}
.otherDeptInfo .hd{
    padding: 10px 15px;
    margin-bottom: 10px;
}
.otherDeptInfo .hd h3{
    margin: 0;
    font-weight: 400;
    font-size: 0.9rem;
}

/*分类型的数据项*/
.infoType{}
.infoType .title{}
.infoType .title h3{
    height: 20px;
    margin: 0;
    margin-bottom: 10px;
}
.infoType .title h3:before{
    content: ' ';
    width: 4px;
    height: 17px;
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
/*接口api*/
.main-right-container .list_cont{
    padding: 15px;
}
.main-right-container .list_cont .firstbgColor{
    font-size: 0.7rem;
}
.main-right-container .list_cont .list_cont_item{
    font-size: 0.7rem;
}
.main-right-container .box-card .title{
    font-size: 1.1rem;
    padding: 0;
    margin: 0;
}
.box-card .el-text-right{
    text-align: right;
}
.main-right-container .list_cont .grid-content{
    padding-left: 25px;
}
.list_cont .el-row{
    margin: 10px 0;
}
.main-right-container .list_cont .el-card__body{
    padding: 0;
}
.main-right-container .list_cont .el-card{
    margin-bottom: 10px;
    font-size: 0.7rem;
}
.portTree .el-tree-node{
    line-height: 35px;
}

/*选择图标列表弹窗*/
.block-icon-list{}
.block-icon-list li{
    float: left;
    width: 110px;
    text-align: center;
    position: relative;
    overflow: visible;
    border-radius: 5px;
    margin: 5px 5px;
    height: 120px;
    cursor: pointer;
}

.block-icon-list li.selected:after{
    content: '';
    width: 20px;
    height:20px;
    border:2px;
    border-radius: 50%;
}
.block-icon-list i{
    display: inline-block;
    font-size: 1.8rem;
    margin-top: 10px;
    margin-bottom: 5px;
}
.block-icon-list .icon-name{
    width: 100px;
    line-height: 16px;
    font-size: 0.6rem;
    text-align: center;
    margin-top: 2px;
    max-width: 100px;
    text-overflow: ellipsis;
    display: inline-block;
    word-break: break-all;
    padding: 0 3px;
    box-sizing: border-box;
}
.block-icon-list li .item-status-label{
    display: none;
}
.block-icon-list li.selected .item-status-label{
    display: block;
}
.block-icon-list li .item-status-label{
    position: absolute;
    right: -8px;
    top: -8px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
}
.block-icon-list li .item-status-label>i{
    font-size: 0.8rem;
    margin-top: 5px;
    line-height: 1;
}
/*编辑资源-图标-颜色显示*/
.resourceForm .el-color-picker,
.resourceForm i.resource-icon,
.resourceForm .search-icon{
    float: left;
    margin-right: 10px;
}
.resourceForm  i.resource-icon[class*=" el-icon-"]{
    line-height: inherit;
}

/*modelform*/
/*模型页面/添加模型*/
.option_info .bg-purple{
    line-height: 40px;
}
.option_info .bg-purple > span{
    margin-left: 20px;
    font-size: 0.7rem;
}
.option_info .bg-purple > span:first-child{
    margin-left: 0;
}
.option_info .el-input{
    width: 200px;
}
.option_info .el-row{
    margin: 15px 0;
}
.response {
    cursor: pointer;
}
.option_info .floatRiht{
    float: right;
}
.el-table .cell .icon{
    font-size: 0.8rem;
    margin-left: 5px;
}
/*模型表单头部tab切换*/
.menu-tab-switch{
    display: inline-block;
    float: left;
}
.check,
.tips{
    float: left;
    line-height: 60px;
    margin-left: 20px;
}
.tips{
    font-size: 0.6rem;
}
.common-tips{
    font-size: 0.8rem;
    float: left;
    line-height: 60px;
    margin-left: 20px;
}
@media screen and (max-width: 1320px) {
    .new-tab-page .el-header .tips{
        display: none;
    }
}
/*新标签页*/
/*header*/
.new-tab-page .el-header{
    padding: 0;
    z-index: 3;
    position: relative;
}
.new-tab-page .page-hd .title{
    font-size: 1rem;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    min-width: 200px;
    text-align: center;
    float: left;
    word-break: break-all;
    padding: 0 10px;
    box-sizing: border-box;
}
.new-tab-page .page-hd .title i{
    line-height: 1;
}
.new-tab-page .page-hd .icon{
    float: right;
    margin-right: 20px;
    font-size: 1.5rem;
    line-height: 60px;
}
.new-tab-page .el-header i.icon.el-icon-question{
    display: none;
}
/*main*/
.new-tab-page{
    height: 100vh;
    width: 100vw;
}
.new-tab-page .main-container{
    overflow-y: auto;
    overflow-x: hidden;
    min-height:calc( 100vh - 60px - 60px) ;
    flex: none;
}
.new-tab-page .main-container .content-center-container{
    width: 1200px;
    margin: 0 auto;
}
.new-tab-page .main-container+.page-ft{
    height: 60px;
    line-height: 58px;
    width: 100vw;
    text-align: center;
    display: block;
}
.new-tab-page .main-container+.page-ft{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6;
}

.top-container,
.bottom-container{
    width: 100% !important;
    margin-bottom: 10px;
    border-radius: 4px;
    box-sizing: border-box;
}
.top-container{
    height: 230px;
    padding-right: 50px;
    padding-top: 30px;
    padding-left: 0;
}
.bottom-container{
    height: 230px;
    min-height: 230px;
    height: auto !important;
    margin-bottom: 0;
    position: relative;
}
.bottom-container .gwmb{
    position: absolute;
    left: 300px;
    top: 6px;
}
.el-form .model-icon{
    float: left;
    margin-right: 10px;
    font-size: 0.9rem;
}
.bottom-container .form-type > .el-tabs__header .el-tabs__nav-wrap,
.bottom-container .form-type > .el-tabs__content{
    padding: 0 20px;
}

/*颜色选择*/
.choose-color {
    float: left;
    margin-right: 10px;
}
button.text {
    font-size: 0.7rem;
}

/*数据页面设置*/
.data-page-setup{
    height: 100%;
    width: 100%;
}
.data-page-setup,
.data-page-setup .el-tabs__header.is-left,
.data-page-setup .el-tabs__content{
    height: 100%;
}

.data-page-setup .el-tabs__content{
    height: 100%;
    overflow-y: auto;
}
.data-page-setup .el-tabs__content .el-tab-pane{
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
}
.data-page-setup .el-tabs__nav-wrap.is-left{
    padding-top:10px;
}
/*按钮设置*/
.addBtn,
.buttonSet{
    border-radius:4px;
    margin-top:20px;
}
.buttonSet-opr{
    width: 50px;
    height: 145px;
    margin-top: 20px;
    line-height: 145px;
    padding: 0 20px;
}
.buttonSet-opr > i{
    font-size: 1.4rem;
    cursor: pointer;
}
.addBtn{
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-top:10px;
    cursor: pointer;
}
.addBtn i{
    font-size: 1.6rem;
}
.buttonSet:last-child{
    margin-bottom:20px

}
/*按钮设置-cell*/
.buttonSet .hd{
    padding: 10px 20px;
}
.buttonSet .bd{
    padding: 10px 20px;
}
.buttonSet .bd > .el-row{
    padding: 5px 0
}

/*模型添加编辑 =》基本属性页面*/
.inputWidth{width: 200px}
.el-form_inputStyle{
    padding: 20px 50px;
}
.el-form_inputStyle .el-col{
}
.input-checekdList{
    width: 85%
}
.cell{
    cursor: pointer;
}
.footerBtn-center{
    text-align: center;
}

.new-page-leftContainer{
    width: 200px !important;
    height: 100%;
    margin-right:0;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.new-page-rightContainer{
    height: 100%;
    padding: 0;
}
.main-rightInner{
    margin: 10px;
    border-radius: 5px;
    padding: 0;
    height: 100%;
    position: relative;
}
.main-rightInner .dialog-footer{
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.pane-inner-footer{
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.modelAttr{
    padding: 10px 20px;
}
.modelAttr .el-button+.el-button{
    margin-left: 3px;
}
.modelAttr .el-form-item{
    margin-bottom: 0 !important;
}
.el-menu-modelDetail .el-menu-item i {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}
/*模型添加编辑-》标题规则设置弹框*/
.trueChecked .el-checkbox-button{
    width: 22%;
    margin: 5px 10px;
}
.trueChecked .el-checkbox-button--mini .el-checkbox-button__inner{
    width: 100%;
    border-radius: 4px;
}
.previewCont{
    margin-left: 10px;
}
.previewCont .previewChecked{
    min-height: 30px;
}
.el-menu{
    border-right: none;
}
.side-left-inner{
    height: 100vh;
}
/*模型添加编辑-》设置表格关联*/
.tree-node{
    text-align: left;
}
.userSTableTree tr{
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    font-size: 0.6rem;
}
/*iconfont图标初始化尺寸，与element进行统一*/

/*默认的select的样式*/
select{
    height: 27px;
    border-radius: 4px;
    padding: 0 10px;
}
/*模型设置-》查询设置*/
.createCode{
    margin-top: 20px;
}
.model-codeTitle{
    height: 35px;
    line-height: 35px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: none;
}
.model-codeTitle .el-button{
    border: none;
    margin-left: 15px;
}
.model-codeContent{
    width: 100%;
}
.model-codeContent textarea{
    width: 99.9%;
}
/*模型属性表格样式细节处理*/
.model-properties td .cell .el-input__inner{
    padding-left: 4px;
    padding-right: 4px;
}
.model-properties td .cell{
    padding-left: 4px;
    padding-right: 4px;
}
.model-properties td:first-child .cell,
.model-properties th:first-child .cell{
    padding-left: 5px;
    padding-right:5px;
}
.model-properties button.default,
.model-properties button.primary,
.model-properties button.success,
.model-properties button.info,
.model-properties button.warning,
.model-properties button.danger,
.model-properties button.text{
    margin-right: 0;
}
.el-tag{
    margin-right: 10px;
    margin-bottom: 5px;
}
/*模型设置-》权限设置*/
.modelRole-style .el-radio-group{
    padding-left: 30px;
}
.form-item-borderpt{
    margin-left: 68px;
    border-bottom: 1px solid #F0F0F0;
}
.modelRole .el-form-item{
    margin-bottom: 5px;
}
.modelRole .el-form-item__content{
    margin-bottom: 10px;
}
.platform{
    font-size: 0.6rem;
}
/*表格中状态样式*/
.el-table .status{
    padding: 2px 10px;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 0.6rem;
}
/*padding*/
.pt30{
    padding: 30px;
}
.pd30{
    padding: 30px;
}

.inner-container2{
    border-radius: 5px;
    position: relative;
    margin: 10px;
}

/*部署模型-表单权限*/
.formPrev-container .data-container>.el-col{
    padding:0 10px;
}
.formPrev-container .mainTable{
    margin: 0 auto;
}
.formPrev-container .multiTable{
    height: 110px;
}
.formPrev-container .el-table .cell{
    padding-left: 7px;
    padding-right: 7px;
}
/*通用标题分割线*/
.title-division-line{
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    padding: 5px 10px;
    box-sizing: border-box;
}
.title-division-line:after{
    content: '';
    height: 1px;
    width: calc(100% - 20px);
    display: block;
    position: absolute;
    top: 50%;
    z-index: -1;
    margin: 0 auto;
}
.title-division-line>span{
    padding: 0px 20px;
    font-weight: 600;
    position: absolute;
    left: 50px;
    top: 0;
}
/*通用分割线*/
.division-line{
    width: 100%;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
}
.division-line:after{
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
    margin: 0 auto;
}
.formPrev-icon{
    font-weight: 400;
    padding-left: 4px;
    font-size: 0.7rem;
}
.flow-name .el-form-item__label{
    display: inline-block;
    float: left;
}
.flow-name .el-form-item__content{
    font-size: 0.8rem;
}
.permissions-box{
    width: 130px;
}
.permissions-box .el-checkbox+.el-checkbox{
    margin-left: 0;
}
/*全选权限*/
.selectAll-popup {
    width: 120px;
    height: 0px;
    border-radius: 4px;
    position: fixed;
    top: 100px;
    left: 100px;
    z-index: 100;
    min-height: 50px;
    height:  auto !important;
}
.selectAll-popup .el-radio-group{
    padding: 5px 0;
}
.selectAll-popup .el-radio-group .el-radio-button{
    width: 100%;
    float: left;
    border-radius: 0;
    padding: 10px 25px;
    box-sizing: border-box;
    font-size: 0.6rem;
}
.selectAll-popup .el-radio-group .el-radio-button:hover{
    background:#ECF5FF;
}
.selectAll-popup .el-radio-group .el-radio-button .el-radio-button__orig-radio {
    opacity: 1;
    outline: 0;
    position: absolute;
    z-index: 1;
}
.selectAll-popup .el-radio-group .el-radio-button .el-radio-button__orig-radio{
    height: 14px;
    width: 13px;
}
.selectAll-popup .el-radio-group .el-radio-button .el-radio-button__orig-radio:before{
    display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    content: ' ';
    -webkit-transition: background-color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out;
}
.selectAll-popup .el-radio-group .el-radio-button.orange .el-radio-button__orig-radio:checked:before {
    border-radius: 2px;
}
.selectAll-popup .el-radio-group .el-radio-button.green .el-radio-button__orig-radio:checked:before {
    border-radius: 2px;
}
.selectAll-popup .el-radio-group .el-radio-button.blue .el-radio-button__orig-radio:checked:before {
    border-radius: 2px;
}
.selectAll-popup .el-radio-group .el-radio-button .el-radio-button__orig-radio:after{
    -webkit-transition: opacity .05s ease-in-out;
    transition: opacity .05s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    display: table;
    width: 9px;
    top: 3px;
    left: 18%;
    height: 4px;
    border-top: 0;
    border-right: 0;
    content: ' ';
    opacity: 0;
}
.selectAll-popup .el-radio-group .el-radio-button .el-radio-button__orig-radio:checked:after {
    opacity: 1;
}
.selectAll-popup .el-radio-group .el-radio-button .el-radio-button__inner{
    border: none;
    width: 100%;
    border-radius: 0;
    text-align: left;
    padding: 0px  0px 0px 20px;
    box-sizing: border-box;
    box-shadow: none;
}
/*模型设置->统计设置*/
.modelstatisTitle {
    font-size: 0.7rem;
}
.model-select-info .el-form-item__content{
    padding: 5px;
}
.model-condition-info .grid-content{
    margin-bottom: 10px;
    height: 25px;
    line-height: 25px;
}
.model-attention{
    font-size: 0.7rem;
    color: #999;
    margin-bottom: 15px;
}
.redChunk {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-top: 1px
}
.buleChunk{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}
.model-attention span{
    vertical-align: middle;
}
.postTab .el-tabs--card>.el-tabs__header .el-tabs__nav,
.postTab .el-tabs--card>.el-tabs__header .el-tabs__item{
    font-size: 16px;
}
.postTab .el-tabs--card>.el-tabs__header .el-tabs__item{
    width: 167px;
    text-align: center;
}
.postTab .el-tabs__header{
    margin: 0;
}

/*权限设置->个人设置*/
.data-container .el-form-item--mini.el-form-item{
    margin-bottom: 0;
}
.data-container .assigned-role-row{
    display: block;
}
.data-container .assigned-role{
    max-width: calc(100% - 280px);
    overflow: hidden;
    vertical-align: middle;
    float: left;
    height: 30px;
}
.data-container .assigned-role .select-btn{
    margin-right: 10px;
    float: left;
}
.data-container .detail{
    display: inline;
    font-size: 0.7rem;
}
.data-container .detail .info{
    padding:0 5px;
}
.userpower-base-info {
    padding-top: 10px;
}
.userpower-base-info .el-col:not(:first-child){
    margin-top:5px
}
.permission-set{
    position: relative;
}
.permission-set > .el-col{
    padding:20px 20px  0px 20px;
}
.permission-set .el-tabs--border-card{
    box-shadow: none;
    border-radius: 4px;
    border: none;
}
.permission-set .el-tabs--border-card>.el-tabs__header {
    border-bottom: none;
}
.permission-set .el-tabs--border-card>.el-tabs__header  .el-tabs__item {
    margin-left: 0px;
    border-radius: 4px 4px 0 0;
}
.permission-set .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
    margin: 0;
    margin-right: -1px;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
}
.permission-set .el-tabs--border-card>.el-tabs__content{
    border-radius: 0 4px 4px;
}
.permission-search{
    position: absolute;
    top: 20px;
    right: 20px;
}
.permission-search .search-cell {
    margin-bottom: 0;
}
.el-tab-pane-inner,
.el-tab-pane-inner .module-perms-tab .el-tabs__content{
    overflow: auto;
}
.el-tab-pane-inner .module-perms-tab .el-tabs__header{
    margin-top: -15px;
}
.el-tab-pane-inner .module-perms-tab .form-container{
    width: 100%;
}
.el-form-margin0 .el-form-item {
    margin-bottom: 0 !important;
}
.footer-container{}
.footer-container .el-col{
    padding:10px;
    text-align: center;
}
/*模型设置模型统计-》单选框样式*/

label.lable input[type="radio"],
label.lable input[type="checkbox"]{
    appearance: none;
    -webkit-appearansce: none;
    outline: none;
    display: none;
    margin: 0;
}
.redioCheak{
    position: relative;
}
label.lable {
    position: relative;
    float: left;
}
label.lable input[type="radio"]:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
}
label.lable input[type="radio"] + i,
label.lable input[type="checkbox"] + i{
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: 6px;
    left: 0;
}
.redioCheak .el-checkbox{
    /*margin-left: 20px;*/
    float: left;
}

/* button原生按钮实现和element组件按钮表现形式一致的按钮 start  */
button.default,
button.primary,
button.success,
button.info,
button.warning,
button.danger,
button.text{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    padding: 6px 10px;
    font-size: 0.6rem;
    border-radius: 3px;
    font-weight: 500;
    margin-right: 10px;
}

button.primary:active {
    outline: 0
}
button.primary[disabled],
button.primary[disabled]:active,
button.primary[disabled]:focus,
button.primary[disabled]:hover,
button.primary.is-disabled,
button.primary.is-disabled:active,
button.primary.is-disabled:focus,
button.primary.is-disabled:hover {
    cursor: auto;
}
button.primary.is-plain:active {
    outline: 0
}
button.success:active {
    outline: 0
}
button.success.is-plain:active {
    outline: 0
}
button.warning:active {
    outline: 0
}

button.warning.is-plain:active {
    outline: 0
}
button.danger:active {
    outline: 0
}
button.danger.is-plain:active {
    outline: 0
}
button.info:active {
    outline: 0
}
button.info.is-plain:active {
    outline: 0
}
button.text {
    padding-left: 0;
    padding-right: 0
}
button [class*=el-icon-]+span ,
button [class*=platform]+span {
    margin-left: 5px;
}
/* button原生按钮实现和element组件按钮表现形式一致的按钮 end */
/*个人设置页面*/
.persSettings .main-rightInner{
    margin: 0;
    overflow: hidden;
}
.persSettings .main-rightInner .el-form{
    height: 100%;
    overflow: auto;
    padding-bottom: 100px;
    width: calc(100% - 20px);
}
.fontsize-set{
    width: 800px;
}
.fontsize-set .el-step__icon.is-text{
    cursor: pointer;
    background: #c0c4cc;
    color: #c0c4cc;
}
.fontsize-set .el-step__head.is-finish .el-step__icon.is-text{
    background: #409EFF;
    color: #409EFF;
}
.fontsize-set .el-step__icon{
    width: 22px;
    height: 22px;
}
.row-info-item{
    padding-left: 40px;
    padding-right: 40px;
}
.row-info-item .el-date-editor.el-input{
    width: auto;
}
.row-info-item >div.el-col{
    padding-left: 60px;
}
.row-info-item>.block{
    padding: 0 50px;
}
.persSettings .main-rightInner .title-division-line{
    height: 65px;
    line-height: 65px;
    padding: 10px 20px;
}
.persSettings .main-rightInner .data-container:first-child{
    margin-top: 15px;
}
.persSettings .main-rightInner .title-division-line>span{
    font-weight: 600;
    font-size: 0.8rem;
}
.persSettings .main-rightInner .title-division-line:after {
    width: calc(100% - 60px);
}
.margin_flow > label{float: left;margin-left: 20px}
.margin_flow > label:last-child{margin-left: 75px}
.indexImgStyle1,
.indexImgStyle2{
    width: 160px;
    height: 90px;
    background-size: 100% 100%;
    border-radius: 4px;
    cursor: pointer;
}
.label_radio>label:first-child {
    /*margin-left: 80px;*/
}
.label_radio>label {
    display:block;
    float:left;
    position:relative;
    overflow:hidden;
    text-align: center;
    margin-left: 40px;
}
.label_radio>label>p{margin-top: 15px}

.label_radio>label>input {
    position:absolute;
    top:0;
    left:-20px;
}
.label_radio>label>div {
    width: 160px;
    height: 90px;
    text-align:center;
    user-select:none;
    overflow:hidden;
    position:relative;
    cursor: pointer;
    border-radius: 3px;
}
.label_radio>label>div img{
    width: 100%;
    height:100%;
}
.label_radio>label>input:checked + div:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    transform: skewY(48deg);
    position: absolute;
    top: -16px;
    right: 0;
    z-index: 1;
}
.label_radio>label>input:checked + div:before {
    content:'';
    display:block;
    width:3px;
    height:8px;
    transform:rotate(45deg);
    position:absolute;
    top:2px;
    right:5px;
    z-index:2;
}
.delbtn{
    border: none;
    padding: 0 10px;
}
/*个人签名*/
.signature .el-upload-list__item{
    height: 70px;
    padding: 10px 10px 10px 100px;
}
.signature .el-upload-list__item img+.el-upload-list__item-name .el-icon-document{
    display: none;
}
.signature .el-upload-list__item img{
    width: 100px;
    height:50px;
    margin-right: 10px;
}
.signature .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name,
.signature .el-upload-list--picture .el-upload-list__item-name{
    line-height: 50px;
    margin-top: 0;
}
.signature .el-upload-list--picture .el-upload-list__item-thumbnail{
    margin-left: -90px;
}

/*签名预览-开始*/
.preview .imgBox{
    width: 100%;
    display: block;
    text-align: center;
}
.preview .imgBox img{
    max-width: 100%;
    text-align: center;
}
.el-upload-list__item img+.el-upload-list__item-name .el-icon-document{
    display: none;
}
/*签名预览-开始*/
/*设置 个人设置 安全设置-开始*/
#securityInfoForm .row-info-item input{
    min-width: 200px;
}
/*设置 个人设置 安全设置-结束*/
/*个人设置里面的字体大小滑快*/
/*字体设置easyUI-slide滑块样式自定义*/
.fontsize-set-panel{
    margin: 30px 0 0 60px;
}
.fontsize-set-panel .slider-h{
    height: 22px;
}
.fontsize-set-panel .slider-inner{
    position:relative;
    top: 8px;
    height: 8px;
    border: none;
    border-bottom: 1px solid #999;
    background-color: #fff;
}
.fontsize-set-panel .slider-inner:hover{
    cursor: pointer;
}
.fontsize-set-panel .slider-handle{
    position: absolute;
    display: block;
    outline: none;
    width: 20px;
    height: 20px;
    top: 80%;
    margin-top: -10px;
    margin-left: -10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px #ccc;
    z-index: 10;
    transition: all 0.45s;
}
.fontsize-set-panel .slider-handle:hover{
    border-color: #fff;
    background-color: #4BD865;
}
.fontsize-set-panel .slider-tip {
    position: absolute;
    display: inline-block;
    line-height: 12px;
    font-size: 12px;
    white-space: nowrap;
    top: -22px;
}
.fontsize-set-panel .slider-rule{
    position: relative;
    top: 2px;
}
.fontsize-set-panel .slider-rule span {
    position: absolute;
    display: inline-block;
    font-size: 0;
    height: 10px;
    border-width: 0 0 0 10px;
    border-style: solid;
    border-radius: 50px;
}
.fontsize-set-panel .slider-rulelabel {
    position: relative;
    top: 15px;
}
.fontsize-set-panel .slider-rulelabel span{
    line-height: 22px;
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}
.fontsize-set-panel .slider-rulelabel span:nth-of-type(1){
    font-size: 14px;
}
.fontsize-set-panel .slider-rulelabel span:nth-of-type(2){
    font-size: 16px;
}
.fontsize-set-panel .slider-rulelabel span:nth-of-type(3){
    font-size: 18px;
}
.fontsize-set-panel .slider-rulelabel span:nth-of-type(4){
    font-size: 20px;
}
.fontsize-set-panel .slider-rulelabel span:nth-of-type(5){
    font-size: 22px;
}
#userInfoForm .fontTip{
    font-weight: bold;line-height:5;
}
/*个人设置end*/
/*全局变量*/
.table-container .el-col span.title{
    display: inline-block;
    width: 90%;
    height: 25px;
    line-height: 25px;
    margin-left: 20px;
}
.table-container .data-container .title-hight{
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    font-size: 0.8rem;
}
.table-container .data-container .title-hight > span > i{font-size: 0.8rem}
.classContent i.el-icon-delete{
    font-size: 14px;
}
.classContent{
    height: 35px;
    line-height: 35px;
}
.classContent button.warning{ padding: 5px 18px; }
.classContent input.textInner,
.classContent input.title{
    width: 95%;
    cursor: pointer;
    font-size: 0.7rem;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
}
.classContent input[type="text"]:focus{
    transition: 0.2s;
    cursor: pointer;
    border-radius: 4px;
}
.classContent .el-dropdown{cursor: pointer}
/*全局变量button点击改变切换的class*/
.btnPrimary{
    border: none;
    border-radius: 4px;
    padding: 4px 19px;
    font-size: 0.6rem;
    margin-right: 10px;
}
/*个人设置页面 - 常用联系人设置*/
.new-page-rightContainer.persSettings .inner-container.contactUser {
    box-shadow: none;
    margin: 0;
    width: calc(100% - 20px)!important;
    display: flex;
    height: 100% !important;
    overflow: hidden !important;
}
.new-page-rightContainer.persSettings .inner-container.contactUser .table-container{
    height: calc(100vh - 120px ) !important;
}
.new-page-rightContainer.persSettings .inner-container.contactUser .table-container .mainTable {
    height: calc(100vh - 120px ) !important;
}
.new-page-rightContainer.persSettings .inner-container.contactUser .pagination-container{
    bottom:20px;
}
/*业务数据查询切换*/
.gjcx-con{
    display: none;
}
/*表格列表附件*/
.cell .attachment-list li,
.attachment-list li{
    padding: 3px 0;
    display: block;
    min-height: 22px;
}

.cell .attachment-list li > i ,
.attachment-list li > i {
    padding: 0 !important;
    padding-right: 8px !important;
    font-size: 0.75rem;
    float: left;
}

.cell .attachment-list li .name,
.attachment-list li .name{
    cursor: pointer;
    font-size: 0.7rem;
    margin-right: 20px;
    float: left;
}

.cell .attachment-list li .operation,
.attachment-list li .operation{
    float: right;
}

.cell.attachment-list li .operation a,
.attachment-list li .operation a{
    float: left;
}
.cell.attachment-list li .operation .vertical-line,
.attachment-list li .operation .vertical-line{
    width: 16px;
    display: inline-block;
    text-align: center;
    float: left;
}
.cell.attachment-list li .preview,
.attachment-list li .preview{

}
.cell.attachment-list li .download,
.attachment-list li .download{

}
/*后台用户-》后台组件管理*/
.side-left-inner .tree-scrollbar-container .el-scrollbar__wrap{
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    overflow: auto;
}

.side-left-inner .el-tabs__nav{
    width: 100%;
}
.side-left-inner .el-tabs__item{
    width: 50%;
    text-align: center;
    padding: 0;
}
/*事务分类页面 menu*/
.generalAffairs .table-container{
    overflow: auto;
    padding: 0 20px;
}
/*事务分类页面 tab*/
.generalAffairs{
    position: absolute;
}
.generalAffairs .search-container{
    position: absolute;
    right: 10px;
    vertical-align: middle;
    box-sizing: border-box;
    top: 6px;
    height: 28px !important;
    z-index: 1;
}
.generalAffairs .el-tabs__content{
    overflow: auto;
    height: calc(100vh - 60px);
}
.flow-classify-block{
    display: block;
    float: left;
    padding: 10px 0;
    width: 100%;
}
.flow-classify-block .title{
    font-size: 0.8rem;
    padding: 7px 0;
}
.flow-classify-block .title i{
    font-size: 0.8rem;
    margin-right: 8px;
}
.flow-classify-block .icon-title-opr-lists{
    display: inline-block;
    padding-left: 24px;
    float: left;
    width: 100%;
}
.icon-title-opr-lists{}
.icon-title-opr-lists .item{
    float: left;
    width: 25%;
    padding: 6px 0;
    position: relative;
    text-align: left;
    line-height: 15px;
}
.icon-title-opr-lists .item:hover .opr-btn-icon{
    visibility: visible;
}
.icon-title-opr-lists .item i{}
.icon-title-opr-lists .item .name{
    font-size: 0.7rem;
    position: absolute;
    left: 0;
    right: 120px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.icon-title-opr-lists .item .opr-btn-icon{
    font-size: 0.6rem;
    float: right;
    margin-right: 30px;
    visibility: hidden;
}
.icon-title-opr-lists .item .opr-btn-icon>span{
    cursor: pointer;
}
.icon-title-opr-lists .item .opr-btn-icon>span:first-child{
    padding-right:10px
}
.icon-title-opr-lists .item .opr-btn-icon i{
    font-size:0.6rem;
    padding-right:3px;
}

/*原系统openDialog样式代码-start*/
/*弹出框*/
.ui-dialog{
    border-radius: 5px;
    padding: 0;
    z-index: 9999;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    border-radius: 4px;
}
.ui-widget-header{
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #4D90FD;
}
.ui-widget-header .ui-dialog-title{
    font-size: 0.7rem;
}
.ui-widget-header .ui-button{
    border:0;
    background:none;
    position:absolute;
    top:10px;
    cursor:pointer;
}
.ui-widget-header .ui-button.ui-dialog-titlebar-close{ right:10px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-max{ right:30px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-min{ right:50px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-help{right:30px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-close,
.ui-widget-header .ui-button.ui-dialog-titlebar-max,
.ui-widget-header .ui-button.ui-dialog-titlebar-min,
.ui-widget-header .ui-button.ui-dialog-titlebar-help{
    width: 20px;
    text-align: center;
    margin: 5px 7px;
}
.ui-widget-header .ui-button.ui-dialog-titlebar-close .ui-icon:hover,
.ui-widget-header .ui-button.ui-dialog-titlebar-max .ui-icon:hover,
.ui-widget-header .ui-button.ui-dialog-titlebar-min .ui-icon:hover,
.ui-widget-header .ui-button.ui-dialog-titlebar-help .ui-icon:hover{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.ui-widget-header .ui-button .ui-button-text {
    display: none;
}
.ui-widget-header .ui-dialog-titlebar-close .ui-icon{
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 0.7rem;
}
.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick:before {
    content: "\e6db";
}
/*弹框尾部按钮样式*/
.ui-dialog-buttonpane{
    padding: 10px 20px 10px 20px;
    text-align: right;
    box-sizing: border-box;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-size: 0.6rem;
    padding: 7px 15px;
    border-radius: 3px;
    margin-left: 10px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button+.ui-button {
    margin-left: 10px;
}
/*原系统openDialog样式代码-end*/

/*头部tab切换*/
.tab-switch{
    width: 300px;
    height: 100%;
    float: left;
    position: relative;
    padding:0 30px;
    box-sizing: border-box;
}
.tab-switch ul{
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.tab-switch ul.el-menu--horizontal{
    border-bottom: none;
}
.tab-switch ul li.el-menu-item{
    padding: 0;
    margin: 0 15px;
    font-size: 0.8rem;
}
/*流程发起页面 start*/
.tab-page-box-container{
    width: 1260px;
    margin: 20px auto 20px auto;
    display: block;
}
.tab-page-box-container .el-main{
    width: 940px;
    height: 100%;
    border-radius: 4px;
    margin-right: 20px;
    padding: 0;
    overflow-x: hidden;
}
/*只有左边表单情况*/
.tab-page-box-container.only-form{
    width: 940px;
}
.tab-page-box-container.only-form .form-area {
    margin: 0 auto;
}
.tab-page-box-container .el-aside{
    width: 300px;
    float: right;
    height: calc(100% - 40px);
    position: fixed;
}
.tab-page-box-container .action-button{
    padding: 20px;
}
.tab-page-box-container .action-button button+button{
    margin-left: 5px;
}
.tab-page-box-container .word-top-bar{
    height: 45px;
    line-height: 43px;
    border-radius: 4px 4px 0 0;
    margin:0 20px;
    padding:0 20px;
}
.word-top-bar .select-document{
    float: right;
}
.word-top-bar .upload-pdf{
    display: inline-block;
}
.tab-page-box-container .word-content{
    margin: auto 20px 20px 20px;
    min-height: calc( 100vh - 210px);
    border-radius: 0 0 4px 4px;
}
.fixed-position{
    position: fixed;
    z-index: 1;
    border-radius: 3px;
}
.fixed-position-body{
    display: block;
    padding: 10px 20px 30px 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
.fixed-position-body i[class*=tianjia2]{
    font-size: 14px;
}
.fixed-position-body .el-input-group__append{
    min-width: 30px;
}
/*右侧side*/
.fixed-position .el-aside .el-tabs{
    height: 100%;
    box-sizing: border-box;
    border:none;
}
.fixed-position .el-tabs__header{
    box-sizing: border-box;
}
.side-tab-box .el-footer{
    text-align: center;
    height: 60px !important;
    line-height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.side-tab-box .input-with-select{
    margin-bottom:12px
}
.side-tab-box .division{
    width: 298px;
    display: block;
    position: relative;
    height: 16px;
    left: -20px;
    right: -20px;
}
.side-tab-box .division:after{
    content:'';
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    bottom: 8px;
}
.side-tab-box .title{
    padding: 8px 0;
    margin: 0;
}
.side-tab-box .el-tabs--border-card>.el-tabs__content{
    padding: 0px;
    height: calc(100% -  40px);
    box-sizing: border-box;
}
/*附加意见*/
.side-tab-box .additional-opinion textarea{
    height: 180px;
    resize: none;
}
.page-zoom{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 80px;
}
.page-zoom .el-input-number{
    width: 95px;
}
.page-zoom .el-input-number .el-input__inner{
    padding:0 2px;
}
.page-zoom  .skinBtn{
    margin-left: 15px;
}
.tab-page-main{
    width: 1260px;
    margin: 20px auto;
    display: flex;
}
.tab-page-main .left-area{
    border-radius: 4px;
    padding: 10px 5px;
    width: 940px;
    /*margin-top: -25px;*/
}
.tab-page-main .left-area.no-right{
    flex:1;
}
.tab-page-main .right-area{
    border-radius: 4px;
    width: 300px;
    margin-left: 20px;
    position: fixed;
    top: 80px;
    bottom: 80px;
    right: calc(50vw - 630px);
}

.notify-block .title{
    display: flex;
}
.notify-block .read{
    margin-right: 20px;
    flex:1;
}
.notify-block .read:before{
    content:'';
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}
.notify-list {
    padding-left: 20px;
}
.notify-list .item{
    list-style: decimal;
    padding: 3px;
    cursor: pointer;
}
.notify-list .item .state{
    padding-right: 60px;
}
/*知会人员列表*/
.notify-user-list{
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.notify-user-list li{
    float:left;
    list-style: none;
    width: 25%;
    text-align: center;
    padding: 4px;
}
.notify-user-list li .name{
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}
/*处理历史*/
.workflow-diagram{
    text-align: center;
    padding: 10px 0;
}
.workflow-diagram img {
    max-width: 98%;
}
.workflow-history{
    margin: 0 10px 20px 10px;
    border-bottom: none;
}
.workflow-history td{
    font-size: 0.7rem;
}
.table_area {
    box-sizing: border-box;
}
.table_area > table+div{
    display: inline-block;
}
.tab-page-box-container .heightNone{
    height:0 ;
}
/*流程发起页面 end*/

/*代办已办*/
.el-table-slide .el-tabs__nav-wrap {
    padding: 0 10px
}
.tableSwitch .el-tabs__item{
    font-size: 0.8rem !important;
}
.el-table-slide .el-tabs__header{
    margin: 0 0 0;
}
div.Oright .el-right-Searth{
    right: 160px;
    top: 5px;
}
.el-right-Searth{
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 22;
    margin-top: 5px;
}
.el-right-Searth .queryParamBtn{
    margin-left: 20px;
}
.el-right-Searth .el-select,
.el-right-Searth .el-input{
    display: block;
    float: left;
}
.el-right-Searth .el-input__inner{
    border-radius:0 ;
}
.el-right-Searth .el-select .el-input__inner{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.el-right-Searth .el-input--mini > .inputborder{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.el-right-Searth .inputborder .el-input__inner{
    border-left: none;
}
/*文档管理*/
.info-container{
    overflow: auto;
}
.buttons-container .pic_upload_con{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

/*表格中操作状态颜色*/
.el-table a{
    text-decoration: none;
}
/*编辑页面*/
.wordInfo .el-dropdown{
    margin-left: 10px;
}
.el-dropdown-menu .textDown{
    width: 250px;
    padding: 5px;
}
/*基本属性*/
.height40{ height: 40px;}

/*jQueryUI弹窗单行文字提示-开始*/
.dialog-message {
    padding: 15px 15px 15px 20px;
    display: flex;
    align-items: center;
}
.dialog-message > i{
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
}
.dialog-message > .message-content{
    font-size: 0.8rem;
}
/*jQueryUI弹窗单行文字提示-结束*/

/*dialog-tip 提示框-开始*/
.dialog-tip{
    z-index: 3;
}
/*dialog-tip 提示框-结束*/

/*选择跳转节点弹窗-开始*/
.select-jump-node>.el-radio{
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.select-jump-node .el-radio:nth-of-type(even){
    margin-right: 0;
}
.select-jump-node .el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 0;
}
/*选择跳转节点弹窗-结束*/

/*表格无数据状态文字提示-开始*/
.el-table__empty-text{}
/*表格无数据状态文字提示-结束*/

/*流程流转流向弹窗样式-开始*/
.process-flow{}
.process-flow .title{
    padding: 5px 0;
}
.process-flow .el-input-group{
    margin-bottom: 10px;
}
/*流程流转流向弹窗样式-结束*/

/*表单管理*/
.form-oper {
    outline: none;
}
.treeMenu-hd .treeMenu-title .form-oper>span{
    outline: none;
    padding-bottom: 0;
}
.treeMenu-hd .treeMenu-title .form-oper span:after {
    display: none;
}
.form-oper  i{
    cursor: pointer;
}
.form-oper-item li{
    padding: 0;
}
.form-oper-item li button{
    width: 100%;
    padding: 0 10px;
}

/*常用语分类管理-》弹框*/
.search-inputAdd .search-cell {
    display: inline-block;
}
.search-inputAdd .search-cell  .el-input{
    width: 300px;
}
.search-inputAdd .el-input--mini .el-input__inner{
    height: 29px;
    line-height: 29px;
}

/*新弹页头部添加select区域-开始*/
.head-select{
    display: inline-block;
}
.head-select .cell{
    margin: 0;
    padding: 0 20px;
    display: inline-block;
    margin-top: 15px;
}
.head-select .cell>label{
    padding-right: 10px;
}
/*新弹页头部添加select区域-结束*/

/*打印预览页面样式-开始*/
.preViewFile{}
.preViewFile .form-area{
    padding: 20px;
    background: #fff;
    /*min-height: 100vh;*/
    min-height: calc(100vh - 100px);
    box-sizing: border-box;
}
.preViewFile .form-area img{
    max-width: 100%;
}
/*通知公告附件预览页面多余滚动条 问题修复*/
.preViewFile .form-area #pdfIframe{
    height: calc(100vh - 140px) !important;
}
/*打印预览页面样式-结束*/

/*添加模板弹窗样式-开始--会移走，暂时放这里-开始*/
.addTemplateVisible .el-upload-list--picture .el-upload-list__item{
    padding: 5px 5px 5px 85px;
    height: 100px;
}
.addTemplateVisible .el-upload-list--picture .el-upload-list__item-thumbnail{
    width: 120px;
    height:90px;
}
.addTemplateVisible .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    margin-right: 30px;
    line-height: 90px;
    padding-left: 15px;
}
.addTemplateVisible .el-upload-list__item-status-label i{
    line-height: 1;
}
/*添加模板弹窗样式-开始--会移走，暂时放这里-结束*/

/*原生 input=file 样式改写 - 开始*/
.pic_upload_con{
    position: relative;
    border-radius: 4px;
    cursor: pointer !important;
    z-index: 2;
    width: 100px;
    margin-left: 10px;
}
.pic_upload_div{
    text-align: center;
    padding: 5px 10px;
    font-size: 0.6rem;
    border-radius: 4px;
    cursor: pointer !important;
    z-index: 3;
}
.up_input_style{
    height: 30px;
    width: 100%;
    cursor: pointer !important;
    font-size: 0.7rem;
    outline: medium none;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    left:0px;
    top: 0px;
    z-index: 4;
}
/*原生 input=file 样式改写 - 结束*/

/*表格操作分割线-开始*/
.mainTable .opr.division{
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.mainTable .opr.division:after{
    content: '';
    width: 2px;
    height: 15px;
    position: absolute;
    top: 3px;
    right: 0;
}
/*表格操作分割线-结束*/

/*流程处理页面加锁-开始*/
.lockBtn{
    position: fixed;
    right: 320px;
    top: 16px;
}
.lockup-mask{
    width: 100%;
    height: 100%;
    padding: 25% 0;
}
.lockup-mask .lock{
    width: 281px;
    height: 201px;
    margin:  0 auto;
    background-size: 100%;
}
.lockup-mask .text{
    width: 100%;
    text-align: center;
    padding-top: 25px;
    font-size: 0.8rem;
}
/*流程处理页面加锁-结束*/

/*公文交换弹框间距*/
.getBack .el-form-item{
    margin-bottom: 0;
}

/*统计页面*/
/*.statistics-tabContent{*/
/*border: 1px solid #DFE1E8;*/
/*}*/
.statistics-tabContent .head{
    padding: 10px 20px;
}
.timeControls{
    display: inline-block;
    margin-left: 20px;
}
/*统计页面end*/
/*pdf插件高度*/
.pdfHeight{
    height: 100vh !important;
}

/*首页外部链接弹窗-开始*/
.pic-name-list{
    width: 100%;
    height: auto;
    display: inline-block;
}
.pic-name-list .item{
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px 0 2px 0;
    cursor: default;
}
.pic-name-list .item img{
    width: 56px;
    display: block;
    margin: 0 auto;
    height: 64px;
}
.pic-name-list .item .title{
    text-align: center;
    padding: 0 2px;
    padding-top: 10px;
    line-height: 18px;
    text-overflow: ellipsis;
    max-width: max-content;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
.outLinkDialog .el-dialog{
    width: 800px;
}
.outLinkDialog .el-dialog__body{
    padding: 0;
}
.outLink .pic-name-list .item {
    width: 115px;
    height: 115px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-width: 1px;
    position: relative;
}
.outLink .pic-name-list .item.add{
    border-width: 1px;
    line-height: 115px;
    padding: 0;
    cursor: pointer;
}
.outLink .pic-name-list .item.add i{
    font-size: 2rem;
}
.outLink .pic-name-list .item .opr{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: -1;
    cursor: pointer;
}
.outLink .pic-name-list .item:hover .opr{
    display: flex;
    z-index: 1;
    padding: 1px 0;
}
.outLink .pic-name-list .item .opr .del{
    flex: 1;
}
.outLink .pic-name-list .item .opr .edit{
    flex: 1;
}
.outLink .el-tabs__content{
    height: 400px;
    overflow: auto;
    padding-left: 8px;
    padding-top: 20px;
}
.outLink .el-tabs__nav-wrap::after{
    width: 1px !important;
}
.outLink .check-block{
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.outLink .check-block i{
    font-weight: 600;
}
/*首页外部链接弹窗-结束*/

/*首页-添加日程弹窗-开始*/
.scheduleAdd{
    padding-top: 30px;
}
/*首页-添加日程弹窗-结束*/


/*异常页面-开始*/
/*404页面-开始*/
.exception-page{
    padding: 50px;
    margin: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    height: calc(100vh - 20px);
}
.exception-page .no-data-text,
.exception-page .no-data-img{
    display: block;
}
.exception-page .no-data-text{
    width: 400px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding-left: 40px;
}
.exception-page .no-data-text span.text{
    font-size: 0.8rem;
}
.exception-page .no-data-img{
    margin: 0 auto;
    text-align: center;
    min-height: 400px;
    height: calc(100% - 305px);
}
.exception-page .no-data-img img{
    margin: 0 auto;
}

/*404页面-结束*/
/*异常页面-结束*/

/*文档资料查看页面*/
.infoView .el-card__header{
    text-align: center;
}
.infoView .box-card h1.title{
    font-size: 24px;
    line-height: 80px;
}
.infoView .box-card div.timesInner >span{
    margin-right: 30px;
    font-size: 14px;
}
.infoView  .el-card__body{
    min-height: 800px;
}
.accessory .item-right{
    display: inline-block;
    float: right;
}
.accessory i.el-icon-tickets{
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
}
.accessory .el-col-2 {
    width: 50px !important;
}
.accessory a{
    text-decoration: none;
}
.accessory  a.listCont{
    width: 250px;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*文档资料结束*/

.systemMsg .no-data{
    height: 460px;
    padding: 50px;
    box-sizing: border-box;
}
/*通用-暂无数据-开始*/
.no-data{
    width:100%;
    height:100%;
}
.no-data .no-data-img{
    margin: 0 auto;
    width: 300px;
}
.no-data .no-data-img img{
    width:100%;
}
.no-data .no-data-text{
    padding: 10px 0;
    text-align: center;
    font-size: 0.75rem;
}
.accessory .block  a:hover{
    text-decoration: underline;
}
.accessory .block  a:hover span{
    text-decoration: underline;
}
/*通用-暂无数据-结束*/


/*个人设置页面-开始*/
.safetySettings .dialog-footer{
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.safetySettings #securityInfoForm{
    margin-bottom: 50px;
}
.imgstyle1 .el-dropdown{
    width: inherit;
    height: inherit;
}
.imgstyle1 .el-dropdown .el-dropdown-link .defaultImgsLayout{
    width: 100%;
    height: 100%;
}
.el-dropdown-menu .el-dropdown-menu__item .maxImgPosition{
    width: 700px;
}

/*安全设置-指纹登录-开始*/
.fingerprint-login-container{
    width: 90%;
    margin: 0 auto;
    padding: 40px 30px;
    box-sizing: border-box;
    border-radius: 4px;
}
.img-state-container,
.step-state-container{
    width: 100%;
    margin-bottom: 15px;
}
.img-state-container{
    display: flex;
    float: left;
}
.img-state-container .step-block{
    width: 33.33%;
    text-align: center;
    flex: 1;
}
.img-state-container .step1,
.img-state-container .step2,
.img-state-container .step3{
    width: 110px;
    height: 110px;
    margin: 0 auto;
}
/*成功录制指纹状态-开始*/
.fingerprint-success-state{
    padding: 20px;
    width: 300px;
    text-align: center;
    margin-left: 50px;
}
.fingerprint-success-state img{
    display: block;
    margin: 0 auto;
}
.fingerprint-success-state .title{
    color: #666;
    font-size: 0.7rem;
    padding: 10px;
    display: inline-block;
}
.step-block .moving-line{
    width: 110px;
    height: 1px;
    animation: move 2s infinite;
    animation-timing-function:linear;
}
@keyframes move {
    0% {
        transform: translate(0px, 10px);
    }
    5% {
        transform: translate(0px, 20px);
    }
    10% {
        transform: translate(0px, 30px);
    }
    20% {
        transform: translate(0px, 40px);
    }
    25% {
        transform: translate(0px, 50px);
    }
    30% {
        transform: translate(0px, 60px);
    }
    35% {
        transform: translate(0px, 70px);
    }
    40% {
        transform: translate(0px, 80px);
    }
    45% {
        transform: translate(0px, 90px);
    }
    50% {
        transform: translate(0px, 100px);
    }
    55% {
        transform: translate(0px, 90px);
    }
    60% {
        transform: translate(0px, 80px);
    }
    65% {
        transform: translate(0px, 70px);
    }
    70% {
        transform: translate(0px, 60px);
    }
    75% {
        transform: translate(0px, 50px);
    }
    80% {
        transform: translate(0px, 40px);
    }
    85% {
        transform: translate(0px, 30px);
    }
    90% {
        transform: translate(0px, 20px);
    }
    95% {
        transform: translate(0px, 10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

/*成功录制指纹状态-开始*/
/*安全设置-指纹登录-结束*/

/*表单页设置页面背景*/
.bottom-pop-box{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,3,19,.9);
    height: 0px;
    z-index: 3;
    text-align: center;
    display: block;
    transition: all 1.5s;
}
.bottom-pop-box.show{
    height:200px;
}
.skin-layout{
    margin: 0 auto;
    margin-top: 55px;
    display: inline-block;
}
.bottom-pop-box .closedBtn{
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 0.8rem;
}
.skin-list{
    display: inline-block;
}
.skin-list .item{
    width: 160px;
    height:90px;
    float: left;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius:4px;
}
.skin-list .item.selected:before{
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    transform: rotate(45deg);
    position: absolute;
    top: 3px;
    right: 6px;
    z-index: 2;
}
.skin-list .item.selected:after{
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1;
    transform: rotate(45deg);
}
.skin-list .item:last-child{
    margin-right: 0;
}
.skin-list .item img{
    width: 100%;
    height: 100%;
}
.skin-list .item .changeSkin-name{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 90px;
    text-align: center;
    border-radius:4px;
    box-sizing:border-box;
    display: none;
}
.skin-list .item:hover img{
    transition: all 2s;
    animation:grow 4s infinite;
}
.skin-list .item:hover .changeSkin-name{
    display: inline-block;
}
.label_radio>label>input:checked + div:before {
    content:'';
}
@-webkit-keyframes grow /* Safari and Chrome */
{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.new-tab-page .main-container[class*="formBgStyle"]{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and (min-width: 1920px) {
    /*表单换肤 - 表单背景图尺寸 1920*900 ，屏幕大于图片尺寸时候背景图拉伸处理*/
    .new-tab-page .main-container[class*="formBgStyle"]{
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
/*表单换肤 在其他页面嵌套出现 背景图叠加问题处理*/
.new-tab-page .new-tab-page .main-container[class*="formBgStyle"],
.tab-page-box-container .new-tab-page .main-container[class*="formBgStyle"]{
    background-image:none;
}

/*首页快捷搜索模块弹窗-开始*/
.searchModule .el-dialog{
    width:500px;
}
.searchModule .search-select{
    width: 100%;
    margin: 10px 0;
}
/*首页快捷搜索模块弹窗-结束*/

/*常用联系人人员分组弹窗-开始*/
.addGroup{
    display: flex;
    padding-top: 35px;
}
.addGroup .addGroup-label{
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
}
.addGroup .addGroup-content{
    flex: 1;
    padding-right: 50px;
}
.addGroup .addGroup-content input{
    height: 28px;
    line-height: 28px;
}
/*常用联系人人员分组弹窗-结束*/

/*app首页定制*/
.appPageCustom{

}
.appPageCustom .search-container .header{
    padding:20px 40px;
    font-size: 1rem;
    box-sizing: border-box;
}
.appPageCustom .table-container.content{
    padding: 20px 30px;
    text-align: center;
    overflow: auto;
}

.appPageCustom .pagination-container .footer{
    text-align: center;
    padding: 20px 10px;
    box-shadow: 0 -1px 10px #eee;
}

.appPageCustom .content .panel{
    margin: 0 auto;
    padding-bottom: 100px;
    display: flex;
    max-width: 1065px;
}

.appPageCustom .content .left-panel{
    width: 375px;
    min-width: 300px;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.appPageCustom .content .left-panel .header{
    width: 100%;
    height: 64px;
    background-size: 100% 100%;
    background-repeat: no-repeat ;
    padding: 0 50px;
    box-sizing: border-box;
}
.appPageCustom .content .left-panel .header .el-input__inner{
    text-align: center;
    font-size: 0.8rem;
    font-weight: 400;
    border-color: transparent;
}
.appPageCustom .content .left-panel .header h4{
    text-align: center;
    font-size: 0.8rem;
    font-weight: 400;
    padding-top: 28px;
}
.appPageCustom .content .left-panel .content{
    height: 550px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
}
.appPageCustom .content .left-panel .content .noticeBox{
    box-sizing: border-box;
    margin: -5px;
    padding: 5px;
    min-height: 25px;
    cursor: pointer;
}
.appPageCustom .content .left-panel .content .noticeBox.clicked,
.appPageCustom .content .left-panel .content .noticeBox:hover{
    border-radius: 4px;
    padding: 5px;
}
.appPageCustom .content .left-panel .content .noticeBox .notice.no-data{
    text-align: center;
}
.appPageCustom .content .left-panel .content .notice{
    box-sizing: border-box;
    position: relative;
}
.appPageCustom .content .left-panel .content .notice img{
    max-width: 100%;
    height: 120px;
    width: 100%;
}
.appPageCustom .content .left-panel .content .notice .info{
    position: absolute;
    top: 50%;
    transform: translateY(-35%);
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}
.appPageCustom .content .left-panel .content .notice .info .title{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.9rem;
    padding-bottom: 5px;
}
.appPageCustom .content .left-panel .content .notice .info .dept,
.appPageCustom .content .left-panel .content .notice .info .time{
    display: inline-block;
    font-size: 0.7rem;
    padding-right:10px;
}
.appPageCustom .content .left-panel .content .notice .more{
    padding: 1px 10px;
    position: absolute;
    bottom: 20px;
    right: 25px;
    border-radius: 10px;
    cursor: pointer;
}

.appPageCustom .content .left-panel .footer{
    height:52px;
    width: 100%;
    display: flex;
}
.appPageCustom .content .left-panel .footer>div{
    display: flex;
    width: 100%;
}
.appPageCustom .content .left-panel .footer .item{
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
    flex: 1;
}
.appPageCustom .content .left-panel .footer .item.active{
    font-size: 0.6rem;
}
.appPageCustom .content .left-panel .footer .item>i{
    display: block;
    font-size: 1rem;
    line-height: 1;
    margin-top: 8px;
    margin-bottom: 1px;
}
.appPageCustom .content .left-panel .footer .item>.name{display: inline-block;}
.appPageCustom .content .left-panel .tips{
    font-size: 16px;
    position: absolute;
    bottom: -50px;
    margin: 0 auto;
    float: left;
    line-height: 30px;
    left: -15px;
    right: -15px;
    text-align: center;
}
/*左侧业务模块列表*/
.appPageCustom .business-module{
}
.business-module .title{
    font-size: 0.8rem;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    cursor: default;
    text-align: left;
    font-weight: 600;
}
.business-module .model-list{
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.business-module .model-list .item{
    padding: 5px 0;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4px;
    position: relative;
}
.business-module .model-list .item:hover{
    border-radius: 4px;
}
.business-module .model-list .item:last-child.clicked{
    border: none;
}
.business-module .model-list .item .iconBlock{
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    margin: 0 auto;
    line-height: 45px;
    color: #fff !important;
    border-radius: 12px;
}
.business-module .model-list .item .iconBlock i{
    font-size: 20px;
}
.business-module .model-list .item .name{
    font-size: 0.6rem;
    margin-top: 2px;
    display: block;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0 3px;
}
.business-module .model-list .item .addBlock{
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 12px;
    line-height: 45px;
    font-weight: 600;
    cursor: pointer;
}
.business-module .model-list .item .addBlock i{
    font-size: 20px;
}
/*右侧*/
.appPageCustom .content .right-panel{
    max-width: 650px;
    height:668px;
    float: left;
    margin-left: 40px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    flex:1;
}
.appPageCustom .content .right-panel:before,
.appPageCustom .content .right-panel:after{
    content: '';
    width:0;
    height:0;
    display:block;
    position:absolute;
    left: -27px;
    top:20px;
    z-index:1;
    /*兼容ie8-*/
    border-top: 14px transparent dashed;
    border-left: 14px transparent dashed;
    border-bottom: 14px transparent dashed;
    overflow:hidden;
}
.appPageCustom .content .right-panel:after{
    content: '';
    z-index: 0;
    left: -29px;
    top: 20px;
}

.appPageCustom .content .right-panel .top-title{
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: left;
}
.appPageCustom .content .right-panel .opr{
    float: right;
}
.appPageCustom .mian-content .set-item:first-child{
    margin-top:20px;
}
.appPageCustom .mian-content .set-item{
    margin: 10px 0px;
    padding-right: 60px;
    float: left;
    display: block;
    width: -webkit-fill-available;
}
.appPageCustom .mian-content .set-item .el-input {
    width: auto;
    min-width: 260px;
    float: left;
}
.appPageCustom .mian-content .set-item label{
    width: 85px;
    padding-right:10px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.7rem;
    letter-spacing: 1px;
    float: left;
}
.appPageCustom .mian-content .set-item .upload{
    padding-left: 85px;
    text-align: left;
}
.appPageCustom .mian-content .set-item >div[class*='el']{
    float: left;
    text-align: left;
}
.appPageCustom .mian-content .set-item .el-upload-list__item-status-label{
    width: 46px;
    padding-right: 0;
}
.appPageCustom .mian-content .set-item .el-upload-list--picture .el-upload-list__item-thumbnail{
    width: 200px;
    height:70px;
}
.appPageCustom .mian-content .set-item .tips-info{

}
.appPageCustom .mian-content .set-item .tips-info input{}
.appPageCustom .mian-content .set-item .tips-info{
    display: block;
    padding-left: 90px;
    font-size: 0.6rem;
    float: left;
}
.appPageCustom .mian-content .set-item .inline{
    display: inline-block;
    float: left;
    margin-right: 50px
}
.appPageCustom .mian-content .set-item .inline:last-child{
    margin-right: 0;
}
.appPageCustom .mian-content .set-item .selectIcon{
    width: 70px;
    height:70px;
    line-height: 70px;
    float: left;
    cursor: pointer;
    text-align: center;
}
.appPageCustom .mian-content .set-item .selectIcon i{
    font-size: 28px;
}
.appPageCustom .mian-content .set-item .selectColor{
    width: 70px;
    height:70px;
    float: left;
}
/*事务添加弹窗*/
.business-module-dialog .el-dialog{
    height:520px;
}
.business-module-dialog .el-dialog .el-dialog__body{
    padding:0;
    padding-bottom: 20px ;
    overflow: hidden;
    position: relative;
    height: 400px;
    max-height: 400px;
}
.business-module-dialog .search-container{ }
.business-module-dialog .search-container .el-col{
    margin:0;
    margin-top: 12px;
    padding:0 20px;
    box-sizing: border-box;
    width: 100%;
}
.business-module-dialog .select-container{
    padding: 0 20px 20px 20px;
    overflow-y: auto;
    height:370px;
}
.business-module-dialog  .select-container .model-list .item{
    width: 110px;
}
.business-module-dialog  .select-container .model-list .item:hover{
    border-radius: 4px;
}
.model-list .item .opr{
    position: absolute;
    top: -4px;
    right: 23px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    display: none;
    cursor: pointer;
}
.model-list .item:hover .opr{
    display: inline-block;
}
.model-list .item .opr i{
    font-size: 14px;
    font-weight: 600;
}
/*考勤设置*/
.attendanceSet .grayTips{
    cursor: default;
}
.attendanceSet .redTips{
    padding:0 2px;
}
.attendanceSet .assigned-role{
    overflow: hidden;
    height: 30px;
}
.attendanceSet .signUser{
    padding: 7px 15px 6px 15px;
    margin-right: 6px;
}
.attendanceSet .el-checkbox+.el-checkbox{
    margin-left: 10px;
}
.attendanceSet .attendanceTime .el-form-item__content{
    margin-top:7px;
}
.attendanceSet #container{
    margin-top:20px;
    width: 100%;
    height: 400px;
}
/*考勤统计*/
.attendance .right-opr{
    float: right;
}
.attendanceChart.inner-container{
    box-shadow: none;
}
.attendanceChart .el-col{
    margin: 0;
    padding: 0;
}
.attendanceChart .chart-right{
    margin-left: 10px;
}
.attendanceChart  .block-panel{}
.attendanceChart  .block-panel{
    border-radius: 4px;
    padding: 0 10px;
}
.attendanceChart  .block-panel-hd{
    font-size: 0.8rem;
    padding: 8px 0;
    font-weight: bold;
}
.attendanceChart .block-panel-bd{
    padding: 5px 0 ;
    height: 270px;
    box-sizing: border-box;
}
.attendanceChart .title-container{
    font-size: 0.8rem;
    padding: 0px 10px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.attendanceChart .chart-hd-container{
    height: 60px !important;
}
.attendanceChart .chart-container{
    height: 321px;
    display: none;
    transition: all 2s;
}
@media screen and (max-width: 1366px) {
    .attendanceChart .chart-container{
        height: 250px;
    }
    .attendanceChart .block-panel-bd{
        height:200px;
    }
}

.attendanceChart .chart-container.show{
    display: block;
    transition: all 2s;
}
.attendanceChart .filter-container{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 5px;
}
.attendanceChart .filter-container .right-opr{
    cursor: pointer;
}
.attendanceChart .filter-container .right-opr i{
    font-size: 0.7rem;
    padding-right: 5px;
}
.attendanceChart .title-container .el-button-group{
    margin-top: 6px;
}
/*图表暂无数据界面展示处理*/
.attendanceChart .no-data .no-data-img img {
    width: 80%;
    margin: 0 auto;
    display: block;
}
/*考勤统计分类*/
/*attendance-type*/
.attendance-type .title{
    padding: 0 10px;
    cursor: pointer;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
}

/*个人设置-安全信息-微信提醒-开始*/
.weixinRemind{}
.weixinRemind .el-form-item {
    margin-bottom: 0 !important
}
.weixinRemind .nickname,
.weixinRemind .qrcodeBlock{
    padding-left: 115px;
}
.weixinRemind .nickname .txt,
.weixinRemind .qrcodeBlock .txt{
    line-height: 32px;
    font-size: 0.7rem;
    display: block;
}
.weixinRemind .qrcodeBlock .txt{
    margin-bottom: 10px;
}
/*个人设置-安全信息-微信提醒-结束*/

/*签章弹窗-开始*/
.signet{
    width:100%;
    height: 200px;
    position: relative;
}
.signet .signet-pic{
    width: 100%;
    height: 200px;
    overflow: auto;
    padding: 25px 0 15px 25px;
    box-sizing: border-box;
}
.signet .signet-pic .name {
    margin-top: 3px;
    margin-bottom: 12px;
}
/*签章弹窗-结束*/

/*公文个人签名、签章弹窗-开始*/
.signatureDialog,
.signetDialog{
    height:180px;
}
.signatureDialog .txt,
.signetDialog .txt{
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    display: inherit;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}
.signatureDialog img.signature{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
}
/*公文个人签名、签章弹窗-结束*/

#paletteHelpWrapper {
    width: 150px;
    flex: unset;
}
#canvasHelpWrapper{
    flex: 1;
    width: auto;
}
#propertiesHelpWrapper{
    width: 280px;
    flex: unset;
}

/*流程-历史处理-开始*/
.handle-history{
    margin-bottom: 50px;
}
.handle-history .item{
    display: flex;
    margin: 20px;
    position: relative;
}

.handle-history .item:first-child:not(last-child){
    margin-top: 0;
}
.handle-history .item .item-num{
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 50%;
    background: #39A0EF;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin:0 10px;
    z-index: 1;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 120px;
}
.handle-history .item .line-left-con{
    color: #909399;
    width: 120px;
    text-align: right;
    margin-right: 40px;
    position: relative;
}
.handle-history .item .line-left-con .con{
    height: auto;/*给内部div设置了高度，该div才会垂直居中*/
    display: inline-block; /*一定要将div设置为inline-block*/
    vertical-align: middle;/*设置该元素在父元素中的位置*/
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.handle-history .item .history-node{
    border: 1px dashed #DCDFE6;
    background: #F8F8F8;
    border-radius: 4px;
    padding:10px;
    flex: 1;
    position: relative;
}
.handle-history .item .history-node::before{
    border-left: 2px solid #DCDFE6;
    content: '';
    display: inline-block;
    position: absolute;
    height: calc(100% + 22px);
    left: -22px;
    top: 0;
    z-index: 0;
}
.handle-history .item:first-child:not(last-child) .history-node::before {
    height: calc(50% + 12px);
    top: calc(50% + 10px);
}
.handle-history .item:last-child .history-node::before{
    height: 50%;
    top: 0;
}
.handle-history .item:only-child .history-node::before{
    height: 0 !important;
    top: 0;
}
.handle-history .item .history-node .node-name{
    color: #FF8446;
    padding-bottom: 5px;
}
.handle-history .item .history-node .base-info{
    padding-bottom: 5px;
}
.handle-history .item .history-node .base-info .name{
    color: #333436;
    margin-right: 5px;
}
.handle-history .item .history-node .base-info .time{
    color: #C8CBD2;
    margin-left: 5px;
}
.handle-history .item .history-node .base-info .in-progress{
    color: #67C23A;
    margin-right: 5px;
    margin-left: 5px;
}
.handle-history .item .history-node .content{
    color: #6A6C70;
}
.handle-history .item .end{
    position: absolute;
    left: 92px;
    bottom: -40px;
    color: #909399;
}
.handle-history .item .end::before{
    content: '';
    height: 180px;
    border-left: 2px solid #DCDFE6;
    display: inline-block;
    position: absolute;
    left: 47px;
    bottom: 0;
}
.handle-history .item .end::after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #DCDFE6;
    border: 2px solid #C0C4CC;
    box-sizing: border-box;
    position: absolute;
    left: 38px;
    bottom: 0;
}
/*流程-历史处理-结束*/

/*外出报备*/
.scheduleReport{
    padding: 10px;
    box-sizing: border-box;
}

.scheduleReport-table{
    border:1px solid #f1f1f1 !important
}
.scheduleReport-table td{
    padding: 5px;
}
.scheduleReport-table thead{
    background: #E9E9E9;
    color: #444;
}
.scheduleReport-table thead th{
    padding:10px 8px;
}
.scheduleReport-table tbody{
    height: calc(100vh - 100px - 40px - 40px);
    /*height: 300px;*/
    display: block;
    overflow-y: scroll;
}
.scheduleReport-table tbody td,
.scheduleReport-table tbody td a{
    color: #333;
}
.scheduleReport-table tbody td a{
    cursor: pointer;
}
.scheduleReport-table thead,
.scheduleReport-table tbody tr {
    display: table;
    display: table-row;
    width: 100%;
    table-layout: fixed;
}
.scheduleReport-table .cause{
    width: calc(100vw - 1056px);
}
/*行程报备上部问题*/
.scheduleReport-head{
    position: relative;
}
.scheduleReport-head .tabletitle{
    font-size: 30px;
    text-align: center;
}
.scheduleReport-head .data-select{
    text-align: center;
    padding-top:10px;
}
.scheduleReport-head .printerBtn{
    position: absolute;
    right: 20px;
    top: 5px;
}
.scheduleReport-head .resetLookAllPeople{
    position: absolute;
    left: 20px;
    top: 5px;
}
.mt20{
    margin-top: 20px;
}
.p10{
    padding: 10px;
}
/*灰色风格表格*/
.gray-table{
    border: 1px solid #f1f1f1 ;

}
.gray-table thead{
    background: #E9E9E9;
    color: #444;
}
.gray-table th,
.gray-table td{
    padding: 10px;
}
.gray-table tbody td,
.gray-table tbody td a {
    color: #333;
}
.gray-table .nodata{
    text-align: center;
    color: #444;
}
/*统计查询-地市运行视图统计-开始*/
.chartBox{
    display: flex;
    width: 100%;
}
.chartBox .block-panel-bd{
    padding:0;
    height: 270px;
    box-sizing: border-box;
}
.chartBox .chart-box-left{
    position: relative;
}
.chartBox .henanMap{
    background: #fff;
    border-radius:2px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-right: 10px;
}
.chartBox .henanMap+.right-txt{
    color: #333;
    min-width: 110px ;
    min-height:120px;
    position: absolute;
    top: 110px;
    right:30px;
}
.chartBox .henanMap+.right-txt .item{
    line-height: 25px;
    text-align: left;
    font-size: 14px;
    display: block;
}
.chartBox .mainTable{
    flex: 1;
    background: #fff;
    border-radius:2px;
}
.chartBox .mainTable .title{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-weight: 600;
    font-family: "黑体";
    font-size: 18px;
}
.cityCount{
    height:400px;
    background: #fff;
    border-radius:2px;
    padding: 10px 20px;
    box-sizing: border-box;
}
.statisticalChart .table-container{
    background: #fff;
    border-radius: 4px;
    padding:10px;
    box-sizing: border-box;
}
@media screen and (max-width: 1366px) {

    .statisticalChart .chart-container{
        height: 321px !important;
    }
    .chartBox .block-panel-bd{
        padding:0;
        height: 270px;
        box-sizing: border-box;
    }
}
/*统计查询-地市运行视图统计-结束*/

/*首页消息弹窗-开始*/
.el-message-box{
    border:none;
}


/*通讯录-模块-开始*/
.abc-select{
    border: 1px solid #eee;
    border-radius: 20px;
    height: 25px;
    margin-bottom: 10px;
    display: inline-block;
    overflow: hidden;
    float: left;
}
.abc-select .txt,
.abc-select .abc-list{
    display: inline-block;
    height: 25px;
    line-height: 25px;
}
.abc-select .txt{
    float: left;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
}
.abc-list{
    padding: 0 5px;
}
.abc-list li{
    padding:0 8px;
    float: left;
    color: #666;
    min-width: 25px;
}
.abc-list li:hover{
    cursor: pointer;
}
.contactbook-main-container{
    overflow: auto;
}
.contact-list{
    padding:20px;
    padding-right: 5px;
    display: flex;
    flex-flow: wrap;
}
.contact-list .cell {
    height: calc(50vh - 85px);
    width: calc(33.9vh - 57px);
    /*flex: 1;
    min-width: 195px;
    max-width: 200px;*/
    box-shadow: 0 0 15px rgba(186, 186, 186, .6);
    border-radius: 4px;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    width: 195px;
    height: 280px;
}
.contact-list .cell .avatar-info{
    text-align: center;
    padding: 25px 0 30px 0;
}
.contact-list .cell .avatar-info .avatar{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow: auto;
}
.contact-list .cell .avatar-info .avatar{
    background: url("../../static/images/theme-default/contactbook/avatar.png");
}
.contact-list .cell .avatar-info .avatar{
    background: url("../../static/images/theme-blue/contactbook/avatar.png");
}
.contact-list .cell .avatar-info .name{
    padding:5px;
    font-size: 16px;
    font-weight: 600;
}
.contact-list .cell .info {
    padding: 0 5px 0 15px;
    width: 190px;
    margin: 0 auto;
    box-sizing: border-box;
}
.contact-list .cell .info .item{
    padding: 2px 0;
    display: flex;
}
.contact-list .cell .info .item .label{display: inline-block;width: 45px;}
.contact-list .cell .info .item .con{
    display: inline-block;
    color:#3F4142;
    flex: 1;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.contact-list .cell .info .item .con .none{
    color: #909399;
}
.contactbook .search-container .search{
    display: inline-block;
    width: 200px;
    float: left;
    margin-left: 30px;
}
.contactbook .search-container .search .el-input-group__append{
    border: 1px solid #4d90fd;
    background-color: #4d90fd;
    color: #fff;
}
.contactbook .search-container .search .el-input-group__append:hover{
    opacity: 0.8;
}
/*媒体查询-小于1366屏时-考虑头部abc-list 换行问题*/
@media screen and (max-width: 1366px){
    .abc-list li{
        padding:0 3px;
        min-width: 20px;
    }
}
/*通讯录-模块-结束*/

/*文件分发选择系统文件-开始*/
#manageBusinessData .search-container .el-col{
    border-bottom: none;
}
/*文件分发选择系统文件-开始*/

/*自动生成LOGO-开始*/
.createlogoDialog .el-dialog{
    width: 1000px;
}
.createlogoDialog .el-dialog .el-dialog__body{
    background: #2064ED;
}
.logo-tailor{
    display: inline-block;
}
.logo-tailor div{
    float: left;
}
.logo-tailor .pic{

}
.logo-tailor .logo-text{
    font-size: 30px;
    color: #fff;
    line-height: 48px;
    padding: 0 5px;
    font-family: '黑体';
    font-family: "Noto Sans CJK SC Thin", "Source Han Sans CN Thin";
}
.logo-tailor .logo-text.pre{
    padding-right: 20px;
}
.logo-tailor .logo-text input{
    font-size: 14px;
    color: #fff;
    line-height: 48px;
    padding: 0 5px;
    font-family: '黑体';
    font-family: "Noto Sans CJK SC Thin", "Source Han Sans CN Thin";
    width: auto;
    min-width: 220px;
}
/*选择logo图片*/
.selLogoDialog .el-dialog{
    width: 1000px;
}
.selLogoDialog .el-dialog .label_radio>label>div{
    width: 48px;
    height: 48px;
    line-height: 48px;
}
.selLogoDialog .el-dialog .label_radio>label>div i{
    font-size: 24px;
    color: #dddddd;
}
/*自动生成LOGO-结束*/

/*表单分类-设置分类颜色-应用到4.0表单分类颜色以及分类下表单的颜色-开始*/
.formCategoryForm .chose-color.formColor{

}
.chose-formColor-item{
    width: 75px;
    padding: 0;
}
.chose-formColor-item li.el-dropdown-menu__item{
    padding: 0;
    margin: 0;
    margin-top: 1px;
    line-height: inherit;
}
.chose-formColor-item .el-button{
    width: 100%;
    border-radius: 0;
    border: none;
    height: 100%;
    padding: 8px 15px;
}
.chose-formColor-item li.el-dropdown-menu__item:first-child button {
    border-radius: 4px 4px 0 0;
}
.chose-formColor-item li.el-dropdown-menu__item.last button,
.chose-formColor-item li.el-dropdown-menu__item:last-child button{
    border-radius:0 0 4px 4px
}
.chose-formColor-item .el-button.red{
    color: #fff !important;
}
.formColor .el-button.blue,
.chose-formColor-item .el-button.blue{
    color: #fff !important;
    background-color: #409eff;
    border-color: #409eff;
}
.formColor .el-button.yellow,
.chose-formColor-item .el-button.yellow{
    color: #fff !important;
    background-color: #e6a23c;
    border-color: #e6a23c;
}
.formColor .el-button.green,
.chose-formColor-item .el-button.green{
    color: #fff !important;
    background-color: #67c23a;
    border-color: #67c23a;
}
.formColor .el-button.red,
.chose-formColor-item .el-button.red{
    color: #fff !important;
    background-color: #f56c6b;
    border-color: #f56c6b;
}
.formColor .el-button.glassgreen,
.chose-formColor-item .el-button.glassgreen{
    color: #fff !important;
    background-color: #15c297;
    border-color: #15c297;
}
.formColor .el-button.oldblue,
.chose-formColor-item .el-button.oldblue{
    color: #fff !important;
    background-color: #157ba5;
    border-color: #157ba5;
}
.formColor .el-button.blue:hover,
.formColor .el-button.yellow:hover,
.formColor .el-button.green:hover,
.formColor .el-button.red:hover,
.formColor .el-button.glassgreen:hover,
.formColor .el-button.glassgreen:hover,
.chose-formColor-item .el-button.glassgreen:hover,
.formColor .el-button.oldblue:hover,
.chose-formColor-item .el-button.oldblue:hover{
    opacity: 0.8;
}
.formColor .el-button.oldred,
.chose-formColor-item .el-button.oldred{
    color: #fff !important;
    background-color: #FF434A;
    border-color: #FF434A;
}
.formColor .el-button.oldred:hover,
.chose-formColor-item .el-button.oldred:hover{
    opacity: 0.9;
}
/*表单分类-设置分类颜色-应用到4.0表单分类颜色以及分类下表单的颜色-结束*/

/* 添加调查 addSurvey*/
.addSurvey .box-card{
    padding: 20px;
    box-sizing: border-box;
}
.addSurvey .box-card .el-form{
    /*margin-top: 20px;*/
}
.survey-input-group .el-input-group__append{
    background-color: #DFF2DF;
    min-width: 30px;
}
.survey-input-group .el-input-group__append i{
    color: #1AAD18;
    font-size: 18px;
}
.addSurvey .oprIconbtn{
    color: #7A808D;
    margin-left: 10px;
    float: left;
    padding: 4px 0px;
}
.addSurvey .oprIconbtn.add i:hover{
    color: #3190EE;
}
.addSurvey .oprIconbtn.delete i:hover{
    color: #f56c6c;
}
.addSurvey .btnbox{
    padding-left: 10px;
}
.addSurvey .oprIconbtn i{
    color: #7A808D;
    font-size: 18px;
}
/*问题块*/
.survey-card{
    margin-bottom: 20px;
}
.survey-card .el-card__header .delete{
    float: right;
}
.survey-card .el-card__header .delete:hover{
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}
/*添加问题*/
.addQuestion.el-card{
    border: 1px dashed #e6e8ea;
    text-align: center;
    color: #303133;
}
.addQuestion.el-card .el-card__body{
    padding: 0;
}
.addQuestion.el-card .el-button{
    width: 100%;
    height: 100%;
    min-height: 60px;
    color: #303133;
    font-size: 16px;
}
.addQuestion.el-card i{
    font-size: 20px;
    color: #d6d9d9;
}
.survey-view h4{
    font-size: 24px;
    color: #303133;
}
.survey-view .sub-title{
    font-size: 14px;
    color: #909399;
}
.survey-view .box-card .el-card__body{
    padding: 50px 40px;
}
/*问题*/
.question-title{
    padding:5px 0;
    line-height: 24px;
    font-size: 16px;
    color: #303133;
    margin-bottom: 10px;
    margin-top: 25px;
}
/*答案*/
.questionAnswer-content{
    width: 650px;
}
.questionAnswer-content .item{
    padding: 15px 20px;
    background: #f5f7fa;
    display: block;
    margin-bottom: 15px;
    position: relative;
    padding-right: 40px;
}
.questionAnswer-content .item .el-radio{
    white-space: normal;
    display: flex;
}
.questionAnswer-content .item .el-radio__input{
    position: relative;
    width: 20px;
}
.questionAnswer-content .item .el-radio__input .el-radio__inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.questionAnswer-content .item .el-radio__label{
    line-height: 20px;
    flex: 1;
}
.survey-view .box-card{
    min-height: calc(100vh - 60px - 60px - 20px - 20px - 5px);
}
.questionAnswer-content .item .num{
    min-width: 40px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    text-align: right;
}
.questionAnswer-content .item .progress{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.questionAnswer-content .item .progress .el-progress{
    line-height: 6px;
}
.questionAnswer-content .item .progress .el-progress .el-progress-bar{
    margin-right: 0;
    padding-right: 0;
}
.questionAnswer-content .item .progress .el-progress .el-progress-bar__outer{
    border-radius: 0;
}
.questionAnswer-content .item .progress .el-progress .el-progress-bar__inner{
    border-radius: 0;
}
.questionAnswer-content .item .progress .el-progress .el-progress__text{
    display: none;
}
.text .viewColor img{
    width: 100% !important;
}