@charset "utf-8";
.cm-em, .ql-editor em {
    font-style: italic
}

.mod-loadmore {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 0
}

.mod-loadmore.load {
    margin: 250px 0 0
}

.mod-loadmore .icon-load-bullet, .mod-loadmore .icon-load-bullet-left, .mod-loadmore .icon-load-bullet-right {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #C0C2C4;
    transform: translate(0, -5px);
    opacity: 0;
    animation: loading 1s ease-in 0s infinite
}

@keyframes loading {
    10% {
        transform: translate(0, -5px) scale(1);
        opacity: 1
    }
    55%, 65% {
        transform: translate(0, 0);
        opacity: 1
    }
    75% {
        transform: translate(0, 0) scale(0);
        opacity: 0
    }
    100%, 5% {
        transform: translate(0, -5px) scale(0);
        opacity: 0
    }
}

@keyframes loading-c {
    20% {
        transform: translate(0, -5px) scale(1);
        opacity: 1
    }
    60%, 70% {
        transform: translate(0, 0);
        opacity: 1
    }
    80% {
        transform: translate(0, 0) scale(0);
        opacity: 0
    }
    100%, 5% {
        transform: translate(0, -5px) scale(0);
        opacity: 0
    }
}

@keyframes loading-r {
    30% {
        transform: translate(0, -5px) scale(1);
        opacity: 1
    }
    65%, 75% {
        transform: translate(0, 0);
        opacity: 1
    }
    85% {
        transform: translate(0, 0) scale(0);
        opacity: 0
    }
    100%, 5% {
        transform: translate(0, -5px) scale(0);
        opacity: 0
    }
}

.mod-loadmore .icon-load-bullet {
    position: relative;
    overflow: visible;
    margin: 8px;
    animation-name: loading-c
}

.mod-loadmore .icon-load-bullet-right {
    animation-name: loading-r
}

@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .mod-loadmore .icon-load-bullet {
        width: 80px;
        height: 32px;
        border-radius: 0;
        background: url(../images/svg/loading-list.gif);
        opacity: 1
    }
}

.mod-bubble-dropdown {
    display: none;
    position: absolute;
    z-index: 10;
    box-sizing: border-box;
    box-shadow: 0 1px 4px 0 rgba(15, 32, 65, .2)
}

.mod-bubble-dropdown.with-border {
    border: 1px solid #C8CCD3
}

.mod-bubble-dropdown .bubble-arrow, .mod-bubble-dropdown .bubble-arrow-border {
    position: absolute;
    width: 0;
    height: 0;
    border: solid transparent;
    cursor: default
}

.mod-bubble-dropdown.bottom .bubble-arrow-border, .mod-bubble-dropdown.bottom-left .bubble-arrow-border, .mod-bubble-dropdown.bottom-right .bubble-arrow-border, .mod-bubble-dropdown.top .bubble-arrow-border, .mod-bubble-dropdown.top-left .bubble-arrow-border, .mod-bubble-dropdown.top-right .bubble-arrow-border {
    border-width: 9px 8px
}

.mod-bubble-dropdown.bottom .bubble-arrow, .mod-bubble-dropdown.bottom-left .bubble-arrow, .mod-bubble-dropdown.bottom-right .bubble-arrow, .mod-bubble-dropdown.top .bubble-arrow, .mod-bubble-dropdown.top-left .bubble-arrow, .mod-bubble-dropdown.top-right .bubble-arrow {
    border-width: 8px 7px;
    margin-left: 1px
}

.mod-bubble-dropdown.top .bubble-arrow, .mod-bubble-dropdown.top .bubble-arrow-border, .mod-bubble-dropdown.top-left .bubble-arrow, .mod-bubble-dropdown.top-left .bubble-arrow-border, .mod-bubble-dropdown.top-right .bubble-arrow, .mod-bubble-dropdown.top-right .bubble-arrow-border {
    bottom: 100%
}

.mod-bubble-dropdown.bottom .bubble-arrow, .mod-bubble-dropdown.bottom .bubble-arrow-border, .mod-bubble-dropdown.bottom-left .bubble-arrow, .mod-bubble-dropdown.bottom-left .bubble-arrow-border, .mod-bubble-dropdown.bottom-right .bubble-arrow, .mod-bubble-dropdown.bottom-right .bubble-arrow-border {
    top: 100%
}

.mod-bubble-dropdown.bottom-right .bubble-arrow, .mod-bubble-dropdown.bottom-right .bubble-arrow-border, .mod-bubble-dropdown.top-right .bubble-arrow, .mod-bubble-dropdown.top-right .bubble-arrow-border {
    left: 64%
}

.mod-bubble-dropdown.bottom-left .bubble-arrow, .mod-bubble-dropdown.bottom-left .bubble-arrow-border, .mod-bubble-dropdown.top-left .bubble-arrow, .mod-bubble-dropdown.top-left .bubble-arrow-border {
    left: 9%
}

.mod-bubble-dropdown.top .bubble-arrow-border, .mod-bubble-dropdown.top-left .bubble-arrow-border, .mod-bubble-dropdown.top-right .bubble-arrow-border {
    border-bottom-color: #C8CCD3
}

.mod-bubble-dropdown.top .bubble-arrow, .mod-bubble-dropdown.top-left .bubble-arrow, .mod-bubble-dropdown.top-right .bubble-arrow {
    border-bottom-color: #fff
}

.mod-bubble-dropdown.bottom .bubble-arrow-border, .mod-bubble-dropdown.bottom-left .bubble-arrow-border, .mod-bubble-dropdown.bottom-right .bubble-arrow-border {
    border-top-color: #C8CCD3
}

.mod-bubble-dropdown.bottom .bubble-arrow, .mod-bubble-dropdown.bottom-left .bubble-arrow, .mod-bubble-dropdown.bottom-right .bubble-arrow {
    border-top-color: #fff
}

.icon-logout {
    width: 24px;
    height: 24px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -127px -51px;
    background-size: 152px 138px
}

.acct-bubble-dropdown {
    left: -33px;
    top: 88px;
    width: 320px;
    box-shadow: none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0)
}

.acct-dropdown, .mod-bubble-menu {
    box-shadow: 0 1px 4px 0 rgba(15, 32, 65, .2)
}

.acct-bubble-dropdown:before {
    content: "";
    position: absolute;
    top: 9px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.acct-bubble-dropdown .with-border {
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #C8CCD3;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top: none;
    color: #020202;
    line-height: 1
}

.acct-dropdown {
    position: relative;
    z-index: 0;
    padding-top: 114px
}

.acct-info {
    position: absolute;
    z-index: 0;
    top: -6px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    padding: 0 30px;
    background-image: url(../images/svg/acct-bg@2x.png);
    color: #fff;
    background-size: 320px 120px
}

.acct-dropdown .clip-svg {
    width: 0;
    height: 0
}

.acct-info .acct-info-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    -moz-filter: blur(3px);
    -webkit-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px)
}

.acct-dropdown .acct-item .tag-fornew, .acct-dropdown .btn-vip:hover .icon-vip-btn, .acct-info .btn:hover .icon-logout {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-size: 152px 138px
}

.acct-dropdown .name-container {
    padding-top: 30px;
    line-height: 1.5;
    margin-bottom: 12px
}

.acct-info .name {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px
}

.acct-info .name-container .btn {
    float: right;
    cursor: pointer
}

.acct-info .btn:hover .icon-logout {
    background-position: -127px -77px
}

.acct-info .space-container {
    line-height: 1
}

.acct-info .space-container .txt {
    margin-bottom: 9px;
    font-size: 12px;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.8)";
    filter: alpha(opacity=80);
    opacity: .8
}

.quota-graph, .quota-graph-bar, .quota-graph-container {
    position: relative;
    z-index: 0;
    width: 260px;
    height: 3px;
    border-radius: 27px
}

.quota-graph {
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.14)";
    filter: alpha(opacity=14);
    opacity: .14
}

.quota-graph-bar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 20%;
    background-color: #fff
}

.exceed .quota-graph-bar {
    width: 100%;
    background-color: #FF7E7E
}

.acct-dropdown .acct-item {
    padding-left: 30px;
    cursor: pointer
}

.acct-dropdown .acct-item .txt {
    line-height: 32px
}

.acct-dropdown .acct-item .fail {
    color: #74787C
}

.acct-dropdown .acct-item .btn-link {
    display: inline;
    margin-left: 7px;
    font-size: 14px;
    color: #00A6FF
}

.acct-dropdown .acct-item .tag, .mod-bubble-menu .menu-item.act .icon-sel {
    display: inline-block
}

.acct-dropdown .acct-item .btn-link:hover {
    text-decoration: underline
}

.acct-bubble-dropdown a:hover, .dirbox-dir a.dirbox-chdir:hover {
    text-decoration: none
}

.acct-dropdown .acct-item:hover {
    background-color: #3b93ff;
    background-color: rgba(59, 147, 255, .06)
}

.acct-dropdown .acct-item .tag-fornew {
    width: 14px;
    height: 14px;
    background-position: -125px -102px;
    margin-left: 5px;
    vertical-align: -1px
}

.acct-dropdown .acct-item.main {
    position: relative;
    z-index: 0;
    margin-bottom: 16px
}

.acct-dropdown .acct-item.main:after {
    content: "";
    position: absolute;
    left: 30px;
    right: 0;
    bottom: -8px;
    height: 1px;
    background-color: #0f2042;
    background-color: rgba(15, 32, 66, .06)
}

.acct-dropdown .btn-vip {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 30px;
    margin-top: -14px;
    width: 92px;
    height: 28px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #2980FF;
    background-color: #fff
}

.acct-dropdown .btn-vip:hover {
    color: #fff;
    background-color: #3B93FF
}

.acct-dropdown .btn-vip:hover .icon-vip-btn {
    background-position: -102px -77px
}

.acct-dropdown .icon-vip-btn {
    vertical-align: -6px;
    margin-right: 6px
}

.mod-user-s .acct-bubble-dropdown {
    z-index: 10;
    left: -238px;
    top: 55px
}

.mod-user-s .acct-info {
    background-image: url(../images/svg/acc-bg-share@2x.png);
    background-size: 320px 120px
}

.upload-bubble-dropdown {
    right: -30px;
    top: 60px;
    width: 320px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px
}

.upload-bubble-dropdown .upload-item {
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 29px 0 20px;
    cursor: pointer
}

.upload-bubble-dropdown .upload-item:hover {
    background-color: #3bffff;
    background-color: rgba(59, 147, 255, .06)
}

.upload-bubble-dropdown .inner {
    text-align: center;
    font-size: 14px;
    color: #000
}

.upload-bubble-dropdown .inner .txt {
    margin-top: 13px
}

.upload-bubble-dropdown .upload-item:hover .icon-upload-file {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: 0 0;
    background-size: 152px 138px
}

.upload-bubble-dropdown .upload-item:hover .icon-upload-dir {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -51px 0;
    background-size: 152px 138px
}

.upload-bubble-dropdown .upload-item:hover .icon-create-dir {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: 0 -51px;
    background-size: 152px 138px
}

.upload-bubble-dropdown .upload-item:hover .icon-add-note {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -51px -51px;
    background-size: 152px 138px
}

.upload-bubble-dropdown .upload-item:hover .icon-offline-download {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -102px 0;
    background-size: 152px 138px
}

.copyright-bubble-dropdown {
    left: 0;
    bottom: 31px;
    width: 316px;
    box-sizing: content-box
}

.txt-dropdown {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 17px 20px;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.5;
    color: #74787C
}

.mod-bubble-menu {
    position: absolute;
    z-index: 100;
    top: 80px;
    left: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    background-color: #fff;
    border-radius: 2px;
    padding: 6px 0
}

.mod-bubble-menu.with-border {
    border: 1px solid #C8CCD3
}

.mod-bubble-menu .menu-item {
    cursor: pointer;
    position: relative;
    z-index: 0
}

.mod-bubble-menu .menu-item.unusual .txt {
    color: #F55
}

.mod-bubble-menu .menu-item .icon {
    margin: 0 16px 0 -4px
}

.mod-bubble-menu .menu-item .icon-new {
    position: relative;
    visibility: visible;
    vertical-align: middle;
    top: 5px;
    left: 0
}

.mod-bubble-menu .menu-item .icon-m {
    margin-top: -20px;
    left: 6px
}

.mod-bubble-menu .menu-item .icon-sel {
    visibility: hidden
}

.mod-bubble-menu .menu-item .menu-item:hover .menu-item .txt, .mod-bubble-menu .menu-item:hover .menu-item .txt {
    background: #fff
}

.mod-bubble-menu .menu-item .menu-item .menu-item:hover .txt, .mod-bubble-menu .menu-item .menu-item:hover .txt, .mod-bubble-menu .menu-item:hover .txt {
    background-color: #F4F4F4
}

.mod-bubble-menu .menu-item.dis {
    cursor: default;
    color: #999
}

.mod-bubble-menu .menu-item.dis .txt {
    color: #999
}

.mod-bubble-menu .menu-item.dis:hover .txt {
    background: 0 0
}

.mod-bubble-menu .menu-item .spliter {
    height: 1px;
    margin: 6px 0;
    background-color: #0f2042;
    background-color: rgba(15, 32, 66, .06)
}

.mod-bubble-menu .menu-item .txt {
    display: block;
    font-size: 14px;
    color: #020202;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 22px;
    position: relative
}

.mod-bubble-menu .menu-item .txt-ass {
    position: absolute;
    right: 20px;
    top: 0;
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    color: #777
}

.mod-bubble-menu-acc {
    width: 270px;
    padding: 0
}

.mod-bubble-menu-acc .menu-item .txt {
    padding: 0 20px;
    height: 40px;
    line-height: 40px
}

.mod-bubble-menu-acc .menu-item .spliter {
    margin: 0
}

.mod-bubble-menu-acc .menu-item:last-child .txt {
    padding-bottom: 4px
}

.mod-bubble-menu-acc .acc-box {
    position: relative;
    padding: 0 20px;
    line-height: normal
}

.mod-bubble-menu-acc .acc-box:after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #0f2042;
    background-color: rgba(15, 32, 66, .06)
}

.mod-bubble-menu-acc .tit {
    padding: 16px 0 0
}

.mod-bubble-menu-acc .tit .name {
    display: inline-block;
    max-width: 9em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 7px
}

.mod-bubble-menu-acc .tit .icon {
    position: relative;
    cursor: pointer
}

.mod-bubble-menu-acc .acc-info {
    color: #777;
    font-size: 12px;
    overflow: hidden;
    padding: 8px 0 18px
}

.mod-bubble-menu-acc .info-item-cap {
    float: left
}

.mod-bubble-menu-acc .info-item-flow {
    float: right
}

.mod-bubble-menu .menu-item.act .txt {
    color: #2980FF
}

.mod-bubble-menu .menu-item .icon-sort {
    position: relative;
    left: 4px;
    top: -1px;
    margin: 0;
    visibility: hidden
}

.mod-bubble-menu .menu-item.act .icon-sel, .mod-bubble-menu .menu-item.act .icon-sort {
    visibility: visible
}

.mod-bubble-dropdown, .mod-bubble-menu, .mod-upload .mod-bubble-dropdown, .mod-user .acct-bubble-dropdown {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.mod-bubble-dropdown {
    transform: translate3d(0, 10px, 0)
}

.mod-bubble-menu.on, .mod-txt-list .txt-item:hover .mod-bubble-dropdown, .mod-upload.on .mod-bubble-dropdown, .mod-upload:hover .mod-bubble-dropdown, .mod-user:hover .acct-bubble-dropdown {
    display: block;
    opacity: 1;
    pointer-events: auto;
    -webkit-animation: appear .5s forwards;
    -moz-animation: appear .5s forwards;
    animation: appear .5s forwards
}

.mod-user:hover .acct-bubble-dropdown {
    -webkit-transform-origin: 23% 0;
    -moz-transform-origin: 23% 0;
    transform-origin: 23% 0
}

.mod-txt-list .txt-item:hover .mod-bubble-dropdown {
    -webkit-transform-origin: 9% 100%;
    -moz-transform-origin: 9% 100%;
    transform-origin: 9% 100%
}

.mod-upload.on .mod-bubble-dropdown, .mod-upload:hover .mod-bubble-dropdown {
    -webkit-transform-origin: 73% 0;
    -moz-transform-origin: 73% 0;
    transform-origin: 73% 0
}

.mod-bubble-menu.on {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    animation-duration: .2s
}

@-webkit-keyframes appear {
    0% {
        opacity: 0
    }
    100%, 60% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes appear {
    0% {
        opacity: 0
    }
    100%, 60% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes appear {
    0% {
        opacity: 0
    }
    100%, 60% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes appear {
    0% {
        opacity: 0
    }
    100%, 60% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.mod-nav.disabled .mod-upload:hover .mod-bubble-dropdown {
    display: none
}

.mod-bubble-menu .mod-bubble-menu-sec {
    left: 258px;
    top: 0;
    transform: translate3d(0, 0, 0);
    display: none
}

.mod-bubble-menu.reverse .mod-bubble-menu-sec {
    left: auto;
    right: 258px
}

.mod-bubble-menu .menu-item:hover .mod-bubble-menu {
    display: block
}

.mod-bubble-menu .menu-item:hover .mod-bubble-menu .mod-bubble-menu, .mod-bubble-menu .menu-item:hover .mod-bubble-menu .mod-bubble-menu .mod-bubble-menu {
    display: none
}

.mod-bubble-menu .menu-item .mod-bubble-menu .menu-item:hover .mod-bubble-menu, .mod-bubble-menu .menu-item .mod-bubble-menu .mod-bubble-menu .menu-item:hover .mod-bubble-menu {
    display: block
}

.dirbox-file .file-info, .dirbox-file .file-size, .mod-bubble-menu .menu-item .txt-con {
    display: inline-block;
    vertical-align: middle
}

.mod-bubble-menu .menu-item .icon-trig {
    position: absolute;
    left: auto;
    right: 15px;
    top: 50%;
    margin: -8px 0 0;
    transform: rotate(-90deg);
    visibility: visible
}

.mod-bubble-menu-upload .menu-item .txt {
    height: 44px;
    line-height: 44px
}

.mod-bubble-menu-upload .menu-item .txt, .mod-bubble-menu-upload .menu-item:first-of-type .txt, .mod-bubble-menu-upload .menu-item:last-of-type .txt {
    padding: 0 0 0 62px
}

.mod-bubble-menu-upload .menu-item .icon {
    margin-top: -20px;
    left: 14px;
    visibility: visible
}

.mod-bubble-menu-upload .menu-item .icon-trig {
    left: auto;
    margin-top: -8px
}

.mod-bubble-menu-upload .mod-bubble-menu-sec {
    width: 154px;
    left: auto;
    right: 182px
}

.mod-bubble-menu-info {
    width: 280px;
    padding-top: 0
}

.mod-bubble-menu-info .menu-item .txt-ass {
    height: 38px;
    line-height: 38px
}

.mod-bubble-menu-info .mod-info-box {
    line-height: normal;
    margin: -1px -1px 6px;
    border: 1px solid #C8CCD3;
    border-bottom: 0 none;
    border-radius: 2px 2px 0 0;
    background-size: 100% auto;
    overflow: hidden
}

.mod-bubble-menu-info.vip .mod-info-box {
    background-image: url(../images/svg/bg-vip.svg);
    border-color: #E2C995;
    background-color: rgba(240, 223, 178)
}

.mod-bubble-menu-info.svip .mod-info-box {
    background-image: url(../images/svg/bg-svip.svg);
    border-color: #4E4C4D;
    background-color: rgba(60, 60, 60)
}

.mod-bubble-menu-info.svip .mod-info-box .name, .mod-bubble-menu-info.svip .mod-info-box .name a {
    color: #fff
}

.mod-bubble-menu-info.svip .mod-info-box .info-box-con .txt {
    color: #bbb
}

.mod-bubble-menu-info .info-box-hd .tit {
    padding: 22px 0 0
}

.mod-bubble-menu-info .mod-bubble-menu-sec {
    left: auto;
    right: 278px
}

.mod-bubble-menu-info.flow-warn .menu-item .txt-ass {
    color: #FF4222
}

.mod-bubble-menu-info.svip .info-bar-cur {
    background: #E7C845
}

.mod-bubble-menu-info.svip .mod-info-box a {
    color: #EABD8A
}

.mod-bubble-menu-info.novip .info-con .info-icon {
    margin: 0 4px 0 -3px
}

.mod-bubble-menu-info .mod-info-box .name a {
    color: #020202
}

.mod-bubble-menu .fileedit input {
    border-radius: 2px;
    height: 22px;
    line-height: 22px;
    padding: 1px 3px;
    border: 1px solid #00A4FF;
    box-sizing: border-box;
    width: 60%
}

.mod-bubble-menu .menu-item .mod-act-list {
    position: absolute;
    right: 18px;
    top: 0;
    opacity: 0
}

.mod-bubble-menu .mod-act-list .icon {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    visibility: visible
}

.mod-bubble-menu .menu-item:hover .mod-act-list {
    opacity: 1
}

.mod-bubble-menu .menu-item-tit:after {
    position: absolute;
    content: "";
    height: 1px;
    background: #E8EAEB;
    left: 54px;
    right: 0
}

.mod-bubble-menu .menu-item:last-child:after {
    top: 0;
    bottom: auto
}

.mod-bubble-menu .menu-item-tit:hover:after {
    visibility: hidden
}

.mod-bubble-menu .menu-item .txt-con {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    top: -1px
}

.icon-pop-confirm-info {
    width: 26px;
    height: 26px;
    background-image: url(../images/svg/icon-pop-confirm-info.svg)
}

.icon-pop-confirm-alert {
    width: 26px;
    height: 26px;
    background-image: url(../images/svg/icon-pop-confirm-alert.svg)
}

.modal-dialog-confirm .modal-bd-cont {
    margin: 40px 35px 37px 56px;
    line-height: 1.375
}

.modal-dialog-confirm .modal-bd-cont .mod-figure {
    margin-left: -30px
}

.modal-dialog-confirm .modal-bd-cont .icon {
    float: left;
    margin-right: 10px
}

.modal-dialog-confirm .modal-bd-cont .title {
    margin-bottom: 2px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    word-break: break-all
}

.modal-dialog-confirm .modal-bd-cont .txt {
    overflow: hidden;
    font-size: 14px;
    color: #868686
}

.modal-dialog-confirm .modal-bd-cont .txt-severe {
    color: #FF4222
}

.layout-wrapper {
    position: relative;
    z-index: 0
}

.mod-msg .icon {
    font-size: 0;
    color: transparent
}

.mod-msg .act-wrapper {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px
}

.mod-msg .has-close .icon-msg-close {
    position: absolute;
    z-index: 0;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-close.svg)
}

.mod-msg .act-wrapper:hover .icon-msg-close {
    opacity: .5
}

.mod-msg .icon-msg {
    width: 24px;
    height: 24px;
    margin-top: -3px;
    margin-right: 6px;
    background-image: url(../images/svg/icon-toast-logo.svg)
}

.mod-msg .active .icon-msg {
    width: 18px;
    height: 18px;
    background-image: url(../images/svg/icon-toast-succ.svg)
}

.mod-msg .warning .icon-msg {
    width: 18px;
    height: 18px;
    background-image: url(../images/svg/icon-toast-warning.svg)
}

@keyframes load-rotation {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.mod-msg .loading .icon-msg {
    width: 18px;
    height: 18px;
    background-image: url(../images/svg/icon-toast-loading.png);
    animation: load-rotation 1s linear infinite
}

.mod-msg {
    position: absolute;
    z-index: 601;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    color: #000
}

.mod-msg.msg-holder {
    z-index: 100
}

.mod-msg .msg-inner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: auto;
    text-align: center;
    height: 42px;
    line-height: 40px;
    padding: 0 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #E6FDFF;
    border: 1px solid #93CCE4;
    border-top: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 0 0 10px 10px
}

.mod-msg .msg-inner p.txt {
    white-space: nowrap
}

.mod-msg .msg-inner.active {
    background: #EAFFDA;
    border-color: #A7C98E;
    border-radius: 0 0 10px 10px
}

.mod-msg .msg-inner.warning {
    background: #FFF8DB;
    border-color: #D1BE7B;
    border-radius: 0 0 10px 10px
}

.mod-msg .msg-inner.loading {
    background: #fff;
    border-color: #CED8DE
}

.mod-msg .txt-link {
    color: #3B97F5
}

.mod-msg .msg-inner, .mod-msg .msg-inner.show {
    opacity: 0;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, -30px);
    transform: translate(-50%, 0) \9;
    opacity: 1 \9
}

.mod-msg .msg-inner.show {
    animation: slide-down .4s ease-out .1s forwards
}

@keyframes slide-down {
    to {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

.mod-msg .msg-inner.hide {
    opacity: 1;
    animation: slide-up .4s ease-out forwards;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0 \9
}

@keyframes slide-up {
    to {
        opacity: 0;
        transform: translate3d(-50%, -30px, 0)
    }
}

.mod-msg .msg-inner.show-hide {
    animation: slide-down-up 3s ease-out .1s forwards
}

@keyframes slide-down-up {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-50%, -30px, 0)
    }
    10%, 90% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0)
    }
}

.mod-msg.above-pop {
    z-index: 1000
}

.mod-msg.above-pop .msg-inner, .mod-msg.above-pop .msg-inner.active, .mod-msg.above-pop .msg-inner.loading, .mod-msg.above-pop .msg-inner.warning {
    color: #fff;
    background-color: rgba(0, 0, 0, .85);
    border-color: rgba(0, 0, 0, .85)
}

.mod-msg.above-pop .loading .icon-msg {
    background-image: url(../images/svg/icon-toast-loading-w.png)
}

.mod-dirbox {
    padding: 31px 20px 0
}

.dirbox-file {
    margin-bottom: 20px
}

.dirbox-file .file-info {
    width: 80%;
    margin-left: 10px
}

.dirbox-file .file-name {
    max-width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dirbox-file .file-name, .dirbox-file .file-num {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 21px;
    color: #020202
}

.dirbox-file .file-size {
    margin-left: 7px;
    color: #777
}

.dirbox-dirs {
    position: relative;
    margin-bottom: 40px
}

.dirbox-dir {
    position: relative;
    padding: 8px 100px 8px 11px;
    border: 1px solid #D2D8DC;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 14px;
    color: #777
}

.dirbox-dir a.dirbox-chdir {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 31px;
    border-left: 1px solid #D2D8DC;
    background-color: #fff;
    color: #000;
    line-height: 1
}

.dirbox-dirs .console {
    bottom: -31px
}

.dirbox-tree {
    border: 1px solid #D2D8DC;
    border-radius: 0 0 2px 2px;
    max-height: 200px;
    box-sizing: border-box;
    overflow: auto;
    margin-top: -1px;
    padding: 9px 0;
    animation: height-increase .5s ease both
}

@keyframes height-increase {
    from {
        height: 0
    }
    to {
        height: 200px
    }
}

.dirbox-tree a {
    position: relative;
    display: block;
    height: 26px;
    box-sizing: border-box;
    padding: 3px 15px 3px 0;
    margin-bottom: 5px;
    white-space: nowrap;
    color: #000
}

.dirbox-tree .ui-text {
    position: relative;
    display: block;
    padding-left: 52px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dirbox-tree .ui-text:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 23px;
    top: 0;
    background-image: url(../images/svg/icon-file-xs.svg)
}

.dirbox-tree .ui-text i {
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #74787C;
    border-radius: 1px;
    opacity: .8
}

.dirbox-tree i:hover {
    opacity: 1
}

.dirbox-tree .selected, .dirbox-tree .selected:hover, .dirbox-tree a:hover {
    background-color: #F5F8FA;
    color: #2980FF
}

.dirbox-tree .expand i {
    margin-top: -4px;
    transform: rotate(45deg)
}

.dirbox-tree .loading .ui-text i {
    opacity: 0
}

.dirbox-tree .loading .ui-text::before {
    background-image: url(../images/svg/icon-toast-loading.png);
    animation: load-rotation 1s linear infinite
}

.dirbox-tree .loading .ui-text {
    color: #777
}

.dirbox-tree .created input {
    width: 100px;
    height: 20px;
    padding: 2px 0 2px 4px;
    margin-top: -2px;
    box-sizing: border-box;
    border: 1px solid #00A4FF;
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px
}

.dirbox-tree .created ::-moz-selection, .dirbox-tree .created ::selection {
    background-color: #00A4FF;
    -webkit-user-select: text;
    user-select: text
}

.el-date-table, .wy-login-wrapper.v3 .mod-check {
    -webkit-user-select: none;
    -moz-user-select: none
}

.check-group {
    padding: 10px 0
}

.check-group .icon-checkbox {
    vertical-align: -3px;
    margin-right: 5px;
    cursor: pointer
}

.check-group + .btn-link, .check-group ~ .dropdown-list {
    display: none
}

.check-group.act + .btn-link, .check-group.act ~ .dropdown-list {
    display: block;
    text-align: left
}

.modal-dialog-share .main, .modal-dialog-share .share-info .file-info, .modal-dialog-share .share-info .file-name, .modal-dialog-share .share-info .file-num, .modal-dialog-share .share-info .mod-group-list, .modal-dialog-share .share-link .txt-wrapper {
    display: inline-block;
    vertical-align: middle
}

.dropdown-list {
    width: 200px;
    max-height: 150px;
    overflow-y: auto;
    margin-top: 10px
}

.dropdown-item {
    position: relative;
    height: 34px;
    line-height: 33px;
    box-sizing: border-box;
    border: 1px solid #D2D8DB;
    border-bottom: none;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    cursor: pointer
}

.dropdown-item:last-of-type {
    line-height: 32px;
    border-bottom: 1px solid #D2D8DB
}

.dropdown-item input {
    width: 110px;
    border: none
}

.dropdown-item .btn-active {
    position: absolute;
    top: 50%;
    right: 0;
    height: 24px;
    margin: -12px 10px 0 0;
    min-width: 54px;
    line-height: 24px;
    padding: 0;
    background-color: #00A4FF;
    border-color: #00A4FF;
    font-size: 14px;
    color: #fff
}

.dropdown-item .btn-active.diabled, .dropdown-item .btn-active.diabled:hover {
    opacity: .5
}

@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .dirbox-tree {
        height: 200px
    }
}

.modal-dialog-share .plateform .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.modal-dialog-share .plateform .icon-qq {
    background-image: url(../images/svg/icon-qq.svg)
}

.modal-dialog-share .plateform .icon-qzone {
    background-image: url(../images/svg/icon-qzone.svg)
}

.modal-dialog-share .plateform .icon-mail {
    background-image: url(../images/svg/icon-mail.svg)
}

.modal-dialog-share .plateform .btn-icon:hover {
    background-color: transparent
}

.modal-dialog-share .plateform .act .icon-qq, .modal-dialog-share .plateform .item:hover .icon-qq {
    background-image: url(../images/svg/icon-qq-act.svg)
}

.modal-dialog-share .plateform .act .icon-qzone, .modal-dialog-share .plateform .item:hover .icon-qzone {
    background-image: url(../images/svg/icon-qzone-act.svg)
}

.modal-dialog-share .plateform .act .icon-mail, .modal-dialog-share .plateform .item:hover .icon-mail {
    background-image: url(../images/svg/icon-mail-act.svg)
}

.modal-dialog-share .modal-dialog-bd, .modal-dialog-share .modal-dialog-bd .main {
    font-size: 0
}

.modal-dialog-share .main {
    width: 70%;
    padding: 0 20px 20px;
    box-sizing: border-box;
    border-right: 1px solid #E8EAEB
}

.modal-dialog-share .share-info {
    margin-top: 30px
}

.modal-dialog-share .share-info .file {
    float: left;
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.modal-dialog-share .share-info .file-info {
    width: 80%;
    margin-left: 4px;
    font-size: 14px;
    line-height: 1.2;
    color: #000
}

.modal-dialog-share .share-info .file-name {
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.modal-dialog-share .share-info .plateform {
    float: right
}

.modal-dialog-share .share-info .plateform .item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}

.modal-dialog-share .share-info .plateform .item.act, .modal-dialog-share .share-info .plateform .item:hover {
    color: #00A4FF
}

.modal-dialog-share .share-info .mod-group-list {
    margin: 0 14px 0 0;
    width: 40px;
    height: 40px
}

.modal-dialog-share .share-txt {
    margin: -3px 0 0;
    font-size: 12px;
    color: #777
}

.modal-dialog-share .share-link {
    margin: 43px 0
}

.modal-dialog-share .share-link .cont-bd {
    position: relative;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #D2D8DC;
    line-height: 34px;
    padding-left: 9px;
    border-radius: 2px;
    font-size: 14px
}

.modal-dialog-share .share-link .txt-wrapper {
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.modal-dialog-share .share-link .link {
    color: #000
}

.modal-dialog-share .share-link .link:hover {
    text-decoration: underline
}

.edit-group .link:hover, .modal-dialog-group .btn-l:hover .btn-txt, .modal-dialog-group .mod-list-group .item-tit .info .tit:hover, .modal-dialog-share .share-mail .receiver .auto-item {
    text-decoration: none
}

.modal-dialog-share .share-link .btn {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    width: 90px;
    border: none;
    border-radius: 0 2px 2px 0
}

.modal-dialog-share .cont-ft {
    padding-top: 10px;
    font-size: 14px
}

.modal-dialog-share .pw-add {
    line-height: 31px;
    color: #2980FF
}

.modal-dialog-share .pw-wrapper {
    position: relative;
    display: none
}

.modal-dialog-share .is-pw .pw-wrapper {
    display: block
}

.modal-dialog-share .is-pw .pw-add {
    display: none
}

.modal-dialog-share .pw-wrapper input {
    border: 1px solid #D2D8DC;
    outline: 0;
    display: inline-block;
    vertical-align: middle;
    width: 135px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 34px;
    padding-left: 10px;
    background-image: url(../images/svg/bg-pw-input.svg);
    background-repeat: no-repeat;
    font-family: 'Courier New';
    font-size: 12px;
    color: #000;
    letter-spacing: 14px
}

.modal-dialog-share .console {
    bottom: -31px
}

.modal-dialog-share .promotion {
    margin-top: 42px
}

.modal-dialog-share .cont-wrapper {
    position: relative
}

@keyframes appear1 {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.modal-dialog-share .share-mail {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: -35px;
    left: 0;
    right: 0;
    padding: 16px;
    background-color: #F5F5F5;
    border-radius: 2px;
    font-size: 14px;
    color: #000
}

.modal-dialog-share .is-mail .share-mail {
    opacity: 1;
    visibility: visible;
    transform-origin: top;
    animation: appear1 .3s forwards
}

.modal-dialog-share .share-mail::after {
    content: "";
    position: absolute;
    right: 13px;
    top: -13px;
    border-color: transparent transparent #F5F5F5;
    border-style: solid dashed dashed;
    border-width: 7px;
    border-radius: 2px
}

.modal-dialog-share .share-mail .cont-hd {
    margin-bottom: 20px
}

.modal-dialog-share .share-mail .cont-bd {
    font-size: 0
}

.modal-dialog-share .share-mail dl {
    font-size: 0;
    line-height: 36px
}

.modal-dialog-share .share-mail dt {
    float: left;
    height: 100%;
    width: 42px;
    text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
    font-size: 14px
}

.modal-dialog-share .share-mail dd {
    display: block;
    margin-left: 52px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #D5D7DF;
    border-bottom: none;
    background-color: #fff;
    border-radius: 1px
}

.modal-dialog-share .share-mail dl:last-of-type dd {
    border-bottom: 1px solid #D5D7DF
}

.modal-dialog-share .share-mail .receiver {
    position: relative
}

.modal-dialog-share .share-mail .receiver .autocompletion {
    position: absolute;
    z-index: 1;
    left: -1px;
    right: -1px;
    top: 34px;
    border: 1px solid #D5D7DF;
    padding: 1px;
    border-radius: 2px;
    background: #fff;
    max-height: 130px;
    overflow-y: auto;
    white-space: nowrap;
    word-wrap: normal
}

.modal-dialog-share .share-mail .receiver .auto-item {
    display: block;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer
}

.modal-dialog-share .share-mail .receiver .auto-item.hover, .modal-dialog-share .share-mail .receiver .auto-item:hover {
    background: #E9F4FA
}

.modal-dialog-share .share-mail .share-input {
    border: none;
    outline: 0;
    display: block;
    width: 68%;
    box-sizing: border-box;
    height: 100%;
    padding-left: 11px
}

.modal-dialog-share .share-mail .input-block {
    width: 100%
}

.modal-dialog-share .share-mail .contact {
    position: relative;
    float: right;
    width: 110px;
    height: 100%;
    border-left: 1px solid #D5D7DF;
    text-align: center;
    font-size: 14px
}

.modal-dialog-share .share-mail .group {
    display: block;
    cursor: pointer
}

.modal-dialog-share .share-mail .group::after {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    margin-left: 3px;
    border-color: #74787C transparent transparent;
    border-style: solid dashed dashed;
    border-width: 5px 5px 0;
    border-radius: 1px;
    transition: transform .2s ease-out
}

.modal-dialog-share .share-mail .is-show .group::after {
    transform: rotate(180deg)
}

@keyframes appear2 {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.modal-dialog-share .share-mail .mail-list {
    position: absolute;
    z-index: 1;
    width: 260px;
    right: -1px;
    top: 35px;
    background: #FFF;
    text-align: left;
    opacity: 0;
    visibility: hidden
}

.modal-dialog-share .share-mail .is-show .mail-list {
    opacity: 1;
    visibility: visible;
    animation: appear2 .3s ease
}

.edit-group .link .mask, .edit-group .link:hover .mask {
    opacity: .2;
    filter: alpha(opacity=20)
}

.modal-dialog-share .share-mail .mail-list .title {
    position: relative;
    height: 25px;
    line-height: 25px;
    border: 1px solid #D5D7DF;
    overflow: hidden
}

.modal-dialog-share .share-mail .mail-list .close {
    position: absolute;
    right: 6px;
    top: 0;
    height: inherit;
    font-size: 14px;
    color: #74787C
}

.modal-dialog-share .share-mail .mail-list .close:hover {
    color: #020202;
    text-decoration: none
}

.modal-dialog-share .share-mail .mail-list .c1, .modal-dialog-share .share-mail .mail-list .c2, .modal-dialog-share .share-mail .mail-list .c3, .modal-dialog-share .share-mail .mail-list .t1, .modal-dialog-share .share-mail .mail-list .t2, .modal-dialog-share .share-mail .mail-list .t3 {
    display: block;
    float: left
}

.modal-dialog-share .share-mail .mail-list .c1, .modal-dialog-share .share-mail .mail-list .t1 {
    width: 34px;
    height: 25px;
    text-align: center
}

.modal-dialog-share .share-mail .mail-list .c2, .modal-dialog-share .share-mail .mail-list .t2 {
    width: 68px;
    box-sizing: border-box;
    padding-left: 5px
}

.modal-dialog-share .share-mail .mail-list .c3, .modal-dialog-share .share-mail .mail-list .t3 {
    width: 138px;
    box-sizing: border-box;
    padding-left: 5px
}

.modal-dialog-share .share-mail .mail-list .checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(15, 32, 66, .26);
    border-radius: 2px
}

.modal-dialog-share .share-mail .mail-list .checkbox.checked:after, .modal-dialog-share .share-mail .mail-list .checked .checkbox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -5px;
    width: 10px;
    height: 8px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -140px -102px;
    background-size: 152px 138px
}

.modal-dialog-share .share-mail .mail-list .title .checkbox {
    cursor: pointer
}

.modal-dialog-share .share-mail .mail-list .checkbox.checked, .modal-dialog-share .share-mail .mail-list .checked .checkbox {
    vertical-align: sub;
    background: #3B93FF;
    border-color: #3B93FF
}

.modal-dialog-share .share-mail .mail-list .con-list {
    height: 25px;
    line-height: 25px;
    border-top: 1px solid #C1C8D2;
    overflow: hidden;
    cursor: pointer
}

.modal-dialog-share .share-mail .mail-list .checked, .modal-dialog-share .share-mail .mail-list .con-list:hover {
    background: #EBF5FF
}

.modal-dialog-share .share-mail .mail-list .con {
    height: 90px;
    overflow: auto;
    border: 1px solid #C1C8D2;
    border-top: none;
    margin-top: -1px
}

.modal-dialog-share .share-mail .cont-ft {
    float: right;
    padding-top: 20px;
    font-size: 0
}

.modal-dialog-share .share-mail .cont-ft .btn {
    width: 90px;
    height: 36px;
    margin-left: 10px
}

.modal-dialog-share .aside {
    display: inline-block;
    width: 30%;
    text-align: center
}

.modal-dialog-share .aside::before {
    content: "";
    height: 100%;
    width: 0
}

.modal-dialog-share .aside .inner, .modal-dialog-share .aside::before {
    display: inline-block;
    vertical-align: middle
}

.modal-dialog-share .aside .qr {
    display: inline-block;
    width: 84px;
    height: 84px;
    background-size: cover;
    margin-bottom: 20px
}

.modal-dialog-share .aside .txt {
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 18px;
    color: #000
}

.modal-dialog-share .aside .dot:after, .modal-dialog-share .aside .dot:before {
    content: "";
    position: absolute;
    top: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: inherit
}

.modal-dialog-share .aside .dot:before {
    left: -6px
}

.modal-dialog-share .aside .dot:after {
    right: -6px
}

.modal-dialog-share .aside .dot {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #000;
    margin: 0 16px;
    font-size: 0;
    color: transparent
}

.modal-dialog-share.modal-dialog-480 .main, .modal-dialog-share.modal-dialog-480 .share-info .file-info {
    width: 100%
}

.modal-dialog-share.share-group .share-info .file-name {
    max-width: 100%
}

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

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

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

.modal-dialog-download .btn {
    border-color: #2980FF;
    color: #2980FF
}

.modal-dialog-download .btn:hover {
    background-color: #2980FF;
    color: #fff
}

.modal-dialog-download .modal-dialog-bd {
    height: 320px
}

.modal-dialog-download .modal-bd-cont {
    position: relative;
    height: 50%;
    padding: 0 55px 0 50px;
    white-space: nowrap;
    font-size: 0
}

.modal-dialog-download .modal-bd-cont::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 56px;
    right: 56px;
    height: 1px;
    background-color: #E8EAEB
}

.modal-dialog-download .modal-bd-cont:last-of-type::after {
    display: none
}

.modal-dialog-download .modal-bd-cont::before {
    content: "";
    width: 0;
    height: 100%
}

.modal-dialog-download .modal-bd-cont .btn, .modal-dialog-download .modal-bd-cont .cont-wrapper, .modal-dialog-download .modal-bd-cont .icon, .modal-dialog-download .modal-bd-cont .img-download-qr, .modal-dialog-download .modal-bd-cont::before {
    display: inline-block;
    vertical-align: middle
}

.modal-dialog-download .cont-wrapper {
    max-width: 217px;
    box-sizing: border-box;
    padding-right: 35px;
    white-space: pre-wrap
}

.modal-dialog-download .modal-bd-cont .icon {
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.modal-dialog-download .modal-bd-cont .title {
    font-size: 14px;
    line-height: 1.43;
    color: #000
}

.modal-dialog-download .modal-bd-cont .txt {
    font-size: 12px;
    line-height: 1.42;
    color: #777
}

.modal-dialog-download .modal-bd-cont .img-download-qr {
    width: 88px;
    height: 88px
}

.modal-dialog-download .modal-bd-cont .btn {
    width: 88px;
    height: 36px;
    line-height: 34px;
    font-size: 14px
}

.modal-dialog-bt .tab-cont-item::before {
    display: none
}

.modal-dialog-bt .tab-cont-item.local .btn-block {
    margin: 62px auto 0;
    width: 150px;
    height: 36px;
    line-height: 34px;
    font-size: 14px
}

.modal-dialog-bt .tab-cont-item.local .promotion {
    margin-top: 74px;
    margin-bottom: 20px
}

.modal-dialog-bt .tab-cont-item.online::before {
    display: none
}

.modal-dialog-bt .tab-cont-item.online .dirbox-dirs, .modal-dialog-bt-analysis .modal-bd-cont .dirbox-dirs {
    margin-bottom: 0
}

.modal-dialog-bt .tab-cont-item.online .promotion, .modal-dialog-bt-analysis .modal-dialog-bd {
    margin-bottom: 30px
}

.modal-dialog-bt .tab-cont-item.online .dirbox-dir {
    border-radius: 0 0 2px 2px
}

.modal-dialog-bt .tab-cont-item.online .input-wrapper {
    padding: 30px 20px 20px
}

.modal-dialog-bt .tab-cont-item.online .input-block {
    width: 100%;
    padding: 8px;
    height: 56px;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid #D2D8DC;
    border-radius: 2px 2px 0 0;
    resize: none;
    font-size: 14px;
    line-height: 1.42;
    color: #000
}

.modal-dialog-bt-analysis .modal-bd-cont {
    padding: 0 20px 20px
}

.modal-dialog-bt-analysis .modal-bd-cont .bt-file-info, .modal-dialog-bt-analysis .modal-bd-cont .bt-files-list {
    margin-top: 20px
}

.modal-dialog-bt-analysis .bt-file-info .file-info {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.modal-dialog-bt-analysis .modal-bd-cont .bt-file {
    position: relative;
    max-height: 230px;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #D2D8DC;
    border-bottom: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

@media screen and (max-height: 730px) {
    .modal-dialog-bt-analysis .modal-bd-cont .bt-file {
        max-height: 160px
    }
}

.modal-dialog-bt-analysis .modal-bd-cont .mod-check {
    position: sticky;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 11px 0 20px;
    background-color: #fff
}

.modal-dialog-bt-analysis .bt-file .dirbox-dir {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-dialog-bt-analysis .mod-list-group .list-group-bd {
    height: auto
}

.modal-dialog-bt-analysis .mod-list-group-short .item-tit .label {
    width: auto;
    margin-top: 8px;
    visibility: visible
}

.modal-dialog-bt-analysis .mod-list-group .list-group, .modal-dialog-bt-analysis .mod-list-group .list-group-item {
    margin-bottom: 0;
    overflow: hidden
}

.modal-dialog-bt-analysis .mod-list-group .list-group-item::after, .modal-dialog-bt-analysis .mod-list-group .list-group-item::before, .modal-dialog-bt-analysis .modal-bd-cont .mod-check::after {
    display: none
}

.modal-dialog-bt-analysis .mod-list-group .info, .modal-dialog-bt-analysis .mod-list-group .label, .modal-dialog-bt-analysis .mod-list-group .thumb {
    margin-top: 0;
    padding-top: 0
}

.modal-dialog-bt-analysis .mod-list-group .info {
    height: auto;
    line-height: 1;
    padding-top: 5px
}

.modal-dialog-bt-analysis .bt-files-list .icon-checkbox {
    margin-right: 13px
}

.modal-dialog-bt-analysis .mod-list-group .list-group-item {
    margin-bottom: 16px
}

.modal-dialog-feedback .modal-tab-cont {
    height: 354px;
    overflow-y: auto
}

.modal-dialog-feedback .tab-cont-item {
    padding: 20px 12px 0;
    border-top: none;
    height: auto
}

.modal-dialog-feedback .tab-cont-item .content {
    padding-left: 26px;
    position: relative
}

.modal-dialog-feedback .tab-cont-item::before {
    display: none
}

.modal-dialog-feedback .tab-cont-item .icon-question {
    position: absolute;
    width: 16px;
    height: 14px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -108px -102px;
    background-size: 152px 138px;
    left: 0;
    top: 4px
}

.modal-dialog-feedback .tab-cont-item .question {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    cursor: pointer
}

.modal-dialog-group .mod-list-group .item-tit .info .tit, .modal-dialog-group .mod-list-group .item-tit .thumb {
    cursor: default
}

.modal-dialog-feedback .tab-cont-item .answer {
    margin-bottom: 20px;
    font-size: 12px
}

.modal-dialog-feedback .tab-cont-item .answer img {
    width: 100%
}

.modal-dialog-feedback .feedback-bar {
    height: 48px;
    border-top: solid 1px #dedede;
    text-align: center;
    font-size: 12px;
    line-height: 48px
}

.modal-dialog-feedback .feedback-bar a {
    color: #2980FF
}

.modal-dialog-feedback .feedback-bar .icon-exclamation {
    width: 16px;
    height: 14px;
    margin-right: 10px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -91px -102px;
    background-size: 152px 138px
}

.modal-dialog-feedback .modal-dialog-bd {
    padding: 4px 24px 10px;
    font-size: 12px
}

.modal-dialog-feedback .description {
    padding: 19px 0 10px
}

.modal-dialog-feedback .problem-input {
    width: 412px;
    height: 150px;
    border: 1px solid #bababa;
    padding: 10px
}

.modal-dialog-feedback .problem-input:focus {
    border: 1px solid #2980FF
}

.modal-dialog-feedback .contact-input {
    width: 412px;
    height: 32px;
    border: 1px solid #bababa;
    padding: 0 10px;
    line-height: 32px \9
}

.modal-dialog-feedback .contact-input:focus {
    border: 1px solid #2980FF
}

.modal-dialog-feedback .tip {
    position: relative;
    color: #868686;
    padding: 20px 0 30px 10px
}

.modal-dialog-feedback .tip:before {
    content: '*';
    color: red;
    position: absolute;
    top: 21px;
    left: 0
}

.modal-dialog-feedback .full-pop-btn {
    *width: 158px;
    padding: 0 24px;
    height: 36px;
    line-height: 36px
}

.modal-dialog-feedback .full-pop-btn .info {
    display: block;
    margin-top: -2px
}

.modal-dialog-pop {
    width: 400px
}

.modal-dialog-pop .modal-dialog-hd {
    border-bottom: 0 none;
    padding: 30px 13px 30px 20px
}

.modal-dialog-pop .modal-dialog-ft.btn-group {
    padding: 0 0 45px
}

.modal-dialog-pop .modal-dialog-ft {
    text-align: center
}

.modal-dialog-pop .modal-dialog-ft .btn {
    float: none
}

.modal-dialog-pop .modal-info {
    text-align: center;
    margin: -5px 0 0
}

.modal-dialog-pop .modal-info .info-tit-pic {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.modal-dialog-pop .modal-info .info-tit-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.modal-dialog-pop .modal-info .info-tit-con, .modal-dialog-pop .modal-info .info-tit-con .tit {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle
}

.modal-dialog-pop .modal-info .info-tit-con .tit {
    max-width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 0 2px
}

.modal-dialog-pop .modal-info .info-tit-con .txt {
    display: inline-block;
    vertical-align: middle;
    color: #777;
    font-size: 12px;
    margin: 0 0 0 12px
}

.modal-dialog-pop .modal-info .info-desc {
    color: #777;
    margin: 9px 0 22px
}

.modal-dialog-group .modal-dialog-bd {
    margin: 20px 20px 40px;
    height: 325px;
    border: 1px solid #D2D8DC
}

.modal-dialog-group .mod-list-group-share-group .list-group-item.act .item-tit .label {
    visibility: visible !important
}

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

.modal-dialog-group .mod-list-group .list-group-bd {
    height: 325px
}

.modal-dialog-group .mod-list-group .list-group-item.act .item-tit .info {
    color: #2980FF
}

.modal-dialog-group .mod-list-group .list-group-item .tit-attr {
    position: absolute;
    right: 20px;
    color: #999;
    top: 0
}

.modal-dialog-group .modal-dialog-status {
    position: relative;
    text-align: center;
    height: 327px
}

.modal-dialog-group .modal-dialog-status .modal-dialog-status-con {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.modal-dialog-group .modal-dialog-status .status-txt {
    color: #777
}

.modal-dialog-group .btn-l {
    font-size: 14px;
    background: #2E80FF;
    color: #fff;
    border: 0
}

.modal-dialog-group .btn-l .btn-txt {
    color: #fff
}

.modal-dialog-group .btn-l:hover {
    background: #2977EA;
    color: #fff
}

.modal-dialog-group .btn-create {
    padding: 0 40px
}

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

.edit-group .link, .edit-group .link img {
    position: relative;
    width: 64px;
    display: block
}

.modal-dialog-group .mod-act-panel .act-panel-inner {
    padding: 0 20px 0 26px
}

.modal-dialog-group .btn-add-group {
    width: 214px;
    display: block;
    margin: 20px auto 0
}

.modal-dialog-group .mod-act-panel .mod-tab-list {
    float: none;
    margin: 0;
    display: inline-block
}

.modal-dialog-group.upload-file .modal-dialog-main .mod-list-group .list-group-bd {
    height: 472px
}

.modal-dialog-group.upload-file .modal-dialog-aside .mod-list-group .list-group-bd {
    height: 397px
}

.modal-dialog-group.upload-file .mod-status {
    padding-top: 0
}

.modal-dialog-group.upload-file .modal-dialog-aside .modal-dialog-status {
    height: 385px
}

.modal-dialog-group.upload-file .modal-dialog-main .modal-dialog-status {
    height: 460px
}

.modal-dialog-group.upload-file .modal-dialog-bd {
    height: 520px;
    margin-bottom: 20px
}

.modal-dialog-group.upload-file-disk .mod-act-panel {
    text-align: center
}

.modal-dialog-group.upload-file-disk .mod-act-panel .mod-tab-list {
    float: none;
    margin: 0;
    display: inline-block
}

.modal-dialog-group.upload-file-disk .mod-act-panel:after {
    display: none
}

.modal-dialog-group.upload-file-disk .modal-dialog-main {
    float: none;
    width: auto
}

.modal-dialog-group.upload-file-disk .mod-list-group .list-group-item.act:hover .label {
    visibility: visible
}

.modal-dialog-group.upload-file-disk .mod-list-group .list-group-item:hover .label {
    visibility: hidden
}

.modal-dialog-group.upload-file-disk .modal-dialog-bd {
    height: auto
}

.modal-dialog-group.upload-file-disk .modal-dialog-main .mod-list-group .list-group-bd {
    height: 404px
}

.modal-dialog-group.upload-file-disk .mod-list-group .list-group-item.act, .modal-dialog-group.upload-file-disk .mod-list-group .list-group-item.act:hover {
    background: inherit;
    color: inherit
}

.modal-dialog-group.upload-file-disk .mod-list-group .list-group-item.act .tit, .modal-dialog-group.upload-file-disk .mod-list-group .list-group-item.act a, .modal-dialog-group.upload-file-disk .mod-list-group .list-group-item.act.item-info {
    color: inherit
}

.modal-dialog-group .mod-loadmore.load {
    margin: 20px 0 0
}

.modal-dialog-group-note .mod-list-group .list-group-item:after {
    left: 40px
}

.modal-dialog-group-member .modal-dialog-bd {
    height: 520px;
    margin-bottom: 20px
}

.modal-dialog-group-member .mod-list-group .list-group-bd {
    height: 520px
}

.modal-dialog-group-member .modal-dialog-aside .mod-list-group .list-group-bd {
    height: 372px
}

.modal-dialog-group-member .mod-list-group-set .list-group .list-group-item {
    padding: 0 20px
}

.modal-dialog-group-member .mod-list-group-set .list-group .list-group-item .item-tit {
    width: 75%
}

.modal-dialog-group-member .modal-dialog-aside-ft .mod-check {
    color: #777;
    text-align: center;
    padding: 15px 0 0
}

.modal-dialog-group-member .modal-dialog-aside-ft .mod-check .icon {
    margin: 0 5px 0 0
}

.modal-dialog-group-member .modal-dialog-aside-ft .mod-check:after {
    display: none
}

.modal-dialog-group-member .btn-add-group {
    margin-top: 10px
}

.modal-dialog-group-member .modal-dialog-aside-ft {
    height: 100px
}

.edit-group {
    position: relative;
    margin: 15px 0 15px 15px;
    overflow: auto;
    max-height: 208px;
    _height: 208px
}

.edit-group .list {
    float: left;
    margin-right: 9px
}

.edit-group .link {
    height: 104px;
    padding: 4px 6px 4px 4px
}

.wy-login-wrapper .pact-wrapper a:hover, .wy-login-wrapper.v3 .pact-wrapper a:hover {
    text-decoration: underline
}

.edit-group .loading {
    background-position: -224px -103px
}

.edit-group .link img {
    height: 64px
}

.edit-group .link span {
    display: block;
    line-height: 30px;
    text-align: center;
    color: #020202
}

.edit-group .link span input {
    height: 18px;
    margin-top: 6px;
    width: 62px;
    border: 1px solid #BFDAF4;
    cursor: text;
    text-align: center
}

.edit-group .link span input:focus {
    outline: 0;
    border: 1px solid #9AC7F1
}

.edit-group .act .mask, .edit-group .link:hover .mask {
    background: #fff;
    border: 1px solid #F3F3F3;
    display: none
}

.edit-group .link .mask {
    display: none;
    position: absolute;
    width: 64px;
    height: 64px;
    left: 4px;
    top: 4px;
    cursor: pointer
}

.edit-group .act .mask {
    opacity: .5;
    filter: alpha(opacity=50)
}

.edit-group .icon-checkbox {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0
}

.edit-group .act .icon-checkbox, .edit-group .act:hover .icon-checkbox, .edit-group .link:hover .icon-checkbox {
    opacity: 1
}

.edit-cover .link .mask, .edit-cover .link:hover .mask {
    opacity: .2;
    filter: alpha(opacity=20)
}

.edit-group .act:after, .edit-group .link:hover:after {
    position: absolute;
    content: "";
    width: 62px;
    height: 62px;
    left: 4px;
    top: 4px;
    border: 2px solid #2980FF;
    z-index: 1 ；
}

.edit-cover-msg, .new-group {
    height: 40px;
    line-height: 40px
}

.new-group {
    float: left;
    color: #1284F5
}

.edit-cover-msg {
    float: right;
    width: 230px;
    text-align: right;
    color: red
}

.edit-cover {
    position: relative;
    margin: 15px 0 15px 15px;
    overflow: auto;
    max-height: 207px;
    _height: 207px
}

.edit-cover .link, .edit-cover .link img, .edit-cover .list {
    width: 64px;
    height: 64px
}

.edit-cover .list {
    float: left;
    padding: 5px 0 0 5px;
    overflow: hidden
}

.edit-cover .link {
    display: block;
    position: relative
}

.edit-cover .link .mask {
    display: none;
    position: absolute;
    width: 62px;
    height: 62px;
    left: 0;
    top: 0;
    border: 1px solid #a5a5a5;
    cursor: pointer
}

.edit-cover .act .mask, .edit-cover .link:hover .mask {
    display: none;
    border: 1px solid #F3F3F3;
    background: #fff
}

.edit-cover .act .mask {
    opacity: .5;
    filter: alpha(opacity=50)
}

.edit-cover .icon-checkbox {
    position: absolute;
    z-index: 1;
    top: -4px;
    left: -4px;
    cursor: pointer;
    opacity: 0
}

.edit-cover .act:after, .edit-cover .link:hover:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #2980FF;
    z-index: 1 ；
}

.edit-cover .act .icon-checkbox, .edit-cover .act:hover .icon-checkbox, .edit-cover .link:hover .icon-checkbox {
    opacity: 1
}

.modal-dialog-wxpay {
    width: 240px;
    height: 320px;
    padding: 20px 20px 10px;
    overflow: hidden;
    z-index: 5555
}

.modal-dialog-wxpay .hd {
    position: relative
}

.modal-dialog-wxpay .hd .title {
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    font-weight: 400
}

.modal-dialog-wxpay .bd .qr-code {
    width: 180px;
    height: 180px;
    margin: 0 auto
}

.modal-dialog-wxpay .bd .qr-code img {
    width: 180px;
    height: 180px
}

.modal-dialog-wxpay .bd .text {
    margin: 6px auto 30px;
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
    line-height: 24px
}

.modal-dialog-wxpay .bd .btn {
    display: block;
    width: 64px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto
}

.wy-login-wrapper {
    width: 418px;
    background-color: #fff;
    color: #74787c;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    padding-top: 50px;
    border: 1px solid #C8CCD3
}

.wy-login-wrapper .tab-wrapper {
    position: absolute;
    height: 51px;
    width: 420px;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #a7adb7;
    color: #666;
    font-family: helvetica, arial, 微软雅黑, 华文黑体
}

.wy-share-login .tab-wrapper:after {
    content: '';
    width: 1px;
    height: 25px;
    background-image: url(sprite/page-home-delay-180622163207.png);
    background-position: 0 0;
    position: absolute;
    right: 43px;
    top: 0
}

.wy-login-wrapper .close-btn .icon-dialog-close, .wy-login-wrapper .close-btn .icon-dialog-close:hover, .wy-login-wrapper .pact-wrapper .act .icon-check-s, .wy-login-wrapper .pact-wrapper .icon-check-s {
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-size: 152px 138px
}

.wy-login-wrapper .tab {
    font-size: 17px;
    width: 50%;
    float: left;
    height: 51px;
    line-height: 52px;
    cursor: pointer;
    position: relative
}

.wy-login-wrapper .tab .icon-line {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #3a97f6;
    opacity: 0;
    filter: alpha(opacity=0)
}

.wy-login-wrapper .tab.checked .icon-line, .wy-login-wrapper .tab:hover .icon-line {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wy-login-wrapper .close-btn {
    display: none;
    width: 44px;
    height: 51px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.wy-login-wrapper .close-btn .icon-dialog-close {
    width: 15px;
    height: 15px;
    background-position: -59px -102px;
    position: absolute;
    top: 15px;
    left: 15px
}

.wy-login-wrapper .close-btn .icon-dialog-close:hover {
    background-position: -75px -102px
}

.wy-login-wrapper .pact-wrapper {
    position: absolute;
    bottom: 9px;
    left: 6px;
    font-family: helvetica, arial, 微软雅黑, 华文黑体
}

.wy-login-wrapper .pact-wrapper .mod-check {
    display: inline-block;
    padding: 0;
    position: relative
}

.wy-login-wrapper .pact-wrapper .mod-check:after {
    display: none
}

.wy-login-wrapper .pact-wrapper .icon-check-s {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -25px -102px;
    margin: -6px 4px 0 0
}

.wy-login-wrapper .pact-wrapper .act .icon-check-s {
    background-position: -42px -102px
}

.wy-login-wrapper .pact-wrapper a {
    color: #666;
    font-size: 12px
}

.wy-login-wrapper .mask {
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0;
    top: 52px;
    background-color: rgba(255, 255, 255, .98);
    z-index: 2;
    text-align: center
}

.wy-login-wrapper .mask p {
    font-size: 16px;
    margin-top: 120px;
    color: #666;
    font-family: helvetica, arial, 微软雅黑, 华文黑体
}

.wy-login-wrapper .login {
    margin: 0 -1px
}

.wy-login-wrapper.v3 {
    position: fixed;
    width: 440px;
    height: 390px;
    left: 50%;
    top: 50%;
    margin: -195px 0 0 -220px;
    background-color: #fff;
    color: #636363;
    overflow: hidden;
    z-index: 10;
    padding-top: 0;
    border: 0
}

.wy-login-wrapper.v3 .tab.checked, .wy-login-wrapper.v3 .tab.checked .icon-line, .wy-login-wrapper.v3 .tab:hover {
    color: #2980ff
}

.wy-login-wrapper.v3 .tab-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    height: 65px;
    line-height: 65px;
    width: auto;
    border-bottom: 0 none
}

.wy-login-wrapper.v3 .tab {
    font-size: 16px;
    width: 50%;
    float: left;
    cursor: pointer;
    position: relative;
    text-align: center
}

.wy-login-wrapper.v3 .tab .icon-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #2980ff;
    visibility: hidden
}

.wy-login-wrapper.v3 .tab.checked .icon-line {
    visibility: visible
}

.wy-login-wrapper.v3 .close-btn {
    display: none;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.wy-share-login .close-btn {
    display: block
}

.wy-login-wrapper.v3 .close-btn .icon-dialog-close {
    width: 24px;
    height: 25px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: -102px -51px;
    background-size: 152px 138px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.wy-login-wrapper.v3 .pact-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 12px 7px;
    width: 150px;
    background: #fff;
    text-align: left
}

.wy-login-wrapper.v3 .pact-wrapper .mod-check {
    display: inline-block;
    cursor: pointer
}

.wy-login-wrapper.v3 .pact-wrapper .mod-check .txt {
    position: relative;
    margin: 0 0 0 2px;
    top: 0
}

.wy-login-wrapper.v3 .pact-wrapper .icon-checkbox-xs {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-checkbox-xs.svg);
    margin: 0 4px 0 0
}

.wy-login-wrapper.v3 .pact-wrapper .act .icon-checkbox-xs {
    background-image: url(../images/svg/icon-checkbox-xs-act.svg)
}

.wy-login-wrapper.v3 .pact-wrapper a {
    color: #666;
    font-size: 12px;
    position: relative
}

.wy-login-wrapper.v3 .mask {
    height: auto;
    width: 100%;
    bottom: 70px;
    position: absolute;
    left: 0;
    top: 65px;
    background-color: rgba(255, 255, 255, .98);
    z-index: 2;
    text-align: center
}

.wy-login-wrapper.v3 .mask p {
    font-size: 16px;
    margin-top: 120px;
    color: #666;
    font-family: helvetica, arial, 微软雅黑, 华文黑体
}

.wy-login-wrapper.v3 .login {
    margin: 50px -2px 0;
    height: 342px
}

.wy-login-wrapper.v3 .login-agreement {
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px
}

.wy-login-wrapper.v3 .login-agreement a {
    color: #636363
}

.wy-login-wrapper.v3 .icon-checkbox-xxs {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-checkbox-xxs.svg);
    margin: 0 4px 0 0;
    top: -2px;
    cursor: pointer
}

.wy-login-wrapper.v3 .act .icon-checkbox-xxs {
    background-image: url(../images/svg/icon-checkbox-xxs-act.svg)
}

.wy-login-wrapper.v3 .mod-check {
    -ms-user-select: none;
    -ktml-user-select: none;
    -webkit-touch-callout: none;
    padding: 0
}

.wy-login-wrapper.v3 .mod-check:after {
    display: none
}

.wy-login-wrapper.v3 .mod-check .txt {
    font-size: 12px
}

.impowerBox {
    border: 2px solid #eee;
    width: 418px;
    height: 320px
}

.impowerBox .title {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-top: 13px;
    padding-bottom: 12px;
    display: none
}

.mod-tips, .pop-zip-preview-wrapper .icon {
    display: inline-block
}

.impowerBox .qrcode {
    width: 150px;
    height: 150px;
    margin-top: 58px;
    border: 1px solid #E2E2E2
}

.impowerBox .status p {
    font-size: 14px
}

.pop-zip-preview-wrapper {
    position: relative;
    z-index: 1000;
    height: 830px;
    width: 800px;
    background-color: #fff;
    border: 1px solid #a7adb7
}

.pop-zip-preview-wrapper .icon-pop-close {
    position: absolute;
    z-index: 10;
    right: 13px;
    top: 12px
}

.pop-zip-preview-wrapper .full-pop-header {
    padding-left: 0;
    height: 48px
}

.pop-zip-preview-wrapper .full-pop-close {
    top: 0;
    line-height: 48px
}

.pop-zip-preview-wrapper .nav {
    position: relative;
    _float: left;
    height: 48px;
    line-height: 47px;
    overflow: hidden;
    padding-left: 5px
}

.pop-zip-preview-wrapper .nav .item {
    font-size: 18px;
    max-width: 115px;
    float: left;
    position: relative;
    margin-left: -19px;
    padding: 0 18px 0 25px;
    height: 100%;
    background: url(../images/svg/pop-path.png) right -1px no-repeat;
    color: #020202;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-zip-preview-wrapper .current {
    background: url(../images/svg/pop-path.png) right -69px no-repeat
}

.pop-zip-preview-wrapper .body {
    height: 782px;
    overflow-y: scroll;
    overflow-x: hidden
}

.pop-zip-preview-wrapper .err-oversize {
    position: absolute;
    margin: auto;
    top: 360px;
    left: 0;
    right: 0;
    width: 250px;
    border: 4px solid #e8e8e8;
    padding: 15px 0
}

.pop-zip-preview-wrapper .icon-err {
    width: 30px;
    height: 30px;
    background-image: url(../images/svg/pop-err.png);
    float: left;
    margin: 0 10px 0 20px
}

.pop-zip-preview-wrapper .err-text {
    font-size: 13px;
    color: #666;
    line-height: 16px;
    margin-right: 20px
}

.pop-zip-preview-wrapper .err-text .link {
    color: #2980FF;
    text-decoration: none
}

.mod-safebox .btn-link:hover, .mod-tasks .tasks-list-wrapper .is-folder .tit-inner:hover, .mod-tasks .tasks-op-wrapper .op-list-item:hover .btn-link, .mod-tasks a:hover {
    text-decoration: underline
}

.pop-zip-preview-wrapper .tips-process {
    position: absolute;
    top: 420px;
    left: 0;
    right: 0;
    margin: auto;
    width: 220px;
    text-align: center
}

.pop-zip-preview-wrapper .process-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #edeff4;
    width: 100%;
    height: 12px
}

.pop-zip-preview-wrapper .process-bg .process-bar {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #2980FF;
    height: 100%
}

.pop-zip-preview-wrapper .tips-text {
    font-size: 13px;
    color: #666;
    margin-top: 25px
}

.pop-zip-preview-wrapper .zip-content {
    padding: 0 40px 31px 53px
}

.pop-zip-preview-wrapper .zip-content .item {
    float: left;
    margin: 31px 15px 0 0;
    text-align: center
}

.pop-zip-preview-wrapper .zip-content .last-item {
    margin-right: 0
}

.pop-zip-preview-wrapper .zip-content .filename {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-height: 829px) and (min-height: 600px) {
    .pop-zip-preview-wrapper {
        height: 600px
    }

    .pop-zip-preview-wrapper .body {
        height: 550px
    }

    .pop-zip-preview-wrapper .err-oversize, .pop-zip-preview-wrapper .tips-process {
        top: 50%
    }
}

@media (max-height: 599px) {
    .pop-zip-preview-wrapper {
        height: 450px
    }

    .pop-zip-preview-wrapper .body {
        height: 400px
    }

    .pop-zip-preview-wrapper .err-oversize, .pop-zip-preview-wrapper .tips-process {
        top: 50%
    }
}

.pop-zip-preview-wrapper .modal-dialog-hd {
    padding-top: 0;
    padding-bottom: 0
}

.mod-tips {
    position: relative;
    z-index: 0;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    word-wrap: normal
}

.mod-tips .icon-tips-close {
    margin-left: 28px;
    vertical-align: -7px;
    cursor: pointer
}

.mod-tips .icon-assert {
    margin-right: 9px;
    vertical-align: -6px
}

.mod-tips .icon-link-to {
    margin-left: 27px;
    vertical-align: -3px
}

.mod-tips .with-logo:before {
    content: "";
    display: inline-block;
    vertical-align: -3px;
    margin-right: 4px;
    width: 24px;
    height: 17px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: 0 -102px;
    background-size: 152px 138px
}

.mod-tips .with-border {
    display: block;
    height: 36px;
    padding: 0 15px 0 20px;
    line-height: 34px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #D5D7DF;
    border-radius: 80px;
    cursor: pointer
}

.mod-tips .with-border:hover {
    background-color: #F9FAFB;
    border-color: #D5D7DF
}

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

.wy-pop-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    min-height: 100%
}

.wy-mask {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)";
    filter: alpha(opacity=50);
    opacity: .5
}

.wy-pop-wrapper .close-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 10px 10px 0 0;
    text-align: right
}

.wy-pop-wrapper .close-wrapper .icon-close {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(sprite/page-home-delay-180622163207@2x.png);
    background-position: 0 -120px;
    background-size: 152px 138px
}

.wy-pop-wrapper .btn-group {
    font-size: 0
}

.wy-pop-wrapper .btn {
    display: inline-block;
    *zoom: 1;
    outline: 0;
    background-color: transparent;
    width: 170px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c8ccd5;
    padding: 0;
    cursor: pointer;
    font-size: 18px;
    border-radius: 5px;
    box-sizing: content-box;
    margin-right: 20px
}

.wy-pop-wrapper .btn-group .btn:last-child {
    margin-right: 0
}

.wy-pop-wrapper .btn-active {
    color: #fff;
    background-color: #3b97f5;
    border-color: #3b97f5
}

.wy-pop-wrapper .btn-active:hover {
    background-color: #2980FF;
    border-color: #2980FF
}

.wy-pop-wrapper .dw-app {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 400px;
    height: 410px;
    margin: -193px 0 0 -201px;
    border: 1px solid #2c74b3;
    border-radius: 5px;
    background-color: #fff;
    text-align: center
}

.wy-pop-wrapper .dw-app .banner {
    background-color: #3b97f5;
    display: block;
    width: 100%;
    padding: 25px 0 15px
}

.wy-pop-wrapper .txt-info {
    padding: 20px;
    color: #777;
    font-size: 12px
}

.wy-pop-wrapper .txt-info a {
    color: #3B97F5
}

.wy-pop-wrapper .dw-app .banner .bgimg {
    display: block;
    width: 386px;
    height: 160px;
    background-image: url(../images/svg/dw-banner@2x.png);
    background-size: 386px 160px
}

.wy-pop-wrapper .dw-app .txt-wrapper {
    margin-top: 33px;
    line-height: 1
}

.wy-pop-wrapper .dw-app .hl {
    font-size: 24px;
    font-weight: 700;
    color: #020202;
    padding-bottom: 13px
}

.wy-pop-wrapper .dw-app .exp {
    font-size: 20px;
    color: #868686
}

.wy-pop-wrapper .dw-app .btn-group {
    margin-top: 26px
}

.icon {
    display: inline-block
}

.mod-tasks .icon-window-fold {
    width: 20px;
    height: 20px;
    background-image: url(../images/svg/icon-window-fold.svg)
}

.mod-tasks .icon-close {
    width: 20px;
    height: 20px;
    background-image: url(../images/svg/icon-all-close.svg)
}

.mod-tasks .icon-safebox-logo {
    width: 168px;
    height: 171px;
    background-image: url(../images/svg/img-safebox.svg);
    margin-right: 30px
}

.mod-tasks .icon-list-blank {
    width: 141px;
    height: 125px;
    background-image: url(../images/svg/img-blank-list.svg)
}

.mod-tasks a {
    color: inherit
}

.mod-tasks .txt {
    font-size: 14px;
    color: #000
}

.mod-tasks .txt-sub {
    color: #777
}

.mod-tasks .txt-sub strong {
    color: #FF8127
}

.mod-tasks .txt-link {
    color: #00A4FF
}

.mod-tasks {
    position: fixed;
    z-index: 40;
    right: 20px;
    bottom: 20px;
    width: 540px;
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px 0 rgba(15, 32, 66, .2);
    background-color: #fff;
    border: 1px solid rgba(5, 13, 27, .16);
    border-top: none;
    overflow: hidden;
    height: 56px;
    transition: height .3s ease
}

.mod-tasks::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 2px solid #00A4FF;
    border-bottom: 2px solid #00A4FF;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.mod-tasks .operation {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 13px;
    line-height: 0;
    font-size: 0
}

.mod-tasks .operation .btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 4px;
    text-align: center;
    border-radius: 100%
}

.mod-tasks .operation .btn:hover {
    background-color: #E9EEF2
}

.mod-tasks .operation .btn:last-of-type {
    margin-right: 0
}

.mod-tasks .tasks-header {
    position: relative;
    z-index: 0
}

.mod-tasks .tasks-header .before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    pointer-events: none;
    transform-origin: 0 50%
}

.mod-tasks .tasks-header.tasking-nor .before, .mod-tasks .tasks-header.tasking-vip .before {
    background: rgba(0, 164, 255, .15)
}

.mod-tasks .tasks-header.result-fail .before {
    background: rgba(153, 153, 153, .2)
}

.mod-tasks .summary-wrapper {
    padding-left: 19px;
    height: 56px;
    line-height: 56px;
    font-size: 0
}

.mod-tasks .summary-wrapper .icon-status {
    margin-right: 16px;
    width: 20px;
    height: 20px
}

.mod-tasks .summary-wrapper .txt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: 500
}

.mod-tasks .tasking-nor .summary-wrapper .icon-status {
    background-image: url(../images/svg/icon-statusbar-nor.svg)
}

.mod-tasks .tasking-vip .summary-wrapper .icon-status {
    background-image: url(../images/svg/icon-statusbar-vip.svg)
}

.mod-tasks .tasking-offline .summary-wrapper .icon-status {
    background-image: url(../images/svg/icon-offline.svg)
}

.mod-tasks .result-succ .summary-wrapper .icon-status {
    background-image: url(../images/svg/icon-task-succ.svg)
}

.mod-tasks .result-fail .summary-wrapper .icon-status {
    background-image: url(../images/svg/icon-task-fail.svg)
}

.mod-tasks .vip-speed {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #00A4FF
}

.mod-tasks .vip-speed::before {
    content: "";
    display: none;
    width: 9px;
    height: 12px;
    margin-right: 3px;
    background-image: url(../images/svg/icon-statusbar-accelerate.svg)
}

.mod-tasks .tasking-vip .vip-speed::before {
    display: inline-block
}

.mod-tasks .tasks-body, .mod-tasks .tasks-header .title-wrapper, .mod-tasks.expand .tasks-header .summary-wrapper, .mod-tasks.expand .tasks-header .summary-wrapper .before {
    display: none
}

.mod-tasks.expand {
    height: 442px;
    line-height: 1.2
}

.mod-tasks.expand .icon-window-fold {
    transform: rotate(180deg)
}

.mod-tasks.expand .tasks-body, .mod-tasks.expand .tasks-header .title-wrapper {
    display: block
}

.mod-tasks.expand .tasks-header {
    height: 94px;
    box-sizing: border-box;
    padding-top: 35px;
    padding-left: 28px
}

.mod-tasks.expand .tasks-header .title-wrapper .txt {
    display: inline-block;
    margin-right: 7px;
    font-size: 35px;
}

.mod-tasks.expand .tasks-header .title-wrapper .title {
    font-size: 40px;
    color: #000
}

.mod-tasks.expand .tasks-header .title-wrapper .anim-wrapper {
    display: none;
    position: absolute;
    left: 30px;
    top: 30px
}

.mod-tasks.expand .tasking-vip .title-wrapper .anim-wrapper {
    display: block
}

.mod-tasks.expand .result-fail .title-wrapper .anim-wrapper, .mod-tasks.expand .result-succ .title-wrapper .anim-wrapper, .mod-tasks.expand .tasking-offline .title-wrapper .anim-wrapper, .mod-tasks.expand.subdir .title-wrapper .anim-wrapper, .mod-tasks.subdir .tasks-header .title-wrapper {
    display: none
}

.mod-tasks.expand .tasks-header.tasking-vip {
    padding-left: 108px
}

.mod-tasks.expand .tasking-vip .title-wrapper .title {
    color: #00A4FF
}

.mod-tasks .tasking-vip + .tasks-body .tasks-item {
    position: relative
}

.mod-tasks.expand .result-fail.tasks-header, .mod-tasks.expand .result-succ.tasks-header, .mod-tasks.expand .tasking-offline.tasks-header, .mod-tasks.expand.subdir .tasks-header {
    padding-left: 28px
}

@keyframes vipAccelerate {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(210%, 0, 0)
    }
}

#editor .ql-editor ul[data-checked=true] > li, .mod-tasks .cancel .item-tit {
    opacity: .5
}

.mod-tasks .tasking-vip ~ .tasks-body .tasks-item::after {
    visibility: hidden;
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 2px;
    background-image: linear-gradient(to left, #6ACAFF 0, rgba(106, 202, 255, 0) 100%);
    animation: vipAccelerate 1s linear infinite;
    animation-play-state: paused
}

.mod-tasks .tasking-vip ~ .tasks-body .tasks-item.dealing::after {
    visibility: visible;
    animation-play-state: running
}

.mod-tasks.subdir .tasks-body .mod-act-panel, .mod-tasks.subdir .tasks-header .summary-wrapper {
    display: block
}

.mod-tasks.subdir.expand .tasks-header .summary-wrapper {
    margin-top: -35px;
    margin-left: -28px
}

.mod-tasks .tasks-op-wrapper {
    height: 34px;
    line-height: 0;
    padding: 0 30px;
    border-bottom: 1px solid #E8EAEB
}

.mod-tasks .tasks-op-wrapper .op-list {
    float: right;
    line-height: 1;
    font-size: 0
}

.mod-tasks .tasks-op-wrapper .op-list-item {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer
}

.mod-tasks .mod-act-panel {
    display: none;
    float: left;
    height: 100%;
    line-height: 20px
}

.mod-tasks .mod-breadcrumb {
    padding: 0
}

.mod-tasks .tasks-group-wrapper {
    width: 100%;
    height: 313px;
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap
}

.mod-tasks .tasks-list-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow-x: hidden
}

.mod-tasks .tasks-list-wrapper .item-inner {
    position: relative;
    padding: 14px 20px;
    line-height: 1.1;
    font-size: 0
}

.mod-tasks .tasks-list-wrapper .item-inner::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #E8EAEB
}

.mod-tasks .tasks-list-wrapper .tasks-item:last-of-type .item-inner::before {
    display: none
}

.mod-tasks .tasks-list-wrapper .txt {
    font-size: 12px
}

.mod-tasks .tasks-list-wrapper .txt-sub {
    color: #777
}

.mod-tasks .tasks-list-wrapper .txt-strong {
    color: #0095EE
}

.mod-tasks .tasks-list-wrapper .txt-fail {
    color: #F54C4B
}

.mod-tasks .tasks-list-wrapper .txt-link {
    color: #00A6FF
}

.mod-tasks .tasks-list-wrapper .txt-link a {
    color: inherit
}

.mod-tasks .tasks-list-wrapper .txt-block {
    display: block
}

.mod-tasks .tasks-list-wrapper .item-tit .info, .mod-tasks .tasks-list-wrapper .item-tit .info .txt, .mod-tasks .tasks-list-wrapper .item-tit .thumb, .mod-tasks .tasks-list-wrapper .item-tit .tit-inner, .mod-tasks .tasks-list-wrapper .progress-wrapper, .mod-tasks .tasks-list-wrapper .task-progress-status, .mod-tasks .tasks-list-wrapper .task-txt-status {
    display: inline-block;
    vertical-align: middle
}

.mod-tasks .tasks-list-wrapper .item-tit .mod-tasks .tasks-list-wrapper .tit {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.mod-tasks .tasks-list-wrapper .item-tit {
    float: left
}

.mod-tasks .tasks-list-wrapper .task-info {
    float: right
}

.mod-tasks .tasks-list-wrapper .item-tit .thumb {
    width: 40px;
    height: 40px;
    margin-right: 16px
}

.mod-tasks .tasks-list-wrapper .item-tit .info {
    width: 270px;
    font-size: 14px
}

.mod-tasks .tasks-list-wrapper .item-tit .info .txt-fail {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-tasks .tasks-list-wrapper .item-tit .tit {
    margin-bottom: 2px;
    line-height: 1.3
}

.mod-tasks .tasks-list-wrapper .item-tit .tit-inner {
    max-width: 100%;
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-tasks .tasks-list-wrapper .is-folder .tit {
    cursor: pointer
}

.mod-tasks .tasks-list-wrapper .is-folder .tit-inner {
    max-width: 90%
}

.mod-tasks .tasks-list-wrapper .is-folder .tit::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    1 margin-left: 3px;
    width: 8px;
    height: 13px;
    background-image: url(../images/svg/icon-folder-dir.svg)
}

.mod-tasks .tasks-list-wrapper .tit ~ .txt {
    margin-right: 4px
}

.mod-tasks .tasks-list-wrapper .tit ~ .txt:last-of-type {
    margin-right: 0
}

.mod-tasks .tasks-list-wrapper .task-txt-status {
    margin-right: 27px;
    font-size: 14px
}

.mod-tasks .tasks-list-wrapper .task-info .txt-sub {
    color: #000
}

.mod-tasks .tasks-list-wrapper .task-txt-status.txt-link {
    margin-right: 0;
    margin-top: 13px
}

.mod-tasks .tasks-list-wrapper .task-txt-status.txt-strong {
    display: none
}

.mod-tasks .task-txt-status.txt-strong::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-right: 4px;
    background-image: url(../images/svg/icon-vip-trial.svg)
}

.mod-tasks .task-progress-status {
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.mod-tasks .tasks-list-wrapper .task-progress-status .txt-sub {
    color: rgba(155, 155, 155, .5)
}

.mod-tasks .task-progress-status .progress {
    visibility: hidden;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid #E9EEF2
}

.mod-tasks .task-progress-status .progress svg {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

.mod-tasks .task-progress-status .progress circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 998
}

.mod-tasks .mod-tab-list-group .tasks-item.act {
    background-color: #F5F8FA
}

.mod-tasks .progressing .task-progress-status .progress {
    visibility: visible
}

.mod-tasks .task-progress-status .btn-icon {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    color: transparent
}

.mod-tasks .cancel .progress-wrapper, .mod-tasks .cancel:hover .task-progress-status .task-txt-status {
    display: none
}

.mod-tasks .cancel:hover .progress-wrapper, .mod-tasks .tasks-list-wrapper .dealing .task-txt-status.txt-strong {
    display: inline-block
}

.mod-tasks .waiting .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-tasks-wait.svg)
}

.mod-tasks .offline .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-offline.svg)
}

.mod-tasks .dealing .task-progress-status .btn-icon, .mod-tasks .offline:hover .task-progress-status .btn-icon, .mod-tasks .waiting:hover .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-all-close.svg)
}

.mod-tasks .fail .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-task-fail.svg)
}

.mod-tasks .fail:hover .task-progress-status:first-of-type {
    margin-right: 18px
}

.mod-tasks .fail:hover .task-progress-status:first-of-type:last-of-type {
    margin-right: 0
}

.mod-tasks .cancel .task-progress-status .btn-icon, .mod-tasks .fail:hover .task-progress-status:first-of-type .btn-icon, .mod-tasks .offline.cancel .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-task-retry.svg)
}

.mod-tasks .fail:hover .task-progress-status:nth-of-type(2) .btn-icon {
    background-image: url(../images/svg/icon-all-close.svg)
}

.mod-tasks .succ .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-task-succ.svg)
}

.mod-tasks .succ:hover .task-progress-status .btn-icon {
    background-image: url(../images/svg/icon-task-godir.svg)
}

.mod-tasks .task-progress-status .btn-icon::after {
    visibility: hidden;
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    border-radius: 100%;
    background-color: #F5F8FA
}

.mod-tasks .cancel:hover .task-progress-status .btn-icon, .mod-tasks .dealing:hover .task-progress-status .btn-icon, .mod-tasks .fail .task-progress-status .btn-icon, .mod-tasks .offline .task-progress-status .btn-icon, .mod-tasks .succ .task-progress-status .btn-icon, .mod-tasks .task-progress-status .btn-icon:hover::after, .mod-tasks .waiting .task-progress-status .btn-icon {
    visibility: visible
}

.mod-tasks .safebox-wrapper {
    padding: 41px 80px 0 60px;
    font-size: 0
}

.mod-tasks .icon-safebox-logo, .mod-tasks .safebox-wrapper .input-wrapper {
    display: inline-block;
    vertical-align: middle
}

.mod-tasks .safebox-wrapper .input-wrapper {
    width: 200px
}

.mod-tasks .safebox-wrapper input {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 34px;
    box-sizing: border-box;
    border: 1px solid #E8EAEB;
    border-radius: 2px;
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 14px
}

.mod-tasks .safebox-wrapper input:focus {
    border-color: #00A4FF
}

.mod-tasks .safebox-wrapper .btn-block {
    width: 100%
}

.mod-tasks .safebox-wrapper .input-wrapper .btn-l {
    border-radius: 2px;
    background-color: #E9EEF2;
    font-size: 14px;
    color: #bbb;
    cursor: not-allowed
}

.mod-tasks .safebox-wrapper .valid .btn-l {
    background-color: #00A4FF;
    color: #fff;
    cursor: pointer
}

.mod-tasks .safebox-wrapper .valid .btn-l:hover {
    background-color: #3B93FF
}

.mod-tasks.fail::before {
    border-top-color: #F55;
    border-bottom-color: #F55
}

.mod-tasks.vip .tasks-header::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    height: 56px;
    border: 2px solid #00A4FF;
    border-radius: 56px;
    margin-right: 20px
}

.mod-tasks.vip .tasks-header .title-wrapper {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: middle
}

.mod-tasks.vip .tasks-header .title-wrapper::before {
    content: "";
    position: absolute;
    left: -74px;
    top: 6px;
    width: 50px;
    height: 50px;
    background: url(../images/svg/icon-speedup.svg)
}

.mod-tasks.vip .tasks-header .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px
}

.mod-tasks.vip.subdir .tasks-header .title-wrapper, .mod-tasks.vip.subdir .tasks-header::before {
    display: none
}

.mod-tasks.vip .anim-wrapper {
    display: none
}

.mod-tasks:not(.expand) .tasks-header::before {
    display: none
}

.mod-speed {
    position: relative;
    width: 72px;
    height: 72px
}

.mod-speed .item, .mod-speed .item .item-con {
    position: absolute;
    display: block
}

.mod-speed .light {
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
    background-image: url(../images/svg/light.svg)
}

.mod-speed .round {
    position: absolute;
    width: 72px;
    height: 72px;
    left: 0;
    top: 0
}

.mod-speed.act .light {
    -webkit-animation: speedLight 1.5s 0s ease-out forwards;
    animation: speedLight 1.5s 0s ease-out forwards
}

@-webkit-keyframes speedLight {
    0% {
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
    10% {
        -webkit-transform: scale(1.4)
    }
    30% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-image: url(../images/svg/light.svg)
    }
    50%, 60% {
        background-image: url(../images/svg/light-line.svg)
    }
    55%, 65% {
        background-image: url(../images/svg/light.svg)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes speedLight {
    0% {
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
    10% {
        -webkit-transform: scale(1.4)
    }
    30% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-image: url(../images/svg/light.svg)
    }
    50%, 60% {
        background-image: url(../images/svg/light-line.svg)
    }
    55%, 65% {
        background-image: url(../images/svg/light.svg)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

.mod-speed .round .item-con {
    left: 50%;
    top: 50%;
    opacity: 0
}

.mod-speed .round-1 .item-con {
    margin: -28px 0 0 -28px;
    width: 56px;
    height: 56px;
    background-image: url(../images/svg/round-1.svg)
}

.mod-speed .round-2 .item-con {
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    background-image: url(../images/svg/round-2.svg)
}

.mod-speed .round-3 .item-con {
    margin: -36px 0 0 -36px;
    width: 72px;
    height: 72px;
    background-image: url(../images/svg/round-3.svg)
}

.mod-speed.act .round .item-con {
    -webkit-animation: speedRound 1s 0s ease forwards;
    animation: speedRound 1s 0s ease forwards
}

.mod-speed.act .round-1 .item-con {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.mod-speed.act .round-2 .item-con {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.mod-speed.act .round-3 .item-con {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

@-webkit-keyframes speedRound {
    0% {
        opacity: 1;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes speedRound {
    0% {
        opacity: 1;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

.mod-speed.act .round {
    -webkit-animation: speedRoundTurn .6s 0s linear infinite;
    animation: speedRoundTurn .6s 0s linear infinite
}

@-webkit-keyframes speedRoundTurn {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg)
    }
}

@keyframes speedRoundTurn {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg)
    }
}

.mod-speed .line-1 {
    left: 4px;
    top: 38px;
    width: 35px;
    height: 20px;
    background-image: url(../images/svg/line-1.svg);
    opacity: 0
}

.mod-speed .line-2 {
    left: 31px;
    top: 14px;
    width: 35px;
    height: 20px;
    background-image: url(../images/svg/line-2.svg);
    opacity: 0
}

.mod-speed.act .line-1, .mod-speed.act .line-2 {
    -webkit-animation: speedLine 3s 1s ease infinite;
    animation: speedLine 3s 1s ease infinite
}

.mod-speed.act .line-2 {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

@-webkit-keyframes speedLine {
    20%, 40%, from {
        opacity: 1
    }
    10%, 30%, 50%, to {
        opacity: 0
    }
}

@keyframes speedLine {
    20%, 40%, from {
        opacity: 1
    }
    10%, 30%, 50%, to {
        opacity: 0
    }
}

.mod-speed.gif {
    background-image: url(../images/svg/gif-start.gif)
}

.mod-speed.gif.loop {
    background-image: url(../images/svg/gif-loop.gif)
}

.mod-speed.gif .item {
    display: none
}

.mod-selectable-helper {
    position: fixed;
    z-index: 888;
    border: 1px solid #DBDBDB;
    background-color: rgba(85, 85, 85, .15)
}

.mod-draggable {
    position: absolute;
    top: 150px;
    left: 20px;
    z-index: 600;
    padding: 7px
}

.mod-draggable .icon-count {
    position: relative;
    z-index: 0;
    min-width: 26px;
    min-height: 26px;
    border-radius: 9999px;
    background-color: transparent;
    -webkit-box-shadow: 0 3px 5px 0 #f0f;
    box-shadow: 0 3px 5px 0 rgba(15, 32, 65, .05)
}

.mod-draggable .icon-count .num {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    text-align: center;
    min-width: 24px;
    min-height: 24px;
    border-radius: 24px;
    margin: -12px 0 0 -12px;
    background: #00A4FF;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.modal-dialog-process-hd .icon-step {
    width: 20px;
    height: 20px;
    vertical-align: -5px
}

.modal-dialog-safebox .icon-lock, .modal-dialog-safebox .icon-mail, .modal-dialog-safebox .icon-mobile, .modal-dialog-safebox .icon-protect, .modal-dialog-safebox .icon-qa {
    width: 40px;
    height: 40px
}

.modal-dialog-safebox .icon-mobile {
    background-image: url(../images/svg/icon-safebox-mobile.svg)
}

.modal-dialog-safebox .icon-mail {
    background-image: url(../images/svg/icon-safebox-mail.svg)
}

.modal-dialog-safebox .icon-qa {
    background-image: url(../images/svg/icon-safebox-qa.svg)
}

.modal-dialog-safebox .icon-lock {
    background-image: url(../images/svg/icon-safebox-lock.svg)
}

.modal-dialog-safebox .icon-protect {
    background-image: url(../images/svg/icon-safebox-protect.svg)
}

.modal-dialog-safebox .input-wrapper .btn, .modal-dialog-safebox .input-wrapper input {
    display: inline-block;
    vertical-align: middle
}

.modal-dialog-safebox .input-wrapper .btn {
    width: 90px;
    height: 36px;
    line-height: 36px
}

.modal-dialog-safebox .input-wrapper .btn-outline, .modal-dialog-safebox .input-wrapper .btn-outline.btn-disable {
    background-color: transparent;
    border-color: currentColor;
    color: #0095EE
}

.modal-dialog-safebox input {
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    padding-left: 8px;
    border: 1px solid #D2D8DC;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    color: #000
}

.modal-dialog-safebox input:focus {
    border-color: #00A4FF
}

.modal-dialog-safebox .err input, .modal-dialog-safebox .err ~ input {
    border-color: #FF4222
}

.modal-dialog-process-hd {
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #E9EAEB
}

.modal-dialog-process-hd .step-list {
    font-size: 0
}

.modal-dialog-process-hd .step {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #777
}

.modal-dialog-process-hd .step .icon-step {
    background: #D2D8DC;
    border-radius: 100%;
    margin-right: 8px;
    line-height: 20px;
    text-align: center
}

.modal-dialog-process-hd .step .icon-step::before {
    font-size: 14px;
    color: #fff
}

.modal-dialog-process-hd .step:nth-of-type(1) .icon-step::before {
    content: "1"
}

.modal-dialog-process-hd .step:nth-of-type(2) .icon-step::before {
    content: "2"
}

.modal-dialog-process-hd .step.act {
    color: #2980FF
}

.modal-dialog-process-hd .step.act .icon-step {
    background: #2980FF
}

.modal-dialog-process-hd .step.succ {
    opacity: .4
}

.modal-dialog-process-hd .step.succ .icon-step {
    background: url(../images/svg/icon-tab-succ.svg)
}

.modal-dialog-process-hd .step.succ .icon-step::before {
    opacity: 0
}

.modal-dialog-process-bd {
    white-space: nowrap;
    transition: transform .3s ease-out
}

.modal-dialog-process-bd .step-bd {
    white-space: normal
}

.mod-container .container-hd .hd-tit .tit, .mod-moudle .duration, .mod-moudle .moudle-con .tit, .ql-toolbar button {
    white-space: nowrap;
    text-overflow: ellipsis
}

.modal-dialog-process-bd.next-step {
    transform: translateX(-100%)
}

.modal-dialog-safebox .input-wrapper {
    display: inline-block
}

.modal-dialog-safebox .input-wrapper + .input-wrapper {
    margin-top: 11px
}

.modal-dialog-safebox .input-wrapper .console {
    bottom: -31px
}

.modal-dialog-safebox .set-confirm .step-bd, .modal-dialog-safebox .set-pw .step-bd {
    text-align: center
}

.modal-dialog-safebox .set-confirm input {
    width: 200px
}

.modal-dialog-safebox .set-confirm .input-wrapper .btn {
    margin-left: 7px
}

.modal-dialog-safebox .set-confirm .input-l {
    width: 300px
}

.modal-dialog-safebox .set-confirm .txt {
    text-align: left;
    margin-bottom: 9px;
    font-size: 14px;
    color: #555
}

.modal-dialog-safebox .step-cont .list-choice {
    margin-bottom: 30px
}

.modal-dialog-safebox .step-cont .list-choice:last-of-type {
    margin-bottom: 0
}

.modal-dialog-safebox .choose-step .sub-title, .modal-dialog-safebox .step-cont .choice {
    width: 300px;
    margin: 0 auto
}

.modal-dialog-safebox .step-cont .choice {
    position: relative;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    padding: 0 16px 0 10px;
    border: 1px solid #E8EAEB;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    cursor: pointer
}

.modal-dialog-safebox .step-cont .choice:hover {
    background-color: #F5F8FA;
    transition: background-color .2s ease
}

.modal-dialog-safebox .step-cont .choice .icon {
    margin-right: 8px
}

.modal-dialog-safebox .step-cont .choice .txt {
    float: right;
    margin-right: 13px;
    color: #777
}

.modal-dialog-safebox .step-cont .choice::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 7px;
    height: 12px;
    margin-top: -5px;
    background-image: url(../images/svg/icon-process-arr.svg)
}

.modal-dialog-safebox .step-cont .choice + .choice {
    margin-top: 10px
}

.modal-dialog-safebox .choose-step .sub-title {
    margin-bottom: 11px;
    line-height: 1;
    font-size: 14px;
    color: #555
}

.modal-dialog-safebox .qa-wrapper {
    position: relative;
    z-index: 0;
    width: 300px;
    height: 62px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    line-height: 1
}

.modal-dialog-safebox .qa-wrapper + .qa-wrapper {
    margin-top: 10px
}

.modal-dialog-safebox .qa-wrapper .question {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 8px;
    border: 1px solid #D2D8DC;
    border-bottom: none;
    cursor: pointer
}

.modal-dialog-safebox .qa-wrapper .question::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 13px;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    background-image: url(../images/svg/icon-dropdown-arr.svg)
}

.modal-dialog-safebox .qa-wrapper .question::after {
    content: "";
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 1px;
    background-color: #E6E7EC
}

.modal-dialog-safebox .qa-wrapper .q-picked {
    position: relative;
    display: block;
    height: 36px;
    line-height: 36px;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.modal-dialog-safebox .qa-wrapper .q-list {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 36px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    max-height: 110px;
    overflow-y: auto;
    border: 1px solid #C8CCD3;
    box-sizing: border-box;
    border-top: none;
    box-shadow: 0 3px 4px 0 rgba(15, 32, 66, .2)
}

.modal-dialog-safebox .qa-wrapper.expand {
    z-index: 1
}

.modal-dialog-safebox .qa-wrapper.expand, .modal-dialog-safebox .qa-wrapper.expand ~ .qa-wrapper {
    border-color: transparent
}

.modal-dialog-safebox .qa-wrapper.expand .question {
    box-shadow: 0 1px 4px 0 rgba(15, 32, 66, .2)
}

.modal-dialog-safebox .qa-wrapper.expand .question::after {
    opacity: 1
}

.modal-dialog-safebox .qa-wrapper.expand .q-list {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease
}

.ql-container.ql-disabled .ql-tooltip, .ql-snow .ql-out-bottom, .ql-snow .ql-out-top, .ql-snow .ql-picker-options .ql-picker-item .icon-sel {
    visibility: hidden
}

.modal-dialog-safebox .qa-wrapper.expand .q-item {
    padding: 11px 8px
}

.modal-dialog-safebox .qa-wrapper.expand .q-item:hover {
    background-color: #F5F8FA
}

.modal-dialog-safebox .qa-wrapper.expand .question::before {
    transform: rotate(180deg)
}

.modal-dialog-safebox .qa-wrapper .answer {
    width: 100%;
    height: auto;
    padding: 36px 8px 10px;
    border: 1px solid #D2D8DC;
    border-top: none;
    line-height: inherit
}

.modal-dialog-safebox .qa-wrapper.focus .answer, .modal-dialog-safebox .qa-wrapper.focus .question {
    border-color: #00A4FF;
    transition: border-color .2s ease
}

.modal-dialog-safebox.init-safebox .set-pw .step-bd {
    padding: 65px 0 66px
}

.modal-dialog-safebox.init-safebox .set-protect .step-bd {
    padding: 41px 0
}

.modal-dialog-safebox.init-safebox .set-confirm .step-bd {
    padding: 66px 0 65px
}

.modal-dialog-safebox.init-safebox .set-qa .step-bd {
    padding: 40px 0
}

.modal-dialog-safebox .modal-dialog-bd {
    overflow: hidden
}

.modal-dialog-safebox.getback-pw .get-pw .step-bd {
    padding: 90px 0;
    text-align: center
}

.modal-dialog-safebox.getback-pw .get-pw .txt {
    text-align: left;
    margin-bottom: 9px;
    color: #555
}

.modal-dialog-safebox.getback-pw .set-protect .step-bd {
    padding: 40px 0 30px
}

.modal-dialog-safebox.getback-pw .set-protect .btn-link {
    margin-top: 30px;
    text-align: center
}

.modal-dialog-safebox.getback-pw .set-pw .step-bd {
    padding: 82px 0 81px
}

.modal-dialog-safebox.getback-pw .get-qa .step-bd {
    padding: 56px 0
}

.modal-dialog-safebox.getback-pw .get-qa .question::before {
    opacity: 0
}

.modal-dialog-safebox.normal .input-pw {
    padding: 143px 0;
    text-align: center
}

.modal-dialog-safebox.normal .choose-step .step-bd {
    padding: 40px 0
}

.modal-dialog-safebox.normal .set-protect .step-bd {
    padding: 43px 0
}

.modal-dialog-safebox.normal .set-confirm .step-bd, .modal-dialog-safebox.normal .set-pw .step-bd {
    padding: 120px 0
}

.modal-dialog-safebox.normal .set-qa .step-bd {
    padding: 92px 0
}

.modal-dialog-safebox .step-cont {
    vertical-align: top;
    display: inline-block;
    width: 100%
}

.mod-safebox .icon-safebox-logo, .mod-safebox .operations-wrapper, .ql-editor-wrap .icon-trig-xs, .ql-snow .ql-formats, .ql-snow .ql-line, .ql-snow .ql-picker, .ql-toolbar button, img.checkbox {
    vertical-align: middle
}

.mod-safebox {
    margin-top: 167px;
    text-align: center
}

.mod-safebox .icon-safebox-logo {
    width: 246px;
    height: 250px;
    margin-right: 60px;
    background-image: url(../images/svg/icon-safebox-logo.svg)
}

.mod-safebox .icon-safebox-empty {
    width: 200px;
    height: 200px;
    background-image: url(../images/svg/icon-safebox-empty.svg)
}

.mod-safebox .icon-safebox-globle-lock {
    width: 100px;
    height: 100px;
    background-image: url(../images/svg/icon-safebox-global-lock.svg)
}

.mod-safebox .btn {
    text-align: center
}

.mod-safebox .btn-link {
    font-size: 14px;
    color: #555
}

.mod-safebox .btn-link-hl {
    color: #00A4FF
}

.mod-safebox input {
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    border-radius: 2px;
    border: 1px solid #00A4FF;
    box-sizing: border-box
}

.mod-safebox .btn-l {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff
}

.mod-safebox .status-inner .title {
    margin-bottom: 7px;
    font-size: 22px;
    color: #000
}

.mod-safebox .status-inner .exp {
    font-size: 14px;
    color: #777
}

.mod-safebox .status-inner .is-grey {
    color: #777
}

.mod-safebox .status-inner {
    line-height: 1.2
}

.mod-safebox .operations-wrapper {
    display: inline-block;
    line-height: 1;
    text-align: left;
    width: 200px
}

.mod-safebox .slogen {
    margin-bottom: 12px;
    font-size: 22px;
    color: #000
}

.mod-safebox .txt {
    font-size: 14px;
    color: #777
}

.mod-safebox .txt:last-of-type {
    margin-bottom: 30px
}

.mod-safebox .input-wrapper {
    position: relative
}

.mod-safebox .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
}

.mod-safebox .input-wrapper input:focus ~ .placeholder {
    display: none
}

.mod-safebox .err input[type=password] {
    border-color: #FF4222;
    transition: border-color .2s ease
}

.mod-safebox .operations-wrapper .btn, .mod-safebox .operations-wrapper input[type=password] {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.mod-safebox .operations-wrapper .btn:last-of-type {
    margin-bottom: 0
}

.mod-safebox .status-inner .icon-safebox-globle-lock {
    margin-bottom: 30px
}

.mod-safebox .status-inner .exp:nth-last-of-type(1) {
    margin-bottom: 30px
}

.mod-container {
    background: #fff;
    animation: toLeft .5s 0s forwards cubic-bezier(.77, 0, .175, 1)
}

@keyframes toLeft {
    0% {
        transform: translateX(25%);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.mod-container .container-hd {
    position: relative;
    height: 215px
}

.mod-container .container-bd {
    position: relative;
    height: calc(100vh - 215px);
    overflow-y: auto
}

.mod-container .mod-toggle {
    position: absolute;
    left: 17px;
    top: 18px
}

.mod-toggle {
    color: #2980FF;
    cursor: pointer
}

.mod-toggle .icon-trig-line {
    margin: 0 3px 0 0;
    top: -1px;
    transform: rotate(-90deg)
}

.mod-container .container-hd .mod-check {
    margin: 100px 0 0 70px;
    float: left;
    padding: 0
}

.mod-container .container-hd .hd-tit {
    float: left;
    max-width: 42%;
    margin: 84px 0 0 15px
}

.mod-container .container-hd .hd-tit .tit {
    display: block;
    font-size: 36px;
    overflow: hidden
}

.mod-container .container-hd .hd-tit .txt {
    display: block;
    font-size: 16px;
    color: #777
}

.mod-container .container-hd .mod-check:after {
    display: none
}

.mod-container .container-hd .mod-action-wrap {
    margin: 93px 60px 0 0;
    float: right
}

.mod-container .mod-thumb-list .thumb-list {
    height: auto
}

.mod-container .mod-thumb-list .thumb-list-item {
    margin-bottom: 3px
}

.mod-container .container-bd {
    padding: 0 60px
}

.mod-container-thumb {
    position: fixed;
    left: 240px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    box-shadow: -3px 10px 10px rgba(0, 0, 0, .1);
    min-width: 740px
}

.mod-container-thumb .mod-thumb-list .thumb-list-item a img {
    position: absolute;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mod-moudle {
    position: absolute;
    cursor: default;
    width: 200px
}

.mod-moudle .moudle-inner {
    position: relative;
    padding: 0 10px;
    z-index: 14;
    height: 56px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .15)
}

.mod-moudle .moudle-attr {
    position: absolute;
    right: -9px;
    top: -9px;
    min-width: 10px;
    padding: 0 4px;
    height: 18px;
    border-radius: 18px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background: #00A4FF;
    font-size: 12px
}

.mod-moudle .moudle-pic {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    margin: 8px 8px 0 0
}

.mod-moudle .moudle-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.mod-moudle .moudle-con {
    height: 56px;
    overflow: hidden
}

.mod-moudle .moudle-con .tit {
    display: block;
    overflow: hidden;
    line-height: 56px
}

.mod-moudle.mult:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 3px;
    height: 56px;
    border-radius: 2px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .15)
}

.icon-align, .icon-align-center, .icon-align-justify, .icon-align-right, .icon-bold, .icon-catalog, .icon-check, .icon-img, .icon-indent-l, .icon-indent-r, .icon-italic, .icon-list, .icon-mark, .icon-strike, .icon-underline {
    width: 16px;
    height: 16px
}

.mod-moudle .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
}

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

.mod-path {
    color: #555
}

.mod-path.act {
    color: #000
}

.mod-path .mod-check:after {
    display: none
}

.mod-path .mod-check {
    float: left;
    padding-right: 8px
}

.mod-path .path-list {
    overflow: hidden
}

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

.mod-path .path-list-con {
    overflow: hidden;
    font-weight: 700
}

.mod-path .mod-breadcrumb-path, .mod-path .mod-breadcrumb-path li a {
    color: #555
}

.mod-path.act .mod-breadcrumb-path, .mod-path.act .mod-breadcrumb-path li a {
    color: #000
}

/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.icon-bold {
    background-image: url(../images/svg/icon-bold.svg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ql-toolbar .ql-picker .icon, .ql-toolbar button .icon {
    top: -1px
}

.ql-toolbar button .icon-catalog {
    top: 0
}

.ql-editor-wrap {
    position: relative;
    height: 100%;
    margin: 0 auto
}

.ql-editor-wrap .icon-trig-xs {
    margin: 0 0 0 6px;
    top: -1px
}

.wy-tasklist {
    display: block;
    background-image: url(../images/svg/note_checkbox_selected@2x.png) !important;
    width: 24px !important;
    height: 24px !important;
    outline: 0 !important;
    background-position: -360px 0
}

#editor .ql-editor ol, #editor .ql-editor ul {
    padding-left: 0
}

#editor .ql-editor ol li.ql-direction-rtl, #editor .ql-editor ul li.ql-direction-rtl {
    padding-right: 1em
}

#editor .ql-editor ul[data-checked=true] > li::before {
    content: '';
    background-image: url(../images/svg/icon-checkbox-xs-act.svg);
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    cursor: pointer;
    pointer-events: fill;
    vertical-align: middle;
    margin-bottom: .22em
}

#editor .ql-editor ul[data-checked=false] > li::before {
    content: '';
    background-image: url(../images/svg/icon-checkbox-xs.svg);
    width: 16px;
    height: 16px;
    margin-right: 8px;
    cursor: pointer;
    pointer-events: fill;
    vertical-align: middle;
    margin-bottom: .22em
}

img.checkbox {
    margin-right: 8px;
    margin-left: 2px;
    margin-bottom: .22em;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    pointer-events: fill
}

.wy-img, .wy-redo, .wy-save, .wy-undo {
    margin: 0 10px
}

.ql-snow .ql-toolbar .wy-save, .ql-snow.ql-toolbar .wy-save {
    margin-right: 26px !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #fff;
    display: block;
    box-sizing: border-box;
    width: 80px !important;
    height: 32px !important;
    line-height: 30px;
    border: 1px solid #D5D7DF;
    border-radius: 5px;
    margin-top: -5px !important;
    text-align: center;
    font-size: 14px;
    color: #74787C
}

.ql-snow .ql-toolbar .wy-saving, .ql-snow.ql-toolbar .wy-saving {
    background-color: #a3a6a8
}

.ql-editor strong, .ql-editor strong em {
    font-weight: 700
}

.ql-container {
    height: calc(100vh - 64px - 48px);
    margin: 0;
    position: relative;
    overflow: auto;
    border-top: 1px solid #E8EAEB;
    -moz-user-select: auto;
    -ms-user-select: auto;
    -ktml-user-select: auto;
    -webkit-user-select: auto;
    -webkit-touch-callout: auto
}

.ql-container, .ql-editor {
    webkit-user-select: text;
    user-select: text
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor > * {
    cursor: text
}

.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol, .ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol > li, .ql-editor ul > li {
    list-style-type: none
}

.ql-editor ul > li::before {
    content: '\2022'
}

.ql-editor ul[data-checked=false], .ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false] > li *, .ql-editor ul[data-checked=true] > li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false] > li::before, .ql-editor ul[data-checked=true] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true] > li::before {
    content: '\2611'
}

.ql-editor ul[data-checked=false] > li::before {
    content: '\2610'
}

.ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl::before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) '. '
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. '
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. '
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. '
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. '
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. '
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. '
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. '
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. '
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. '
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank::before {
    color: rgba(0, 0, 0, .6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow .ql-toolbar:after, .ql-snow.ql-toolbar:after {
    clear: both;
    content: '';
    display: table
}

.ql-toolbar button {
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 6px;
    border: 0;
    margin: 0 6px 0 0;
    background: 0 0;
    max-width: 120px;
    overflow: hidden
}

.ql-snow .ql-hidden, .ql-snow .ql-toolbar input.ql-image[type=file], .ql-snow.ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-toolbar button.dis {
    cursor: not-allowed
}

.ql-toolbar button.dis:hover {
    background: 0 0
}

.ql-toolbar button:hover {
    background: #F5F8FA;
    border-radius: 2px
}

.ql-toolbar .ql-save {
    position: absolute;
    rig background: none;
    border: 1px solid #D2D8DC;
    height: 28px;
    line-height: 27px;
    width: 70px;
    border-radius: 2px;
    right: 0;
    top: 50%;
    margin: -14px 0 0;
    font-size: 12px;
    color: #687176
}

.ql-snow .ql-toolbar button:active:hover, .ql-snow.ql-toolbar button:active:hover {
    outline: 0
}

@media (pointer: coarse) {
    .ql-snow .ql-toolbar button:hover:not(.ql-active), .ql-snow.ql-toolbar button:hover:not(.ql-active) {
        color: #444
    }

    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow {
    box-sizing: border-box
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-snow .ql-formats {
    display: inline-block
}

.ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-stroke.ql-thin, .ql-snow .ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    background-color: #f0f0f0;
    border-radius: 3px;
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    color: #000;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-editor img.type-scan {
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .12)
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    position: relative;
    margin: 0 6px 0 0
}

.ql-toolbar .ql-align, .ql-toolbar .ql-catalog, .ql-toolbar .ql-indent, .ql-toolbar .ql-mark {
    margin: 0
}

.ql-snow .ql-color-picker {
    margin-right: 0
}

.ql-snow .ql-line {
    width: 1px;
    height: 20px;
    background-color: #E8EAEB;
    margin: 2px 16px 0;
    display: inline-block
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: relative;
    padding: 0 7px;
    line-height: 28px
}

.ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 28px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 0;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding: 7px 20px;
    width: 98px;
    position: relative;
    box-sizing: border-box
}

.ql-snow .ql-align .ql-picker-options .ql-picker-item {
    padding: 0 20px;
    height: 36px;
    line-height: 36px
}

.ql-snow .ql-picker-options .ql-picker-item:hover {
    background-color: #F5F8FA
}

.ql-snow .ql-picker-options .ql-picker-item.ql-selected .icon-sel {
    visibility: visible
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: 0;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 19px 0 15px 19px;
    width: 164px;
    box-sizing: border-box
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 14px;
    margin: 0 4px 4px 0;
    padding: 0;
    width: 28px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-item::before, .ql-snow .ql-picker.ql-header .ql-picker-label::before {
    content: 'Normal'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
    content: 'Heading 1'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
    content: 'Heading 2'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
    content: 'Heading 3'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
    content: 'Heading 4'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
    content: 'Heading 5'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
    content: 'Heading 6'
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-item::before, .ql-snow .ql-picker.ql-font .ql-picker-label::before {
    content: 'Sans Serif'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before {
    content: 'Serif'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
    content: 'Monospace'
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-align .ql-picker-item.ql-selected:after, .ql-snow .ql-picker.ql-size .ql-picker-item.ql-selected:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-sel-s.svg);
    right: 17px;
    top: 50%;
    margin: -8px 0 0
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
    border-radius: 1px
}

.ql-toolbar.ql-snow {
    box-sizing: border-box;
    padding: 10px 0;
    height: 48px;
    position: relative;
    font-size: 0
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label-con {
    width: 28px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, .2) 0 2px 8px
}

.ql-toolbar .ql-picker-label:hover, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    background: #F5F8FA;
    border-radius: 2px;
    color: #000
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #C8CCD3;
    box-shadow: 0 1px 4px 0 rgba(15, 32, 65, .2)
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 16px;
    border-radius: 1px;
    border: 1px solid #687176;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -16px;
    pointer-events: none;
    visibility: hidden
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected:hover:before, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover:before {
    visibility: visible
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected:after {
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/svg/icon-sel-light.svg);
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    display: none
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip::before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0;
    content: 'Save';
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]::before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-toolbar .ql-more .ql-picker-options-more {
    right: 0;
    width: auto;
    height: 48px;
    padding: 10px 15px;
    box-sizing: border-box
}

.ql-snow .ql-more.ql-expanded .ql-picker-options {
    display: block
}

.ql-snow .ql-more.ql-expanded .ql-picker-options .ql-picker-options {
    display: none
}

.ql-snow .ql-more.ql-expanded .ql-picker .ql-picker-options {
    display: block
}

.ql-editor {
    position: relative;
    font-size: 15px;
    line-height: 1.75;
    outline: 0;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 620px;
    margin: 30px auto 0;
    padding: 25px
}

.ql-editor p {
    padding: 0
}

.ql-editor:after, .ql-editor:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 6px
}

.ql-editor:before {
    background-image: url(../images/svg/icon-pos-l.svg);
    left: 11px
}

.ql-editor:after {
    background-image: url(../images/svg/icon-pos-r.svg);
    right: 11px
}

.ql-toolbar button.ql-active {
    background-color: #E9EEF2
}

.ql-catalog .ql-txt {
    font-size: 12px;
    color: #777
}

.ql-editor-wrap-md {
    height: auto
}

.ql-toolbar .mod-action-wrap-b {
    float: right;
    margin: 0 0 0 15px
}

.ql-toolbar .mod-action-wrap-b .txt {
    font-size: 12px;
    color: #777;
    padding: 0 8px
}

.mod-md {
    height: calc(100vh - 64px - 48px);
    overflow: hidden;
    border-top: 1px solid #E8EAEB
}

.mod-md .md-inner {
    height: 100%
}

.mod-md .md-col {
    position: relative;
    width: 50%;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: ease width margin;
    -webkit-transition-duration: .3s;
    -ms-transition: ease width margin;
    -ms-transition-duration: .3s;
    transition: ease width margin;
    transition-duration: .3s;
    display: block
}

.mod-md-edit .md-col-editor, .mod-md-preview .md-col-preview {
    width: 100%
}

.mod-md .md-col-editor {
    float: left;
    background: #F4F6F8;
    box-sizing: border-box
}

.mod-md .md-col-preview {
    float: right
}

.mod-md .md-col-preview-inner {
    padding: 44px 40px;
    max-width: 620px;
    margin: 0 auto
}

.mod-md .md-col-editor-inner {
    height: 100%;
    overflow: hidden;
    padding: 40px 40px 0 22px;
    box-sizing: border-box
}

.mod-md-edit .md-col-editor-inner {
    max-width: 700px;
    margin: 0 auto
}

.mod-md-edit .md-col-preview {
    margin-right: -100%
}

.mod-md-preview .md-col-editor {
    margin-left: -100%
}

@media (max-width: 1560px) {
    .ql-editor {
        padding: 25px 40px
    }

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

@media (max-width: 1440px) {
    .ql-editor {
        box-shadow: 0 0 0 transparent
    }

    .fullscreen .ql-editor {
        padding: 25px calc(90 * 100vw / 1600)
    }
}

@media (max-width: 1300px) {
    .mod-point {
        font-size: 12px
    }

    .ql-editor {
        box-shadow: 0 0 0 transparent
    }

    .layout-main-bd-aside {
        width: 300px
    }

    .mod-nav .mod-action-container {
        width: 249px
    }

    .layout-main-bd-main {
        margin-left: 300px
    }

    .mod-act-panel .mod-action-wrap-a {
        margin-left: 303px
    }

    .mod-dropdown .mod-bubble-menu {
        width: 278px
    }

    .mod-note-group .note-group-list-img {
        width: 54px;
        height: 54px;
        margin-top: 0
    }

    .mod-user .name {
        max-width: 6em
    }
}

@media (max-width: 1080px) {
    .layout-aside, .layout-aside .layout-aside-ft {
        width: 180px
    }

    .layout-aside .layout-aside-ft .mod-progress-info {
        padding-left: 20px;
        padding-right: 20px
    }

    .mod-act-panel .act-panel-inner, .page-home .layout-main-hd .mod-act-panel .act-panel-inner {
        padding-right: 30px
    }

    .layout-aside .mod-logo a {
        margin-left: 30px
    }

    .mod-progress-info .info-txt {
        display: none
    }

    .mod-container-thumb {
        left: 180px
    }

    .layout-body-inner {
        padding-left: 180px
    }

    .mod-logo {
        zoom: .8
    }

    .mod-logo a {
        margin-top: 25px
    }

    .mod-nav .mod-act {
        margin-left: 56px
    }

    .mod-menu-a .menu-list li a {
        padding-left: 40px
    }

    .mod-nav .mod-act-group {
        margin-right: 28px
    }

    .mod-tab-list .tab-list-item {
        margin-right: 18px
    }

    .layout-main-bd-main .mod-md, .layout-main-bd-main .ql-editor-wrap, .page-home .layout-main .mod-list-group .list-group-hd, .page-home .layout-main .mod-list-group .list-group-wrapper, .page-team-admin .layout-main-wrap {
        margin-right: 30px
    }

    .mod-list-group .list-group-hd:after, .mod-list-group .list-group-item:after, .mod-list-group .list-group-item:before {
        right: 14px
    }
}

@media (max-width: 1024px) {
    .layout-main-bd-aside {
        width: 260px
    }

    .layout-main-bd-main {
        margin-left: 260px
    }

    .mod-nav .mod-action-container {
        width: 209px
    }

    .mod-user .name {
        max-width: 3em
    }

    .mod-note-group .note-group-list-aside {
        display: none
    }

    .mod-pic-preview .pic-preview-bd .pre {
        left: 15px
    }

    .mod-pic-preview .pic-preview-bd .next {
        right: 15px
    }
}

@media (max-width: 970px) {
    .mod-search.focus .mod-menu-group {
        width: 308px
    }

    .mod-action-wrap-create .icon-add, .mod-action-wrap-upload .icon-upload-s {
        display: none
    }
}

@media (max-height: 750px) {
    .mod-menu .menu-list li a {
        height: 34px;
        line-height: 34px
    }

    .mod-menu-a .menu-list li a {
        height: 40px;
        line-height: 40px
    }
}

@media (max-height: 700px) {
    .mod-menu .add-in {
        margin-bottom: 12px
    }

    .mod-list-group-rencent .list-group-tit {
        height: 40px;
        line-height: 40px
    }

    .mod-list-group .list-group-tit .tit {
        font-size: 14px
    }

    .page-home .mod-status {
        padding-top: 150px
    }
}

@media (max-height: 670px) {
    .mod-menu .add-in {
        margin-bottom: 0
    }

    .mod-menu .menu-list li a {
        height: 32px;
        line-height: 32px
    }

    .mod-menu-a .menu-list li a {
        height: 40px;
        line-height: 40px
    }

    .page-home .mod-status {
        padding-top: 120px
    }
}

@media (max-width: 1410px) {
    .mod-thumb-list .thumb-list-item {
        width: 105px;
        height: 105px
    }
}

@media (max-width: 1280px) {
    .mod-thumb-list .thumb-list-item {
        width: 90px;
        height: 90px
    }

    .mod-list-group-team-message .item-act .btn {
        padding: 0 12px
    }
}

@media (max-width: 1200px) {
    .mod-thumb-list .thumb-list-item {
        width: 80px;
        height: 80px
    }

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

@media (max-width: 1120px) {
    .mod-thumb-list .thumb-list-item {
        width: 70px;
        height: 70px
    }
}

@media (max-width: 1080px) {
    .mod-thumb-list .thumb-list-item {
        width: 70px;
        height: 70px
    }
}

@media (max-width: 1020px) {
    .mod-thumb-list .thumb-list-item {
        width: 60px;
        height: 60px
    }
}

@media (min-width: 1280px) {
    .mod-container .container-hd .hd-tit {
        max-width: 50%
    }
}

@media (max-width: 1160px) {
    .mod-action-wrap-c .action-item-con {
        padding: 0 9px
    }

    .mod-act-group .act-item {
        margin: 0 0 0 5px
    }

    .mod-nav .mod-action-wrap {
        margin-right: 10px
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .mod-note-group .note-group-list, .ql-editor {
        -webkit-font-smoothing: antialiased
    }
}

.CodeMirror {
    height: 100%;
    color: #000;
    direction: ltr
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, .5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: 700
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type, .cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-invalidchar, .cm-s-default .cm-error {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    overflow: hidden;
    background: #fff;
    font-size: 14px;
    line-height: 1.75
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    height: 100%;
    outline: 0;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: 0
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, .4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: 0 0
}

.cm-s-material.CodeMirror {
    background-color: #263238;
    color: rgba(233, 237, 237, 1)
}

.cm-s-material .CodeMirror-gutters {
    background: #263238;
    color: #537f7e;
    border: none
}

.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber {
    color: #537f7e
}

.cm-s-material .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0
}

.cm-s-material div.CodeMirror-selected {
    background: rgba(255, 255, 255, .15)
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
    background: rgba(255, 255, 255, .1)
}

.cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection {
    background: rgba(255, 255, 255, .1)
}

.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection {
    background: rgba(255, 255, 255, .1)
}

.cm-s-material .CodeMirror-activeline-background {
    background: rgba(0, 0, 0, 0)
}

.cm-s-material .cm-keyword {
    color: rgba(199, 146, 234, 1)
}

.cm-s-material .cm-operator {
    color: rgba(233, 237, 237, 1)
}

.cm-s-material .cm-variable-2 {
    color: #80CBC4
}

.cm-s-material .cm-builtin {
    color: #DECB6B
}

.cm-s-material .cm-atom, .cm-s-material .cm-number {
    color: #F77669
}

.cm-s-material .cm-def {
    color: rgba(233, 237, 237, 1)
}

.cm-s-material .cm-string {
    color: #C3E88D
}

.cm-s-material .cm-string-2 {
    color: #80CBC4
}

.cm-s-material .cm-comment {
    color: #546E7A
}

.cm-s-material .cm-variable {
    color: #82B1FF
}

.cm-s-material .cm-meta, .cm-s-material .cm-tag {
    color: #80CBC4
}

.cm-s-material .cm-attribute {
    color: #FFCB6B
}

.cm-s-material .cm-property {
    color: #80CBAE
}

.cm-s-material .cm-qualifier, .cm-s-material .cm-type, .cm-s-material .cm-variable-3 {
    color: #DECB6B
}

.cm-s-material .cm-tag {
    color: rgba(255, 83, 112, 1)
}

.cm-s-material .cm-error {
    color: rgba(255, 255, 255, 1);
    background-color: #EC5F67
}

.cm-s-material .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: #fff !important
}

.cm-s-base16-light.CodeMirror {
    background: #f5f5f5;
    color: #202020
}

.cm-s-base16-light div.CodeMirror-selected {
    background: #e0e0e0
}

.cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection {
    background: #e0e0e0
}

.cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line > span::-moz-selection, .cm-s-base16-light .CodeMirror-line > span > span::-moz-selection {
    background: #e0e0e0
}

.cm-s-base16-light .CodeMirror-gutters {
    background: #f5f5f5;
    border-right: 0
}

.cm-s-base16-light .CodeMirror-guttermarker {
    color: #ac4142
}

.cm-s-base16-light .CodeMirror-guttermarker-subtle, .cm-s-base16-light .CodeMirror-linenumber {
    color: #b0b0b0
}

.cm-s-base16-light .CodeMirror-cursor {
    border-left: 1px solid #505050
}

.cm-s-base16-light span.cm-comment {
    color: #8f5536
}

.cm-s-base16-light span.cm-atom, .cm-s-base16-light span.cm-number {
    color: #aa759f
}

.cm-s-base16-light span.cm-attribute, .cm-s-base16-light span.cm-property {
    color: #90a959
}

.cm-s-base16-light span.cm-keyword {
    color: #ac4142
}

.cm-s-base16-light span.cm-string {
    color: #f4bf75
}

.cm-s-base16-light span.cm-variable {
    color: #90a959
}

.cm-s-base16-light span.cm-variable-2 {
    color: #6a9fb5
}

.cm-s-base16-light span.cm-def {
    color: #d28445
}

.cm-s-base16-light span.cm-bracket {
    color: #202020
}

.cm-s-base16-light span.cm-tag {
    color: #ac4142
}

.cm-s-base16-light span.cm-link {
    color: #aa759f
}

.cm-s-base16-light span.cm-error {
    background: #ac4142;
    color: #505050
}

.cm-s-base16-light .CodeMirror-activeline-background {
    background: #DDDCDC
}

.cm-s-base16-light .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: #fff !important
}

.mod-tab-nav .tab-nav-hd {
    border-bottom: 1px solid #E8EAEB;
    font-size: 0
}

.mod-tab-nav .nav-list-item {
    position: relative;
    display: inline-block;
    padding: 9px 16px;
    text-align: center;
    font-size: 14px;
    color: #020202;
    cursor: pointer
}

.mod-tab-nav .nav-list-item.act::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 3px;
    background-color: #2980FF
}

.mod-tab-nav .nav-list-item:hover {
    background-color: #F5F8FA
}

.mod-tab-nav .nav-list-item .item-txt {
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center
}

.el-date-table td, .el-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box
}

.mod-tab-nav .tab-nav-tit {
    margin: 25px 0 10px
}

.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
}

.el-date-table {
    font-size: 12px;
    -ms-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td {
    width: 32px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td div {
    padding: 3px 0;
    box-sizing: border-box
}

.el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%
}

.el-month-table td .cell, .el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px
}

.el-date-table td.next-month, .el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #409EFF;
    font-weight: 700
}

.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #2980FF
}

.el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409EFF
}

.el-date-table td.end-date div, .el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #2980FF
}

.el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-fade-in-enter, .el-fade-in-leave-active, .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active, .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
    opacity: 0
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266
}

.el-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: solid 1px #ebeef5
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    color: #606266;
    margin: 0 auto
}

.el-month-table td .cell:hover, .el-month-table td.current:not(.disabled) .cell {
    color: #409EFF
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table .el-icon {
    color: #303133
}

.el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    color: #606266;
    margin: 0 auto
}

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
    color: #409EFF
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.el-time-spinner__arrow:hover {
    color: #409EFF
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.el-time-spinner__list::after, .el-time-spinner__list::before {
    content: '';
    display: block;
    width: 100%;
    height: 80px
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active, .fade-in-linear-enter-active, .fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.el-fade-in-enter-active, .el-fade-in-leave-active, .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter, .el-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.el-zoom-in-left-enter, .el-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(.45, .45);
    transform: scale(.45, .45)
}

.collapse-transition {
    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out
}

.el-list-enter-active, .el-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s
}

.el-list-enter, .el-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.el-opacity-transition {
    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px
}

.el-date-editor .el-range-input, .el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    width: 37% \9;
    color: #606266;
    background: 0 0
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px;
    cursor: pointer
}

.el-range-editor.is-disabled, .el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-date-editor .el-range__close-icon:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/icon-close.svg)
}

.el-range-editor.el-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active, .el-range-editor.is-active:hover {
    border-color: #2E80FF
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper::after, .el-picker-panel__body::after {
    content: "";
    display: table;
    clear: both
}

.el-picker-panel__content {
    position: relative;
    margin: 15px
}

.el-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: 0;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: #409EFF
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409EFF
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    outline: 0;
    margin-top: 4px;
    margin-top: 0 \9;
    height: 22px;
    cursor: pointer
}

.el-picker-panel__icon-btn:hover {
    color: #409EFF
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto
}

.el-picker-panel [slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 110px
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: solid 1px #ebeef5
}

.el-date-picker__header--bordered + .el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266
}

.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
    color: #409EFF
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__header .el-picker-panel__icon-btn {
    position: relative
}

.el-date-range-picker__header .el-icon-arrow-left:before, .el-date-range-picker__header .el-icon-arrow-right:before, .el-date-range-picker__header .el-icon-d-arrow-left:after, .el-date-range-picker__header .el-icon-d-arrow-left:before, .el-date-range-picker__header .el-icon-d-arrow-right:after, .el-date-range-picker__header .el-icon-d-arrow-right:before {
    content: "";
    border: solid #687176;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    cursor: pointer;
    vertical-align: middle
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-left]:after, .el-date-range-picker__header [class*=arrow-left]:before {
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg)
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header [class*=arrow-right]:after, .el-date-range-picker__header [class*=arrow-right]:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.el-picker-panel__icon-btn:hover:after, .el-picker-panel__icon-btn:hover:before {
    border-color: #2980FF
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content.is-right .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-range-picker__time-header > .el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
}

.el-time-range-picker {
    width: 354px;
    overflow: visible
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed
}

.el-time-panel {
    margin: 5px 0;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.el-time-panel__content::after, .el-time-panel__content::before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed
}

.el-time-panel__content::after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content::before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%
}

.el-time-panel__content.has-seconds::after {
    left: calc(100% / 3 * 2)
}

.el-time-panel__content.has-seconds::before {
    padding-left: calc(100% / 3)
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
    color: #303133
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #409EFF
}

.el-textarea {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 14px
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    outline: 0;
    border-color: #409EFF
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc
}

.el-input::-webkit-scrollbar-corner {
    background: #fff
}

.el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: #909399
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    text-align: center;
    height: 100%;
    color: #c0c4cc
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: #409EFF;
    outline: 0
}

.el-input__suffix {
    right: 5px;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 40px
}

.el-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell
}

.el-input-group__append, .el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap
}

.el-input-group--prepend .el-input__inner, .el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner, .el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group__append:focus, .el-input-group__prepend:focus {
    outline: 0
}

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0
}

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar {
    opacity: 1;
    -webkit-transition: opacity 340ms ease-out;
    transition: opacity 340ms ease-out
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144, 147, 153, .3);
    -webkit-transition: .3s background-color;
    transition: .3s background-color
}

.el-scrollbar__thumb:hover {
    background-color: rgba(144, 147, 153, .5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-out;
    transition: opacity 120ms ease-out
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.el-scrollbar__bar.is-vertical > div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal > div {
    height: 100%
}

.el-popper .popper__arrow, .el-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-popper .popper__arrow {
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.el-popper .popper__arrow::after {
    content: " ";
    border-width: 6px
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow::after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow::after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow::after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
}

.mod-code .code-pic {
    width: 132px;
    height: 132px;
    margin: 0 auto
}

.mod-code .code-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.mod-code .code-info {
    text-align: center;
    margin-top: -1px
}

.mod-code .code-info .tit {
    font-size: 12px;
    float: none;
    font-weight: 400;
    line-height: 34px
}

.mod-code .code-txt {
    text-align: center;
    padding: 33px 0 0
}

.mod-code .code-act {
    text-align: center;
    padding: 12px 0 0
}

.mod-code .code-act a {
    color: #2980FF
}

.mod-code .code-act a:hover {
    text-decoration: underline
}

.layout-wrapper .list-group-item .fileedit, .layout-wrapper .list-group-item .fileedit .ui-input {
    display: inline-block;
    width: 80%;
    box-sizing: border-box
}

.wy-login-wrapper {
    z-index: 3001;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -220px;
    margin-top: -195px
}

/* kaka:180625152144,tic */