/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/* html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    resize: vertical;
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #515a6e;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

article, aside, blockquote, body, button, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

a {
    color: #2d8cf0;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color .2s ease;
    transition: color 0.2s ease;
}

a:hover {
    color: #57a3f3;
}

a:active {
    color: #2b85e4;
}

a:active, a:hover {
    outline: 0;
    text-decoration: none;
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
}

code, kbd, pre, samp {
    font-family: Consolas, Menlo, Courier, monospace;
}

ul {
    list-style: none;
}

[v-cloak] {
    display: none;
} */

/* public */

.dialog-box-notek .btn, .ipt {
    height: 30px;
    line-height: 1;
    box-sizing: border-box;
}

.dialog-box-notek .btn {
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 4px;
}

.dialog-box-notek .btn.green {
    background-color: #1ab394;
}

.dialog-box-notek .btn.default {
    color: #777;
    background-color: #fff;
    border: 1px solid #E5E5E5;
}

.o-btns-hide {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}

.ipt {
    width: 260px;
    color: #999;
    outline: none;
    font-size: 12px;
    padding: 0 18px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #E5E5E5;
}

.edit-ipt {
    width: 100%;
    color: #333;
    font-size: 14px;
    box-shadow: 0px 0px 5px 1px rgba(123, 134, 144, 0.16);
}

.checkbox-notek {
    top: 15px;
    left: 20px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    background-size: cover;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
}

.checkbox-notek.none {
    background-image: url(./../img/ggq/checkbox-none.png);
}

.checkbox-notek.choose {
    background-image: url(./../img/ggq/checkbox-choose.png);
}

.checkbox-notek.part {
    background-image: url(./../img/ggq/checkbox-has.png);
}

/* custom */

/* body {
    margin: 20px;
    background-color: #E7E8EB;
} */

.content {
    padding: 28px 20px;
    background-color: #fff;
}

.content>header {
    margin-bottom: 16px;
}

/* 头部标题 */

.content>header h3 {
    color: #333;
    font-size: 16px;
    margin-bottom: 20px;
}

/* 头部操作区域 */

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

/* tab切换 */

.content .header-opt .switch {
    font-size: 14px;
    color: #8D8D8D;
}

.content .header-opt .switch>span {
    cursor: pointer;
}

.content .header-opt .switch>span:first-child {
    margin-right: 26px;
}

.content .header-opt .switch>span.active {
    font-size: 16px;
    color: #1AB394;
    font-weight: bold;
}

/* 查询和筛选 */

.content .header-opt .filter {
    position: relative;
}

.content .header-opt .filter span {
    width: 80px;
    font-size: 14px;
    cursor: pointer;
    color: #8D8D8D;
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.content .header-opt .filter .filter-guide {
    cursor: pointer;
}

.content .header-opt .filter .filter-guide.active {
    color: #1AB394;
}

.content .header-opt .filter .filter-guide.active .filter-btn {
    background: url(./../img/ggq/filter-hover.png) no-repeat center/cover;
}

.content .header-opt .filter .filter-btn, .content .header-opt .filter .search-btn {
    width: 14px;
    height: 14px;
    position: absolute;
}

.content .header-opt .filter .filter-btn {
    left: 0;
    top: 3px;
    background: url(./../img/ggq/filter.png) no-repeat center/cover;
}

.content .header-opt .filter .search-btn {
    top: 7px;
    right: 15px;
    cursor: pointer;
    background: url(./../img/ggq/search.png) no-repeat center/cover;
}

/* 列表 */

.public-data-list, .project-data-list {
    position: relative;
    border: 1px solid #E5E5E5;
}

/* 用户导航(文件层级) */

.user-guidance {
    color: #444;
    line-height: 40px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #eee;
}

.user-guidance>span {
    padding: 0 20px;
}

.user-guidance .back-level {
    cursor: pointer;
    background: url(./../img/ggq/menu-separator.png) no-repeat right center/1px;
}

.user-guidance .folder {
    cursor: pointer;
    background: url(./../img/ggq/menu-arrow.png) no-repeat right center/4px;
}

.user-guidance .folder-last {
    color: #666;
}

/* 表格 */

.data-list-table {
    width: 100%;
    border-collapse: collapse;
}

.data-list-table .item-tr:hover, .data-list-table .item-tr.active {
    background-color: #F3F6FB;
}

.data-list-table th {
    height: 30px;
    color: #60747D;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}

.data-list-table th:nth-child(2), .data-list-table th:nth-child(3), .data-list-table th:nth-child(4), .data-list-table th:nth-child(5), .data-list-table th:nth-child(6), .data-list-table th:nth-child(7) {
    width: 9%;
}

.data-list-table th:nth-child(9) {
    width: 12%;
}

.data-list-table th.sort {
    cursor: pointer;
    background: url(./../img/ggq/sort-down-icon.png) no-repeat 30px center/8px;
}

.data-list-table th.sort-down {
    cursor: pointer;
    background: url(./../img/ggq/sort-icon.png) no-repeat 30px center/8px;
}

.data-list-table th.sort.last, .data-list-table th.sort-down.last {
    background-position: 80px;
}

.data-list-table td {
    height: 48px;
    color: #666;
    font-size: 14px;
    padding-right: 10px;
}

.data-list-table td.name {
    color: #333;
    padding-left: 72px;
    position: relative;
}

.data-list-table td.name>span {
    cursor: pointer;
}

.data-list-table td.name>span:hover {
    color: #0E93FF;
}

.data-list-table td.name>.opera-btn {
    top: 0;
    right: 15px;
    width: 90px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    visibility: hidden;
    transform: scale(0);
    /* transition: all .3s; */
    background: url(./../img/ggq/list-opera-btn.png) no-repeat right center/18px;
}

.data-list-table td.name:hover .opera-btn {
    visibility: visible;
    transform: scale(1);
}

.data-list-table td.name .create-box li:hover {
    color: #fff;
    background-color: #5689C5;
}

/* 文件图标 */

.data-list-table td.name.folder {
    background: url(./../img/ggq/folder.png) no-repeat 43px center/22px;
}

.data-list-table td.name.file {
    background: url(./../img/ggq/file.png) no-repeat 43px center/22px;
}

.data-list-table td.name.image {
    background: url(./../img/ggq/img.png) no-repeat 43px center/22px;
}

/* 单独操作按钮框 */

.data-list-table td.name .create-box {
    right: 15px;
    top: 38px;
    width: 90px;
    z-index: 999;
    overflow: hidden;
    border-radius: 2px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}

.data-list-table td.name .create-box.hidden {
    opacity: 0;
    visibility: hidden;
}

.data-list-table td.name .create-box li {
    color: #444;
    cursor: pointer;
    line-height: 30px;
    padding-left: 17px;
}

/* 用户多选时候的操作 */

.o-tips {
    width: 34%;
    position: relative;
}

.o-tips .opera-list {
    color: #1AB394;
    margin-left: 30px;
}

.o-tips .opera-list>span {
    cursor: pointer;
    line-height: 18px;
    padding-left: 20px;
    margin-right: 15px;
    display: inline-block;
}

.o-tips .opera-list>span:first-child {
    background: url(./../img/ggq/download-icon.png) no-repeat left -1px/18px;
}

.o-tips .opera-list>span:last-child {
    background: url(./../img/ggq/delete-icon.png) no-repeat left -2px/18px;
}

/* 上传/新建文件夹 */

.upload-create {
    width: 140px;
    z-index: 999;
    margin-top: 2px;
    border-radius: 2px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}

.upload-create li {
    color: #444;
    font-size: 14px;
    cursor: pointer;
    line-height: 35px;
    padding-left: 30px;
}

.upload-create li:hover {
    color: #19AE90;
}

.upload-create li:first-child {
    background: url(./../img/ggq/upload-icon.png) no-repeat 13px 10px/14px;
}

.upload-create li:first-child>input {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 35px;
    cursor: pointer;
    position: absolute;
}

.upload-create li:first-child:hover {
    background-image: url(./../img/ggq/upload-icon-hover.png);
}

.upload-create li:last-child {
    background: url(./../img/ggq/create-icon.png) no-repeat 13px 10px/14px;
}

.upload-create li:last-child:hover {
    background-image: url(./../img/ggq/create-icon-hover.png);
}

/* 重命名 */

.edit-box {
    top: 8px;
    width: 50%;
    position: absolute;
}

.edit-box .rename-confirm, .edit-box .rename-cancel {
    top: 6px;
    width: 20px;
    height: 20px;
    position: absolute;
    box-shadow: 0px 0px 5px 1px rgba(123, 134, 144, 0.16);
}

.edit-box .rename-confirm {
    right: -35px;
    background: #fff url(./../img/ggq/edit-confirm-icon.png) no-repeat center/18px;
}

.edit-box .rename-cancel {
    right: -60px;
    background: #fff url(./../img/ggq/edit-cancel-icon.png) no-repeat center/18px;
}

/* 弹窗 */

.dialog-box-notek {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(4, 4, 4, .4);
}

.dialog-box-notek .dialog-box {
    top: 50%;
    left: 50%;
    width: 600px;
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 15px 1px rgba(57, 57, 57, 0.24);
}

.dialog-box-notek .dialog-box header {
    color: #444;
    display: flex;
    font-size: 16px;
    padding: 0 27px;
    line-height: 40px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
}

.dialog-box-notek .dialog-box header .dialog-close {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.dialog-box-notek .dialog-box header .dialog-close::after, .dialog-box-notek .dialog-box header .dialog-close::before {
    top: 6px;
    width: 15px;
    height: 2px;
    content: "";
    position: absolute;
    display: inline-block;
    background-color: #D1D1D1;
}

.dialog-box-notek .dialog-box header .dialog-close::after {
    transform: rotate(45deg);
}

.dialog-box-notek .dialog-box header .dialog-close::before {
    transform: rotate(-45deg);
}

.dialog-box-notek .dialog-box .dialog-content {
    padding: 20px;
    font-size: 14px;
    max-height: 600px;
    background-color: #F8FAFB;
}

.dialog-box-notek .dialog-box footer {
    padding: 19px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}

.dialog-box-notek .dialog-box footer button {
    font-size: 14px;
}

.dialog-box-notek .dialog-box footer button:first-child {
    margin-right: 10px;
}

/* 树 */

.tree-box {
    max-height: 550px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid rgba(238, 238, 238, 1);
}

/* 自定义element-ui tree组件图标 */

.el-tree-node__label {
    padding-left: 25px;
    background: url(./../img/ggq/folder.png) no-repeat left center/18px;
}

.el-tree-node__content {
    height: 32px !important;
    border: 1px solid transparent;
}

.el-tree-node__content:hover {
    border-color: #C5D6E8;
    background-color: #E5F0FB;
}

.el-tree-node__content>.el-tree-node__expand-icon {
    margin: 0 10px;
    width: 14px!important;
    height: 14px!important;
    padding: 0!important;
    color:#606266;
    /* color: rgb(232, 232, 232) !important; */
}

.el-tree-node__expand-icon.expanded {
    transform: rotate(0deg)!important;
}

.el-icon-caret-right:before {
    display: inline-block;
    content: ""!important;
    width: 14px!important;
    height: 14px!important;
    background: url(./../img/ggq/folder-close-icon.png) no-repeat center/14px;
}

.el-icon-caret-right.expanded:before {
    background: url(./../img/ggq/folder-open-icon.png) no-repeat center/14px;
}

.el-tree-node__expand-icon.is-leaf:before {
    background: none;
}

/* 权限设置 */

.item {
    padding: 15px 0;
    border-bottom: 1px solid #EEE;
}

.item .latest-img img {
    width: 18px;
    margin-right: 10px;
}

.item .latest-img img, .item .latest-img span {
    vertical-align: middle;
}

.item .latest-img span {
    line-height: 1;
    color: #333;
    font-size: 14px;
}

.item .is-visible {
    display: flex;
    justify-content: space-between;
}

.item .is-visible>span, .permission-set>span {
    color: #515151;
    font-size: 14px;
}

/* 自定义element-ui switch组件文字自定义 */

.el-switch__core {
    width: 50px!important;
}

.el-switch__label.el-switch__label--right, .el-switch__label.el-switch__label--left {
    display: none;
    transition: all 0s;
}

.el-switch__label.el-switch__label--right.is-active, .el-switch__label.el-switch__label--left.is-active {
    top: 1px;
    z-index: 10;
    color: #fff;
    display: block;
    font-size: 12px;
    position: absolute;
    transform: scale(0.8);
}

.el-switch__label.el-switch__label--left.is-active {
    right: 3px;
    margin-right: 0;
}

.el-switch__label.el-switch__label--right.is-active {
    right: 21px;
    margin-left: 0;
}

.permission-set {
    padding-top: 15px;
    min-height: 250px;
}

.permission-set>span {
    display: block;
    margin-bottom: 20px;
}

.permission-set>strong {
    color: #1AB394;
}

.permission-set>b {
    color: #888;
    display: block;
    font-size: 12px;
    margin-bottom: 25px;
}

.permission-set .user-list {
    overflow-y: auto;
    max-height: 300px;
    min-height: 220px;
}

.permission-set .user {
    display: flex;
    position: relative;
    margin-bottom: 20px;
    justify-content: space-between;
}

.permission-set .avatar span {
    display: inline-block;
    vertical-align: middle;
}

.permission-set .avatar .img {
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #E5E5E5;
}

.permission-set .avatar .name {
    color: #888;
}

.permission-set .per-title {
    color: #515151;
    cursor: pointer;
}

.permission-set .per-title.active span:last-child img {
    transform: rotate(90deg);
}

.permission-set .per-opera {
    right: 5px;
    top: 25px;
    z-index: 999;
    position: absolute;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.24);
}

.permission-set .per-opera li {
    width: 200px;
    display: flex;
    cursor: pointer;
    font-size: 12px;
    padding: 0 12px;
    line-height: 34px;
    justify-content: space-between;
}

.permission-set .per-opera li:hover {
    background-color: #eee;
}

.permission-set .per-opera li span:first-child {
    color: #333;
}

.permission-set .per-opera li span:last-child {
    color: #888;
}

.permission-set .per-opera li span.del {
    color: #C73737;
}

/* 文件上传 */

.upload-file {
    right: 20px;
    bottom: 20px;
    width: 600px;
    position: fixed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 1px rgba(57, 57, 57, 0.24);
}

.upload-file .upload-header {
    padding: 0 25px;
    line-height: 40px;
}

.upload-file .upload-header .title {
    color: #444;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
}

.upload-file .upload-header .minimize, .upload-file .upload-header .close {
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: inline-block;
}

.upload-file .upload-header .minimize {
    margin-right: 5px;
    background: url(./../img/ggq/upload-s-icon.png) no-repeat center/14px;
}

.upload-file .upload-header .close {
    background: url(./../img/ggq/upload-close-icon.png) no-repeat center/14px;
}

.upload-file .upload-header .tips {
    color: #fff;
    font-size: 12px;
    line-height: 36px;
    padding-left: 15px;
    margin: 0 -25px 0 -25px;
    background-color: #20CFAB;
}

.upload-file .upload-item {
    display: flex;
    line-height: 48px;
    position: relative;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E2ECF7;
}

.upload-file .upload-item span {
    color: #333;
    font-size: 14px;
    display: inline-block;
}

.upload-file .upload-item .name {
    width: 230px;
    margin-left: 24px;
    padding-left: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.upload-file .upload-item .name.file {
    background: url(./../img/ggq/file.png) no-repeat 0 center/20px;
}

.upload-file .upload-item .name.image {
    background: url(./../img/ggq/img.png) no-repeat 0 center/20px;
}

.upload-file .upload-item .size {
    width: 100px;
}

.upload-file .upload-item .opera {
    margin-right: 24px;
}

.upload-file .upload-item .opera>span {
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.upload-file .upload-item .opera .delete {
    background: url(./../img/ggq/upload-del.png) no-repeat center/12px;
}

.upload-file .upload-item .success {
    width: 16px;
    height: 16px;
    margin-right: 24px;
    background: url(./../img/ggq/upload-success.png) no-repeat center/16px;
}

.upload-file .upload-item .progress-bar {
    top: 0;
    left: 0;
    width: 0;
    z-index: -1;
    height: 48px;
    position: absolute;
    transition: all .3s;
    background-color: #F1F6FB;
}

/* 筛选 */

.filter-box {
    top: -1px;
    right: -1px;
    width: 400px;
    background: #fff;
    position: absolute;
    box-shadow: 0px 0px 8px 0px rgba(57, 57, 57, 0.2);
}

.filter-box header {
    color: #333;
    display: flex;
    padding: 0 25px;
    font-size: 16px;
    line-height: 40px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.filter-box header .filter-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(./../img/ggq/filter-icon.png) no-repeat center/14px;
}

.filter-box .content {
    padding: 24px;
}

.filter-box .checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url(./../img/ggq/filter-check.png) no-repeat center/16px;
}

.filter-box .checkbox.active {
    background: url(./../img/ggq/filter-check-selected.png) no-repeat center/16px;
}

.filter-box .content .condition {
    width: 48%;
    padding: 0 5px;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 9px;
    position: relative;
    display: inline-block;
    background-color: #F4F4F4;
    border: 1px solid #DCDCDC;
}

.filter-box .content .condition:hover .tips {
    display: block;
}

.filter-box .content .condition:nth-child(odd) {
    margin-right: 3%;
}

.filter-box .content .condition>span:first-child {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
}

.filter-box .content .condition strong {
    line-height: 1;
    font-weight: normal;
}

.filter-box .content .condition em {
    width: 73px;
    line-height: 1;
    color: #1AB394;
    overflow: hidden;
    font-style: normal;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

.filter-box .content .condition .close {
    width: 8px;
    height: 8px;
    float: right;
    cursor: pointer;
    margin: 9px 3px 0 0;
    background: url(./../img/ggq/filter-delete-condi.png) no-repeat center/8px;
}

.filter-box .content .condition .tips {
    top: 25px;
    left: 20px;
    color: #888;
    z-index: 9999;
    display: none;
    padding: 0 3px;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    background-color: #fff;
    border: 1px solid #7D7D7D;
}

.filter-box .content .filter-section {
    font-size: 14px;
    margin-top: 20px;
}

.filter-box .content .filter-section h6 {
    color: #888;
    font-size: 14px;
    font-weight: normal;
}

.filter-box .content .filter-section .time {
    width: 47%;
    margin-top: 10px;
    display: inline-block;
}

.filter-box .content .filter-section .time:nth-child(odd) {
    margin-right: 3%;
}

.filter-box .content .filter-section .time .time-title {
    color: #555;
    margin: 0 2px 0 5px;
    vertical-align: middle;
}

/* .filter-box .content .filter-section .type-box .time {
    width: 32.5%;
    margin-right: 0;
} */

.filter-box footer {
    line-height: 45px;
    padding-left: 30px;
    border-top: 1px solid #eee;
}

.filter-box footer button {
    font-size: 14px;
}

.filter-box footer button:first-child {
    margin-right: 10px;
}

/* 批量删除 */

.batch-delete-box {
    padding: 20px;
}

.batch-delete-box p {
    color: #333;
    line-height: 2;
}

/* 日期选择器 */

.el-input__inner {
    min-height: 22px!important;
    color: #999!important;
    font-size: 12px!important;
    line-height: 22px!important;
    border-radius: 2px!important;
    border: 1px solid #E5E5E5!important;
}

.el-input__icon {
    line-height: 22px!important;
}

.el-date-editor.el-input {
    width: 130px!important;
}

.el-input--suffix .el-input__inner {
    padding-right: 5px!important;
}
/* 预览同步样式 */
#Filedetail {
    padding: 0 10% !important;
    background: rgba(0, 0, 0, 0.5);
}
#Filedetail .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0px;
}

#Filedetail .modal-dialog .modal-content {
    height: 100%;
}

#Filedetail .modal-dialog .modal-content .modal-body {
    height: 70%;
}

.associatedProjects{
    color:#007bc8;
    cursor: pointer;
}