@charset "utf-8";
fieldset, iframe, img {
    border: 0
}

.btn, .mod-input-txt, .ui-dnd {
    box-sizing: border-box
}

.layout-aside, .layout-main-hd, .mod-act-group, .mod-container, .mod-figure-list, .mod-item-list, .mod-list-group {
    -moz-user-select: none;
    -ms-user-select: none;
    -ktml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

html {
    overflow-x: hidden;
    font-family: -apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif
}

blockquote, body, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

address, b, caption, cite, code, dfn, em, i, strong, th, var {
    font-style: normal;
    font-weight: 400
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

q:after, q:before {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

.btn .icon, .btn-l .icon, .icon, .mod-check .txt, .mod-menu .icon, .mod-menu .menu-tit, .mod-search .search-placeholder .txt, .mod-user .icon-trig, .mod-user .icon-vip, .mod-user-s, .mod-user-s + .user-name, .pop-guide-wrapper .fake-ele {
    vertical-align: middle
}

input, select, textarea {
    #font-size: 100%
}

legend {
    color: #000
}

iframe {
    overflow: hidden
}

textarea {
    resize: vertical;
    overflow-y: auto
}

a {
    text-decoration: none;
    color: #020202;
    outline: 0
}

a div, a i, a s, a span, a strong {
    #cursor: hand
}

img {
    border: 0;
    vertical-align: middle;
    background-image: none !important
}

body, html {
    height: 100%;
    overflow: hidden
}

body, button, input, select, textarea {
    font: 14px/1.5 -apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #000;
    outline: 0
}

input::-ms-clear {
    width: 0;
    height: 0
}

::-webkit-input-placeholder {
    color: #74787C;
    opacity: .6
}

::-moz-placeholder {
    color: #74787C;
    opacity: .6
}

:-ms-input-placeholder {
    color: #74787C;
    opacity: .6
}

.layout-wrapper {
    width: 100%;
    height: 100%;
    min-width: 940px;
    background-color: #fff
}

.layout-body-inner {
    position: relative;
    padding: 0 0 0 240px;
    height: 100%
}

.layout-header {
    background: #F5F8FA
}

.layout-header-inner:after {
    content: "";
    display: block;
    clear: both
}

.layout-main.fullscreen .layout-main-bd-aside, body.fullscreen .layout-main-bd-aside, body.fullscreen .mod-act-group, body.fullscreen .mod-action-wrap-a {
    display: none
}

.layout-aside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px;
    background: #F4F4F4
}

.layout-main-bd {
    height: calc(100vh - 65px)
}

.layout-aside .mod-user {
    margin: 10px auto 0
}

.layout-aside .mod-menu {
    margin: 3px 0 0
}

.layout-aside .layout-aside-ft {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 240px;
    z-index: 10;
    background: #f4f4f4
}

.layout-aside .layout-aside-ft .mod-progress-info {
    padding: 4px 24px 20px;
    cursor: pointer
}

.layout-aside .layout-aside-ft .mod-progress-info:hover {
    background: #eaeaea
}

.layout-main-wrap {
    height: calc(100vh)
}

.layout-toolbar .mod-nav {
    height: 64px
}

.layout-toolbar {
    background-color: #fff;
    border-bottom: 1px solid #DBDBDB
}

.layout-main {
    height: calc(100vh - 64px);
    min-width: 630px
}

.layout-aside .mod-search {
    margin: 20px 24px 0;
    z-index: 8
}

body.fullscreen .layout-main {
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    z-index: 11;
    background: #fff;
    min-width: 630px
}

body.fullscreen .layout-main-bd-main {
    margin-left: 0
}

body.fullscreen .layout-toolbar {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 12
}

body.fullscreen .mod-md, body.fullscreen .ql-editor-wrap {
    margin: 0 30px
}

body.fullscreen .layout-toolbar .mod-nav {
    margin-left: 30px
}

.layout-main.fullscreen .mod-act-panel .mod-action-wrap-a {
    margin-left: 0
}

.layout-main.fullscreen .layout-main-bd-main {
    margin-left: 0;
    position: fixed;
    top: 60px;
    background: #fff;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0
}

.layout-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px
}

.layout-main-bd-aside {
    width: 362px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.layout-main-bd-main {
    margin-left: 362px;
    position: relative;
    height: 100%
}

.layout-main-bd-main .mod-md, .layout-main-bd-main .ql-editor-wrap {
    margin: 0 70px 0 30px
}

.layout-main-bd-main .mod-tips {
    margin: 30px 0 0 30px
}

.layout-aside-ft .mod-view .btn-m {
    padding: 0 40px 0 20px;
    height: 60px;
    line-height: 60px;
    width: 100%;
    display: block
}

.layout-aside-ft .mod-view .btn-m:hover {
    background: #eaeaea
}

.layout-aside-ft .mod-view .icon-trig {
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -8px 0 0
}

.layout-aside-ft .mod-view .view-tit {
    display: block;
    text-align: left
}

.layout-aside-ft .mod-view .mod-bubble-menu {
    left: 20px
}

.layout-aside-ft .mod-view {
    width: 100%;
    background: url(../img/svg/bg-aside.png) left top no-repeat;
    background-size: 100% auto
}

.page-home .layout-body {
    height: 100%
}

.page-home .layout-aside-bd {
    height: calc(100vh - 50px - 56px - 60px);
    overflow-y: auto
}

.page-team .layout-aside-bd {
    height: calc(100vh - 50px - 56px - 60px - 60px)
}

.layout-main-wrap-files .mod-list-group .list-group-bd {
    height: auto;
    overflow: inherit
}

.layout-main-wrap-files .layout-main-bd {
    overflow-y: auto
}

.layout-main-wrap-files .mod-list-group .list-group-hd {
    padding-right: 0
}

.page-doc .layout-body-inner {
    padding: 0
}

.page-doc .layout-main-bd .list-group-hd, .page-doc .layout-main-bd .list-group-wrapper, .page-doc .layout-main-bd .mod-list-group .list-group-hd, .page-doc .layout-main-hd {
    max-width: 1800px;
    padding-left: 60px;
    padding-right: 60px;
    margin: 0 auto
}

.page-doc .mod-list-group .list-group-hd {
    padding-right: 86px
}

.btn, .page-doc .mod-act-panel .act-panel-inner {
    padding: 0
}

.page-doc .mod-nav .logo a {
    width: 200px;
    background-image: url(../img/svg/logo-doc.svg)
}

.page-doc .mod-upload .mod-bubble-menu-upload {
    width: 154px
}

.page-doc .mod-list-group .list-group-item:after, .page-doc .mod-list-group .list-group-item:before {
    right: 0
}

.page-doc .mod-list-group .list-group-hd:after {
    right: 70px
}

.page-doc .mod-act-panel .mod-check {
    margin-left: 7px
}

.page-doc .mod-operate {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%
}

.page-doc .mod-list-group .list-group-hd:after {
    left: 110px
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    *zoom: 1
}

.clear:after {
    content: "";
    display: block;
    clear: both;
    *zoom: 1
}

.ellipsis {
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    overflow: visible
}

::-webkit-scrollbar-thumb {
    border: solid transparent;
    border-width: 1px 0;
    background: #D8DCE5
}

::-webkit-scrollbar-thumb:hover {
    background-color: #9198a6
}

::-webkit-scrollbar-arrow {
    color: red;
    background: #0F0
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.icon-add, .icon-add-light, .icon-upload-s, .icon-vip-btn {
    width: 24px;
    height: 24px
}

::-webkit-scrollbar-button:hover {
    border-color: #5F6366
}

::-webkit-scrollbar-button:vertical:end:decrement, ::-webkit-scrollbar-button:vertical:start:increment {
    display: none
}

.btn, .icon {
    display: inline-block;
    position: relative
}

.icon-add {
    background-image: url(../images/svg/icon-add.svg)
}

.icon-add-light {
    background-image: url(../images/svg/icon-add-light.svg)
}

.icon-upload-s {
    background-image: url(../images/svg/icon-upload-s.svg)
}

.icon-vip-btn {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -713px -379px;
    background-size: 810px 719px
}

.icon {
    background-repeat: no-repeat;
    font-size: 0;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

.link {
    color: #2980FF
}

.link:hover, .txt-link:hover {
    text-decoration: underline
}

.btn-s:hover, .btn:hover {
    text-decoration: none
}

.btn {
    text-align: center;
    cursor: pointer;
    outline: 0;
    border: none;
    background-color: transparent
}

.btn.dis, .btn.dis:hover {
    cursor: not-allowed;
    background: #72C9FF;
    color: #fff
}

.btn .btn-trig {
    position: absolute;
    width: 32px;
    height: 100%;
    top: 0;
    right: 0;
    cursor: pointer
}

.btn .btn-trig:before {
    position: absolute;
    left: 0;
    content: "";
    width: 1px;
    height: 20px;
    top: 50%;
    margin: -10px 0 0;
    background-color: rgba(255, 255, 255, .4)
}

.btn .btn-trig .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px
}

.btn-l, .btn-xl, .btn-xxl {
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    border-radius: 2px;
    background: #2980FF;
    color: #fff;
    font-size: 14px
}

.btn-l:hover, .btn-sl:hover, .btn-xl:hover {
    background-color: #2977EA
}

.btn-l .btn-txt {
    position: relative;
    top: -2px
}

.btn-l .icon {
    margin: 0 6px 0 -3px;
    top: -2px
}

.btn-xl {
    padding: 0 80px;
    height: 56px;
    line-height: 56px;
    font-size: 20px
}

.btn-xxl {
    padding: 0 90px;
    height: 60px;
    line-height: 60px;
    font-size: 18px
}

.btn-xxl.btn-bor {
    padding: 0 89px
}

.btn-icon {
    border: none;
    outline: 0;
    background: 0 0;
    padding: 0;
    color: transparent;
    font-size: 0
}

.btn-m {
    padding: 0 25px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #2980FF;
    border-radius: 2px;
    outline: 0;
    background-color: transparent;
    color: #2980FF
}

.btn-m:hover {
    background-color: #F5F8FA
}

.btn-s {
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    outline: 0;
    color: #fff;
    background: #e3bb8c;
    background: -moz-linear-gradient(-45deg, #e3bb8c 0, #c69862 100%);
    background: -webkit-linear-gradient(-45deg, #e3bb8c 0, #c69862 100%);
    background: linear-gradient(135deg, #e3bb8c 0, #c69862 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3bb8c', endColorstr='#c69862', GradientType=1);
    font-size: 12px
}

.btn-s:hover {
    background: #dab285;
    background: -moz-linear-gradient(-45deg, #dab285 0, #b58852 100%);
    background: -webkit-linear-gradient(-45deg, #dab285 0, #b58852 100%);
    background: linear-gradient(135deg, #dab285 0, #b58852 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dab285', endColorstr='#b58852', GradientType=1)
}

.btn-txt:hover, .mod-act-group .act-item-txt .act-item-link:hover {
    text-decoration: underline
}

.btn-w {
    height: 36px;
    line-height: 36px;
    padding: 0 45px;
    border-radius: 20px;
    border: 1px solid #a7adb7;
    color: #505254
}

.btn-link {
    outline: 0;
    border: none;
    background-color: transparent
}

.btn-bor {
    background: 0 0;
    border: 1px solid #2980FF;
    color: #2980FF
}

.disable {
    cursor: default
}

.btn-visited, .btn-visited:hover {
    background: 0 0;
    border: 0;
    color: #777
}

.btn-normal {
    color: #777;
    border: 1px solid #D2D8DC;
    background-color: #fff
}

.btn-normal:hover {
    background-color: #F5F8FA
}

.btn-txt, .btn-txt:hover {
    background: 0 0;
    color: #2980FF
}

.btn-txt {
    border: 0;
    padding: 0
}

.mod-logo a, .mod-nav .logo a {
    display: block;
    width: 160px;
    background-image: url(../img/svg/logo-v2.svg);
    background-repeat: no-repeat;
    overflow: hidden
}

.mod-logo a {
    height: 36px;
    margin: 14px 0 0 24px;
    line-height: 100px
}

.mod-input-txt {
    border: 1px solid #D2D8DC;
    border-radius: 2px;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 5px
}

.mod-input-txt:focus {
    border-color: #0980ff
}

.mod-nav {
    position: relative;
    z-index: 10;
    height: 64px
}

.mod-nav .logo {
    float: left
}

.mod-nav .logo a {
    height: 36px;
    margin: 14px 0 0;
    line-height: 100px;
    font-size: 0
}

.mod-nav .mod-act {
    position: relative;
    float: left;
    margin: 12px 0 0 76px
}

.mod-nav .mod-search {
    position: relative;
    float: left;
    margin: 12px 0 0 16px;
    z-index: 9
}

.mod-nav .mod-view {
    position: absolute;
    left: 237px;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 1
}

.mod-nav .mod-view .view-item-list {
    display: inline-block;
    margin: 12px 0 0
}

.mod-nav .mod-upload {
    position: relative;
    float: right;
    padding: 12px 0;
    margin: 0 40px 0 0;
    z-index: 3
}

.mod-upload {
    display: inline-block;
    position: relative
}

.mod-nav.disabled .mod-search, .mod-nav.disabled .mod-upload, .mod-nav.disabled .view-item {
    position: relative;
    opacity: .5;
    cursor: not-allowed
}

.mod-nav.disabled .mod-search::before, .mod-nav.disabled .mod-upload::before, .mod-nav.disabled .view-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, .5);
    cursor: not-allowed
}

.mod-nav .mod-act-group {
    float: right;
    margin: 0 60px 0 0
}

.mod-nav .mod-action-wrap-list {
    float: left
}

.mod-nav .mod-action-wrap {
    float: left;
    margin: 14px 16px 0 0
}

.mod-nav .mod-action-container {
    float: left;
    width: 310px
}

.mod-nav .mod-action-container .mod-action-wrap {
    margin-right: 0
}

.mod-nav .mod-breadcrumb {
    overflow: hidden;
    padding: 21px 20px 0 0
}

.mod-nav .mod-link-info {
    float: left;
    height: 64px;
    line-height: 64px;
    margin: 0 10px 0 0
}

.mod-nav .mod-act {
    z-index: 10
}

.mod-act .act-link {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 2px;
    text-align: center;
    background: #E9EEF3;
    border: 1px solid transparent
}

.mod-act .act-icon {
    position: relative;
    display: block;
    height: 100%
}

.mod-act .icon-act {
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-act.svg);
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.mod-act .act-num {
    position: absolute;
    z-index: 10;
    height: 16px;
    line-height: 16px;
    background: #F74B4B;
    border-radius: 16px;
    left: 24px;
    top: -4px
}

.mod-act .act-num .num {
    position: relative;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    display: none
}

.mod-act.act .act-num .num, .mod-act.error .act-num .num, .mod-act.up .act-num .num {
    display: block
}

.mod-act .icon-error {
    visibility: hidden
}

.mod-act:hover .act-link {
    border-color: #D2D8DC
}

.mod-act.show .icon-act {
    background-image: url(../img/svg/icon-act-act.svg)
}

.mod-act.act .icon-act {
    background-image: url(../img/svg/icon-sync.svg);
    -webkit-animation: change 1s linear infinite;
    animation: change 1s linear infinite
}

@keyframes change {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes change {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.mod-act.act.show .icon-act {
    background-image: url(../img/svg/icon-sync-act.svg)
}

.mod-act.up .icon-act {
    background-image: url(../img/svg/icon-light-s-round.svg);
    -webkit-animation: change 1s linear infinite;
    animation: change 1s linear infinite
}

.mod-act.pause .icon-act {
    -webkit-animation: none 1s linear infinite;
    animation: none 1s linear infinite
}

.mod-act.up .act-icon:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    background-image: url(../img/svg/icon-light-s.svg)
}

.mod-act.error .act-num .num {
    display: none
}

.mod-act.error .icon-error {
    visibility: visible;
    width: 16px;
    height: 16px;
    background-image: url(../img/svg/icon-error.svg)
}

.mod-act .act-num-animation {
    animation-name: act-num-animation-keyframes;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    transform-origin: 0 0
}

@keyframes act-num-animation-keyframes {
    0% {
        transform: translate(0, 0) scale(1) rotateX(12deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    5% {
        transform: translate(-41.84px, -209px) scale(.975) rotateX(11.45deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    10% {
        transform: translate(-71.66px, -279.11px) scale(.95) rotateX(10.9deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    15% {
        transform: translate(-97.58px, -329.14px) scale(.925) rotateX(10.35deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    20% {
        transform: translate(-123.55px, -371.22px) scale(.9) rotateX(9.8deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    25% {
        transform: translate(-145.31px, -400.88px) scale(.875) rotateX(9.25deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    30% {
        transform: translate(-166.46px, -426.06px) scale(.85) rotateX(8.7deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    35% {
        transform: translate(-187.27px, -447.58px) scale(.825) rotateX(8.15deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    40% {
        transform: translate(-207.88px, -466.04px) scale(.8) rotateX(7.6deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    45% {
        transform: translate(-228.38px, -481.89px) scale(.775) rotateX(7.05deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    50% {
        transform: translate(-248.81px, -495.5px) scale(.75) rotateX(6.5deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    55% {
        transform: translate(-269.22px, -507.14px) scale(.725) rotateX(5.95deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    60% {
        transform: translate(-289.62px, -517.05px) scale(.7) rotateX(5.4deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    65% {
        transform: translate(-310.09px, -525.4px) scale(.675) rotateX(4.85deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    70% {
        transform: translate(-330.68px, -532.34px) scale(.65) rotateX(4.3deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    75% {
        transform: translate(-351.55px, -538.32px) scale(.625) rotateX(3.75deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    80% {
        transform: translate(-376.04px, -542.61px) scale(.6) rotateX(3.2deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    85% {
        transform: translate(-399.89px, -545.89px) scale(.575) rotateX(2.65deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    90% {
        transform: translate(-425.82px, -548.19px) scale(.55) rotateX(2.1deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    95% {
        transform: translate(-455.81px, -549.55px) scale(.525) rotateX(1.55deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
    100% {
        transform: translate(-500px, -550px) scale(.5) rotateX(1deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
    }
}

.mod-act .act .icon-sync {
    animation: change 2.5s linear infinite;
    -webkit-animation: change 2.5s linear infinite
}

.mod-act .mod-tasks {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.mod-act.show .mod-tasks {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    -webkit-animation: showTask .3s 0s forwards;
    animation: showTask .3s 0s forwards
}

@-webkit-keyframes showTask {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    70% {
        opacity: 1;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showTask {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    70% {
        opacity: 1;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.mod-act.hide .mod-tasks {
    opacity: 0;
    visibility: hidden;
    -webkit-animation: HideTask .3s 0s forwards;
    animation: HideTask .3s 0s forwards;
    pointer-events: none
}

@-webkit-keyframes HideTask {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes HideTask {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.icon-search {
    width: 24px;
    height: 24px;
    background-image: url(../images/svg/icon-search.svg)
}

.icon-close {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-close.svg)
}

.mod-search {
    position: relative
}

.mod-search .close {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 36px;
    z-index: 5
}

.mod-search .close .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.mod-search .search-panel {
    background: #e8e8e8;
    padding: 0 10px;
    border-radius: 2px;
    height: 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent
}

.mod-search .search-input {
    height: 36px
}

.mod-search.focus .search-panel, .mod-search:hover .search-panel {
    background: #E4E4E4
}

.mod-search.focus .search-panel {
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 32, 66, .2);
    border: 1px solid #C8CCD3
}

.mod-search .mod-input {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 8px 10px 8px 34px;
    border-radius: 4px;
    color: #000;
    z-index: 4;
    border: 0;
    background: 0 0
}

.mod-search .search-close, .mod-search .search-placeholder {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
    line-height: 36px;
    right: 0
}

.mod-search .icon-search {
    margin: 0 13px 0 9px
}

.mod-search.focus .mod-input, .mod-search.istext .mod-input {
    color: #000;
    opacity: 1
}

.mod-search .search-placeholder {
    left: 0;
    pointer-events: none
}

.mod-search .search-close {
    width: 30px;
    text-align: center;
    display: none;
    cursor: pointer
}

.mod-search.focus .search-close {
    display: block
}

.mod-search .search-placeholder .txt {
    color: #9B9B9B;
    position: relative;
    top: -1px
}

.mod-search.focus .search-placeholder .txt {
    display: none
}

.mod-search.searching .icon-search {
    background: url(data:image/gif;base64,R0lGODlhGAAYANU1AIWJjLa4upWYm8fJy+np6qapq9ja23R4fPz8/PT09ff39/39/fX19fr6+/j4+Pn6+v7+/rW4uZmdn4yPk+zs7cLExtHS1N7g4aeprOvs7Pf4+MDDxPDw8cnLzPPz9Pr6+vX29rm7vdHT1PHx8trb3O7u7+Pk5bGztevr7IWIjM7Q0r7Awt3e36GkppOXmvT09PT19fr7+/b29/n5+fv7/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhBNzZFODc1NkVFMTFFNkJFM0RFNjVBOUQzRThEMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBNzZFODg1NkVFMTFFNkJFM0RFNjVBOUQzRThEMDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOEE3NkU4NTU2RUUxMUU2QkUzREU2NUE5RDNFOEQwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOEE3NkU4NjU2RUUxMUU2QkUzREU2NUE5RDNFOEQwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUNADUALAAAAAAYABgAAAaDwJpwSCwaj8ikkng4LJfN5xCyYTCdw0UiuQFIrMKocEEhbI8MiRdMJBMoiyRM4uIYESj4kmE/IuJSgYJSAoUCTwaJBkSGh0uKi4OSk0QOHkgaDUsOESeXRRoqFppInAURDkYNFgOjSCKnqUIBAUMxrCZIECKys7VDDbmCtJRDxMXIkkEAIfkECQ0ANQAsAgACABQAFAAABnnAmnA4BACIyGTxqCR2FEQjMRGCOAUYqFAqTEwOIaICg9VOv5MEUoZpjZKlVFqpeCtL6qZ+z0cW/gV9BIMEgIF8hAR9i4xIDyBNHwhKDxUrkEgfLBeTRJUBFQ9JCBcGnEQkoKJCAwNDNKUZSCSrrK5DCLJ8rY1DvE1BACH5BAUNADUALAAAAAAYABgAAAaCwJpwSCwaj8ikkigQLJfN5xAicjCdQ8YGghQVIlZhVMiQADZIR+QbJpYBEkZSETl5jBxXfOm4HzlyUoKDUgGGAU8HigdEh4hLi4yEk5REDRpICAtLDRYqmEUIKBSbSJ0DFg1GCxQEpEgmqKpCBgZDrAQJSSaztLa3uoO1lUPDxMeTQQAh+QQJDQA1ACwCAAIAFAAUAAAGesCacDgsFIjIZPGoJJIeRCNR0UGSAhWoUCpUYATV4aOC1U6/GAVyVlmBkqNWWvl4K0fqpn7PRw7+A30AgwCAgXyEAH2LjEgIH00lCUoIFyyQSCUpE5NElQYXCEkJEwecRBmgokIEBEMvpSFIGausrkMJIRB8rY1DvU1BACH5BAUNADUALAAAAAAYABgAAAaDwJpwSCwaj8ikkhgILJfNJ9HUYDqHDhEEaRpYqsKo0BEpiJANixdMJBcijmTMotIYPSf4smE/euJSgYJSBoUGTwKJAkSGh0uKi4OSk0QLCEgcDEsLFCiXRRwuEppInAQUC0YMEgCjSAmnqUIHB0MwrBtJCbKztUMMG1uBtJRDxMXIkkEAIfkECQ0ANQAsAgACABQAFAAABnrAmnA4HAyIyGTxqCRmEEQj8UFCZgwXqFAqfFQC1SHigtVOv5UHknZhfZKgVVqJeCtB6qZ+z0cS/gR9BYMFgIF8hAV9i4xICSVNIwpKCRMpkEgjLRiTRJUHEwlJChgCnEQhoKJCAABDMqUdRBAhq6yuQwqyfK2NQ71NQQAh+QQFDQA1ACwAAAAAGAAYAAAGgsCacEgsGo/IpJJoMCyXzScxsWA6hw1TMkGgVIVRYcMy0B4XlO6XOB5YGkk0CmHUqN7LBf2ogUv/gFIHgwdPAYcBRISFS4iJgZCRRAwcSB4OSwwSLpVFHicRmEiaABIMRg4RBaFIG6WnQgICQwqqIkgQG7Cxs0MOIhCAspJDw8THkEEAIfkEBQ0ANQAsAgACABQAFAAABnrAmnA4JBCIyGTxqBxCQgmikYjIIEOHSVQ4FSIuBuswMcluqeALAvmapErJD0utTMCVn3Vzz+8jAYAAfgOEA4GCfYUDfoyNSAojTSAPSgoYLZFIICsVlESWAhgKSQ8VAZ1EHaGjQgUFQzOmJEgdrK2vQw+zfa6OQ71NQQA7)
}

.mod-search label {
    position: absolute;
    left: 38px;
    top: 10px;
    height: 13px;
    line-height: 17px;
    color: #A2A2A2
}

.mod-nav.disabled .mod-search:hover {
    border-color: #D5D7DF
}

.mod-nav.disabled .mod-search:hover .icon-search {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -767px -453px;
    background-size: 810px 719px
}

.mod-search .mod-menu-group {
    position: absolute;
    left: 0;
    top: 35px;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    width: 260px;
    overflow: scroll
}

.mod-search.focus .mod-menu-group {
    visibility: visible;
    max-height: 480px;
    overflow: hidden;
    opacity: 1;
    width: 338px
}

.mod-view-wrap .view-label {
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 4px 0 0
}

.mod-view-wrap .view-label-tit {
    color: #777
}

.mod-view-wrap .mod-view {
    float: left
}

.mod-view-wrap .mod-view .mod-bubble-menu {
    left: auto;
    right: 0;
    top: 46px
}

.mod-view-wrap .mod-view .btn-m {
    padding: 0 4px 0 8px
}

.mod-view {
    position: relative
}

.mod-view .btn-m {
    padding: 0 10px 0 13px;
    border-color: #D2D8DC;
    color: #000;
    cursor: pointer
}

.mod-view .icon-trig {
    transform: rotate(0);
    transition: all .3s
}

.mod-view.act .icon-trig, .mod-view.up .icon-trig {
    transform: rotate(180deg)
}

.mod-view.up.act .icon-trig {
    transform: rotate(0)
}

.mod-view .mod-bubble-menu {
    left: auto;
    right: 0;
    top: 53px;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden
}

.mod-view.up .mod-bubble-menu {
    top: auto;
    bottom: 35px
}

.mod-view.act .mod-bubble-menu {
    visibility: visible;
    opacity: 1;
    max-height: 300px;
    overflow: hidden
}

.mod-list-group .list-group-hd .list-group-tit.name.checked .tit-con, .mod-list-group .list-group-hd .list-group-tit.name.checked .tit-con .icon-sort, .mod-view.dis .btn-m .icon-trig {
    visibility: hidden
}

.mod-view .mod-bubble-menu .menu-item .txt-tit {
    display: block
}

.mod-view .mod-bubble-menu .menu-item .txt-attr {
    display: block;
    color: #777;
    font-size: 12px;
    margin: -12px 0 0
}

.mod-view.dis .btn-m {
    cursor: text;
    border-color: transparent !important
}

.mod-view.dis .btn-m:hover {
    background: inherit;
    border-color: transparent !important
}

.mod-view .view-tit {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-view-nobor .btn-m {
    border-color: transparent
}

.mod-view-nobor.act .btn-m {
    border-color: #D2D8DC
}

.mod-view-nobor .mod-bubble-menu {
    left: 0
}

.mod-view-l .mod-bubble-menu {
    width: 235px;
    left: auto;
    right: 0
}

.mod-view-l .mod-bubble-menu .menu-item {
    border-bottom: 1px solid rgba(15, 32, 66, .06)
}

.mod-view-l .mod-bubble-menu .menu-item:last-child {
    border-bottom: 0 none
}

.mod-view-l .mod-bubble-menu .menu-item .txt {
    height: 60px;
    padding-left: 30px
}

.mod-view-l .mod-bubble-menu .menu-item .icon-sel {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px
}

.mod-upload .btn-l {
    text-align: center
}

.mod-upload .mod-bubble-menu-upload {
    left: auto;
    right: 0;
    top: 57px;
    width: 184px;
    max-height: 0;
    overflow: hidden;
    opacity: 0
}

.mod-upload.act .mod-bubble-menu-upload {
    opacity: 1;
    max-height: 400px
}

.mod-upload .mod-bubble-menu .menu-item .icon-upload-create {
    margin-top: -24px
}

.mod-upload-a .btn-l {
    padding-right: 61px
}

.mod-upload-a .mod-bubble-menu-upload {
    width: 100%
}

.mod-upload-a .mod-bubble-menu-upload ul .menu-item .txt {
    padding-left: 20px
}

.ui-dnd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, direction=90, strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, direction=180, strength=2);
    _width: 99.82%;
    *zoom: 1
}

.ui-dnd embed, .ui-dnd object {
    width: 100%;
    height: 100%;
    margin-left: -35px
}

.ui-dnd-tips {
    height: 100%;
    line-height: 230px;
    text-align: center
}

.ui-dnd-close {
    padding: 8px
}

.header-att .ui-dnd {
    top: 40px
}

.mod-act-group {
    font-size: 14px
}

.mod-act-group .act-item {
    position: relative;
    float: left;
    margin: 0 0 0 14px;
    line-height: 64px
}

.mod-act-group .act-item:first-child {
    margin-left: 0
}

.mod-act-group .act-item-txt .act-item-link {
    display: inline-block;
    height: 24px;
    line-height: 24px
}

.mod-act-group .act-item-txt .icon-trig {
    transform: rotate(0);
    transition: all .3s
}

.act .mod-user .icon-trig, .mod-act-group .act-item-acc.act a .icon-trig {
    transform: rotate(180deg)
}

.mod-act-group .act-item-login .act-item-txt .btn-m {
    height: 26px;
    line-height: 26px;
    padding: 0 25px
}

.mod-act-group .act-item-login .act-item-txt .btn-l {
    height: 36px;
    line-height: 36px;
    padding: 0 20px
}

.mod-act-group .act-item-info .btn-s {
    top: -1px
}

.mod-act-group .act-item-login .act-item-txt .btn:hover {
    text-decoration: none
}

.mod-act-group .act-item-con {
    position: absolute;
    right: 0
}

.mod-act-group .act-item-acc.act .act-item-txt a {
    text-decoration: none;
    border-radius: 2px;
    height: 30px;
    line-height: 30px
}

.mod-user, .mod-user .user-info {
    height: 24px
}

.mod-act-group .mod-bubble-menu {
    left: auto;
    right: 0;
    top: 54px;
    opacity: 0;
    display: none;
    transition: all .3s
}

.mod-act-group .act-item-acc.act .mod-bubble-menu {
    display: block;
    opacity: 1
}

.mod-act-group .act-item-acc.act .mod-bubble-menu-sec {
    display: none;
    opacity: 1
}

.mod-act-group .act-item-act .act-item-link {
    color: #C4925E
}

.mod-act-group .mod-user {
    margin: 20px 0 0
}

.mod-user {
    position: relative;
    line-height: 24px;
    z-index: 9;
    border-radius: 2px;
    padding: 0 3px 0 6px;
    cursor: pointer
}

.act .mod-user, .mod-user:hover {
    background: #EAEAEA
}

.mod-user .user-avatar {
    width: 100%;
    height: 100%
}

.mod-user .user-avatar .user-avatar-pic {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0
}

.mod-user .user-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    display: block
}

.mod-user .user-avatar:before {
    display: none
}

.mod-user .user-avatar .icon-vip-m {
    position: absolute;
    left: 50%;
    bottom: -3px;
    margin-left: -21px
}

.mod-user.mod-user-s .user-avatar .icon-vip-s {
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -14px
}

.mod-user-s, .mod-user-s + .user-name {
    display: inline-block;
    width: auto;
    height: 100%
}

.mod-user-s .user-avatar, .mod-user-s .user-avatar img, .mod-user-s .user-avatar-pic {
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.mod-user-s .user-avatar {
    padding: 9px
}

.mod-user-s .user-avatar:before {
    display: none
}

.mod-user-s .user-avatar .icon-vip {
    width: 24px;
    height: 24px;
    background-size: 100%;
    right: -6px
}

.mod-user .name {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10em;
    position: relative;
    top: -1px
}

.mod-user .icon-vip {
    width: 20px;
    height: 14px;
    margin: -1px 2px 0 4px
}

.mod-user.svip .icon-vip {
    width: 51px
}

.icon-add-safebox, .icon-all, .icon-card, .icon-clip, .icon-doc, .icon-file, .icon-group, .icon-location, .icon-mem, .icon-msg, .icon-music, .icon-new, .icon-note, .icon-pho, .icon-pic, .icon-record, .icon-ren, .icon-share, .icon-tag, .icon-team, .icon-time, .icon-trash, .icon-video ,.icon-renwu {
    width: 24px;
    height: 24px
}

.mod-user .icon-trig {
    transform: rotate(0);
    transition: all .3s
}

.icon-ren {
    background-image: url(../images/svg/icon-ren.svg)
}

.cur .icon-ren {
    background-image: url(../images/svg/icon-ren-act.svg)
}

.icon-all {
    background-image: url(../images/svg/icon-all.svg)
}

.cur .icon-all {
    background-image: url(../images/svg/icon-all-act.svg)
}

.icon-doc {
    background-image: url(../images/svg/icon-doc.svg)
}

.cur .icon-doc {
    background-image: url(../images/svg/icon-doc-act.svg)
}

.icon-pic {
    background-image: url(../images/svg/icon-pic.svg)
}

.cur .icon-pic {
    background-image: url(../images/svg/icon-pic-act.svg)
}

.icon-video {
    background-image: url(../images/svg/icon-video.svg)
}
.cur .icon-video {
    background-image: url(../images/svg/icon-video-act.svg)
}
.icon-renwu {
    background-image: url(../images/svg/icon-renwu.svg)
}
.cur .icon-renwu {
    background-image: url(../images/svg/icon-renwu-act.svg);
}

.icon-note {
    background-image: url(../images/svg/icon-note.svg)
}

.cur .icon-note {
    background-image: url(../images/svg/icon-note-act.svg)
}

.icon-music {
    background-image: url(../images/svg/icon-music.svg)
}

.cur .icon-music {
    background-image: url(../images/svg/icon-music-act.svg)
}

.icon-share {
    background-image: url(../images/svg/icon-share.svg)
}

.cur .icon-share {
    background-image: url(../img/svg/icon-share-act.svg)
}

.icon-trash {
    background-image: url(../images/svg/icon-trash.svg)
}

.cur .icon-trash {
    background-image: url(../img/svg/icon-trash-act.svg)
}

.icon-edit {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-edit.svg)
}

.icon-add-safebox {
    background-image: url(../img/svg/icon-add-safebox.svg)
}

.cur .icon-add-safebox {
    background-image: url(../img/svg/icon-add-safebox-act.svg)
}

.icon-pho {
    background-image: url(../img/svg/icon-pho.svg)
}

.cur .icon-pho {
    background-image: url(../img/svg/icon-pho-act.svg)
}

.icon-group {
    background-image: url(../img/svg/icon-group.svg)
}

.cur .icon-group {
    background-image: url(../img/svg/icon-group-act.svg)
}

.icon-new {
    background-image: url(../img/svg/icon-new.svg)
}

.icon-team {
    background-image: url(../img/svg/icon-team.svg)
}

.cur .icon-team {
    background-image: url(../img/svg/icon-team-act.svg)
}

.icon-file {
    background-image: url(../img/svg/icon-file.svg)
}

.cur .icon-file {
    background-image: url(../img/svg/icon-file-act.svg)
}

.icon-mem {
    background-image: url(../img/svg/icon-mem.svg)
}

.cur .icon-mem {
    background-image: url(../img/svg/icon-mem-act.svg)
}

.icon-record {
    background-image: url(../img/svg/icon-record.svg)
}

.cur .icon-record {
    background-image: url(../img/svg/icon-record-act.svg)
}

.icon-card {
    background-image: url(../img/svg/icon-card.svg)
}

.cur .icon-card {
    background-image: url(../img/svg/icon-card-act.svg)
}

.icon-msg {
    background-image: url(../img/svg/icon-msg.svg)
}

.cur .icon-msg {
    background-image: url(../img/svg/icon-msg-act.svg)
}

.mod-menu {
    overflow-y: auto
}

.mod-menu .menu-title {
    position: relative;
    height: 100px
}

.mod-menu .menu-title .mod-view-team {
    position: absolute;
    left: 15px;
    top: 23px
}

.mod-menu .menu-title .mod-view-team .btn-m {
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap
}

.mod-menu .menu-item {
    position: relative;
    padding: 12px 0
}

.mod-menu .menu-item:after {
    position: absolute;
    content: "";
    top:10px;
    height: 1px;
    bottom: 0;
    background: #E5E5E5;
    left: 24px;
    right: 24px
}


.mod-menu .menu-item-hd .tit {
    padding: 0 0 0 64px;
    color: #74787C;
    height: 28px;
    line-height: 28px
}

.mod-menu .menu-list li a {
    position: relative;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 0 0 34px;
    color: #555
}

.mod-menu .menu-list li a:hover {
    text-decoration: none;
    background: #EAEAEA;
    transition: ease all;
    transition-duration: .3s
}

.mod-menu .menu-list li.cur a {
    text-decoration: none;
    background: 0 0;
    color: #2980FF;
    font-weight: 700
}

.menu-notice a:hover, .mod-list-group .item-info .item-info-list a:hover, .mod-list-group .item-tit .info a:hover {
    text-decoration: underline
}

.mod-menu .menu-list li.cur a:before {
    position: absolute;
    content: "";
    left: 0;
    width: 4px;
    height: 28px;
    top: 50%;
    margin: -14px 0 0;
    background: #2980FF
}

.mod-menu .icon {
    margin: 0 14px 0 0;
    top: -1px
}

.mod-menu .icon-new {
    margin: 0 0 0 5px
}

.mod-menu li.dragin .icon-trash {
    transform: scale(1.2);
    transition: all .3s
}

.mod-menu li.dragout .icon-trash {
    transform: scale(1);
    transition: all .3s
}

.mod-menu .menu-tit {
    position: relative;
    display: inline-block;
    top: -1px
}

.mod-menu .icon-share {
    background-image: url(../img/svg/icon-share-nav.svg)
}

.mod-menu .cur .icon-share {
    background-image: url(../img/svg/icon-share-nav-act.svg)
}

.mod-menu .icon-trash {
    background-image: url(../img/svg/icon-trash-nav.svg)
}

.mod-menu .cur .icon-trash {
    background-image: url(../img/svg/icon-trash-nav-act.svg)
}

.mod-menu .menu-num {
    margin-left: 2px
}

.mod-menu .new {
    position: relative;
    z-index: 0
}

.mod-menu .new:before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 55px;
    top: 8px;
    background-color: #F74B4B;
    width: 6px;
    height: 6px;
    border-radius: 6px
}

.mod-menu .add-in {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 20px
}

.mod-menu .add-in .btn-vip {
    margin: 0 auto;
    height: 26px;
    line-height: 26px;
    font-size: 14px
}

.menu-item.menu-notice {
    width: 160px;
    margin: -5px auto 0;
    height: 34px;
    line-height: 34px;
    border: 1px solid #BDE7FC;
    background-color: #EDF6FF;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #00A4FF
}

.menu-notice a {
    color: inherit
}

.icon-dealing, .icon-fail, .icon-pause {
    width: 36px;
    height: 36px
}

.icon-dealing {
    background-image: url(../img/svg/icon-menu-tasks-pause.svg)
}

.icon-fail {
    background-image: url(../img/svg/icon-menu-tasks-retry.svg)
}

.icon-pause {
    background-image: url(../img/svg/icon-menu-tasks-start.svg)
}

.mod-menu .mod-bubble-menu .menu-item {
    height: inherit;
    padding: inherit;
    overflow: inherit
}

.mod-menu .mod-bubble-menu .menu-item:after {
    display: none
}

.mod-txt-list {
    text-align: center
}

.mod-txt-list .txt-list {
    display: inline-block
}

.mod-txt-list .txt-item {
    float: left;
    position: relative;
    font-size: 12px;
    color: #74787C
}

.mod-txt-list .txt-item:first-child:after {
    display: none
}

.mod-txt-list .txt-item:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background: #ccc;
    left: 0;
    top: 50%;
    margin: -6px 0 0
}

.pop-guide-wrapper .icon-close, .pop-guide-wrapper .mask-wrapper.loc1 .icon-guide-arr, .pop-guide-wrapper .mask-wrapper.loc1 .pop-mid-mask, .pop-guide-wrapper .mask-wrapper.loc2 .pop-mid-mask, .pop-guide-wrapper .mask-wrapper.loc3 .icon-guide-arr, .pop-guide-wrapper .mask-wrapper.loc3 .pop-mid-mask, .pop-guide-wrapper .slider .loc1 .icon-guide-box, .pop-guide-wrapper .slider .loc1 .pop-text-title, .pop-guide-wrapper .slider .loc2 .icon-guide-box, .pop-guide-wrapper .slider .loc2 .pop-text-title, .pop-guide-wrapper .slider .loc3 .icon-guide-box, .pop-guide-wrapper .slider .loc3 .pop-text-title {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-txt-list .txt-item a {
    padding: 0 10px 0 11px;
    color: #74787C
}

.mod-txt-list .txt-item .mod-bubble-dropdown {
    display: none
}

.mod-txt-list .txt-item:hover .mod-bubble-dropdown {
    display: block
}

.pop-guide-body {
    width: 100%
}

.pop-guide-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    overflow: hidden
}

.pop-guide-wrapper .fake-ele {
    display: inline-block;
    width: 0;
    height: 100%
}

.pop-guide-wrapper .icon {
    display: inline-block
}

.pop-guide-wrapper .icon-close {
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 10;
    width: 45px;
    height: 45px;
    background-position: -759px -315px;
    cursor: pointer
}

.pop-guide-wrapper .bullet-list {
    position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: 12%;
    z-index: 10
}

.pop-guide-wrapper .icon-bullet {
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    border-radius: 6666px;
    margin-left: 7px;
    cursor: pointer
}

.pop-guide-wrapper .icon-bullet.on {
    background-color: #fff
}

.pop-guide-wrapper .pop-blank-left, .pop-guide-wrapper .pop-blank-right, .pop-guide-wrapper .pop-unblank-large, .pop-guide-wrapper .pop-unblank-small {
    position: fixed;
    z-index: -1;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
    opacity: .7 \9
}

.pop-guide-wrapper .mask-wrapper .pop-mid-mask {
    position: fixed
}

.pop-guide-wrapper .slider .pop-text-title {
    display: block;
    margin: 0 auto 48px
}

.pop-guide-wrapper .mask-wrapper.loc1 .pop-unblank-large {
    top: 0;
    bottom: 0;
    left: 0;
    right: 228px
}

.pop-guide-wrapper .mask-wrapper.loc1 .pop-mid-mask {
    top: 0;
    right: 0;
    width: 228px;
    height: 64px;
    background-position: -538px -428px
}

.pop-guide-wrapper .mask-wrapper.loc1 .pop-blank-right {
    top: 64px;
    bottom: 0;
    right: 0;
    width: 228px
}

.pop-guide-wrapper .mask-wrapper.loc1 .icon-guide-arr {
    position: absolute;
    top: 35px;
    right: 200px;
    width: 285px;
    height: 240px;
    background-position: 0 -428px
}

.pop-guide-wrapper .slider .loc1 .icon-guide-box {
    width: 447px;
    height: 251px;
    margin-right: -33px;
    background-position: 0 0
}

.pop-guide-wrapper .slider .loc1 .pop-text-title {
    width: 298px;
    height: 63px;
    background-position: -399px -315px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-blank-left {
    top: 0;
    height: 394px;
    width: 154px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-mid-mask {
    left: 0;
    top: 394px;
    width: 154px;
    height: 50px;
    background-position: 0 -669px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-blank-right {
    top: 444px;
    bottom: 0;
    left: 0;
    width: 154px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-unblank-large {
    left: 154px;
    right: 0;
    top: 0;
    bottom: 0
}

.pop-guide-wrapper .mask-wrapper.loc2 .icon-guide-arr {
    position: absolute;
    top: 13px;
    left: 180px;
    width: 398px;
    height: 175px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: 0 -252px;
    background-size: 810px 719px
}

.pop-guide-wrapper .slider .loc2 .icon-guide-box {
    width: 362px;
    height: 240px;
    background-position: -448px 0
}

.pop-guide-wrapper .slider .loc2 .pop-text-title {
    width: 316px;
    height: 62px;
    background-position: -399px -252px
}

.pop-guide-wrapper .mask-wrapper.loc3 .pop-unblank-large {
    top: 0;
    bottom: 0;
    left: 0;
    right: 228px
}

.pop-guide-wrapper .mask-wrapper.loc3 .pop-mid-mask {
    top: 0;
    right: 0;
    width: 228px;
    height: 64px;
    background-position: -538px -428px
}

.pop-guide-wrapper .mask-wrapper.loc3 .pop-blank-right {
    top: 64px;
    bottom: 0;
    right: 0;
    width: 228px
}

.pop-guide-wrapper .mask-wrapper.loc3 .icon-guide-arr {
    position: absolute;
    top: 35px;
    right: 200px;
    width: 285px;
    height: 240px;
    background-position: 0 -428px
}

.pop-guide-wrapper .slider .loc3 .icon-guide-box {
    width: 251px;
    height: 220px;
    background-position: -286px -428px
}

.pop-guide-wrapper .slider .loc3 .pop-text-title {
    width: 266px;
    height: 51px;
    background-position: -538px -493px
}

.pop-guide-wrapper .slider {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    z-index: 5;
    width: 200%;
    margin: 0;
    padding: 0;
    font-size: 0
}

.pop-guide-wrapper .item {
    display: inline-block;
    position: relative;
    width: 50%;
    list-style-type: none;
    text-align: center
}

.pop-mask-wrapper .pop-mask-text {
    text-align: center;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -200px auto auto;
    height: 400px
}

.pop-guide-wrapper .slider .icon-guide-box {
    display: inline-block;
    margin: 0 auto
}

.pop-mask-text .pop-text-title {
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
    font-size: 0;
    color: transparent
}

.pop-mask-text .pop-text {
    font-size: 16px;
    line-height: 16px;
    margin: 16px 0 0;
    padding: 0
}

.pop-mask-text .pop-btn {
    display: block;
    width: 180px;
    margin: 92px auto 0;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-color: #00A6FF;
    border-radius: 10px;
    border: none;
    cursor: pointer
}

.pop-mask-text .pop-btn:hover {
    background-color: #1677da
}

.pop-guide-body, .pop-guide-wrapper, .pop-guide-wrapper .item, .pop-guide-wrapper .slider {
    *height: 100%
}

.pop-guide-wrapper .item .pop-blank-left, .pop-guide-wrapper .item .pop-blank-right, .pop-guide-wrapper .item .pop-mid-mask, .pop-guide-wrapper .item .pop-unblank-small {
    *display: none
}

.pop-guide-wrapper .item .pop-unblank-large {
    *position: absolute;
    *top: 0;
    *bottom: 0;
    *left: 0;
    *right: 0
}

.mod-act-panel {
    position: relative;
    height: 48px;
    line-height: 48px;
    z-index: 2
}

.mod-act-panel:after {
    content: "";
    position: absolute;
    left: 40px;
    right: 50px;
    bottom: 0;
    height: 1px;
    background: #F1F2F4;
    display: none
}

.mod-act-panel .mod-check {
    float: left;
    margin: 0 -5px 0 -22px;
    width: 32px;
    text-align: center
}

.mod-act-panel .mod-breadcrum-nav {
    float: left
}

.mod-act-panel .act-panel-inner {
    padding: 0 60px 0 30px;
    height: 100%;
    box-sizing: border-box
}

.mod-act-panel .act-panel-inner .tit {
    font-size: 14px;
    float: left;
    font-weight: 700
}

.mod-act-panel .act-panel-inner .mod-dropdown {
    margin: 0 0 0 10px
}

.mod-act-panel .act-panel-inner .btn-m.disabled {
    opacity: .5;
    cursor: not-allowed
}

.mod-act-panel .mod-upload {
    float: right;
    top: 1px
}

.mod-act-panel .mod-view {
    float: right
}

.mod-act-panel .mod-breadcrumb, .mod-act-panel .mod-breadcrumb-tab {
    overflow: hidden;
    padding: 0 20px
}

.mod-act-panel .mod-view-nobor {
    float: left;
    margin-left: 6px
}

.mod-act-panel .mod-view .mod-bubble-menu .txt {
    height: 40px;
    line-height: 40px
}

.mod-act-panel .mod-tab-list {
    float: left
}

.mod-act-panel .mod-btn-wrap {
    float: right;
    margin: 0 10px 0 0
}

.mod-act-panel .mod-action-wrap-mode {
    float: right;
    margin: 7px 0 0;
    text-shadow: 0 0 #000
}

.mod-act-panel .mod-action-wrap-b {
    margin-top: 10px;
    float: right
}

.mod-act-panel .mod-feature {
    float: right;
    margin: 6px 15px 0 0
}

.mod-act-panel .mod-action-wrap-a {
    float: left
}

.mod-act-panel .mod-menu-group .menu-group .tit {
    margin: 0;
    font-weight: 400;
    font-size: 12px
}

.mod-act-panel .mod-search {
    float: right;
    width: 150px;
    margin: 6px 8px 0 0;
    z-index: 10
}

.mod-act-panel .mod-search .search-panel {
    background: #f4f4f4
}

.mod-act-panel .mod-search:hover .search-panel {
    background: #e4e4e4
}

.mod-act-panel .mod-search.focus .search-panel {
    background: #fff
}

.mod-act-panel .mod-action-wrap-list, .mod-act-panel .mod-view-date {
    float: right
}

.mod-act-panel .mod-action-wrap-list .mod-action-wrap {
    float: left;
    margin: 14px 16px 0 0
}

.mod-act-panel .mod-action-container {
    float: left;
    width: 310px
}

.mod-act-panel .mod-action-container .mod-action-wrap {
    margin-right: 0
}

.mod-check {
    position: relative;
    padding: 0 11px 0 0;
    cursor: default
}

.mod-check:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    height: 16px;
    width: 1px;
    background: #E6E7EC;
    margin: -8px 0 0
}

.mod-check .icon {
    top: -1px
}

.mod-check.act .icon-check-s, .mod-check.act .icon-check-s:hover {
    background: url(../images/svg/icon-checkbox-cur.svg)
}

.icon-assert, .icon-link-to, .icon-tips-close, .icon-tips-close:hover {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-check .txt {
    font-size: 16px
}

.mod-check .check-info {
    position: relative
}

.icon-tips-close {
    width: 24px;
    height: 24px;
    background-position: -770px -570px
}

.icon-tips-close:hover {
    background-position: -538px -606px
}

.icon-assert {
    width: 22px;
    height: 22px;
    background-position: -788px -379px
}

.icon-link-to {
    width: 10px;
    height: 16px;
    background-position: -795px -570px
}

.mod-list-group .list-group-bd {
    height: calc(100vh - 65px - 48px - 40px);
    overflow-y: auto
}

.mod-list-group .list-group-hd {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-right: 8px
}

.mod-list-group .list-group-hd .list-group-tit {
    position: relative;
    float: left;
    cursor: pointer;
    font-size: 13px
}

.mod-list-group .list-group-hd .list-group-tit-wrap:after, .mod-list-group .list-group-hd .list-group-tit:after {
    content: "";
    display: block;
    clear: both
}

.mod-list-group .list-group-hd .list-group-tit.name {
    width: 50%
}

.mod-list-group .list-group-hd .list-group-tit.name.checked .mod-check {
    display: block
}

.mod-list-group .list-group-hd .list-group-tit.name .tit-con {
    padding-left: 40px;
    text-indent: 0
}

.mod-list-group .list-group-hd .list-group-tit .icon-sort {
    left: 2px;
    top: -1px;
    visibility: hidden;
    width: 0
}

.mod-list-group .list-group-hd .list-group-tit.up .icon-sort {
    top: -3px
}

.mod-list-group .list-group-hd .list-group-tit.cur {
    color: #000;
    font-weight: 700
}

.mod-list-group .list-group-hd .list-group-tit.cur .icon-sort {
    visibility: visible;
    width: 14px
}

.mod-list-group .item-tit .label, .mod-list-group .list-group-hd .list-group-tit.hide, .mod-list-group .list-group-hd .list-group-tit.hide .icon-sort {
    visibility: hidden
}

.mod-list-group .list-group-hd .list-group-tit.name:hover .tit-con, .mod-list-group .list-group-hd .list-group-tit:hover {
    background: #F4F4F4
}

.mod-list-group .list-group-hd .list-group-tit.name.dis:hover .tit-con, .mod-list-group .list-group-hd .list-group-tit.name:hover {
    background: 0 0
}

.mod-list-group .list-group-hd .list-group-tit.dis, .mod-list-group .list-group-hd .list-group-tit.dis:hover {
    cursor: text;
    background: 0 0
}

.mod-list-group .list-group-hd .list-group-tit.owner, .mod-list-group .list-group-hd .list-group-tit.size, .mod-list-group .list-group-hd .list-group-tit.time {
    width: 12%
}

.mod-list-group .list-group-hd:after {
    content: "";
    position: absolute;
    left: 38px;
    right: 8px;
    bottom: 0;
    height: 1px;
    background: #F1F2F4
}

.mod-list-group .list-group-hd .tit {
    font-size: 14px;
    color: #74787C
}

.mod-list-group .list-group-hd .tit .mod-float-tips {
    margin-left: 22px
}

.mod-list-group .list-group-hd .tit .txt-link {
    display: inline-block;
    margin-left: 9px;
    font-size: 14px;
    color: #00A4FF
}

.mod-list-group .list-group-hd .mod-action-wrap-mode {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -17px 0 0
}

.mod-list-group .list-group-item {
    position: relative
}

.mod-list-group .list-group-item.visited, .mod-list-group .list-group-item.visited .item-tit .info .tit-attr {
    color: #777
}

.mod-list-group .list-group-item.drag {
    opacity: .4
}

.mod-list-group .list-group-item.dragin .thumb .icon-file-m, .mod-list-group .list-group-item.dragin .thumb .icon-team-m {
    transform: scale(1.2);
    transition: all .3s
}

.mod-list-group .list-group-item.dragout .thumb .icon-file-m, .mod-list-group .list-group-item.dragout .thumb .icon-team-m {
    transform: scale(1);
    transition: all .3s
}

.mod-list-group .list-group-item .item-inner {
    position: relative;
    height: 56px;
    line-height: 56px;
    cursor: default
}

.mod-list-group .list-group-item .item-inner:after {
    display: block;
    clear: both
}

.mod-list-group .list-group-item.act .icon-check-s, .mod-list-group .list-group-item.act .icon-check-s:hover {
    width: 18px;
    height: 18px;
    background-image: url(../images/svg/icon-checkbox-act.svg)
}

.block-hover .list-group-item.act:hover, .mod-list-group .list-group-item.act, .mod-list-group .list-group-item.dragged-to, .mod-list-group .list-group-item:hover {
    background: #F4F4F4
}

.mod-list-group .list-group-item.act, .mod-list-group .list-group-item.act:hover {
    background: #308EFF;
    color: #fff
}

.mod-list-group .list-group-item.act .item-info, .mod-list-group .list-group-item.act .tit, .mod-list-group .list-group-item.act a {
    color: #fff
}

.block-hover .list-group-item.act:hover:after, .block-hover .list-group-item.act:hover:before, .mod-list-group .list-group-item.act:after {
    display: block;
    left: 0;
    right: 0;
    background: #F5F8FA
}

.mod-list-group .list-group-item.dis .icon-check-s {
    opacity: .5;
    cursor: default
}

.mod-list-group .list-group-item.unable .icon-check-s {
    background: url(../img/svg/icon-checkbox-unable.svg);
    cursor: default
}

.block-hover .list-group-item:hover {
    background: 0 0
}

.block-hover .list-group-item:hover:after, .block-hover .list-group-item:hover:before {
    background: #F1F2F4
}

.mod-list-group .list-group-item:after {
    position: absolute;
    content: "";
    display: block;
    left: 38px;
    right: 0;
    height: 1px;
    background: #F1F2F4;
    bottom: 0
}

.mod-list-group .label {
    float: left
}

.mod-list-group .thumb {
    float: left;
    font-size: 0;
    position: relative;
    z-index: 0
}

.mod-list-group .thumb:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.mod-list-group .thumb img {
    display: inline-block;
    vertical-align: top;
}

.mod-list-group .thumb img.is-loaded ~ .icon-flv-m, .mod-list-group .thumb img.is-loaded ~ .icon-gray-m, .mod-list-group .thumb img.is-loaded ~ .icon-pic-m, .mod-list-group .thumb img.is-loaded ~ .icon-video-m {
    opacity: 0;
    visibility: hidden
}

.mod-list-group .thumb .duration {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    text-align: left;
    font-size: 12px;
    font-size: 10px;
    line-height: 1.3;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-list-group .thumb .duration .inner {
    display: block;
    -webkit-transform: scale(.833);
    -moz-transform: scale(.833);
    -o-transform: scale(.833);
    transform: scale(.833)
}

.mod-list-group .item-tit .label {
    width: 38px;
    text-align: center;
    float: left;
    cursor: default
}

.mod-list-group .item-tit .thumb {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 10px 15px 0 0;
    cursor: pointer;
    overflow: hidden;
}

.mod-list-group .item-tit .thumb img.icon {
    background-image: none
}

.mod-list-group .item-tit .thumb .icon {
    vertical-align: top
}

.mod-list-group .item-tit .thumb .icon-video-m {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

.mod-list-group .item-tit .thumb .icon-flv-m, .mod-list-group .item-tit .thumb .icon-gray-m, .mod-list-group .item-tit .thumb .icon-pic-m {
    position: absolute;
    left: 0;
    top: 0
}

.mod-list-group .item-tit .info {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 56px;
    white-space: nowrap;
    overflow-y: hidden;
    position: relative;
    z-index: 0
}

.mod-list-group .item-tit .info .tit, .mod-list-group .item-tit .info .tit-attr, .mod-list-group .item-tit .info .tit-link {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group .item-info .item-info-list.act {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-list-group .item-tit .info .tit-link {
    color: #2980FF;
    margin: 0 0 0 5px
}

.mod-list-group .item-tit .info .tit-attr {
    font-size: 12px;
    color: #777;
    margin: 0 0 0 5px
}

.mod-list-group .item-tit .info .act {
    display: inline-block;
    vertical-align: middle
}

.mod-list-group .item-tit .info .act .icon {
    top: -1px
}

.mod-list-group .list-group-item.act .label, .mod-list-group .list-group-item.list-hover .mod-act-list, .mod-list-group .list-group-item:hover .label, .mod-list-group .list-group-item:hover .mod-act-list {
    visibility: visible
}

.mod-list-group .item-tit {
    float: left;
    width: 50%
}

.mod-list-group .item-tit .info .tit-edit {
    cursor: pointer
}

.mod-list-group .list-group-info {
    text-align: center;
    font-size: 20px;
    color: #777;
    padding: 28px 0
}

.mod-list-group .list-group-info .count {
    margin: 0 3px
}

.mod-list-group .has-txt .item-tit .info .tit {
    display: block;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group .has-txt .item-tit .info .txt {
    display: block;
    line-height: 12px;
    color: #777;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group .item-tit .info .txt-key {
    color: #2980FF
}

.mod-list-group .list-group-item.act .item-tit .info .txt-key {
    color: #06D3FA
}

.mod-list-group .has-txt.act .item-tit .info .txt {
    color: #fff
}

.mod-list-group .list-group-tit .mod-check {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    display: none;
    padding-left: 18px
}

.mod-list-group .list-group-tit .mod-check .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -9px 0 0
}

.mod-list-group .list-group-tit .mod-check .check-info {
    display: none;
    padding-left: 11px
}

.mod-list-group .list-group-hd:hover .mod-check, .mod-list-group .list-group-tit.checked .mod-check .check-info {
    display: block
}

.mod-list-group .list-group-tit .mod-check:after {
    display: none
}

.mod-list-group .has-pic {
    height: auto;
    padding-bottom: 7px
}

.mod-list-group-share-links .item-tit .info .tit {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0;
    line-height: 14px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group .item-tit [contenteditable=true]:active, .mod-list-group .item-tit [contenteditable=true]:focus {
    width: 98%;
    border: 1px solid #3B93FF;
    outline: 0;
    text-overflow: clip
}

.mod-list-group .item-info {
    float: right;
    width: 50%;
    color: #777;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-list-group .item-info .item-info-list {
    text-indent: 10px;
    float: left;
    width: 24.9%
}

.mod-list-group .item-info .mod-action-wrap {
    float: right;
    border: 0;
    margin: 18px 10px 0 0
}

.mod-list-group .item-info .mod-action-wrap .action-item-con {
    height: 20px;
    line-height: 20px;
    padding: 0;
    width: 20px
}

.mod-list-group .item-info .mod-action-wrap .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.mod-list-group .mod-action-wrap .mod-bubble-menu .menu-item .txt {
    float: none
}

.mod-list-group .item-info .mod-action-wrap .action-item.act, .mod-list-group .item-info .mod-action-wrap .action-item:hover {
    background: #EAEAEA;
    border-radius: 2px
}

.mod-list-group .list-group-item.act .item-info .mod-action-wrap .action-item.act, .mod-list-group .list-group-item.act .item-info .mod-action-wrap .action-item:hover {
    background-color: rgba(255, 255, 255, .2)
}

.mod-list-group .list-group-item.act .item-info .mod-action-wrap .icon-more {
    background-image: url(../img/svg/act/icon-more-light.svg)
}

.mod-list-group .item-info .mod-action-wrap .action-item.act .mod-bubble-menu {
    top: 30px;
    width: 160px
}

.mod-list-group .item-info .item-info-list a.txt-act {
    color: #2980FF;
    cursor: pointer
}

.mod-list-group .item-info .item-info-list .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.mod-list-group .item-info .item-info-list .txt .icon-hot-s {
    top: -2px;
    vertical-align: middle;
    margin: 0 0 0 -2px
}

.mod-list-group .item-info .item-info-list a.txt {
    color: #2980FF
}

.mod-list-group .item-info .item-info-list .mod-view .txt {
    float: none
}

.mod-list-group .item-info .item-info-list .txt-status {
    display: inline-block
}

.mod-list-group .item-info .item-info-list .txt-member, .mod-list-group .item-info .item-info-list .txt-set, .mod-list-group .item-info .item-info-list .txt-size {
    width: 85px;
    text-align: right
}

.mod-list-group .item-act {
    float: right
}

.mod-list-group .item-act .act-item {
    cursor: pointer;
    display: inline-block
}

.mod-list-group .item-info .item-info-size {
    width: 9%;
    margin: 0 0 0 1%
}

.mod-list-group-team-trash .item-info .item-info-list .txt-act, .mod-list-group-trank .item-info .item-info-list .txt-act {
    margin-left: 0
}

.mod-list-group .mod-act-list {
    display: inline-block;
    vertical-align: top;
    visibility: hidden
}

.mod-list-group .item-info .txt-time {
    vertical-align: top
}

.mod-list-group .item-info .txt-link, .mod-list-group .item-info .txt-size {
    display: inline-block;
    vertical-align: top
}

.mod-list-group .txt-link {
    font-size: 12px;
    color: #3B93FF;
    text-decoration: none
}

.mod-list-group .item-info .txt-link:hover, .mod-list-group-share-links .txt-link:hover {
    text-decoration: underline
}

.mod-list-group .item-info .txt-status {
    margin-right: 5px
}

.mod-list-group .item-info .txt-status:last-child {
    margin-right: 0
}

.mod-list-group .list-group-tit .tit {
    font-size: 20px;
    font-weight: 700
}

.mod-list-group .list-group-tit .tit-con {
    display: block;
    height: 100%;
    text-indent: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group .list-group-tit.member .tit-con, .mod-list-group .list-group-tit.size .tit-con {
    width: 85px;
    text-align: right
}

.mod-list-group .list-group-more {
    text-align: center;
    color: #2980FF
}

.mod-list-group .list-group-more .txt {
    cursor: pointer
}

.mod-list-group .list-group-more .icon {
    top: -2px
}

.mod-list-group .list-group-tit .mod-bubble-menu {
    position: absolute;
    left: 0;
    top: 50px;
    display: none
}

.mod-list-group .list-group-tit.act .mod-bubble-menu {
    display: block
}

.mod-list-group .list-group-tit .icon-trig {
    transform: rotate(0);
    transition: all .3s
}

.mod-list-group .list-group-tit.act .icon-trig {
    transform: rotate(180deg)
}

.mod-list-group-with-loc .item-info-loc {
    width: 15%;
    max-width: 15%;
    text-align: left
}

.mod-list-group-with-loc .item-info .txt-link {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group-share-links .list-group-bd {
    height: calc(100vh - 65px - 48px)
}

.mod-list-group-share-links .item-info, .mod-list-group-share-links .item-tit, .mod-list-group-share-links .list-group-hd .list-group-tit.name {
    width: 50%
}

.mod-list-group-share-links .list-group-hd .list-group-tit.dwn, .mod-list-group-share-links .list-group-hd .list-group-tit.view {
    width: 12.5%
}

.mod-list-group-share-links .item-info .item-info-list, .mod-list-group-share-links .list-group-hd .list-group-tit.time {
    width: 25%
}

.mod-list-group-share-links .item-info .item-info-list:last-child {
    width: 50%
}

.mod-list-group-share-links .item-tit .info .tit-sub {
    display: none;
    font-size: 12px;
    line-height: 12px;
    color: #182028;
    color: rgba(24, 32, 40, .54)
}

.mod-list-group-share-links .item-tit .info .tit-sub-item {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group-trank .mod-list-group, .mod-list-group-trash .mod-list-group {
    overflow: visible
}

.mod-list-group-share-group .item-tit .info .tit:hover, .mod-list-group-share-links .item-tit .info .tit:hover, .mod-list-group-team-folder .item-tit .info .tit:hover, .mod-list-group-team-member .item-tit .info .tit:hover {
    text-decoration: none
}

.mod-list-group-share-links .item-tit .info .tit-sub-item.share-link {
    width: 65%
}

.mod-list-group-share-links .item-tit .info .tit-sub-item.pasd {
    width: 35%
}

.mod-list-group-share-links .item-tit .info .tit-sub-item .item-con {
    color: #020202
}

.mod-list-group-share-links .act .item-tit .info .tit-sub-item .item-con, .mod-list-group-share-links .list-group-item.exp.act .item-tit .info .tit-sub {
    color: #fff
}

.mod-list-group-share-links .list-group-item.exp .info .tit-sub {
    display: block
}

.mod-list-group-share-links .list-group-item .info {
    white-space: normal
}

.mod-list-group-share-links .list-group-item.exp {
    background: #f4f4f4
}

.mod-list-group-share-links .list-group-item.exp.act {
    background: #308EFF
}

.mod-list-group-share-links .list-group-item.exp, .mod-list-group-share-links .list-group-item.exp .info {
    height: 88px
}

.mod-list-group-share-links .list-group-item .item-info, .mod-list-group-share-links .list-group-item.exp .item-info {
    height: 80%
}

.mod-list-group-team-trash .list-group-bd, .mod-list-group-trank .list-group-bd {
    height: calc(100vh - 65px - 48px - 40px)
}

.mod-list-group-share-links .list-group-item.list-link-disabled {
    color: #182028;
    color: rgba(24, 32, 40, .54)
}

.mod-list-group-share-links .list-group-tit.time .tit-con {
    width: 180px
}

.mod-list-group-share-links .list-group-item .item-inner {
    cursor: pointer
}

.mod-list-group-trank .list-group-hd .btn-m {
    position: absolute;
    right: 40px;
    top: 50%;
    box-sizing: border-box;
    margin-top: -18px;
    border-color: #D5D7DF;
    font-size: 14px;
    color: #404040;
    text-align: center;
    cursor: pointer
}

.mod-list-group-trank .item-info .item-info-list {
    width: 33.3333333333%
}

.mod-list-group-trank .item-info .item-info-list .txt-time {
    width: auto
}

.mod-list-group-team-trash .item-info .item-info-list {
    width: 33.3333333333%
}

.mod-list-group-team-trash .item-info .item-info-list .txt-member, .mod-list-group-team-trash .item-info .item-info-list .txt-time, .mod-list-group-team-trash .list-group-tit.member .tit-con {
    width: auto
}

.mod-list-group-team-trash .item-info .item-info-list .txt-member {
    width: 100%;
    text-align: left
}

.mod-list-group-recent .recent-item-tit {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 40px
}

.mod-list-group-recent .recent-item-tit .tit {
    font-size: 14px;
    color: #74787C
}

.mod-list-group-recent .list-group-item {
    padding: 0 40px
}

.mod-list-group-recent .list-group-hd:after, .mod-list-group-recent .list-group-item:after, .mod-list-group-recent .recent-item-tit:after {
    position: absolute;
    content: "";
    display: block;
    left: 40px;
    right: 40px;
    height: 1px;
    background: #F1F2F4;
    bottom: 0
}

.list-group-recent-item .list-group .list-group-item:last-child:after {
    display: none
}

.mod-list-group-recent .list-group-recent-item .item-info-time-size {
    width: 110px
}

.mod-list-group-search .list-group-item {
    height: 64px;
    line-height: 64px;
    padding: 0 50px
}

.mod-list-group-search .list-group-hd {
    padding: 0 50px
}

.mod-list-group-search .item-tit .thumb {
    margin: 12px 12px 0 0
}

.mod-list-group-search .include-searched-word {
    color: #4297ff
}

.mod-list-group-search .item-info-loc {
    width: 15%;
    max-width: 15%;
    text-align: left
}

.mod-list-group-search .item-info .txt-link {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list-group-search .list-group-item:after, .mod-list-group-search .list-group-item:before {
    left: 50px
}

.mod-list-group-short .list-group-item {
    padding-left: 0
}

.mod-list-group-short .list-group-item:hover {
    background-color: transparent
}

.mod-list-group-short .act {
    background-color: transparent !important
}

.mod-list-group-short .list-group-item:before, .offline-list .mod-list-group .list-group-item:after {
    display: none !important
}

.mod-list-group-short .item-tit .label {
    width: 44px
}

.mod-list-group-short .item-info {
    display: none
}

.mod-list-group-short .item-tit {
    width: 100%
}

.mod-list-group-short .item-tit .tit {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-list-group-short .item-tit .info .tit-sub {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #182028;
    color: rgba(24, 32, 40, .54)
}

.mod-list-group-short .list-group-item.exp .info .tit-sub {
    display: block
}

.mod-list-group-short .list-group-item .info {
    height: 42px;
    white-space: normal;
    line-height: 18px;
    padding-top: 14px
}

.task-ctrl-list .icon-upload-cancel, .task-ctrl-list .icon-upload-mini, .task-ctrl-list .icon-upload-switch, .task-ctrl-list .pause .icon-upload-switch {
    width: 16px;
    height: 16px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.layout-main-bd {
    position: relative;
    z-index: 1
}

.task-ctrl-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.task-ctrl-list .icon-upload-mini {
    background-position: -674px -631px;
    vertical-align: 1px
}

.task-ctrl-list .icon-upload-switch {
    background-position: -657px -631px
}

.task-ctrl-list .act-list:hover .icon-upload-switch {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -538px -631px;
    background-size: 810px 719px
}

.task-ctrl-list .pause .icon-upload-switch {
    background-position: -623px -631px
}

.task-ctrl-list .pause:hover .icon-upload-switch {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -606px -631px;
    background-size: 810px 719px
}

.task-ctrl-list .icon-upload-cancel {
    background-position: -589px -631px
}

.task-ctrl-list .act-list:hover .icon-upload-cancel {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -640px -631px;
    background-size: 810px 719px
}

.task-ctrl-list .list-group-item {
    height: 64px;
    line-height: 64px
}

.task-ctrl-list .list-group-hd .btn-group {
    position: absolute;
    z-index: 0;
    right: 50px;
    top: 0;
    bottom: 0
}

.task-ctrl-list .list-group-hd .btn-vip:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    vertical-align: -3px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -286px -649px;
    background-size: 810px 719px
}

.task-ctrl-list .list-group-hd .btn-vip {
    color: #3B97F5
}

.task-ctrl-list .list-group-hd .btn-m {
    margin-left: 7px;
    border-color: #D5D7DF
}

.task-ctrl-list .item-tit {
    width: 40%
}

.task-ctrl-list .item-info {
    width: 60%
}

.task-ctrl-list .item-tit .info {
    position: relative;
    z-index: 0;
    line-height: 1.5;
    padding-top: 16px;
    box-sizing: border-box
}

.task-ctrl-list .item-tit .sub-info {
    position: absolute;
    z-index: 0;
    top: 35px;
    left: 0;
    font-size: 12px;
    color: #74787C
}

.task-ctrl-list .sub-info .item-info-list {
    margin-right: 5px
}

.task-ctrl-list .item-info-list.fail {
    color: #EC2222
}

.task-ctrl-list .item-info-list .link {
    margin-left: 5px
}

.task-ctrl-list .processing {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    background: #EBF4FF
}

.task-ctrl-list .mod-act-list .icon {
    visibility: visible
}

.task-ctrl-list .item-info .icon-speed {
    width: 20px;
    height: 15px;
    margin-right: 6px;
    vertical-align: -2px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -613px -606px;
    background-size: 810px 719px
}

.task-ctrl-list .item-info .item-info-vip {
    display: none
}

.accelerate-wrapper, .task-ctrl-list .btn-vip-wrapper {
    display: inline-block
}

.accelerate-wrapper {
    position: relative;
    z-index: 0;
    height: 24px;
    line-height: 24px;
    margin-right: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    border-radius: 39px;
    text-align: right;
    font-size: 14px;
    color: #fff;
    background-image: linear-gradient(-270deg, #6F9BF3 0, #05BDEC 40%, #02D0B9 73%, #3ADA79 100%)
}

.accelerate-wrapper.try-accelerate {
    width: 84px
}

.accelerate-wrapper.vip-accelerate {
    width: 116px;
    height: 26px;
    line-height: 26px
}

.accelerate-wrapper .icon {
    position: absolute;
    z-index: 1;
    left: -6px;
    top: 50%;
    background-color: #fff;
    border-radius: 9999px
}

.accelerate-wrapper .icon-count-down {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-top: -16px;
    text-align: center;
    font-size: 14px;
    color: #51A5F1
}

.accelerate-wrapper .icon-count-down:after, .accelerate-wrapper .icon-count-down:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    border-radius: 9999px
}

.accelerate-wrapper .icon-count-down:before {
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    background-image: linear-gradient(-270deg, #6F9BF3 0, #05BDEC 40%, #02D0B9 73%, #3ADA79 100%)
}

.accelerate-wrapper .icon-count-down:after {
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background-color: #fff
}

.accelerate-wrapper .icon-vip-accelerate {
    top: -2px;
    width: 36px;
    height: 36px
}

.accelerate-wrapper .icon-vip-accelerate:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 32px;
    height: 28px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -777px -283px;
    background-size: 810px 719px
}

.accelerate-wrapper .effect-wrapper {
    position: absolute;
    z-index: 0;
    right: -19px;
    width: 14px;
    top: 11px
}

.accelerate-wrapper .effect-wrapper:after, .accelerate-wrapper .effect-wrapper:before {
    content: "";
    position: absolute;
    left: -3px;
    z-index: 0;
    width: 10px;
    opacity: .4
}

.accelerate-wrapper .effect-wrapper, .accelerate-wrapper .effect-wrapper:after, .accelerate-wrapper .effect-wrapper:before {
    height: 2px;
    background-color: #22D594;
    border-radius: 8px
}

.accelerate-wrapper .effect-wrapper:before {
    top: -6px
}

.accelerate-wrapper .effect-wrapper:after {
    bottom: -6px
}

.mod-list-group-with-loc .item-tit {
    width: 40%
}

.mod-list-group-with-loc .item-info {
    width: 60%
}

.task-ctrl-list .mod-breadcrumb {
    overflow: hidden
}

.page-safebox .layout-main-bd {
    width: 100%
}

.mod-list-group .mod-thumb-list {
    padding: 0 0 8px 105px
}

.mod-list-group-rencent .list-group-bd {
    height: calc(100vh - 65px - 48px)
}

.mod-list-group-rencent .list-group {
    margin-bottom: 16px
}

.mod-list-group-rencent .list-group-wrapper {
    margin-bottom: 40px
}

.mod-list-group-rencent .list-group-tit {
    height: 60px;
    line-height: 60px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    border-bottom: 1px solid #F1F2F4;
    padding: 0 60px 0 40px;
    box-sizing: border-box
}

.mod-list-group-rencent .list-group-wrapper.fixed .list-group {
    margin-top: 60px
}

.mod-list-group-rencent .list-group-wrapper.fixed .list-group-tit {
    position: fixed;
    top: auto;
    width: 100%
}

.mod-list-group-rencent .item-tit {
    width: 40%
}

.mod-list-group-rencent .item-info {
    width: 60%
}

.mod-list-group-rencent .item-info .item-info-list {
    width: 65%
}

.mod-list-group-rencent .item-info .item-info-list:last-child {
    width: 35%
}

.mod-list-group .item-info .item-info-list .txt-act {
    max-width: 45%;
    margin-left: 10px
}

.mod-list-group .fileedit {
    display: block;
    width: 90%
}

.mod-list-group .fileedit input {
    border-radius: 2px;
    height: 22px;
    line-height: 22px;
    padding: 1px 3px;
    border: 1px solid #2980FF;
    box-sizing: border-box;
    width: 100%
}

.mod-list-group .mod-thumb-list a:hover:before {
    display: none
}

.mod-list-group-doc .list-group-hd .list-group-tit.owner, .mod-list-group-doc .list-group-hd .list-group-tit.size, .mod-list-group-doc .list-group-hd .list-group-tit.time {
    width: 16.666666666666666666666%
}

.mod-list-group-doc .item-info .item-info-list {
    width: 33.333333333333333333333%
}

.mod-list-group-doc .list-group-bd {
    height: calc(100vh - 64px - 64px - 40px - 40px);
    overflow-y: auto
}

.mod-list-group-share-group .item-tit .label {
    visibility: hidden !important
}

.mod-list-group-share-group .item-info .item-info-list {
    width: 100%
}

.mod-list-group-share-group .item-tit .info .act {
    visibility: hidden
}

.mod-list-group-share-group .list-group-item:hover .item-tit .info .act {
    visibility: visible
}

.mod-list-group-team .list-group-hd:hover .mod-check, .mod-list-group-team .list-group-item:hover .label, .mod-list-group-team-folder .list-group-item.act .label, .mod-list-group-team-folder .list-group-item:hover .label, .mod-list-group-team-member .list-group-item.act .label, .mod-list-group-team-member .list-group-item:hover .label {
    visibility: hidden
}

.mod-list-group-share-group .list-group-item .item-inner {
    cursor: pointer
}

.mod-list-group-set .list-group-item.act, .mod-list-group-set .list-group-item.act:hover, .mod-list-group-share-group .list-group-item.act, .mod-list-group-share-group .list-group-item.act:hover {
    background: inherit;
    color: inherit
}

.mod-list-group-set .list-group-item.act .item-info, .mod-list-group-set .list-group-item.act .tit, .mod-list-group-set .list-group-item.act a, .mod-list-group-share-group .list-group-item.act .item-info, .mod-list-group-share-group .list-group-item.act .tit, .mod-list-group-share-group .list-group-item.act a {
    color: inherit
}

.mod-list-group-s .list-group-item {
    height: 40px;
    line-height: 40px;
    margin: 0 0 5px 10px;
    background: #F5F8FA
}

.mod-list-group-s .list-group-item .item-inner {
    height: 40px;
    line-height: 40px;
    padding: 0 34px 0 0;
    cursor: text
}

.mod-list-group-s .item-tit .info {
    height: 40px
}

.mod-list-group-s .list-group-item:hover {
    background: #F5F8FA
}

.mod-list-group-s .list-group-item:after {
    display: none
}

.mod-list-group-s .list-group-item:hover:after, .mod-list-group-s .list-group-item:hover:before {
    display: none
}

.mod-list-group-s .list-group-item .item-act {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    bottom: 0;
    width: 34px
}

.mod-list-group-s .list-group-item .item-act .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px
}

.mod-list-group-s .item-tit .thumb {
    margin: 8px 10px 8px 8px;
    zoom: .7
}

.mod-list-group-s .thumb .duration .inner {
    display: block;
    font-size: 7.4px;
    transform: scale(.65);
    margin-left: -6px
}

.mod-list-group-team {
    margin-bottom: 20px
}

.mod-list-group-team .item-info .item-info-list .txt-act-set {
    margin-left: 36px
}

.mod-list-group-wrap-files {
    height: calc(100vh - 65px - 60px);
    overflow-y: auto
}

.mod-list-group-wrap-files .list-group-bd {
    height: auto
}

.mod-list-group-team-folder .list-group-hd {
    padding-right: 0
}

.mod-list-group-team-folder .item-tit {
    width: 40%
}

.mod-list-group-team-folder .item-info {
    width: 60%
}

.mod-list-group-team-folder .item-info .item-info-list {
    width: 50%
}

.mod-list-group-team-folder .item-info .item-info-list.act {
    padding: 0 40px 0 0;
    float: right;
    text-align: right
}

.mod-list-group-team-message .list-group-hd, .mod-list-group-team-record .list-group-hd {
    padding-right: 0
}

.mod-list-group-team-folder .item-info .item-info-list:nth-child(3), .mod-list-group-team-folder .item-info .item-info-list:nth-child(4) {
    width: 16.666666666666666666666666666666%
}

.mod-list-group-team-folder .list-group-hd .list-group-tit.name {
    width: 40%
}

.mod-list-group-team-folder .list-group-hd .list-group-tit.owner, .mod-list-group-team-folder .list-group-hd .list-group-tit.storage {
    width: 20%
}

.mod-list-group-team-folder .item-info .item-info-list .txt-set {
    float: right;
    margin-right: 40px
}

.mod-figure-list .figure-list-item-txt .txt:hover, .mod-item-list .item .inner .txt:hover {
    text-decoration: underline
}

.mod-list-group-team-member .list-group-item:hover .item-info-list {
    visibility: visible
}

.mod-list-group-team-message .item-act .btn-txt, .mod-list-group-team-message .list-group-item.act .label, .mod-list-group-team-message .list-group-item:hover .label, .mod-list-group-team-record .list-group-item.act .label, .mod-list-group-team-record .list-group-item:hover .label {
    visibility: hidden
}

.mod-list-group-team-member .item-info .item-info-list {
    width: 50%
}

.mod-list-group-team-member .item-tit .info .tit {
    max-width: 60%
}

.mod-list-group-team-record .item-tit .info, .mod-list-group-team-record .list-group-item .item-inner {
    height: 40px;
    line-height: 40px
}

.mod-list-group-team-record .list-group-item:after {
    display: none
}

.mod-list-group-team-record .list-group-tit.location {
    width: 25%
}

.mod-list-group-team-record .item-info .item-info-list .txt {
    float: none;
    margin-right: 20px
}

.mod-list-group-team-record .item-tit .info .tit {
    max-width: 6em;
    white-space: nowrap
}

.mod-list-group-team-record .item-tit .info .tit-link {
    max-width: 75%
}

.mod-list-group-team-record .item-info .item-info-list {
    width: 50%
}

.mod-list-group-team-message .item-tit, .mod-list-group-team-message .list-group-hd .list-group-tit.name {
    width: 45%
}

.mod-list-group-team-message .item-info {
    width: 20%;
    float: left
}

.mod-list-group-team-message .item-act {
    width: 35%;
    float: left;
    text-align: right
}

.mod-list-group-team-message .item-act-wrap {
    padding-right: 40px
}

.mod-list-group-team-message .item-act .btn {
    vertical-align: middle;
    margin: 0 0 0 10px
}

.mod-list-group-team-message .item-tit .info .tit-attr {
    font-size: 14px;
    color: #000
}

.mod-list-group-files-share .item-tit .label, .mod-list-group-set .item-info .item-info-list a, .mod-list-group-team-message .list-group-item:hover .item-act .btn-txt {
    visibility: visible
}

.mod-list-group-set .list-group .list-group-item .item-tit {
    width: 40%
}

.mod-list-group-set .list-group-item .item-info {
    float: left;
    width: 20%;
    overflow: visible
}

.mod-list-group-set .item-info .item-info-list {
    width: 100%
}

.mod-list-group-set .item-info .item-act {
    float: left;
    width: 25%
}

.mod-list-group-set .item-info .mod-view {
    float: right
}

.mod-list-group-set .list-group-item.act .icon-check-s, .mod-list-group-set .list-group-item.act .icon-check-s:hover {
    background-image: url(../images/svg/icon-checkbox-cur.svg)
}

.mod-list-group-set .mod-view-member {
    position: absolute;
    display: none;
    width: 235px;
    height: 250px
}

.mod-list-group-set .mod-view-member.act {
    display: block
}

.mod-list-group-set .mod-view-member.act .mod-bubble-menu {
    visibility: visible;
    opacity: 1
}

.mod-list-group-edit .item-tit .info, .mod-list-group-edit .list-group-item .item-inner {
    height: 44px;
    line-height: 44px
}

.mod-list-group-edit .list-group-item .item-tit .thumb {
    margin: 3px 5px 0 0
}

.mod-list-group-edit .list-group-item:hover {
    background: 0 0
}

.mod-list-group-edit .list-group-item:after, .mod-list-group-edit .list-group-item:hover:after {
    display: none
}

.mod-list-group-thumb .list-group-bd {
    margin: 0 0 0 40px
}

.mod-list-group-thumb .list-group-hd .list-group-tit.name {
    width: 100%
}

.mod-list-group-thumb .list-group-tit .mod-bubble-menu {
    left: 40px
}

.mod-list-group-thumb .mod-figure-list, .mod-list-group-thumb .mod-item-list {
    padding: 12px 0 0
}

.mod-list-group-team .item-info .item-info-list {
    width: 33.33333333333333%
}

.mod-list-group-team .list-group-hd .list-group-tit.member, .mod-list-group-team .list-group-hd .list-group-tit.size, .mod-list-group-team .list-group-hd .list-group-tit.time {
    width: 16.666666666666668%
}

.mod-list-group-team-list .item-info .item-info-list {
    width: 33.333333%
}

.mod-list-group-team-list .list-group-hd .list-group-tit.member, .mod-list-group-team-list .list-group-hd .list-group-tit.size, .mod-list-group-team-list .list-group-hd .list-group-tit.time {
    width: 16.666666666666668%
}

.mod-list-group-team-list .item-info .item-info-list .txt-time {
    width: 100%
}

.mod-list-group-team-admin .item-info .item-info-list .txt-group {
    float: none;
    width: 100%
}

.mod-list-group-team-admin .item-info .item-info-list {
    width: 50%
}

.mod-list-group-team-admin .list-group-hd .list-group-tit.group, .mod-list-group-team-admin .list-group-hd .list-group-tit.time {
    width: 25%
}

.mod-list-group-team-admin .list-group-item.act .label, .mod-list-group-team-admin .list-group-item:hover .label {
    visibility: hidden
}

.icon-playable {
    width: 16px;
    height: 24px;
    background-color: transparent;
    background-image: url(../img/svg/icon-playable.svg)
}

.mod-figure-list .figure-list-item.act .icon-checkbox, .mod-item-list .item.act .icon-checkbox {
    background-image: url(../images/svg/icon-checkbox-cur.svg)
}

.figure-group-bd.picture {
    margin-top: 18px
}

.figure-group-bd.picture-tl {
    margin-top: 0
}

.figure-group-bd {
    overflow-y: auto;
    height: calc(100vh - 65px - 48px);
    padding-left: 40px
}

.figure-group-bd.picture {
    height: calc(100vh - 60px - 60px - 60px)
}

.figure-group-bd .mod-figure-list {
    margin-top: 12px
}

.mod-figure-list .figure-box {
    position: relative;
    z-index: 0
}

.mod-figure-list .figure-list {
    font-size: 0
}

.mod-figure-list .figure-list-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 10%;
    padding-right: 1px;
    margin-bottom: 10px;
    cursor: default;
    overflow: hidden;
    box-sizing: border-box
}

.mod-figure-list .figure-list-item.drag {
    opacity: .4
}

.mod-figure-list .figure-list-item-inner {
    padding-bottom: 16px
}

.mod-figure-list .figure-list-item-inner, .mod-figure-list .figure-list-item-pic {
    width: 100%;
    border-radius: 2px
}

.mod-figure-list .figure-list-item-pic {
    position: relative;
    z-index: 0;
    padding-bottom: 1px;
    box-sizing: border-box
}

.mod-figure-list .figure-list-item-inner .icon-checkbox, .mod-figure-list .figure-list-item-pic .icon-l {
    position: absolute
}

.mod-figure-list .figure-list-item-inner .icon-checkbox {
    z-index: 10;
    top: 10px;
    right: 10px;
    cursor: default
}

.mod-figure-list .figure-list-item .figure-list-item-pic {
    font-size: 0;
    text-align: center
}

.mod-figure-list .figure-list-item .figure-list-item-txt {
    margin-top: 0;
    cursor: pointer
}

.mod-figure-list .figure-list-item .duration {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #FFF;
    line-height: 14px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .3);
    pointer-events: none
}

.mod-figure-list .figure-list-item .duration::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.mod-figure-list .figure-list-item .icon-playable {
    display: inline-block;
    vertical-align: -7px
}

.mod-figure-list .figure-list-item .img-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: inherit;
    height: inherit
}

.mod-figure-list .figure-list-item .img-wrapper::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.mod-figure-list .figure-list-item .is-img {
    display: inline-block;
    vertical-align: middle;
    max-width: 84%;
    max-height: 84%;
    border-radius: 2px;
    background-color: #DEE5E9;
    opacity: 0;
    visibility: hidden;
    cursor: pointer
}

.mod-figure-list .figure-list-item-txt .tit, .mod-item-list .item .inner .txt {
    font-size: 14px;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.mod-figure-list .figure-list-item.act .figure-list-item-inner, .mod-figure-list .figure-list-item.dragged-to .figure-list-item-inner, .mod-figure-list .figure-list-item:hover .figure-list-item-inner, .mod-item-list .item.act .inner, .mod-item-list .item.dragged-to .inner, .mod-item-list .item:hover .inner {
    background-color: #F4F4F4
}

.mod-figure-list .figure-list-item .ilg-poster {
    width: 84%;
    height: 47.25%;
    background-size: cover;
    background-position: center
}

.mod-figure-list .figure-list-item-pic .icon-gray-l, .mod-figure-list .figure-list-item-pic .icon-pic-l, .mod-figure-list .figure-list-item-pic .icon-video-l {
    z-index: -1;
    opacity: 1
}

.mod-figure-list .figure-list-item .is-img.is-loaded, .mod-figure-list .figure-list-item .is-img.is-video ~ .duration {
    opacity: 1;
    visibility: visible;
    transition: opacity 1s ease
}

.mod-figure-list .figure-list-item .is-img.is-loaded ~ .icon-gray-l, .mod-figure-list .figure-list-item .is-img.is-loaded ~ .icon-pic-l, .mod-figure-list .figure-list-item .is-img.is-loaded ~ .icon-video-l {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease
}

.mod-figure-list .figure-list-item-pic .icon-l {
    left: 50%;
    width: 134px;
    margin: -67px 0 0 -67px;
    box-sizing: border-box;
    cursor: pointer;
    top: 50%
}

.mod-figure-list .figure-list-item-inner .icon-checkbox {
    visibility: hidden
}

.mod-figure-list .figure-list-item.act .icon-checkbox, .mod-figure-list .figure-list-item.dragged-to .icon-checkbox, .mod-figure-list .figure-list-item:hover .icon-checkbox {
    visibility: visible
}

.mod-figure-list .icon-check-m {
    display: none;
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius: 2px;
    z-index: 4
}

.mod-figure-list .figure-list-item.act .icon-check-m, .mod-figure-list .figure-list-item:hover .icon-check-m {
    display: block
}

.mod-figure-list .figure-list-item-txt .tit {
    display: -webkit-box;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    word-wrap: break-word;
    text-align: center;
    color: #020202
}

@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .mod-figure-list .figure-list-item-txt .txt {
        word-wrap: normal;
        display: inline-block;
        white-space: nowrap
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mod-figure-list .figure-list-item-txt .txt {
        display: inline-block;
        white-space: nowrap
    }
}

@supports (-ms-accelerator:true) {
    .mod-figure-list .figure-list-item-txt .txt {
        display: inline-block;
        white-space: nowrap
    }
}

.mod-figure-list .figure-list-item-txt .tit .icon {
    top: -1px;
    margin: 0 8px 0 0
}

.mod-figure-list .figure-list-item-txt .rename {
    overflow: visible !important
}

.mod-figure-list .icon-pages-l {
    left: auto;
    right: 0;
    margin-left: 0
}

.mod-figure-list .icon-damaged-l {
    left: 0;
    right: 0;
    margin-left: 0;
    width: 100%;
    background-repeat: repeat-x
}

.figure-group-bd .item .inner .txt, .mod-figure-list .figure-list-item-txt .txt {
    position: relative;
    min-height: 24px
}

.mod-figure-list .figure-list-item-txt .txt .ui-input {
    width: 90%
}

.figure-group-bd .ui-input {
    outline: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2px;
    line-height: 1.05
}

.figure-group-bd .ui-input:focus {
    border-color: #00A4FF
}

.figure-group-bd .mod-loadmore {
    margin-top: -24px
}

.mod-item-list {
    padding-top: 5px;
    margin-bottom: 27px
}

.mod-item-list .item {
    position: relative;
    float: left;
    height: 150px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.mod-item-list .item .inner {
    position: relative;
    z-index: 3;
    display: block;
    padding-bottom: 16px;
    cursor: default
}

.mod-item-list .item .icon-wrapper {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    padding-top: 80%
}

.mod-item-list .item .icon-wrapper .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -50px;
    cursor: pointer
}

.mod-item-list .item.dragin .icon-wrapper .icon {
    transform: scale(1.2);
    transition: all .3s
}

.mod-item-list .item.dragout .icon-wrapper .icon {
    transform: scale(1);
    transition: all .3s
}

.mod-item-list .item .inner .txt {
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    width: 84%;
    margin: 0 auto;
    line-height: 20px;
    display: inline-block \9;
    white-space: nowrap \9;
    cursor: pointer;
    word-wrap: break-word
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mod-item-list .item .inner .txt {
        display: inline-block;
        white-space: nowrap
    }
}

@supports (-ms-accelerator:true) {
    .mod-item-list .item .inner .txt {
        display: inline-block;
        white-space: nowrap
    }
}

.mod-item-list .item .rename {
    width: 100%
}

.mod-item-list .item .inner .ui-input {
    display: inline-block;
    width: 86px
}

.icon-create, .icon-down, .icon-move, .icon-rename, .mod-act-list a:hover .icon-down, .mod-act-list a:hover .icon-move, .mod-act-list a:hover .icon-share, .mod-act-list a:hover .icon-trash {
    width: 24px;
    height: 24px
}

.mod-item-list .item .icon-file-m {
    display: inline-block
}

.mod-item-list .icon-checkbox {
    display: none;
    position: absolute;
    z-index: 4;
    right: 10px;
    top: 10px
}

.mod-item-list .item.act .icon-checkbox, .mod-item-list .item.dragged-to .icon-checkbox, .mod-item-list .item:hover .icon-checkbox {
    display: block
}

.mod-act-list a:hover .icon-share {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -738px -379px;
    background-size: 810px 719px
}

.icon-create {
    background-image: url(../img/svg/icon-create.svg)
}

.icon-down {
    background-image: url(../img/svg/icon-down.svg)
}

.icon-move {
    background-image: url(../img/svg/act/icon-move.svg)
}

.icon-goback, .icon-rename, .mod-act-list a:hover .icon-add-safebox, .mod-act-list a:hover .icon-del-safebox, .mod-act-list a:hover .icon-move, .mod-act-list a:hover .icon-rename, .mod-act-list a:hover .icon-trash {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-act-list a:hover .icon-move {
    background-position: -763px -379px
}

.mod-act-list a:hover .icon-trash {
    background-position: -767px -428px
}

.icon-rename {
    background-position: -438px -379px
}

.mod-act-list a:hover .icon-rename {
    width: 24px;
    height: 24px;
    background-position: -695px -545px
}

.mod-act-list a:hover .icon-add-safebox {
    background-position: -720px -545px
}

.mod-act-list a:hover .icon-del-safebox {
    background-position: -745px -545px
}

.mod-act-list:after {
    content: "";
    display: block;
    clear: both
}

.mod-act-list .act-list {
    float: left;
    margin: 0 0 0 15px;
    outline: 0
}

.mod-act-list .icon {
    cursor: pointer
}

.icon-goback {
    width: 14px;
    height: 11px;
    background-position: -759px -361px
}

.icon-download,.icon-yulan, .icon-info, .icon-more, .icon-storage, .icon-trash-xs, .icon-trig-s {
    width: 24px;
    height: 24px
}

.icon-info {
    background-image: url(../img/svg/icon-info.svg)
}

.unfold .icon-trig-s {
    transform: rotate(180deg)
}

.icon-more {
    background-image: url(../images/svg/icon-more.svg)
}

.icon-trash-xs {
    background-image: url(../images/svg/icon-trash-xs.svg)
}

.icon-download {
    background-image: url(../images/svg/icon-download.svg)
}
.icon-yulan{
    background-image: url(../images/svg/icon-yulan.svg)
}
.icon-storage {
    background-image: url(../images/svg/icon-storage.svg)
}

.icon-trig-s {
    background-image: url(../images/svg/icon-trig-s.svg)
}

.icon-close-m {
    width: 36px;
    height: 36px;
    background-image: url(../images/svg/icon-close-m.svg)
}

.icon-view {
    width: 24px;
    height: 24px;
    background-image: url(../images/svg/icon-view-light.svg)
}

.icon-save-light {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/act/icon-save-light.svg)
}

.mod-action-wrap {
    border: 1px solid #DBDBDB;
    border-radius: 2px
}

.mod-action-wrap-list .mod-action-wrap:last-child {
    margin-right: 0
}

.mod-action-wrap-list:after {
    content: "";
    display: block;
    clear: both
}

.mod-action-wrap .action-item {
    position: relative;
    float: left
}

.mod-action-wrap .action-item.dis {
    cursor: default;
    opacity: .4
}

.mod-action-wrap .action-item.dis .action-item-con {
    cursor: default
}

.mod-action-wrap-b .action-item.dis .action-item-con {
    cursor: not-allowed;
    opacity: .5
}

.mod-action-wrap .action-item-con {
    position: relative;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    border-right: 1px solid #DBDBDB
}

.mod-action-wrap .btn-trig {
    position: relative;
    height: 100%;
    display: inline-block;
    width: 32px;
    margin: 0 -20px 0 15px;
    text-align: center
}

.mod-action-wrap .btn-trig:before {
    position: absolute;
    left: 0;
    content: "";
    width: 1px;
    height: 20px;
    top: 50%;
    margin: -10px 0 0;
    background-color: rgba(255, 255, 255, .4)
}

.mod-action-wrap-c .action-item-con .act-txt {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 45px;
    white-space: nowrap;
    background-color: #4D4D4D;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    display: none
}

.mod-action-wrap-c .action-item-con {
    padding: 0 13px
}

.mod-action-wrap-a .action-item-con, .mod-action-wrap-b .action-item-con, .mod-action-wrap-create .action-item-con, .mod-action-wrap-upload .action-item-con {
    padding: 0 20px
}

.mod-action-wrap-c .action-item-con:hover .act-txt {
    display: block
}

.mod-action-wrap .mod-bubble-menu .menu-item .txt {
    height: 40px;
    line-height: 40px
}

.mod-action-wrap .action-item-con .icon {
    top: -1px
}

.mod-action-wrap .action-item-con .icon-save-light {
    margin-right: 2px
}

.mod-action-wrap .action-item:hover {
    background-color: #F4F4F4
}

.mod-action-wrap .action-item:last-child .action-item-con {
    border-right: 0 none
}

.mod-action-wrap .mod-bubble-menu.with-border {
    left: auto;
    right: 0;
    top: 44px;
    visibility: hidden;
    opacity: 0;
    max-height: 0
}

.mod-action-wrap .action-item.act .mod-bubble-menu {
    cursor: default;
    max-height: 420px;
    opacity: 1;
    visibility: visible
}

.mod-action-wrap .mod-bubble-menu .menu-item .spliter {
    background-color: #EAEAEA
}

.mod-action-wrap .mod-bubble-menu .menu-item.act .icon {
    visibility: visible
}

.mod-action-wrap-b .action-item-con {
    height: 26px;
    line-height: 26px;
    font-size: 12px
}

.mod-action-wrap-b .action-item-con .icon {
    margin: 0
}

.mod-action-wrap-b .action-item.act {
    background-color: #E9EEF2
}

.mod-action-wrap-upload {
    background-color: #2980FF;
    border-color: #2980FF;
    color: #fff
}

.mod-action-wrap-upload .action-item:hover {
    background-color: #2977EA
}

.mod-action-wrap-create .mod-bubble-menu.with-border, .mod-action-wrap-upload .mod-bubble-menu.with-border {
    left: 0;
    right: auto
}

.mod-action-wrap-a {
    background-color: #2980FF;
    border-color: #2980FF;
    color: #fff
}

.mod-action-wrap-a .action-item:hover {
    background-color: #2977EA
}

.mod-action-wrap-d, .mod-action-wrap-d .action-item-con {
    border: 0
}

.mod-action-wrap-d .action-item:hover {
    background: 0 0
}

.mod-action-wrap-d .action-item-con {
    padding: 0 6px
}

.mod-action-wrap-code .mod-bubble-menu {
    padding: 0;
    height: 240px
}

.mod-action-wrap-code .mod-code {
    margin-top: 42px
}

.mod-tab .btn-w:hover {
    background-color: #F9FAFB
}

.mod-tab .tab-hd {
    padding-left: 32px;
    border-bottom: 1px solid #E6E7EC
}

.mod-tab .tab-item {
    float: left;
    position: relative;
    padding: 27px 33px 11px;
    text-align: center;
    color: #575A5F;
    font-size: 14px;
    line-height: 1;
    cursor: pointer
}

.mod-tab .tab-item.new {
    position: relative;
    z-index: 0
}

.mod-tab .tab-item.new:before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 25px;
    top: 25px;
    background-color: #F74B4B;
    width: 6px;
    height: 6px;
    border-radius: 6px
}

.mod-tab .tab-item .spliter {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    background-color: #389CFF;
    display: none;
    height: 2px
}

.mod-tab .tab-item.on .btn, .mod-tab .tab-item:hover .btn {
    color: #389CFF
}

.mod-tab .tab-item.on .spliter, .mod-tab .tab-item:hover .spliter {
    display: block
}

.mod-tab .tab-bd {
    margin: 0 29px 39px
}

.mod-tab .tab-cont-item {
    height: 100%;
    overflow: hidden;
    margin-top: 24px;
    box-sizing: border-box;
    padding: 18px 0 18px 35px;
    border: 1px solid #E6E7EC;
    border-radius: 2px
}

.mod-tab .tab-cont-item.has-inner-cont {
    padding-top: 0;
    padding-left: 0
}

.mod-tab .editor {
    width: 100%;
    overflow-y: auto;
    outline: 0;
    border: none;
    resize: none
}

.mod-tab .cont-ft {
    box-sizing: border-box;
    padding: 10px 21px 0 0
}

.mod-tab .cont-ft .btn-w {
    float: left
}

.mod-tab .cont-ft .btn-l, .mod-tab .exp-hd .btn-group {
    float: right
}

.mod-tab .cont-ft .btn.disabled {
    display: block;
    opacity: .5;
    cursor: not-allowed
}

.mod-tab .tab-cont-item:nth-of-type(2) {
    display: none
}

.mod-tab .tab-cont-item.show-exp {
    margin-top: 12px;
    border: none
}

.mod-tab .tab-cont-item .inner-cont-exp, .mod-tab .tab-cont-item.show-exp .inner-cont-list {
    display: none
}

.mod-tab .tab-cont-item .inner-cont-list, .mod-tab .tab-cont-item.show-exp .inner-cont-exp {
    display: block
}

.mod-tab .inner-cont-item {
    position: relative;
    z-index: 0;
    height: 88px;
    width: 100%;
    overflow: hidden;
    padding: 20px 50px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 48px;
    border-bottom: 1px solid #EEEFF4;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #020202;
    cursor: pointer
}

.mod-tab .inner-cont-item .text {
    height: 100%;
    overflow: hidden
}

.mod-tab .inner-cont-item:before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 16px;
    top: 50%;
    width: 10px;
    height: 18px;
    margin-top: -9px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -795px -545px;
    background-size: 810px 719px
}

.mod-tab .inner-cont-item:hover {
    background: #389CFF;
    background: rgba(56, 156, 255, .06)
}

.mod-tab .exp-hd {
    margin-bottom: 13px;
    cursor: auto
}

.mod-tab .exp-hd .act-list {
    padding-top: 10px;
    color: #575A5F;
    font-size: 14px
}

.mod-tab .exp-hd .act-list:hover {
    opacity: .5
}

.mod-tab .exp-hd .icon-goback {
    margin-right: 10px;
    margin-top: -3px
}

.mod-tab .exp-hd .btn-w {
    padding: 0 30px;
    margin-right: 15px
}

.mod-tab .exp-hd .btn-w:last-child {
    margin-right: 0
}

.mod-tab .exp-bd {
    padding: 19px 28px 0;
    border: 1px solid #EEEFF4;
    cursor: not-allowed
}

.mod-figure-list .figure-box .date-wrapper {
    display: none;
    position: absolute;
    top: 40px;
    left: 8px;
    line-height: 1;
    text-align: right
}

.mod-figure-list .date-wrapper .strong {
    font-size: 40px;
    text-align: center;
    margin-bottom: 2px
}

.mod-figure-list .date-wrapper .txt {
    font-size: 14px
}

.mod-figure-list.tl-view .figure-box {
    padding: 0 0 0 70px
}

.mod-figure-list.tl-view .figure-box .date-wrapper {
    display: block
}

.mod-figure-list.tl-view .figure-list-item-txt {
    display: none
}

.mod-figure-list.tl-view .figure-list-item-pic {
    box-shadow: none
}

.mod-figure-list.tl-view .figure-list-item-pic img {
    background-color: #EBECF0
}

.mod-figure-list.tl-view .figure-list .figure-list-item-pic, .mod-figure-list.tl-view .figure-list .figure-list-item.act .figure-list-item-pic, .mod-figure-list.tl-view .figure-list .figure-list-item:hover .figure-list-item-pic {
    border: none
}

.figure-group-bd.picture-tl {
    height: calc(100vh - 65px - 48px)
}

.mod-figure-list.tl-view .figure-list-item-inner {
    padding-bottom: 0
}

.mod-pic-group .pic-group-item {
    position: relative;
    float: left;
    width: 10%;
    margin: 0 48px 15px 0;
    cursor: pointer
}

.mod-pic-group .pic-group-item-pic {
    position: relative;
    height: 180px;
    overflow: hidden;
    z-index: 3;
    background-color: #fff
}

.mod-pic-group .pic-group-item-pic:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #D5D7DF;
    opacity: .5
}

.mod-pic-group .pic-group-item-pic:hover::after {
    opacity: 1
}

.mod-pic-group .icon-l {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px
}

.mod-pic-group .pic-group-item-pic img {
    position: relative;
    width: 100%;
    height: initial;
    min-height: 100% !important;
    z-index: 2
}

.mod-pic-group .pic-group-item-add {
    position: relative;
    border: 1px solid #D5D7DF;
    box-shadow: 0 3px 5px 0 rgba(15, 32, 65, .06)
}

.mod-pic-group .pic-group-item-add .icon-act-add-l {
    position: absolute;
    width: 38px;
    height: 38px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -399px -379px;
    background-size: 810px 719px;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -19px
}

.mod-pic-group .pic-group-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    padding-top: 82.608%;
    background-image: url(../img/pic-group-bg.png);
    background-image: none \9;
    background-size: contain;
    left: 0;
    top: 0
}

.mod-pic-group .pic-group-item-txt {
    position: relative
}

.mod-pic-group .pic-group-item-edit {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.mod-pic-group .pic-group-item-edit input {
    height: 22px;
    width: 100px;
    border: 1px solid #389CFF;
    cursor: text;
    text-align: center
}

.mod-pic-group .pic-group-item-txt .tit {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    overflow: hidden;
    text-align: center
}

.mod-pic-group .pic-group-item-txt .txt {
    display: inline-block;
    max-width: 60%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle
}

.mod-pic-group .pic-group-item-txt .num {
    display: inline-block;
    color: #74787C
}

.mod-pic-group .pic-group-item-txt .tit .icon {
    top: -1px;
    margin: 0 8px 0 0
}

.mod-breadcrumb ul, .mod-breadcrumb-tab ul {
    display: flex
}

.mod-breadcrumb li, .mod-breadcrumb-tab li {
    float: left \9;
    transition: flex-shrink .3s;
    flex-basis: auto;
    flex-shrink: 1;
    min-width: 41px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #777
}

.mod-breadcrumb li.dragin a {
    background: #E9EEF2;
    border-radius: 2px
}

.mod-breadcrumb li.all.dragin a, .mod-breadcrumb li.cur.dragin a, .mod-breadcrumb li.dragout a, .mod-breadcrumb li.more.dragin a {
    background: 0 0
}

.mod-breadcrumb li:first-child:nth-last-child(2), .mod-breadcrumb li:first-child:nth-last-child(2) ~ li {
    max-width: calc(100% - 100px) \9
}

.mod-breadcrumb li:first-child:nth-last-child(3), .mod-breadcrumb li:first-child:nth-last-child(3) ~ li {
    max-width: calc((100% - 100px) / 2) \9
}

.mod-breadcrumb li:first-child:nth-last-child(4), .mod-breadcrumb li:first-child:nth-last-child(4) ~ li {
    max-width: calc((100% - 100px) / 3) \9
}

.mod-breadcrumb li:first-child:nth-last-child(5), .mod-breadcrumb li:first-child:nth-last-child(5) ~ li {
    max-width: calc((100% - 100px) / 4) \9
}

.mod-breadcrumb li:first-child:nth-last-child(6), .mod-breadcrumb li:first-child:nth-last-child(6) ~ li {
    max-width: calc((100% - 100px) / 4) \9
}

.mod-breadcrumb li.all, .mod-breadcrumb li.more, .mod-breadcrumb-tab li.all, .mod-breadcrumb-tab li.more {
    min-width: 38px
}

.mod-breadcrumb li.more, .mod-breadcrumb li.more a {
    cursor: default
}

.mod-breadcrumb li.more a:hover {
    text-decoration: none
}

.mod-breadcrumb li.return {
    flex-shrink: 0;
    margin-right: 20px
}

.mod-breadcrumb li.group-return {
    margin-right: 16px
}

.mod-breadcrumb li a {
    padding: 4px 5px;
    color: #777
}

.mod-breadcrumb li a:hover {
    text-decoration: underline
}

.mod-breadcrumb li.return a {
    color: #00A4FF
}

.mod-breadcrumb .icon-bread-next {
    width: 7px;
    height: 12px;
    margin: -1px 5px 0;
    background-image: url(../images/svg/icon-bread-next.svg)
}

.mod-breadcrumb .icon-bread-return {
    width: 7px;
    height: 12px;
    margin: -2px 4px 0 10px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -438px -404px;
    background-size: 810px 719px
}

.mod-breadcrumb .icon-group-return {
    position: relative;
    width: 18px;
    height: 16px;
    margin: 0 16px 0 2px;
    overflow: visible;
    background-image: url(../img/svg/icon-group-return.svg)
}

.mod-breadcrumb .icon-group-return::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    height: 16px;
    width: 1px;
    background-color: #E6E7EC;
    margin-top: -8px
}

.mod-breadcrumb .label {
    float: left;
    margin-right: 10px
}

.mod-breadcrumb .cur a {
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.mod-breadcrumb .cur a:hover {
    text-decoration: none;
    cursor: default
}

.mod-breadcrumb a.note-title {
    display: inline-block;
    width: 180px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-breadcrumb .icon-safebox-inpath {
    width: 24px;
    height: 24px;
    margin-right: 2px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -745px -570px;
    background-size: 810px 719px
}

.mod-breadcrumb-tab li {
    margin-right: 32px
}

.mod-breadcrumb-tab li a {
    position: relative;
    line-height: 1.2;
    color: #777
}

.mod-breadcrumb-tab li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px
}

.mod-breadcrumb-tab li.cur a {
    color: #0097EB
}

.mod-breadcrumb-tab li:hover a::after {
    background-color: #777
}

.mod-breadcrumb-tab li.cur a::after {
    background-color: #00A4FF
}

.mod-breadcrumb-path li.more {
    min-width: 30px
}

.mod-breadcrumb-path li a, .mod-breadcrumb-path li.more a {
    cursor: text
}

.mod-breadcrumb-path li a:hover {
    text-decoration: none
}

.mod-operate .operate-ft a:hover, .mod-point .point-link:hover {
    text-decoration: underline
}

.mod-breadcrumb-path li:before {
    content: "/"
}

.mod-breadcrumb-path li.all:before {
    display: none
}

.mod-breadcrumb-path .icon-bread-next {
    display: none
}

.mod-breadcrumb-path li:last-child {
    min-width: 5em
}

.mod-breadcrumb-path li:first-child:nth-last-child(3), .mod-breadcrumb-path li:first-child:nth-last-child(3) ~ li {
    max-width: calc((100% - 100px) / 1) \9
}

.mod-breadcrumb-path li:first-child:nth-last-child(4), .mod-breadcrumb-path li:first-child:nth-last-child(4) ~ li {
    max-width: calc((100% - 100px) / 2) \9
}

.mod-breadcrumb-path li:first-child:nth-last-child(5), .mod-breadcrumb-path li:first-child:nth-last-child(5) ~ li {
    max-width: calc((100% - 100px) / 3) \9
}

.mod-pic-preview {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 666;
    opacity: 1;
    transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease
}

.mod-pic-preview .inner {
    height: 100%
}

.mod-pic-preview .pic-preview-bd {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 667;
    display: table
}

.mod-pic-preview .pic-preview-bd .pic {
    position: absolute;
    top: 50%;
    left: 50%
}

.mod-pic-preview .pic-preview-bd .pic img {
    display: inline-block;
    cursor: move;
    vertical-align: middle;
    transition: all .1s
}

.mod-pic-preview .pic-preview-bd .next, .mod-pic-preview .pic-preview-bd .pre {
    cursor: pointer;
    width: 64px;
    height: 80px
}

.mod-pic-preview .pic-preview-bd .pre {
    position: fixed;
    left: 25px;
    top: 50%;
    margin-top: -40px;
    z-index: 777
}

.mod-pic-preview .pic-preview-bd .icon-pre {
    width: 64px;
    height: 80px;
    background-image: url(../img/svg/icon-pre.svg);
    transition: background-image .5s ease;
    -webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-bd .disable {
    cursor: default
}

.mod-pic-preview .pic-preview-bd .next:hover, .mod-pic-preview .pic-preview-bd .pre:hover {
    background: rgba(0, 0, 0, .7);
    border-radius: 2px
}

.mod-pic-preview .pic-preview-bd .next.disable, .mod-pic-preview .pic-preview-bd .next.disable:hover, .mod-pic-preview .pic-preview-bd .pre.disable, .mod-pic-preview .pic-preview-bd .pre.disable:hover {
    opacity: .7;
    background: 0 0
}

.mod-pic-preview .pic-preview-bd .next {
    position: fixed;
    right: 25px;
    top: 50%;
    margin-top: -40px;
    z-index: 777
}

.mod-pic-preview .pic-preview-bd .icon-next {
    width: 64px;
    height: 80px;
    background-image: url(../img/svg/icon-next.svg);
    transition: background-image .5s ease;
    -webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-bd .btn-close {
    position: fixed;
    top: 0;
    right: 0
}

.mod-pic-preview .pic-preview-bd .icon-close {
    width: 60px;
    height: 60px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -716px -252px;
    background-size: 810px 719px;
    transition: background-image .5s ease;
    -webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-bd .icon-close:hover {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -698px -315px;
    background-size: 810px 719px
}

.mod-pic-preview .pic-preview-ft {
    opacity: 1;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 160px;
    left: 0;
    bottom: -76px;
    z-index: 668;
    pointer-events: none
}

.mod-pic-preview.hide .pic-preview-ft {
    opacity: 0
}

.mod-pic-preview .pic-preview-ft.unfold {
    bottom: 0
}

.mod-pic-preview .pic-preview-ft .next, .mod-pic-preview .pic-preview-ft .pre {
    position: absolute;
    width: 30px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease
}

.mod-pic-preview .pic-preview-ft .next:hover, .mod-pic-preview .pic-preview-ft .pre:hover {
    background: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mod-pic-preview .pic-preview-ft .next.disable, .mod-pic-preview .pic-preview-ft .next.disable:hover, .mod-pic-preview .pic-preview-ft .pre.disable, .mod-pic-preview .pic-preview-ft .pre.disable:hover {
    background: 0 0
}

.mod-pic-preview .pic-preview-ft .pre {
    left: 0
}

.mod-pic-preview .pic-preview-ft .icon-next-s, .mod-pic-preview .pic-preview-ft .icon-pre-s {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    transition: background-image .5s ease;
    -webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-ft .icon-pre-s {
    background-image: url(../img/svg/icon-pre-s.svg)
}

.mod-pic-preview .pic-preview-ft .icon-next-s {
    background-image: url(../img/svg/icon-next-s.svg)
}

.mod-pic-preview .pic-preview-ft .next {
    right: 0
}

.mod-pic-preview .operate-list-wrap {
    height: 40px;
    background: rgba(0, 0, 0, .85);
    display: inline-block;
    border-radius: 2px;
    pointer-events: auto;
    line-height: 40px;
    padding: 4px
}

.mod-pic-preview .operate-list .icon-collect, .mod-pic-preview .operate-list .icon-download, .mod-pic-preview .operate-list .icon-share, .mod-pic-preview .operate-list .icon-trash {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-pic-preview .operate-list {
    position: relative;
    z-index: 669
}

.mod-pic-preview .operate-list .item {
    float: left;
    position: relative;
    padding: 0 10px;
    cursor: pointer;
    margin-right: 10px
}

.mod-pic-preview .operate-list .item:last-child {
    margin-right: 0
}

.mod-pic-preview .operate-list .item.word:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    background-color: rgba(255, 255, 255, .2);
    top: 50%;
    left: 0;
    margin: -9px 0 0
}

.mod-pic-preview .operate-list .item.word:hover:before {
    opacity: 0
}

.mod-pic-preview .operate-list .item.word.disable:hover:before {
    opacity: 1
}

.mod-pic-preview .operate-list .item .tip {
    display: none \9;
    position: absolute;
    width: 48px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2px;
    top: -36px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.mod-pic-preview .operate-list .item:hover .tip {
    opacity: 1;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease
}

.mod-pic-preview .operate-list .line {
    width: 0
}

.mod-pic-preview .operate-list .item .icon {
    width: 24px;
    height: 24px;
    transition: background-image .5s ease;
    -webkit-transition: background-image .5s ease;
    cursor: pointer
}

.mod-pic-preview .operate-list .icon-share {
    background-position: -307px -649px
}

.mod-pic-preview .operate-list .icon-download {
    background-position: -326px -649px
}

.mod-pic-preview .operate-list .icon-trash {
    background-position: -792px -428px
}

.mod-pic-preview .operate-list .icon-collect {
    background-position: -792px -453px
}

.mod-pic-preview .operate-list .icon-enlarge {
    background-image: url(../img/svg/icon-enlarge.svg)
}

.mod-pic-preview .operate-list .icon-narrow {
    background-image: url(../img/svg/icon-narrow.svg)
}

.mod-pic-preview .operate-list .icon-resize {
    background-image: url(../img/svg/icon-resize.svg)
}

.mod-pic-preview .operate-list .act .icon-resize {
    background-image: url(../img/svg/icon-resize-b.svg)
}

.mod-pic-preview .operate-list .icon-rotate {
    background-image: url(../img/svg/icon-rotate.svg)
}

.mod-pic-preview .operate-list .icon-line {
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.mod-pic-preview .operate-list .word .icon {
    display: block;
    width: auto;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    font-style: normal
}

.mod-pic-preview .operate-list .item:hover {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mod-pic-preview .operate-list .item.disable .icon, .mod-pic-preview .operate-list .item.disable .text, .mod-pic-preview .operate-list .item.disable:hover .text, .mod-pic-preview .operate-list .item.disable:hover.icon {
    opacity: .3;
    cursor: default
}

.mod-pic-preview .operate-list .item.disable {
    background: 0 0
}

.mod-pic-preview .operate-list .item.disable .icon {
    cursor: default
}

.mod-pic-preview .small-pic-list-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 669;
    background: rgba(0, 0, 0, .85);
    text-align: center;
    pointer-events: auto
}

.mod-pic-preview .small-pic-list-con {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 13px 60px
}

.mod-pic-preview .small-pic-list-toggle {
    position: absolute;
    width: 48px;
    height: 15px;
    top: -15px;
    left: 50%;
    margin: 0 0 0 -24px;
    border-radius: 2px 2px 0 0;
    background: rgba(0, 0, 0, .7);
    cursor: pointer
}

.mod-pic-preview .small-pic-list-toggle .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    transform: rotate(180deg)
}

.mod-pic-preview .unfold .small-pic-list-toggle .icon {
    transform: rotate(0)
}

.mod-pic-preview .small-pic-list-wrap .wrap {
    height: 50px;
    overflow: hidden
}

.mod-pic-preview .small-pic-list {
    height: 50px;
    transition: margin .3s ease;
    -webkit-transition: margin .3s ease;
    white-space: nowrap
}

.mod-pic-preview .small-pic-list .small-pic-item {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 4px;
    overflow: hidden;
    cursor: pointer
}

.mod-pic-preview .small-pic-list .small-pic-item:first-child {
    margin-left: 0
}

.mod-pic-preview .small-pic-list .small-pic-item.cur:after, .mod-pic-preview .small-pic-list .small-pic-item.cur:hover:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #389CFF;
    z-index: 1
}

.mod-pic-preview .small-pic-list .small-pic-item .pic {
    width: 50px;
    height: 50px;
    background-size: cover
}

.mod-pic-preview .small-pic-list .small-pic-item .pic-mask {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 670;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mod-pic-preview .small-pic-list .small-pic-item:hover .pic-mask {
    display: none
}

.mod-pic-preview .small-pic-list .cur .pic-mask {
    opacity: 0
}

.mod-pic-preview.hide .pre {
    display: none \9;
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transition: opacity .5s ease, transform .5s ease;
    -webkit-transition: opacity .5s ease, transform .5s ease
}

.mod-pic-preview.hide .next {
    display: none \9;
    opacity: 0;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    transition: opacity .5s ease, transform .5s ease;
    -webkit-transition: opacity .5s ease, transform .5s ease
}

.mod-pic-preview .aside {
    width: 100%;
    left: 0;
    text-align: center;
    position: fixed;
    top: 60px;
    z-index: 800;
    pointer-events: none
}

.mod-pic-preview .percentage {
    pointer-events: auto
}

.mod-pic-preview .aside .btn-check, .mod-pic-preview .percentage {
    display: inline-block;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 0 0 4px 4px;
    text-align: center;
    font-size: 28px;
    color: #fff
}

.mod-pic-preview .operate-list .item:hover, .mod-pic-preview .pic-preview-bd .next, .mod-pic-preview .pic-preview-bd .pre, .mod-pic-preview .pic-preview-ft {
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.mod-pic-preview .mod-prompt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -79px
}

.mod-pic-preview .mod-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -12px
}

.mod-prompt {
    text-align: center
}

.mod-prompt .icon-pic-error {
    width: 120px;
    height: 120px;
    background-image: url(../img/svg/icon-pic-error.svg)
}

.mod-prompt .prompt-tit {
    padding: 17px 0 0
}

.mod-prompt .prompt-tit .link {
    margin: 0 0 0 9px
}

.mod-loading {
    text-align: center
}

.mod-loading .icon-loading {
    width: 56px;
    height: 56px;
    background-image: url(../img/loading@2x.gif);
    background-size: 56px 56px
}

.mod-doc-preview .doc-preview-hd .icon-close, .mod-doc-preview .doc-preview-hd .icon-doc-download, .mod-doc-preview .doc-preview-hd .icon-doc-share, .mod-doc-preview .doc-preview-hd .icon-word {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-doc-preview {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 666;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease
}

.mod-doc-preview .doc-preview-hd {
    height: 60px;
    line-height: 60px;
    background-color: #000;
    color: #fff
}

.mod-doc-preview .doc-preview-hd .icon-s {
    margin: 0 8px 0 28px
}

.mod-doc-preview .doc-preview-hd .title-wrap {
    float: left
}

.mod-doc-preview .doc-preview-hd .control-wrap {
    float: right;
    height: 60px
}

.mod-doc-preview .doc-preview-hd .control-list {
    position: relative;
    display: inline-block;
    height: 60px;
    padding-right: 25px
}

.mod-doc-preview .doc-preview-hd .control-list:after {
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    bottom: 18px;
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.mod-doc-preview .doc-preview-hd .doc-logo {
    display: inline-block
}

.mod-doc-preview .doc-preview-hd .icon-word {
    width: 156px;
    height: 60px;
    background-position: -538px -545px
}

.mod-doc-preview .doc-preview-hd .title {
    display: inline-block
}

.mod-doc-preview .doc-preview-hd .item {
    display: inline-block;
    margin-right: 20px
}

.mod-doc-preview .doc-preview-hd .item .icon {
    width: 16px;
    height: 16px;
    margin: 0 10px
}

.mod-doc-preview .doc-preview-hd .item .btn {
    color: #fff
}

.mod-doc-preview .doc-preview-hd .icon-doc-download {
    background-position: -555px -631px
}

.mod-doc-preview .doc-preview-hd .icon-doc-share {
    background-position: -572px -631px
}

.mod-doc-preview .doc-preview-hd .btn-close-wrap {
    display: inline-block
}

.mod-doc-preview .doc-preview-hd .icon-close {
    width: 30px;
    height: 30px;
    background-position: -777px -252px;
    margin: 0 15px
}

.mod-doc-preview .doc-preview-bd {
    position: relative
}

.mod-doc-preview .doc-preview-bd .preview-disable {
    text-align: center;
    margin-top: 364px
}

.mod-doc-preview .preview-disable .type-wrap {
    width: 212px;
    height: 212px;
    background: #FFF;
    border: 1px solid #CBCBCB;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .05);
    border-radius: 5px;
    margin: 0 auto
}

.mod-doc-preview .preview-disable .type-wrap .icon-l {
    margin-top: 56px
}

.mod-doc-preview .preview-disable .infor {
    margin: 15px 0 43px
}

.mod-doc-preview .preview-disable .infor .title {
    color: #fff;
    font-size: 18px;
    line-height: 25px
}

.mod-doc-preview .preview-disable .infor .size, .mod-doc-preview .preview-disable .tip {
    color: rgba(255, 255, 255, .5);
    font-size: 14px
}

.mod-doc-preview .preview-disable .tip {
    margin-bottom: 13px
}

.mod-doc-preview .preview-disable .btn-download {
    width: 144px;
    height: 36px;
    line-height: 36px;
    background: #00A4FF;
    border-radius: 2px;
    font-size: 14px;
    color: #fff
}

.note-body, .note-list {
    height: 100%
}

.note-list {
    border-right: 1px solid #c8ccd5;
    *zoom: 1;
    width: 220px;
    overflow: auto;
    position: absolute;
    left: 50px
}

.note-list::-webkit-scrollbar {
    width: 8px;
    background: #f5f6f9
}

.note-list::-webkit-scrollbar-thumb {
    background: #d8dce5;
    border: 1px solid #d8dce5;
    border-width: 0 1px
}

.note-list:after {
    content: "";
    display: table;
    clear: both
}

.note-list dl {
    margin: 0;
    padding: 0
}

.note-list dt {
    height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #e0e4ed;
    font: 12px/25px;
    color: #636872
}

.note-list dd {
    margin: 1px 2px 0 1px;
    padding: 0 0 1px;
    border-bottom: 1px solid #eaedf4;
    position: relative
}

.note-list-item {
    padding: 8px 0 8px 8px;
    border: 1px solid #fff;
    height: 55px
}

.note-list-item:focus {
    border-color: #a7d2ff;
    background: #d5eaff;
    outline: 0
}

.note-list-item:hover, dd.ui-selected {
    border-color: #d5eaff;
    background: #eaf5ff
}

.note-list-item em {
    font-style: normal;
    font-size: 12px;
    line-height: 19px;
    color: #020202;
    word-break: break-all;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative
}

.note-list-item p {
    margin: 4px 0 0;
    padding: 0;
    color: #868686;
    font-size: 12px;
    line-height: 16px
}

.note-list-item-has-img img {
    width: 62px;
    height: 62px;
    border: 1px solid #cfcfcf;
    float: right;
    margin: -4px 7px 0;
    position: relative
}

.note-list-item-has-img em {
    width: 110px;
    width: 110px \9
}

.note-list-item-new, .note-list-item-new em, .note-list-item-new p {
    color: #868686
}

.icon-update-done, .icon-update-ing {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0
}

.icon-update-done {
    background: url(../img/note/done.png) no-repeat
}

.icon-update-ing {
    background: url(../img/note/update.png) no-repeat
}

.note-editor {
    margin-left: 271px;
    position: relative;
    height: 100%
}

.note-remark-textarea {
    display: block;
    width: 325px;
    height: 80px;
    border: 1px solid #d8dce5;
    font: 12px/21px;
    padding: 7px 13px
}

.note-load-more {
    text-align: center;
    margin: 32px 83px 16px
}

.full-pop-content .mod-note {
    position: relative;
    padding: 40px 24px 46px 32px;
    height: 36px
}

.full-pop-content .mod-note .header {
    position: relative;
    padding-left: 44px;
    padding-top: 6px;
    width: 143px;
    margin: 0 auto
}

.full-pop-content .mod-note-loading .ico {
    background: url(../img/note/loading-tip.gif) no-repeat;
    top: 3px;
    position: absolute;
    width: 34px;
    height: 34px;
    left: 0;
    _left: -44px
}

.full-pop-content .mod-note .title {
    color: #020202;
    font-size: 16px;
    font-weight: 400
}

.note-editor iframe.is-wired {
    box-sizing: border-box;
    width: 100%;
    height: calc(100vh - 120px)
}

.note-editor .mod-tips {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 30
}

.mod-note-group {
    position: relative
}

.mod-note-group .note-group-hd {
    position: relative;
    height: 60px;
    line-height: 60px
}

.mod-note-group .note-group-hd .hd-act {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-note-group .note-group-hd .hd-act .mod-action-wrap {
    margin: 12px 0 0
}

.mod-note-group .note-group-bd {
    height: calc(100vh - 60px - 60px);
    overflow: auto
}

.mod-note-group .note-group-list {
    position: relative;
    cursor: pointer
}

.mod-note-group .note-group-list:after, .mod-note-group .note-group-list:before {
    position: absolute;
    content: "";
    display: block;
    left: 15px;
    right: 0;
    height: 1px;
    background: #F1F2F4;
    bottom: 0
}

.mod-note-group .note-group-list:before {
    top: -1px;
    bottom: auto;
    visibility: hidden
}

.mod-note-group .note-group-list.act:after, .mod-note-group .note-group-list.act:before, .mod-note-group .note-group-list:hover:after, .mod-note-group .note-group-list:hover:before {
    visibility: visible;
    left: 0;
    right: 0;
    background: #F5F8FA
}

.mod-note-group .note-group-list.act, .mod-note-group .note-group-list:hover {
    background: #f4f4f4
}

.mod-note-group .note-group-list-inner {
    padding: 16px;
    position: relative
}

.mod-note-group .note-group-list-inner:after {
    content: "";
    display: block;
    clear: both
}

.mod-note-group .note-group-list-hd .tit {
    font-weight: 500;
    margin-top: -3px;
    white-space: nowrap
}

.mod-note-group .note-group-list-hd .tit-con {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.mod-note-group .note-group-list-ft .icon-md {
    margin: 0 5px 0 0;
    vertical-align: middle;
    top: -1px
}

.mod-note-group .note-group-list-bd .txt {
    font-size: 12px;
    color: #999;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 16px;
    max-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    position: relative;
    margin: 4px 0 0
}

.mod-note-group .note-group-list-ft {
    margin: 3px 0
}

.mod-note-group .note-group-list-ft .time {
    color: #999;
    font-size: 12px
}

.mod-note-group .note-group-list.dis .note-group-list-ft .time {
    color: #FF4222
}

.mod-note-group .note-group-list-aside {
    float: right;
    height: 100%
}

.mod-note-group .note-group-list-img {
    width: 80px;
    height: 80px;
    margin: -9px -9px -8px 12px;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

.mod-note-group .note-group-list-img img {
    display: block;
    width: 100%;
    height: 100%
}

.mod-note-group .note-group-list-main {
    overflow: hidden
}

.layout-main-bd-main .note-editor {
    margin: 0
}

.mod-note-group .note-group-status {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 0);
    color: #AFB5BF;
    font-size: 18px
}

.mod-pro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 130px
}

.mod-pro .pro-hd {
    position: relative
}

.mod-pro .btn-close {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0;
    top: 30px;
    background: url(about:blank)
}

.mod-pro .pro-img {
    width: 200px;
    height: 130px
}

.icon-cate {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-cate.svg)
}

.icon-trig-line-light {
    width: 16px;
    height: 16px;
    background-image: url(../img/svg/icon-trig-line-light.svg)
}

.mod-dropdown {
    position: relative;
    display: inline-block;
    z-index: 9999999
}

.mod-dropdown .dropdown-tit {
    font-weight: 700;
    margin: 0 0 0 15px;
    cursor: pointer
}

.mod-dropdown .dropdown-hd {
    height: 28px;
    line-height: 28px;
    padding: 0 10px
}

.mod-dropdown.act .dropdown-hd {
    background: #F5F8FA;
    border-radius: 2px
}

.mod-dropdown.act .dropdown-hd .icon-trig-line-light {
    transform: rotate(180deg)
}

.mod-dropdown .dropdown-hd .icon-trig-line-light {
    transform: rotate(0);
    transition: all .3s
}

.mod-dropdown .dropdown-hd i, .mod-dropdown .dropdown-hd span {
    position: relative;
    vertical-align: middle
}

.mod-dropdown .dropdown-hd .count {
    top: -1px
}

.mod-dropdown .dropdown-hd .dropdown-tit {
    margin: 0 4px 0 2px
}

.mod-dropdown .dropdown-hd .dropdown-tit .tit-con {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10em;
    display: inline-block
}

.mod-dropdown .dropdown-hd .icon-cate {
    margin: 0 0 0 2px
}

.mod-dropdown .dropdown-bd {
    position: absolute;
    left: 0;
    top: 38px;
    display: none
}

.mod-dropdown.act .dropdown-bd {
    display: block
}

.mod-dropdown .mod-bubble-menu {
    position: relative;
    width: 340px;
    left: 0;
    top: 0;
    margin: 0;
    padding-top: 0
}

.mod-dropdown .bubble-menu-hd {
    height: 54px;
    line-height: 54px;
    margin-top: 6px;
    position: relative
}

.mod-dropdown .bubble-menu-hd .hd-tit {
    padding: 0 0 0 20px;
    font-size: 12px
}

.mod-dropdown .bubble-menu-hd .hd-act {
    position: absolute;
    right: 0;
    top: 0;
    height: 54px;
    line-height: 54px
}

.mod-dropdown .bubble-menu-hd .mod-act-list {
    margin: 0 16px 0 0
}

.mod-dropdown .mod-bubble-menu .menu-item .txt {
    height: 48px;
    line-height: 48px
}

.mod-dropdown .mod-bubble-menu .menu-item .txt-con {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 155px;
    display: inline-block;
    vertical-align: middle
}

.mod-dropdown .mod-bubble-menu .menu-item .txt-attr {
    position: absolute;
    right: 22px;
    top: 0;
    color: #999;
    bottom: 0;
    line-height: 48px
}

.mod-dropdown .mod-bubble-menu .menu-item .mod-act-list {
    height: 48px;
    line-height: 48px;
    background: #F4F4F4
}

.mod-dropdown .mod-bubble-menu .bubble-menu-bd {
    height: calc(100vh - 180px);
    overflow: auto
}

.empty-box {
    z-index: 0;
    width: 500px;
    margin: 0 auto;
    text-align: center;
    color: #AFB5C1;
    line-height: 32px
}

.empty-box .icon {
    width: 200px;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center
}

.empty-box .icon-nofile {
    background-image: url(../images/svg/icon-nofile.svg)
}

.empty-box .icon-nomusic {
    background-image: url(../images/svg/icon-nomusic@2x.png);
    background-size: 150px 150px
}

.empty-box .icon-nonote {
    background-image: url(../images/svg/icon-nonote@2x.png);
    background-size: 126px 150px
}

.empty-box .icon-nopicture {
    background-image: url(../images/svg/icon-nopicture@2x.png);
    background-size: 128px 140px
}

.empty-box .icon-norecent {
    background-image: url(../images/svg/icon-norecent@2x.png);
    background-size: 145px 150px
}

.empty-box .icon-notrash {
    background-image: url(../images/svg/icon-notrash@2x.png);
    background-size: 150px 150px
}

.empty-box .icon-notxt {
    background-image: url(../images/svg/icon-notxt@2x.png);
    background-size: 126px 150px
}

.empty-box .icon-nolink {
    background-image: url(../images/svg/icon-nolink.svg)
}

.empty-box .icon-novideo {
    background-image: url(../images/svg/icon-novideo@2x.png);
    background-size: 163px 135px
}

.empty-box .icon-nosearch {
    background-image: url(../images/svg/icon-nosearch@2x.png);
    background-size: 136px 150px
}

.empty-box .icon-all {
    background-image: url(../images/svg/icon-all@2x.png);
    background-size: 156px 150px
}

.empty-box .icon-qqoffline-file {
    background-image: url(../images/svg/icon-qqoffline-file@2x.png);
    background-size: 141px 150px
}

.empty-box .icon-noshare {
    background-image: url(../images/svg/icon-noshare@2x.png);
    background-size: 106px 150px
}

.empty-box .icon-nocont {
    background-image: url(../images/svg/icon-nocont@2x.png);
    background-size: 110px 150px
}

.empty-box .icon-sensitive {
    background-image: url(../images/svg/icon-sensitive@2x.png);
    background-size: 110px 79px
}

.empty-box .icon-nogroup {
    background-image: url(../images/svg/icon-nogroup@2x.png);
    background-size: 153px 151px
}

.empty-box .icon-nofound {
    background-image: url(../images/svg/icon-nofound@2x.png);
    background-size: 189px 164px
}

.empty-box .title {
    font-size: 24px;
    margin: 8px 0 2px
}

.empty-box .txt {
    font-size: 18px
}

.mod-status .txt a {
    color: #00A4FF;
    font-size: 14px
}

.page-loading-box, .page-loading-search {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 20px;
    font-size: 0;
    color: transparent;
    text-align: center
}

.page-loading-box {
    width: 20px;
    margin: -10px 0 0 -10px
}

.page-loading-search {
    width: 70px;
    margin: -32px 0 0 -35px
}

.page-loading-search .txt {
    position: relative;
    font-size: 14px;
    margin-top: 14px;
    left: 5px;
    color: #74787C
}

.wy-mask, .wy-pop-wrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mod-status {
    padding-top: 250px;
    text-align: center;
    overflow: hidden
}

.mod-status .icon-error {
    width: 450px;
    height: 235px;
    background-image: url(../img/status/icon-error.svg)
}

.has-pw .icon-pw, .icon-code, .icon-copy, .icon-del-pmnt, .icon-new-dir, .icon-pw, .icon-share-cancel, a:hover .icon-code {
    width: 24px;
    height: 24px
}

.icon-del-pmnt, .mod-act-list a:hover .icon-del-pmnt {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-status .status-title {
    margin-top: -4px;
    font-size: 28px
}

.mod-status .status-txt {
    font-size: 18px;
    color: #777
}

.icon-del-pmnt {
    background-position: -695px -570px
}

.mod-act-list a:hover .icon-del-pmnt {
    background-position: -770px -545px
}

.icon-copy {
    background-image: url(../img/svg/act/icon-copy.svg)
}

.has-pw .icon-pw, .icon-pw, .icon-share-cancel, .mod-act-list .has-pw:hover .icon-pw, .mod-act-list a.flash-hover .icon-copy, .mod-act-list a:hover .icon-copy, .mod-act-list a:hover .icon-pw, .mod-act-list a:hover .icon-share-cancel, a:hover .icon-link {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

.mod-act-list a.flash-hover .icon-copy, .mod-act-list a:hover .icon-copy {
    background-position: -688px -379px
}

.icon-pw {
    background-position: -663px -379px
}

.mod-act-list a:hover .icon-pw {
    background-position: -638px -379px
}

.has-pw .icon-pw {
    background-position: -613px -379px
}

.mod-act-list .has-pw:hover .icon-pw {
    background-position: -588px -379px
}

.icon-share-cancel {
    background-position: -563px -379px
}

.mod-act-list a:hover .icon-share-cancel {
    background-position: -538px -379px
}

a:hover .icon-link {
    background-position: -513px -379px
}

.icon-code {
    background-image: url(../images/svg/icon-code.svg)
}

.icon-new-dir, a:hover .icon-code, a:hover .icon-new-dir {
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-size: 810px 719px
}

a:hover .icon-code {
    background-position: -488px -379px
}

.icon-new-dir {
    background-position: -463px -379px
}

a:hover .icon-new-dir {
    background-position: -563px -606px
}

.icon-check-s {
    width: 18px;
    height: 18px;
    background-image: url(../images/svg/icon-checkbox.svg)
}

.icon-check-s:hover {
    background-image: url(../images/svg/icon-checkbox-hover.svg)
}

.icon-check-m {
    width: 24px;
    height: 24px;
    background-image: url(sprite/page-home-180622163207.png);
    background-position: 0 0
}

.act .icon-check-m {
    width: 24px;
    height: 24px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -720px -570px;
    background-size: 810px 719px
}

.icon-check-l {
    width: 32px;
    height: 32px;
    background-image: url(../img/svg/icon-check-l.svg)
}

.icon-upload-mini {
    width: 16px;
    height: 16px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -674px -631px;
    background-size: 810px 719px
}

.icon-page-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/svg/icon-page-loading.gif) no-repeat
}

.icon-page-loading-search {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/svg/icon-page-loading-search.gif)
}

.icon-sel {
    width: 24px;
    height: 24px;
    background-image: url(../images/svg/icon-sel.svg)
}

.icon-sort {
    width: 14px;
    height: 14px;
    background-image: url(../images/svg/icon-sort.svg)
}

.up .icon-sort {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1)
}

.icon-list {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-list.svg)
}

.icon-thumbnail {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-thumbnail.svg)
}

.icon-trig {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-trig.svg)
}

.icon-trig-xs {
    width: 6px;
    height: 6px;
    background-image: url(../img/svg/icon-trig-xs.svg)
}

.icon-refresh {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-refresh.svg)
}

.icon-unzip {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/icon-unzip.svg)
}

.icon-loc-m, .icon-rec-m, .icon-tag-m {
    width: 40px;
    height: 40px
}

.icon-loc-m {
    background-image: url(../img/svg/icon-loc-m.svg)
}

.icon-tag-m {
    background-image: url(../img/svg/icon-tag-m.svg)
}

.icon-rec-m {
    background-image: url(../img/svg/icon-rec-m.svg)
}

.fullscreen .icon-full-m, .icon-cancel, .icon-del-safebox, .icon-full, .icon-full-m, .icon-hide, .icon-link, .icon-peo, .icon-ppt-s, .icon-trig-line, .icon-undo, .icon-upload, .icon-warn, .icon-weiyun, .icon-xls-s {
    width: 24px;
    height: 24px
}

.icon-trig-line {
    background-image: url(../img/svg/icon-trig-line.svg)
}

.icon-hide {
    background-image: url(../img/svg/act/icon-hide.svg)
}

.icon-link {
    background-image: url(../img/svg/act/icon-link.svg)
}

.icon-cancel {
    background-image: url(../img/svg/act/icon-cancel.svg)
}

.icon-del-safebox {
    background-image: url(../img/svg/act/icon-del-safebox.svg)
}

.icon-undo {
    background-image: url(../img/svg/act/icon-undo.svg)
}

.icon-peo {
    background-image: url(../img/svg/act/icon-peo.svg)
}

.icon-peo-light {
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/act/icon-peo-light.svg)
}

.icon-xls-s {
    background-image: url(../img/svg/icon-xls-s.svg)
}

.icon-ppt-s {
    background-image: url(../img/svg/icon-ppt-s.svg)
}

.icon-upload {
    background-image: url(../img/svg/icon-upload.svg)
}

.icon-weiyun {
    background-image: url(../img/svg/icon-weiyun.svg)
}

.icon-full {
    background-image: url(../images/svg/icon-full.svg)
}

.icon-full-m {
    background-image: url(../img/svg/act/icon-full-m.svg)
}

.fullscreen .icon-full-m {
    background-image: url(../img/svg/act/icon-full-act-m.svg)
}

.icon-warn {
    background-image: url(../img/svg/icon-warn.svg)
}

.icon-trig-light-s {
    width: 16px;
    height: 16px;
    background-image: url(../img/svg/icon-trig-light-s.svg)
}

.act .icon-input-radio, .act .icon-mode-list, .act .icon-mode-thumb, .icon-bt-s, .icon-col, .icon-create-s, .icon-doc-s, .icon-edit-s, .icon-file-s, .icon-hot, .icon-input-radio, .icon-look, .icon-md, .icon-mode-list, .icon-mode-thumb, .icon-set, .icon-toast-succ, .icon-upload-xs, .icon-weiyun-s, .icon-word-s {
    width: 24px;
    height: 24px
}

.icon-edit-s {
    background-image: url(../images/svg/icon-edit-s.svg)
}

.icon-look {
    background-image: url(../images/svg/icon-look.svg)
}

.icon-col {
    background-image: url(../images/svg/icon-col.svg)
}

.icon-md {
    background-image: url(../images/svg/icon-md.svg)
}

.icon-upload-xs {
    background-image: url(../images/svg/icon-upload-xs.svg)
}

.icon-doc-s {
    background-image: url(../images/svg/icon-doc-s.svg)
}

.icon-word-s {
    background-image: url(../images/svg/icon-word-s.svg)
}

.icon-file-s {
    background-image: url(../images/svg/icon-file-s.svg)
}

.icon-create-s {
    background-image: url(../images/svg/icon-create-s.svg)
}

.icon-weiyun-s {
    background-image: url(../images/svg/icon-weiyun-s.svg)
}

.icon-note-s {
    width: 24px;
    height: 24px;
    background-image: url(../images/svg/icon-note-s.svg)
}

.icon-bt-s {
    background-image: url(../images/svg/icon-bt-s.svg)
}

.icon-toast-succ {
    background-image: url(../images/svg/icon-toast-succ.svg)
}

.icon-input-radio {
    background-image: url(../images/svg/icon-input-radio.svg)
}

.act .icon-input-radio {
    background-image: url(../images/svg/icon-input-radio-act.svg)
}

.icon-set {
    background-image: url(../images/svg/icon-set.svg)
}

.icon-mode-list {
    background-image: url(../images/svg/icon-mode-list.svg)
}

.act .icon-mode-list {
    background-image: url(../images/svg/icon-mode-list-act.svg)
}

.icon-mode-thumb {
    background-image: url(../images/svg/icon-mode-thumb.svg)
}

.act .icon-mode-thumb {
    background-image: url(../images/svg/icon-mode-thumb-act.svg)
}

.icon-hot {
    background-image: url(../images/svg/icon-hot.svg)
}

.icon-hot-s {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-hot-s.svg)
}

.icon-lock {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-lock.svg)
}

.act .icon-lock {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-lock-light.svg)
}

.icon-admin {
    width: 46px;
    height: 16px;
    background-image: url(../images/svg/icon-admin.svg)
}

.icon-admin-sup {
    width: 65px;
    height: 16px;
    background-image: url(../images/svg/icon-admin-sup.svg)
}

.icon-m {
    width: 40px;
    height: 40px
}

.icon-team-m {
    background-image: url(../images/svg/icon-team-m.svg)
}

.act .icon-team-m {
    background-image: url(../images/svg/icon-team-m-act.svg)
}

.icon-file-m {
    background-image: url(../images/svg/icon-file-m.svg)
}

.act .icon-file-m {
    background-image: url(../images/svg/icon-file-m-act.svg)
}

.icon-shared-link-m {
    background-image: url(../images/svg/icon-shared-link-m.svg)
}

.icon-pic-m {
    background-image: url(../images/svg/icon-pic-m.svg)
}

.icon-gray-m {
    background: #eaeaea
}

.icon-pho-m {
    background-image: url(../images/svg/icon-pic-m.svg)
}

.icon-txt-m {
    background-image: url(../images/svg/icon-txt-m.svg)
}

.icon-note-m {
    background-image: url(../images/svg/icon-note-m.svg)
}

.icon-vsd-m {
    background-image: url(../images/svg/icon-vsd-m.svg)
}

.icon-pages-m {
    background-image: url(../images/svg/icon-pages-m.svg)
}

.icon-ppt-m {
    background-image: url(../images/svg/icon-ppt-m.svg)
}

.icon-doc-m {
    background-image: url(../images/svg/icon-doc-m.svg)
}

.icon-xls-m {
    background-image: url(../images/svg/icon-xls-m.svg)
}

.icon-pdf-m {
    background-image: url(../images/svg/icon-pdf-m.svg)
}

.icon-keynote-m {
    background-image: url(../images/svg/icon-keynote-m.svg)
}

.icon-msg-m {
    background-image: url(../images/svg/icon-msg-m.svg)
}

.icon-zip-m {
    background-image: url(../images/svg/icon-zip-m.svg)
}

.icon-video-m {
    background-image: url(../images/svg/icon-video-m.svg)
}

.icon-flv-m {
    background-image: url(../images/svg/icon-flv-m.svg)
}

.icon-audio-m {
    background-image: url(../images/svg/icon-audio-m.svg)
}

.icon-ps-m {
    background-image: url(../images/svg/icon-ps-m.svg)
}

.icon-ai-m {
    background-image: url(../images/svg/icon-ai-m.svg)
}

.icon-ipa-m {
    background-image: url(../images/svg/icon-ipa-m.svg)
}

.icon-apk-m {
    background-image: url(../images/svg/icon-apk-m.svg)
}

.icon-damaged-m {
    background-image: url(../images/svg/icon-damaged-m.svg)
}

.icon-font-m {
    background-image: url(../images/svg/icon-font-m.svg)
}

.icon-code-m {
    background-image: url(../images/svg/icon-code-m.svg)
}

.icon-nor-m {
    background-image: url(../images/svg/icon-nor-m.svg)
}

.icon-bt-m {
    background-image: url(../images/svg/icon-bt-m.svg)
}

.icon-numbers-m {
    background-image: url(../images/svg/icon-numbers-m.svg)
}

.icon-sketch-m {
    background-image: url(../images/svg/icon-sketch-m.svg)
}

.icon-safebox-m {
    background-image: url(../images/svg/icon-safebox-m.svg)
}

.icon-member-m {
    background-image: url(../images/svg/icon-member-m.svg)
}

.icon-file-l {
    width: 100px;
    height: 80px;
    background-image: url(../images/svg/icon-file-l.svg)
}

.icon-team-l {
    width: 100px;
    height: 80px;
    background-image: url(../images/svg/icon-team-l.svg)
}

.icon-l {
    position: relative;
    color: transparent;
    font-size: 0
}

.icon-l::after {
    content: "";
    display: block;
    padding-top: 100%
}

.icon-l::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.icon-doc-l::before {
    background-image: url(../images/svg/icon-doc-l.svg)
}

.icon-pic-l::before {
    background-image: url(../images/svg/icon-pic-l.svg)
}

.icon-gray-l::before {
    background: #eaeaea
}

.icon-nor-l::before {
    background-image: url(../images/svg/icon-nor-l.svg)
}

.icon-numbers-l::before {
    background-image: url(../images/svg/icon-numbers-l.svg)
}

.icon-sketch-l::before {
    background-image: url(../images/svg/icon-sketch-l.svg)
}

.icon-txt-l::before {
    background-image: url(../images/svg/icon-txt-l.svg)
}

.icon-note-l::before {
    background-image: url(../images/svg/icon-note-l.svg)
}

.icon-vsd-l::before {
    background-image: url(../images/svg/icon-vsd-l.svg)
}

.icon-pages-l::before {
    background-image: url(../images/svg/icon-pages-l.svg)
}

.icon-ppt-l::before {
    background-image: url(../images/svg/icon-ppt-l.svg)
}

.icon-xls-l::before {
    background-image: url(../images/svg/icon-xls-l.svg)
}

.icon-pdf-l::before {
    background-image: url(../images/svg/icon-pdf-l.svg)
}

.icon-keynote-l::before {
    background-image: url(../images/svg/icon-keynote-l.svg)
}

.icon-msg-l::before {
    background-image: url(../images/svg/icon-msg-l.svg)
}

.icon-zip-l::before {
    background-image: url(../images/svg/icon-zip-l.svg)
}

.icon-video-l::before {
    background: #eaeaea
}

.icon-flv-l::before {
    background-image: url(../images/svg/icon-flv-l.svg)
}

.icon-audio-l::before {
    background-image: url(../images/svg/icon-audio-l.svg)
}

.icon-ps-l::before {
    background-image: url(../images/svg/icon-ps-l.svg)
}

.icon-ai-l::before {
    background-image: url(../images/svg/icon-ai-l.svg)
}

.icon-ipa-l::before {
    background-image: url(../images/svg/icon-ipa-l.svg)
}

.icon-apk-l::before {
    background-image: url(../images/svg/icon-apk-l.svg)
}

.icon-damaged-l::before {
    background-image: url(../images/svg/icon-damaged-l.svg)
}

.icon-font-l::before {
    background-image: url(../images/svg/icon-font-l.svg)
}

.icon-safebox-l::before {
    background-image: url(../images/svg/icon-safebox-l.svg)
}

.icon-shared-link-l::before {
    background-image: url(../images/svg/icon-shared-link-l.svg)
}

.icon-code-l::before {
    background-image: url(../images/svg/icon-code-l.svg)
}

.icon-bt-l {
    background-image: url(../images/svg/icon-bt-l.svg)
}

.icon-vip {
    background-size: contain
}

.icon-vip-m {
    width: 42px;
    height: 15px
}

.icon-vip-s {
    width: 28px;
    height: 11px
}

.icon-svg-sync {
    display: none
}

.wy-pop-wrapper {
    position: fixed;
    z-index: 9999;
    min-height: 100%
}

.wy-mask, .wy-pop {
    position: absolute
}

.wy-mask {
    z-index: 0;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)";
    filter: alpha(opacity=50);
    opacity: .5
}

.wy-pop {
    top: 50%;
    left: 50%;
    z-index: 0
}

.wy-pop .sl-btn {
    background: #3B93FF;
    border-radius: 100px;
    color: #fff;
    cursor: pointer
}

.wy-pop .sl-btn:hover {
    background-color: #2688EA
}

.wy-pop .btn-icon {
    font-size: 0;
    color: transparent;
    cursor: pointer
}

.wy-pop.space-limit {
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px
}

.wy-pop.space-limit .title {
    background-image: url(../images/svg/limit-space-banner@2x.png);
    font-size: 0;
    color: transparent;
    background-size: 400px 200px
}

.wy-pop.space-limit .title:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wy-pop.space-limit .article {
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 30px 30px;
    font-size: 14px;
    line-height: 1.3;
    color: #000
}

.wy-pop.space-limit .article .sub-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1
}

.wy-pop.space-limit .article strong {
    color: #00A2FF
}

.wy-pop.space-limit .article .sl-btn {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    text-align: center;
    font-size: 20px
}

.wy-pop.space-limit .icon-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 36px
}

.wy-pop.space-limit .icon-close:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 12px auto;
    opacity: .6;
    background: url(../images/svg/icon-on-pop-close.png)
}

.wy-pop.space-limit .icon-close:hover:before {
    opacity: 1
}

.mod-float-tips {
    display: inline-block;
    position: relative;
    z-index: 0;
    font-size: 14px;
    color: #000
}

.mod-preview .mod-bubble-menu .menu-item .txt, .mod-preview .mod-bubble-menu .meun-item .txt {
    color: #fff
}

.mod-float-tips .icon-tips-close {
    margin-left: 28px;
    vertical-align: -7px;
    cursor: pointer
}

.mod-float-tips .icon-assert {
    margin-right: 9px;
    vertical-align: -6px
}

.mod-float-tips .icon-link-to {
    margin-left: 27px;
    vertical-align: -3px
}

.mod-float-tips .with-logo::before {
    content: "";
    display: inline-block;
    vertical-align: -3px;
    margin-right: 4px;
    width: 24px;
    height: 17px;
    background-image: url(sprite/page-home-180622163207@2x.png);
    background-position: -588px -606px;
    background-size: 810px 719px
}

.mod-point .icon, .mod-point .point-link, .mod-point .point-txt, .modal-dialog {
    vertical-align: middle
}

.mod-float-tips .with-border {
    display: block;
    height: 36px;
    padding: 0 15px 0 20px;
    line-height: 34px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #D5D7DF;
    border-radius: 80px;
    cursor: pointer
}

.mod-float-tips .with-border:hover {
    background-color: #F9FAFB;
    border-color: #D5D7DF
}

.mod-float-tips .loc-abs {
    position: absolute;
    z-index: 0;
    left: -2px;
    top: -23px;
    margin-left: 0;
    white-space: nowrap;
    word-wrap: normal
}

.mod-preview .icon-share {
    background-image: url(../images/svg/icon-share-light.svg)
}

.mod-preview .icon-download {
    background-image: url(../images/svg/icon-download-light.svg)
}

.mod-preview .icon-trash {
    background-image: url(../images/svg/icon-trash-light.svg)
}

.mod-preview .icon-trig {
    background-image: url(../images/svg/icon-trig-light.svg)
}

.mod-preview {
    position: fixed;
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 66;
    min-width: 1000px;
    animation: show .1s 0s cubic-bezier(.77, 0, .175, 1);
    background: rgba(0, 0, 0, .15)
}

.mod-preview .ui-mask {
    display: none
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.mod-preview .preview-hd {
    position: relative;
    height: 60px;
    line-height: 60px;
    background: #181818;
    padding: 0 60px 0 0;
    z-index: 999
}

.mod-preview .preview-hd .icon-pic-m {
    background: url(../images/svg/icon-pic-m-light.svg)
}

.mod-preview .preview-hd .icon-pdf-m {
    background-image: url(../images/svg/icon-pdf-m-light.svg)
}

.mod-preview .hd-tit {
    position: relative;
    float: left;
    line-height: 60px;
    padding: 0 0 0 25px;
    max-width: 50%;
    box-sizing: border-box
}

.mod-preview .hd-tit .tit-info {
    float: left;
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
    max-width: 100%
}

.mod-preview .hd-tit .tit-info .icon {
    position: absolute;
    left: -10px;
    top: 50%;
    margin: -15px 0 0;
}

.mod-preview .hd-tit .tit-info .txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block
}

.mod-preview .hd-tit .mod-info {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -12px 0 0
}

.mod-preview .hd-close {
    position: absolute;
    width: 60px;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    right: 0
}

.mod-preview .hd-close .btn {
    position: absolute;
    width: 38px;
    height: 38px;
    left: 50%;
    top: 50%;
    cursor: pointer;
    margin: -19px 0 0 -19px
}

.mod-preview .hd-close .btn:hover {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mod-preview .btn-esc {
    position: absolute;
    right: 0;
    top: -60px;
    padding: 0 18px;
    height: 60px;
    line-height: 60px;
    background: #000;
    border-radius: 0 0 0 6px;
    z-index: 700
}

.mod-preview .hd-close .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px
}

.mod-preview .hd-close:before {
    content: "";
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, .2);
    left: 0;
    top: 50%;
    margin: -12px 0 0
}

.mod-preview .mod-action-wrap {
    float: right;
    margin: 12px 15px 0 0
}

.mod-preview .mod-action-wrap .action-item:hover {
    background: #2f2f2f
}

.mod-preview .mod-action-wrap, .mod-preview .mod-action-wrap .action-item-con {
    border-color: #464646
}

.mod-preview .preview-bd {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0
}

.mod-preview .mod-action-wrap .mod-bubble-menu {
    background: #2f2f2f;
    border: 0
}

.mod-preview .mod-bubble-menu .menu-item:hover .txt {
    background: #3c3c3c
}

.mod-info {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer
}

.mod-info:hover {
    background: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mod-info .icon-info {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.mod-preview .preview-container {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 980px;
    margin: 0 0 0 -490px;
    background: #fff
}

.mod-preview .mod-msg {
    top: 60px;
    z-index: 777
}

.mod-preview .mod-bubble-menu .menu-item:hover {
    background: #3c3c3c
}

.mod-preview .mod-action-wrap .mod-bubble-menu .menu-item .spliter {
    background: #464646
}

.mod-tab-list {
    position: relative
}

.mod-tab-list .tab-list-item {
    float: left;
    height: 48px;
    line-height: 48px;
    color: #777;
    cursor: pointer;
    margin-right: 30px
}

.mod-tab-list .tab-list-item:last-child {
    margin-right: 0
}

.mod-tab-list .tab-list-item.cur, .mod-tab-list .tab-list-item:hover {
    color: #2980FF
}

.mod-tab-list .tab-list-line {
    position: absolute;
    left: 0;
    width: 56px;
    height: 2px;
    bottom: 10px;
    background: #2980FF;
    transition: all .15s ease-in
}

.mod-thumb-list .thumb-list {
    overflow: hidden
}

.mod-thumb-list .thumb-list-item {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 3px 0 0;
    position: relative
}

.mod-thumb-list .thumb-list-item .icon-l {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-thumb-list .thumb-list-item img.is-loaded ~ .icon-l {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease
}

.mod-thumb-list .thumb-list-pic {
    width: 100%;
    height: 100%
}

.mod-thumb-list .thumb-list-item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.mod-thumb-list .thumb-list-item a img {
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.mod-thumb-list .thumb-list-item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mod-thumb-list .thumb-list-item a:before {
    display: none;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 38px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0)
}

.mod-thumb-list .thumb-list-item .duration {
    position: absolute;
    left: 8px;
    bottom: 2px;
    color: #fff
}

.mod-thumb-list .thumb-list-item .duration .icon-playable {
    top: -2px
}

.mod-thumb-list .thumb-list-item .more {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    background-color: rgba(0, 0, 0, .5)
}

.mod-thumb-list .thumb-list-item .more .text {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.mod-thumb-list .label {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    top: 0;
    display: none
}

.mod-thumb-list .thumb-list-item.act .label, .mod-thumb-list .thumb-list-item.act a:before, .mod-thumb-list a:hover .label, .mod-thumb-list a:hover:before {
    display: block
}

.mod-thumb-list .label .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -9px
}

.mod-thumb-list .icon-check-s {
    background-image: url(../images/svg/icon-checkbox.svg)
}

.mod-thumb-list .thumb-list-item.act .icon-check-s {
    background-image: url(../images/svg/icon-checkbox-cur.svg)
}

.mod-menu-group {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(15, 32, 65, .2);
    width: 338px;
    border: 1px solid #C8CCD3
}

.mod-menu-group .menu-group {
    border-bottom: 1px solid #EDEFF0
}

.mod-menu-group .menu-group:last-child {
    border-bottom: 0 none
}

.mod-menu-group .menu-group-hd {
    position: relative;
    height: 34px;
    line-height: 34px;
    color: #777;
    font-size: 12px
}

.mod-menu-group .menu-group-hd .hd-act {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-menu-group .menu-group-hd .hd-act a {
    color: #2980FF;
    padding: 0 12px
}

.mod-menu-group .menu-group .tit {
    padding: 0 0 0 15px
}

.mod-menu-group .menu-list-item {
    position: relative;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    padding: 0 0 0 15px
}

.mod-menu-group .menu-list-item:hover {
    background: #F5F8FA
}

.mod-menu-group .menu-list-item .item-act {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 34px;
    text-align: center;
    display: none
}

.mod-menu-group .menu-list-item:hover .item-act {
    display: block
}

.mod-menu-group .menu-list-item .item-act .icon-close {
    opacity: .5
}

.mod-operate {
    position: relative;
    text-align: center;
    font-size: 16px
}

.mod-operate .operate-hd {
    height: 40px;
    line-height: 40px
}

.mod-operate .operate-hd .tit {
    font-size: 20px;
    color: #AFB5BF
}

.mod-operate .operate-list {
    display: inline-block;
    margin: 32px 0 0
}

.mod-operate .operate-list-item {
    float: left;
    width: 200px;
    height: 240px;
    cursor: pointer;
    transition: background .3s ease;
    box-sizing: border-box
}

.mod-operate .operate-list-item:hover {
    background-color: #F5F8FA
}

.mod-operate .operate-list-item .icon {
    width: 100%;
    height: 124px;
    background: 0 0
}

.mod-operate .operate-list-item:last-child {
    margin-right: 0
}

.mod-operate .operate-list-item .icon-doc-create {
    margin: 28px 0 27px;
    width: 128px;
    height: 128px;
    background-image: url(../images/svg/icon-doc-create.svg)
}

.mod-operate .operate-list-item .icon-xls-create {
    margin: 28px 0 27px;
    width: 128px;
    height: 128px;
    background-image: url(../images/svg/icon-xls-create.svg)
}

.mod-operate .operate-list-item .icon-ppt-create {
    margin: 28px 0 27px;
    width: 128px;
    height: 128px;
    background-image: url(../images/svg/icon-ppt-create.svg)
}

.mod-operate .operate-ft {
    margin: 30px 0 0
}

.mod-operate .operate-ft .tit {
    color: #777
}

.mod-operate .operate-ft a {
    color: #0097EB
}

.mod-operate .operate-ft .tit-link {
    margin: 0 5px
}

.mod-group-list {
    position: relative;
    width: 100%;
    height: 100%
}

.mod-group-list .group-list-item {
    position: absolute;
    border-radius: 100%;
    overflow: hidden;
    z-index: 1;
    border: 2px solid #fff
}

.mod-group-list.list1 .group-list-item {
    width: 36px;
    height: 36px;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px
}

.mod-group-list .group-list-img, .mod-group-list .group-list-img img {
    width: 100%;
    height: 100%
}

.mod-group-list.list2 .group-list-item {
    width: 24px;
    height: 24px
}

.mod-group-list.list3 .group-list-item, .mod-group-list.list4 .group-list-item {
    width: 21px;
    height: 21px
}

.mod-group-list.list2 .group-list-item:nth-child(1) {
    left: -2px;
    top: -2px
}

.mod-group-list.list2 .group-list-item:nth-child(2) {
    margin: 0;
    right: -2px;
    bottom: -2px;
    z-index: 0
}

.mod-group-list.list3 .group-list-item:nth-child(1) {
    left: 50%;
    top: -2px;
    margin: 0 0 0 -10.5px
}

.mod-group-list.list3 .group-list-item:nth-child(2) {
    left: -2px;
    bottom: -2px
}

.mod-group-list.list3 .group-list-item:nth-child(3) {
    right: -2px;
    bottom: -2px
}

.mod-group-list.list4 .group-list-item:nth-child(1) {
    z-index: 3;
    left: -2px;
    top: -2px
}

.mod-group-list.list4 .group-list-item:nth-child(2) {
    right: -2px;
    top: -2px;
    z-index: 2
}

.mod-group-list.list4 .group-list-item:nth-child(3) {
    left: -2px;
    bottom: -2px;
    z-index: 4
}

.mod-group-list.list4 .group-list-item:nth-child(4) {
    right: -2px;
    bottom: -2px;
    z-index: 5
}

.mod-feature {
    position: relative
}

.mod-feature .feature-hd {
    height: 36px;
    position: relative;
    padding: 0 26px 0 0;
    cursor: pointer;
    border-radius: 2px
}

.mod-feature .feature-hd:hover, .mod-feature.act .feature-hd {
    background: #F5F8FA
}

.mod-feature .feature-hd-act {
    position: absolute;
    width: 26px;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-feature .feature-hd-act .icon {
    position: absolute;
    left: 2px;
    top: 50%;
    margin: -8px 0 0;
    transform: rotate(0);
    transition: all .3s
}

.mod-feature.act .feature-hd-act .icon {
    transform: rotate(180deg)
}

.mod-feature .feature-bd {
    position: absolute;
    right: 0;
    top: 36px
}

.mod-feature .feature-list {
    position: relative;
    padding: 4px 0 0 7px
}

.mod-feature .feature-list .list-item {
    float: left;
    position: relative;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -8px
}

.mod-feature .feature-list .list-item-img {
    width: 100%;
    height: 100%
}

.mod-feature .feature-list .list-item:first-child {
    margin-left: 0
}

.mod-feature .feature-list .list-item img {
    display: block;
    width: 100%;
    height: 100%
}

.mod-feature .feature-bd {
    display: none
}

.mod-feature.act .feature-bd {
    display: block
}

.mod-feature .mod-bubble-menu {
    position: relative;
    left: 0;
    top: 0;
    transform: translate3d(0, 0, 0)
}

.modal, .modal-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.mod-point {
    background: #F2F2F2;
    height: 40px;
    line-height: 40px;
    padding: 0 15px
}

.mod-point .icon {
    margin: 0 0 0 -2px
}

.mod-point .point-link {
    color: #00A4FF;
    margin: 0 0 0 10px
}

.modal a, a:hover {
    text-decoration: none
}

.modal .icon-vip-s {
    width: 24px;
    height: 17px;
    background-image: url(../images/svg/icon-vip-s.svg)
}

.modal {
    z-index: 100;
    text-align: center
}

.modal-mask {
    z-index: -1;
    background-color: rgba(49, 52, 54, .7)
}

.modal::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #C8CCD3;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}

.modal-dialog .icon-pop-close {
    position: relative;
    z-index: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/svg/icon-pop-close.svg);
    background-color: transparent;
    border-radius: 30px
}

.modal-dialog .icon-pop-close:hover {
    background-color: #F5F8FA
}

.modal-dialog .btn {
    outline: 0;
    border: 1px solid #D2D8DC;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    color: #000
}

.modal-dialog .mod-view .btn {
    border-color: transparent;
    background: 0 0
}

.modal-dialog .mod-view a.btn-m:hover, .modal-dialog .mod-view.act a.btn-m {
    border-color: #D2D8DC;
    text-decoration: none
}

.mod-link-info a:hover, .mod-progress-info a:hover {
    text-decoration: underline
}

.modal-dialog .btn:hover {
    background-color: #F5F8FA
}

.modal-dialog .btn-active {
    background-color: #2E80FF;
    border-color: #2E80FF;
    color: #fff
}

.modal-dialog .btn-active:hover {
    background-color: #2977EA
}

.modal-dialog .btn-active.btn-disable, .modal-dialog .btn-active.btn-disable:hover {
    background-color: #2980FF;
    border-color: #2980FF;
    cursor: not-allowed
}

.modal-dialog .btn-disable {
    position: relative;
    cursor: not-allowed
}

.modal-dialog .btn-disable::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background-color: rgba(255, 255, 255, .4)
}

.modal-dialog .btn-icon {
    border: none;
    outline: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer
}

.modal-dialog .btn-link {
    border: none;
    outline: 0;
    width: auto;
    font-size: 14px;
    color: #555;
    cursor: pointer
}

.modal-dialog .btn-link:hover {
    background-color: transparent;
    text-decoration: underline
}

.modal-dialog .btn-block {
    display: block;
    width: 100%;
    line-height: 1
}

.modal-dialog .input-block {
    display: block
}

.modal-dialog .input-wrapper .placeholder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 8px;
    line-height: 36px;
    text-align: left;
    font-size: 14px;
    color: #999;
    display: block;
    pointer-events: none
}

.modal-dialog-pw-share .modal-dialog-bd, .modal-dialog-team .modal-dialog-ft, .modal-dialog-tips, .page-doc .mod-info-tip {
    text-align: center
}

.modal-dialog .input-wrapper input:focus ~ .placeholder {
    display: none
}

.modal-dialog-tab .btn-tab {
    outline: 0;
    border: none;
    background-color: transparent;
    color: #484848
}

.modal-dialog-tab .act .btn-tab, .modal-dialog-tab .tab-nav-item:hover .btn-tab {
    color: #020202
}

.modal-dialog-tab .tab-nav-item:hover {
    background-color: #F5F8FA
}

.modal-dialog-hd {
    position: relative;
    z-index: 0;
    padding: 13px 13px 13px 20px;
    border-bottom: 1px solid #E9EAEB
}

.modal-dialog-title {
    font-size: 18px;
    color: #020202
}

.modal-dialog-hd .icon-pop-close {
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -15px
}

.modal .input-wrapper {
    position: relative
}

.modal .console {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    padding: 7px 10px 5px;
    background-color: #FFF8DB;
    border: 1px solid #F3E5B1;
    border-top: none;
    font-size: 12px;
    color: #000
}

.modal .console .icon {
    width: 14px;
    height: 14px;
    vertical-align: -3px;
    margin-right: 6px
}

.modal .console.err .icon {
    background-image: url(../images/svg/icon-alert-s.svg)
}

.modal .console.loading .icon {
    background-image: url(../images/svg/icon-loading-s.png);
    animation: load-rotation 1s linear infinite
}

.modal-dialog-ft.btn-group {
    padding-bottom: 20px
}

.modal-dialog-ft .btn {
    float: right;
    min-width: 90px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 36px;
    line-height: 34px;
    margin-right: 10px;
    font-size: 14px
}

.modal-dialog-ft .btn-link {
    width: auto
}

.modal-dialog-ft .btn:first-of-type {
    margin-right: 20px
}

.modal-dialog-ft .btn-active {
    margin-left: 10px
}

.modal-dialog-ft .alert {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #ec202c
}

.modal-dialog-process .modal-dialog-hd, .modal-dialog-tab .modal-dialog-hd {
    border-bottom-color: transparent
}

.modal-dialog-tab .modal-tab-nav {
    padding-left: 20px;
    border-bottom: 1px solid #E8EAEB;
    font-size: 0
}

.modal-dialog-tab .tab-nav-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 9px 16px;
    text-align: center;
    font-size: 14px;
    color: #020202
}

.modal-dialog-tab .tab-nav-item::after {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 3px;
    background-color: #2980FF
}

.modal-dialog-tab .tab-nav-item.act::after {
    opacity: 1
}

.modal-dialog-tab .modal-tab-cont {
    position: relative
}

.modal-dialog-tab .modal-tab-cont ul {
    height: 100%
}

.modal-dialog-tab .tab-cont-item {
    display: none;
    height: 100%
}

.modal-dialog-tab .tab-cont-item.act {
    display: block
}

.modal-dialog-tab .tab-cont-item .cont-wrapper, .modal-dialog-tab .tab-cont-item::before {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.modal-dialog-tab .tab-cont-item::before {
    content: "";
    width: 0;
    height: 100%
}

.modal-dialog .modal-dialog-main {
    float: left;
    height: 100%;
    border-right: 1px solid #D2D8DC
}

.modal-dialog .modal-dialog-aside {
    position: relative;
    height: 100%;
    float: right
}

.modal-dialog .modal-dialog-aside-hd {
    height: 48px
}

.modal-dialog .modal-dialog-aside-hd .aside-hd-tit {
    line-height: 48px;
    padding: 0 0 0 15px
}

.modal-dialog .modal-dialog-aside-ft {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 75px
}

.modal-dialog-400 {
    width: 400px
}

.modal-dialog-480 {
    width: 480px
}

.modal-dialog-680 {
    width: 680px
}

.modal-dialog-800 {
    width: 800px
}

.modal-dialog-800 .modal-dialog-main {
    width: 505px
}

.modal-dialog-800 .modal-dialog-aside {
    width: 252px
}

.modal-dialog-tips {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF8DB;
    border: none;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #A27C27
}

.modal-dialog-invite .modal-dialog-hd, .modal-dialog-team .mod-tab-nav .tab-nav-hd {
    border-bottom: 0 none
}

.modal .promotion {
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.modal .promotion.with-icon {
    position: relative;
    padding-left: 20px
}

.modal .promotion .btn-link {
    color: #000
}

.modal .promotion .icon-vip-s {
    top: -2px;
    left: 0;
    margin-right: 5px
}

@keyframes pop-appear {
    0% {
        opacity: 0;
        transform: scale(.8) rotateX(-40deg)
    }
    50% {
        opacity: 1
    }
    70% {
        transform: scale(1.05) rotateX(0)
    }
    100% {
        transform: scale(1) rotateX(0)
    }
}

.modal {
    opacity: 0;
    pointer-events: none
}

.modal-show {
    opacity: 1;
    pointer-events: auto
}

.modal-show .modal-dialog {
    animation: pop-appear .3s cubic-bezier(.8, .02, .45, .91) forwards
}

.modal-show .modal-dialog-tips {
    animation: none
}

.modal-dialog .mod-path {
    padding: 20px 0 0
}

.modal-dialog .mod-status {
    padding-top: 70px
}

@keyframes load-rotation {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.modal-dialog-invite .mod-form .form-bd {
    margin-top: 0;
    width: auto
}

.modal-dialog-article .mod-article {
    padding: 20px 20px 35px
}

.modal-dialog-team {
    overflow: inherit !important
}

.modal-dialog-team .mod-tab-nav {
    padding: 0 20px 20px
}

.modal-dialog-team .mod-act-panel .act-panel-inner, .modal-dialog-team .mod-list-group-edit .list-group-item, .modal-dialog-team .mod-list-group-set .list-group-item {
    padding: 0 20px
}

.modal-dialog-team .mod-tab-nav .tab-nav-bd {
    height: 400px;
    border: 1px solid #D2D8DC
}

.modal-dialog-team .mod-list-group-edit, .modal-dialog-team .mod-list-group-edit .list-group-bd {
    height: 44px
}

.modal-dialog-team .mod-list-group-edit .list-group-bd {
    overflow: inherit
}

.modal-dialog-team .mod-list-group-set, .modal-dialog-team .mod-list-group-set .list-group-bd {
    height: 100%;
    position: relative
}

.modal-dialog-team .mod-list-group-team-record .list-group-bd {
    height: 292px
}

.modal-dialog-team .mod-list-group-team-record .list-group-hd .list-group-tit.name .tit-con {
    margin-left: 23px
}

.modal-dialog-team .mod-list-group-team-record .item-tit .label {
    width: 33px
}

.modal-dialog-team .mod-act-panel {
    height: 68px;
    line-height: 68px
}

.modal-dialog-team .mod-act-panel .mod-view-sort {
    margin: 0 15px 0 0
}

.modal-dialog-team .modal-dialog-ft .btn {
    float: none
}

.modal-dialog-team .mod-list-group .list-group-item:after {
    left: 20px
}

.modal-dialog-team .mod-view-team {
    position: absolute;
    top: 53px;
    right: 307px
}

.modal-dialog-team .mod-view-team .mod-bubble-menu {
    top: 0
}

.modal-dialog-package .mod-form .form-bd {
    width: auto;
    margin: 20px 0 0
}

.modal-dialog-package .mod-form .mod-form-item {
    padding: 0 20px 12px
}

.modal-dialog-share-link .mod-code {
    padding: 40px 0 32px
}

.modal-dialog-pw input {
    display: inline-block;
    width: 200px;
    height: 36px;
    box-sizing: border-box;
    padding: 0 0 0 8px;
    border: 1px solid #D2D8DC;
    border-radius: 2px;
    font-size: 14px
}

.modal-dialog-pw input:focus {
    border-color: #00A4FF
}

.modal-dialog-pw .modal-dialog-bd {
    height: 143px;
    padding: 0 99px;
    font-size: 0
}

.modal-dialog-pw .modal-dialog-bd::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.modal-dialog-pw .modal-bd-cont {
    display: inline-block;
    vertical-align: middle
}

.modal-dialog-pw .title {
    margin-bottom: 19px;
    font-size: 16px;
    color: #000
}

.modal-dialog-pw .title .title-con {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 6em;
    vertical-align: middle
}

.modal-dialog-pw .title .num {
    color: #777;
    vertical-align: middle
}

.modal-dialog-pw .input-wrapper .console {
    bottom: -31px
}

.modal-dialog-pw .console.err ~ input {
    border-color: #FF4222
}

.modal-dialog-pw.modal-dialog-tab .modal-dialog-bd {
    height: auto;
    padding: 0
}

.modal-dialog-pw.modal-dialog-tab .modal-tab-cont {
    height: 152px
}

.modal-dialog-pw .modal-tab-cont .input-wrapper {
    margin-bottom: 10px
}

.modal-dialog-pw .modal-tab-cont .input-wrapper:last-of-type {
    margin-bottom: 0
}

.modal-dialog-pw .modal-tab-cont input {
    display: block;
    margin: 0 auto
}

.modal-dialog-pw .tab-cont-item .console {
    left: 100px
}

.modal-dialog-pw-share input {
    display: block;
    width: 139px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 36px;
    padding-left: 15px;
    background-image: url(../images/svg/bg-pw-input.svg);
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Courier New';
    font-size: 13px;
    color: #000;
    letter-spacing: 12px
}

.mod-info-box .info-detail {
    margin: 10px 0 0
}

.mod-info-box .info-detail-hd {
    position: relative;
    font-size: 12px;
    color: #777
}

.mod-info-box .info-detail-hd .info-used {
    margin: 0 -3px 0 5px
}

.mod-info-box .info-detail .acc-used {
    margin: 0 0 0 5px
}

.mod-info-box .info-detail-hd .hd-act {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-info-box .info-detail-hd .hd-act .mod-arrow {
    margin: 0 3px 0 0
}

.mod-info-box .info-bar {
    position: relative;
    margin: 5px 0 0;
    height: 4px;
    background: #E4E4E4
}

.mod-info-box .info-bar-cur {
    height: 100%;
    background: #2980FF
}

.mod-info-box.disk-warn .info-bar-cur {
    background: #FF4222
}

.mod-info-box .info-con {
    font-size: 12px;
    color: #777;
    padding: 4px 0 0
}

.mod-info-box .info-con .info-icon, .mod-info-box .info-con .info-link, .mod-info-box .info-con .info-txt {
    position: relative;
    vertical-align: middle;
    margin-right: 8px
}

.mod-info-box .info-box-con, .mod-info-box .info-box-pic {
    margin: 0 12px 0 0;
    overflow: hidden
}

.mod-info-box .info-con .info-icon {
    top: -1px
}

.mod-info-box {
    height: 100px;
    background: #F4F4F4
}

.mod-info-box .info-box-bd {
    padding: 29px 0 0 24px
}

.mod-info-box .info-box-pic {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    float: left
}

.mod-info-box .info-box-pic .pic {
    width: 100%;
    height: 100%
}

.mod-info-box .info-box-con .name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    vertical-align: middle
}

.mod-info-box .info-box-con .txt {
    font-size: 12px;
    color: #777;
    margin: 4px 0 0
}

.mod-info-box .info-link {
    color: #845925;
    margin: 0 0 0 8px
}

.mod-info-box.vip {
    background: red
}

.mod-info-box.svip {
    background: #00f
}

.mod-progress-info .progress-info-detail {
    margin: 10px 0 0
}

.mod-progress-info .info-detail-hd, .mod-progress-info a {
    position: relative;
    font-size: 12px;
    color: #777
}

.mod-progress-info .info-detail-hd .info-used {
    margin: 0 3px 0 0
}

.mod-progress-info .info-detail-hd .info-all {
    margin: 0 0 0 2px
}

.mod-progress-info .info-detail .acc-used {
    margin: 0 0 0 5px
}

.mod-progress-info .info-detail-hd .hd-act {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-progress-info .info-detail-hd .hd-act .mod-arrow {
    margin: 0 3px 0 0;
    position: relative;
    top: -1px
}

.mod-progress-info .info-bar {
    position: relative;
    margin: 5px 0 0;
    height: 4px;
    background: #E4E4E4
}

.mod-progress-info .info-bar-cur {
    height: 100%;
    background: #2980FF
}

.mod-progress-info.warn .info-detail-hd {
    color: #EF4545
}

.mod-progress-info.warn .info-bar-cur {
    background: #EF4545
}

.mod-progress-info .info-box-hd .name {
    display: block;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    vertical-align: middle
}

.mod-progress-info .info-con {
    font-size: 12px;
    color: #777;
    padding: 4px 0 0
}

.mod-progress-info .info-con .info-icon, .mod-progress-info .info-con .info-link, .mod-progress-info .info-con .info-txt {
    position: relative;
    vertical-align: middle;
    margin-right: 8px
}

.mod-progress-info .info-con .info-icon {
    top: -1px
}

.mod-arrow {
    border: solid #687176;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px
}

.mod-arrow-right {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.mod-arrow-left {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.mod-arrow-up {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.mod-arrow-down {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.mod-link-info {
    position: relative
}

.mod-link-info .icon {
    vertical-align: middle;
    top: -2px;
    margin: 0 0 0 -4px
}

.mod-link-info a {
    color: #2980FF;
    margin: 0 0 0 8px
}

.mod-link-info .info-link {
    color: #FE8127
}

.page-thumbnail .mod-act-panel:after {
    display: none
}

.page-thumbnail.scroll .mod-act-panel:after {
    display: block
}

.page-thumbnail .mod-figure-list {
    padding: 0 25px 0 40px
}

.page-thumbnail .mod-item-list {
    padding: 2px 25px 20px 40px
}

.page-picture .layout-main-bd {
    padding-left: 50px
}

.page-picture .mod-figure-list .figure-list {
    padding: 2px 0 0 2px
}

.page-picture .mod-figure-list .figure-list-item-pic {
    border: 1px solid #D5D7DF
}

.page-picture .mod-figure-list .figure-list-item.act .figure-list-item-pic, .page-picture .mod-figure-list .figure-list-item:hover .figure-list-item-pic {
    border: none
}

.page-picture .mod-act-panel:after {
    display: none
}

.page-picture .mod-act-panel {
    padding: 7px 0
}

.page-picture .mod-act-panel .act-panel-inner {
    padding-left: 50px
}

.ui-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 60;
    opacity: .85
}

.layout-main-bd-aside .mod-note-group {
    margin: 0 0 0 35px;
    border-right: 1px solid #EDEFEF
}

.page-home .layout-main-hd .mod-act-panel .act-panel-inner {
    padding: 0 60px 0 50px
}

.page-home .layout-main-hd .mod-act-panel .mod-breadcrumb {
    padding: 0;
    position: relative;
    left: -5px
}

.page-home .layout-main .mod-list-group .list-group-hd, .page-home .layout-main .mod-list-group .list-group-info, .page-home .layout-main .mod-list-group .list-group-wrapper {
    margin-left: 10px;
    margin-right: 60px
}

.mod-nav .logo a {
    margin-left: 30px
}

.layout-toolbar .mod-nav {
    margin-left: 50px
}

.layout-main-wrap-trash .mod-act-panel .tit {
    float: right;
    font-size: 12px;
    font-weight: 400
}

.layout-main-wrap-trash .mod-tab-list .tab-list-line {
    width: 28px
}

.page-doc .mod-act-panel {
    height: 64px;
    line-height: 64px
}

.page-doc .mod-act-panel .mod-action-wrap-list .mod-action-wrap {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.page-doc .mod-action-wrap .action-item.act .mod-bubble-menu {
    left: auto;
    right: 0
}

.page-doc .mod-info-tip {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    color: #999;
    height: 40px;
    line-height: 40px;
    background-color: #fff
}

/* kaka:180625152144,tic */