i.icon-menu:before {
    content: "\e668"
}

i.icon-home-line:before {
    content: "\e65f"
}

i.icon-password:before {
    content: "\e601"
}

i.icon-username:before {
    content: "\e602"
}

i.icon-member:before {
    content: '\e617'
}

i.icon-widget-datatable:before {
    content: '\e63d'
}

i.icon-widget-combinedtable:before {
    content: '\e635'
}

i.icon-widget-barchart:before {
    content: '\e63f'
}

i.icon-widget-linechart:before {
    content: '\e63e'
}

i.icon-widget-areachart:before {
    content: '\e671'
}

i.icon-widget-piechart:before {
    content: '\e63c'
}

i.icon-widget-radarchart:before {
    content: '\e672'
}

i.icon-widget-text:before {
    content: '\e60f'
}

i.icon-widget-number:before {
    content: '\e60e'
}

i.icon-widget-textarea:before {
    content: '\e60b'
}

i.icon-widget-datetime:before {
    content: '\e60d'
}

i.icon-widget-time:before {
    content: '\e700'
}

i.icon-widget-checkboxgroup:before {
    content: '\e60a'
}

i.icon-widget-radiogroup:before {
    content: '\e608'
}

i.icon-widget-combo:before {
    content: '\e613'
}

i.icon-widget-combocheck:before {
    content: '\e611'
}

i.icon-widget-address:before {
    content: '\e6aa'
}

i.icon-widget-image:before {
    content: '\e713'
}

i.icon-widget-upload:before {
    content: '\e628'
}

i.icon-widget-subform:before {
    content: '\e62a'
}

i.icon-widget-separator:before {
    content: '\e685'
}

i.icon-widget-user:before {
    content: '\e6a4'
}

i.icon-widget-usergroup:before {
    content: '\e6a3'
}

i.icon-widget-location:before {
    content: '\e62b'
}

i.icon-widget-linkquery:before {
    content: '\e6ab'
}

i.icon-widget-linkdata:before {
    content: '\e6ac'
}

i.icon-widget-dept:before {
    content: '\e6be'
}

i.icon-widget-deptgroup:before {
    content: '\e6bf'
}

i.icon-edit:before {
    content: "\e69b"
}

i.icon-batch-edit:before {
    content: "\e665"
}

i.icon-search:before {
    content: "\e622"
}

i.icon-plus:before {
    content: "\e699"
}

i.icon-preview:before {
    content: "\e626"
}

i.icon-save:before {
    content: "\e627"
}

.icon-drag:before {
    content: "\e61c"
}

.icon-caret-down:before {
    content: "\e62c"
}

.icon-trasho:before {
    content: "\e624"
}

.icon-close:before {
    content: "\e638"
}

.icon-release:before {
    content: "\e6b2"
}

.icon-recover:before {
    content: "\e644"
}

i.icon-filter:before {
    content: "\e630"
}

i.icon-angledown:before {
    content: "\e631"
}

i.icon-angleup:before {
    content: "\e634"
}

i.icon-angleleft:before {
    content: "\e632"
}

i.icon-angleright:before {
    content: "\e633"
}

i.icon-file:before {
    content: "\e636"
}

i.icon-reply:before {
    content: "\e623"
}

i.icon-data-picker:before {
    content: "\e6ae"
}

i.icon-upload:before {
    content: "\e63a"
}

i.icon-print:before {
    content: "\e6af"
}

i.icon-arrow-left:before {
    content: "\e648"
}

i.icon-arrow-right:before {
    content: "\e649"
}

i.icon-firstpage:before {
    content: "\e6b1"
}

i.icon-lastpage:before {
    content: "\e6b0"
}

i.icon-cover-1:before {
    content: "\e6e2"
}

i.icon-cover-2:before {
    content: "\e6e4"
}

i.icon-cover-3:before {
    content: "\e6e1"
}

i.icon-cover-4:before {
    content: "\e6e6"
}

i.icon-cover-5:before {
    content: "\e6e5"
}

i.icon-cover-6:before {
    content: "\e6e0"
}

i.icon-cover-7:before {
    content: "\e6e9"
}

i.icon-cover-8:before {
    content: "\e6e3"
}

i.icon-cover-9:before {
    content: "\e6e8"
}

i.icon-cover-10:before {
    content: "\e6e7"
}

i.icon-tick:before {
    content: "\e66a"
}

i.icon-right-circle:before {
    content: "\e66c"
}

i.icon-error-circle:before {
    content: '\e621'
}

i.icon-close-large:before {
    content: "\e679"
}

i.icon-close-normal:before {
    content: "\e6d4"
}

i.icon-spinner:before {
    content: "\e675"
}

i.icon-enlarge:before {
    content: "\e66f"
}

i.icon-shrink:before {
    content: "\e66e"
}

i.icon-signout:before {
    content: "\e605"
}

i.icon-function:before {
    content: "\e669"
}

i.icon-sigma:before {
    content: "\e6a1"
}

i.icon-add:before {
    content: "\e61d"
}

i.icon-add-square:before {
    content: "\e6c1"
}

i.icon-sort:before {
    content: "\e6c0"
}

i.icon-success:before {
    content: "\e6c2"
}

i.icon-douban:before {
    content: "\e64a"
}

i.icon-qzone:before {
    content: "\e64c"
}

i.icon-renren:before {
    content: "\e64d"
}

i.icon-weibo:before {
    content: "\e64f"
}

i.icon-qrcode:before {
    content: "\e67c"
}

i.icon-news:before {
    content: "\e604"
}

i.icon-download:before {
    content: "\e674"
}

i.icon-pin:before {
    content: "\e687"
}

i.icon-question:before {
    content: "\e663"
}

i.icon-advice:before {
    content: "\e690"
}

i.icon-announce:before {
    content: "\e69c"
}

i.icon-solved:before {
    content: "\e698"
}

i.icon-service-heart:before {
    content: "\e6c8"
}

i.icon-service-medal:before {
    content: "\e6c9"
}

i.icon-enterin:before {
    content: "\e652"
}

i.icon-design:before {
    content: "\e653"
}

i.icon-info:before {
    content: "\e654"
}

i.icon-help-slim:before {
    content: "\e6c6"
}

i.icon-help:before {
    content: "\e655"
}

.icon-ok:before {
    content: "\e656"
}

i.icon-export:before {
    content: "\e657"
}

i.icon-clear:before {
    content: "\e65b"
}

i.icon-gavel:before {
    content: "\e662"
}

i.icon-plane:before {
    content: "\e660"
}

i.icon-tag:before {
    content: "\e676"
}

i.icon-clock:before {
    content: "\e677"
}

i.icon-comment:before {
    content: "\e678"
}

i.icon-home:before {
    content: "\e67d"
}

i.icon-bold:before {
    content: "\e67e"
}

i.icon-italic:before {
    content: "\e681"
}

i.icon-underline:before {
    content: "\e684"
}

i.icon-color:before {
    content: "\e610"
}

i.icon-font-size:before {
    content: "\e614"
}

i.icon-unlink:before {
    content: "\e67f"
}

i.icon-link:before {
    content: "\e680"
}

i.icon-list-ol:before {
    content: "\e682"
}

i.icon-list-ul:before {
    content: "\e683"
}

i.icon-image:before {
    content: "\e6a5"
}

i.icon-align-left:before {
    content: "\e707"
}

i.icon-align-center:before {
    content: "\e705"
}

i.icon-align-right:before {
    content: "\e706"
}

i.icon-page-design:before {
    content: "\e686"
}

i.icon-data-manager:before {
    content: "\e688"
}

i.icon-share:before {
    content: "\e689"
}

i.icon-back:before {
    content: "\e68a"
}

i.icon-set:before {
    content: "\e666"
}

i.icon-flow:before {
    content: "\e68b"
}

i.icon-query-setting:before {
    content: "\e68d"
}

i.icon-page-view:before {
    content: "\e68e"
}

i.icon-qq:before {
    content: "\e691"
}

i.icon-wechat:before {
    content: "\e6a7"
}

i.icon-wps:before {
    content: "\e6c4"
}

i.icon-dingtalk:before {
    content: "\e6a2"
}

i.icon-feedback:before {
    content: "\e692"
}

i.icon-folder-close:before {
    content: "\e693"
}

i.icon-folder-open:before {
    content: "\e694"
}

i.icon-form:before {
    content: "\e695"
}

i.icon-report:before {
    content: "\e696"
}

i.icon-aggregate:before {
    content: "\e6ad"
}

i.icon-tag-all:before {
    content: "\e63b"
}

i.icon-video:before {
    content: "\e64b"
}

i.icon-department:before {
    content: "\e65d"
}

i.icon-setting:before {
    content: "\e697"
}

i.icon-jdy-logo:before {
    content: "\e609"
}

i.icon-mingdao:before {
    content: "\e60c"
}

i.icon-excel-import:before {
    content: "\e67b"
}

i.icon-form-blank:before {
    content: "\e661"
}

i.icon-wechat-corp-unbind:before {
    content: "\e6a9"
}

i.icon-media:before {
    content: "\e6d5"
}

i.icon-narrow:before {
    content: "\e6d9"
}

i.icon-enlargement:before {
    content: "\e765"
}

i.icon-pen:before {
    content: "\e755"
}

i.icon-zipfile:before {
    content: "\e659"
}

i.icon-vip-center-logo:before {
    content: "\e6d3"
}

i.icon-vip-center-aggregate:before {
    content: "\e6d2"
}

i.icon-vip-center-user-async:before {
    content: "\e6d1"
}

i.icon-vip-center-app-bridge:before {
    content: "\e6d0"
}

i.icon-vip-center-excel-import:before {
    content: "\e65e"
}

i.icon-vip-center-total-user:before {
    content: "\e6ce"
}

i.icon-vip-center-total-data:before {
    content: "\e6cc"
}

i.icon-vip-center-single-file:before {
    content: "\e69a"
}

i.icon-vip-center-single-file-block:before {
    content: "\e643"
}

i.icon-vip-center-form-data:before {
    content: "\e6cb"
}

i.icon-vip-center-data-backup:before {
    content: "\e6ca"
}

i.icon-vip-center-print:before {
    content: "\e6ed"
}

i.icon-home-query:before {
    content: "\e667"
}

i.icon-home-bill:before {
    content: "\e64e"
}

i.icon-home-lock:before {
    content: "\e639"
}

i.icon-home-etc:before {
    content: "\e616"
}

i.icon-member-normal:before {
    content: "\e69d"
}

i.icon-member-admin:before {
    content: "\e69e"
}

i.icon-member-add:before {
    content: "\e69f"
}

i.icon-member-move:before {
    content: "\e6a0"
}

i.icon-magnifier:before {
    content: "\e6a6"
}

i.icon-app-customize:before {
    content: "\e6a8"
}

i.icon-app-create:before {
    content: "\e6c7"
}

i.icon-wps-create:before {
    content: '\e6eb'
}

i.icon-wps-template:before {
    content: '\e6cd'
}

i.icon-flow-comment:before {
    content: "\e6b4"
}

i.icon-flow-state:before {
    content: "\e6b3"
}

i.icon-flow-todo:before {
    content: "\e6b6"
}

i.icon-flow-create:before {
    content: "\e6b5"
}

i.icon-flow-part:before {
    content: "\e6b7"
}

i.icon-flow-query:before {
    content: "\e6b8"
}

i.icon-flow-user:before {
    content: "\e6b9"
}

i.icon-flow-clear:before {
    content: '\e6ba'
}

i.icon-flow-edit:before {
    content: '\e6c3'
}

i.icon-tip-warning:before {
    content: '\e6bb'
}

i.icon-register-mail:before {
    content: '\e6bc'
}

i.icon-login-wxadmin:before {
    content: '\e6d6'
}

i.icon-login-wxuser:before {
    content: '\e6d7'
}

i.icon-app-menu:before {
    content: '\e6c5'
}

i.icon-app-ref:before {
    content: '\e6ea'
}

i.icon-corp-switch:before {
    content: '\e6df'
}

i.icon-data-auth:before {
    content: '\e733'
}

i.icon-data-recycle:before {
    content: '\e732'
}

i.icon-auth-group:before {
    content: '\e701'
}

i.icon-wechat-ent:before {
    content: '\e6da'
}

i.icon-ding-with-circle:before {
    content: '\e6d8'
}

i.icon-sort-normal:before {
    content: '\e645'
}

i.icon-sort-asc:before {
    content: '\e646'
}

i.icon-sort-desc:before {
    content: '\e647'
}

i.icon-subform-turn:before {
    content: '\e650'
}

i.icon-undo:before {
    content: '\e6ec'
}

i.icon-function-form-ref:before {
    content: '\e6f0'
}

i.icon-function-form-reg:before {
    content: '\e6f1'
}

i.icon-function-data-remind:before {
    content: '\e6f9'
}

i.icon-function-gps:before {
    content: '\e6f5'
}

i.icon-function-subform:before {
    content: '\e6fb'
}

i.icon-function-form-order:before {
    content: '\e6ee'
}

i.icon-function-data-flow:before {
    content: '\e6f4'
}

i.icon-function-data-link:before {
    content: '\e6f6'
}

i.icon-function-data-form:before {
    content: '\e6f7'
}

i.icon-function-data-count:before {
    content: '\e6f2'
}

i.icon-function-chart:before {
    content: '\e6fa'
}

i.icon-function-search-auto:before {
    content: '\e6f8'
}

i.icon-function-report-ref:before {
    content: '\e6ef'
}

i.icon-function-wechat:before {
    content: '\e6fe'
}

i.icon-function-device:before {
    content: '\e6fd'
}

i.icon-function-qy:before {
    content: '\e6fc'
}

i.icon-function-formula:before {
    content: '\e6ff'
}

i.icon-function-corp:before {
    content: '\e704'
}

i.icon-function-lock:before {
    content: '\e703'
}

i.icon-function-query:before {
    content: '\e702'
}

i.icon-function-aggregate:before {
    content: '\e658'
}

i.icon-function-excel:before {
    content: '\e651'
}

i.icon-alliance-share:before {
    content: '\e640'
}

i.icon-alliance-thumb:before {
    content: "\e65c"
}

i.icon-alliance-account:before {
    content: "\e65a"
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes grow {
    0% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.x-c-key {
    color: #178cdf
}

.x-c-key.hv:hover {
    color: #126fb1
}

.x-c-red {
    color: #d84636
}

.x-c-red.hv:hover {
    color: #b73224
}

.x-hide {
    display: none
}

.x-abs {
    position: absolute
}

.x-fixed {
    position: fixed
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    height: 100%
}

body {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

pre {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    white-space: pre-wrap
}

a {
    outline: 0;
    text-decoration: none
}

input,
select,
textarea {
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    margin: 0;
    outline: 0;
    border: 1px solid #ccc
}

img {
    border: 0;
    outline: 0
}

ol,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

.x-iconfont,
i[class*=icon-] {
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: finex;
    src: url(../font/finex/iconfont.eot);
    src: url(../font/finex/iconfont.eot?#iefix) format('embedded-opentype'), url(../font/finex/iconfont.woff) format('woff'), url(../font/finex/iconfont.ttf) format('truetype'), url(../font/finex/iconfont.svg#svgFontName) format('svg')
}

.x-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    height: 36px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: background;
    -moz-transition: background;
    -o-transition: background;
    transition: background;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.x-btn>i {
    margin-right: 5px
}

.x-btn.style-white {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.x-btn.style-white:hover {
    background-color: #ebebeb;
    border-color: #ebebeb
}

.x-btn.style-white:hover.x-ui-disable {
    background-color: #fff;
    border-color: #fff
}

.x-btn.style-blue {
    color: #fff;
    background-color: #178cdf;
    border-color: #178cdf
}

.x-btn.style-blue:hover {
    background-color: #1375ba;
    border-color: #1375ba
}

.x-btn.style-blue:hover.x-ui-disable {
    background-color: #178cdf;
    border-color: #178cdf
}

.x-btn.style-red {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.x-btn.style-red:hover {
    background-color: #d2322d;
    border-color: #d2322d
}

.x-btn.style-red:hover.x-ui-disable {
    background-color: #d9534f;
    border-color: #d9534f
}

.x-btn.style-green {
    color: #fff;
    background-color: #0DB3A6;
    border-color: #0DB3A6
}

.x-btn.style-green:hover {
    background-color: #0a8d83;
    border-color: #0a8d83
}

.x-btn.style-green:hover.x-ui-disable {
    background-color: #0DB3A6;
    border-color: #0DB3A6
}

.x-btn.style-grey {
    color: #333;
    background-color: #d4d4d4;
    border-color: #d4d4d4
}

.x-btn.style-grey:hover {
    background-color: silver;
    border-color: silver
}

.x-btn.style-grey:hover.x-ui-disable {
    background-color: #d4d4d4;
    border-color: #d4d4d4
}

.x-btn.style-white {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
    border-color: #ccc
}

.x-btn.style-white:hover {
    border-color: #ccc
}

.x-btn.style-white:hover.x-ui-disable {
    border-color: #ccc
}

.x-btn.style-none {
    border: none
}

.x-label {
    line-height: 30px
}

.x-label a.link {
    cursor: pointer
}

.x-dialog {
    width: 560px;
    height: 200px;
    margin: 7% auto 0 auto;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(146, 146, 146, .5);
    box-shadow: 0 2px 3px 0 rgba(146, 146, 146, .5)
}

.x-dialog .dialog-header {
    position: relative;
    height: 45px;
    line-height: 45px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
    background: #0DB3A6;
    padding-left: 15px;
}

.x-dialog .dialog-header .icon-close-large {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.x-dialog .dialog-header .icon-close-large:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x-dialog .dialog-header.white {
    color: #333;
    background: #fff
}

.x-dialog .dialog-body {
    position: absolute;
    top: 45px;
    left: 0;
    bottom: 0;
    right: 0;
    color: #333
}

.x-dialog .dialog-body .dialog-btn-row {
    position: absolute
}

.x-dialog .dialog-body .dialog-btn-row .dialog-btn {
    position: relative;
    float: left;
    left: 0;
    width: 120px
}

.x-dialog .dialog-subform {
    overflow: auto
}

.x-window-mask.fadein .x-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.x-window-mask.fadeout .x-dialog {
    -webkit-transform: translate(0, -20%);
    -moz-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    -o-transform: translate(0, -20%);
    transform: translate(0, -20%)
}

.x-window-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.x-window-mask.scrollable {
    overflow: auto
}

.x-window-mask.fadeout {
    opacity: 0
}

.x-window-mask.fadein {
    opacity: 1
}

.x-window-mask.dark {
    background-color: rgba(0, 0, 0, .5)
}

.x-window-mask.light {
    background-color: rgba(240, 240, 240, .8)
}

.x-window-mask.modal {
    position: fixed
}

.x-window-mask>.x-shadow-content {
    -webkit-box-shadow: 0 0 5px rgba(146, 146, 146, .5);
    box-shadow: 0 0 5px rgba(146, 146, 146, .5)
}

.x-loader-icon {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 35px auto 0 auto;
    border: solid 2px rgba(255, 255, 255, .5);
    border-top-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: rotate .8s infinite linear;
    -o-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.x-loader-icon.colorful {
    border: solid 2px rgba(13, 179, 166, .25);
    border-top-color: #0DB3A6
}

.x-layout-table-row {
    position: relative
}

.x-layout-table-row:after,
.x-layout-table-row:before {
    content: " ";
    display: table;
    line-height: 0
}

.x-layout-table-row:after {
    clear: both
}

.x-layout-table-item {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input {
    -webkit-appearance: none
}

input,
textarea {
    font-size: 14px;
    padding: 3px;
    background-color: #fff;
    background-image: none;
    vertical-align: middle;
    border-color: #e0e0e0;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -webkit-transition: border-color 218ms;
    -moz-transition: border-color 218ms;
    -o-transition: border-color 218ms;
    transition: border-color 218ms
}

input {
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, STXihei, SimSun, sans-serif
}

input.x-input {
    width: 100%;
    height: 100%;
    padding: 3px 5px;
}

textarea.x-textarea {
    padding: 5px;
}

.x-input-focus,
.x-textarea-focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #0DB3A6
}

.x-input-error,
.x-textarea-error,
input.error,
select.error,
textarea.error {
    border-color: #d9534f
}

.x-input-warning,
.x-textarea-warning {
    border-color: #f0ad4e
}

.x-input-success,
.x-textarea-success {
    border-color: #0DB3A6
}

.fui_text.x-ui-disable>input,
.fui_textarea.x-ui-disable>input {
    border-color: #e0e0e0
}

.fui_textarea.x-ui-disable>textarea {
    border-color: #e0e0e0
}

.invalid-info {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    display: none;
    padding: 2px;
    border: solid 1px #f0ad4e;
    -webkit-border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
    background: rgba(240, 173, 78, .6);
    color: #d9534f
}

.x-msg-bubble {
    position: absolute;
    min-width: 230px;
    background: #fff;
    z-index: 9999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px rgba(51, 51, 51, .2);
    box-shadow: 0 0 6px rgba(51, 51, 51, .2)
}

.x-msg-bubble.animation {
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px);
    opacity: 0
}

.x-msg-bubble .navi-btn-ok {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.x-msg-bubble .navi-btn-cancel {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.x-msg-bubble .content {
    word-break: break-all;
    word-wrap: break-word
}

.x-msg-bubble .triangle-up {
    z-index: -1;
    position: absolute
}

.x-msg-bubble.dock-left .triangle-up {
    left: 0
}

.x-msg-bubble.dock-right .triangle-up {
    right: 0
}

.x-msg-bubble.dock-bottom .triangle-up {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff;
    bottom: -5px
}

.x-msg-bubble.dock-top .triangle-up {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -5px
}

.x-msg-bubble.active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.x-msg-toast {
    position: fixed;
    z-index: 999999;
    display: none;
    opacity: .9
}

.x-msg-toast .content {
    position: relative;
    overflow: hidden;
    padding: 15px 15px 15px 60px;
    margin: auto;
    width: 300px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
    color: #fff
}

.x-msg-toast .content .toast-icon {
    position: absolute;
    top: 0;
    left: 15px;
    width: 35px;
    height: 100%
}

.x-msg-toast .content i.icon-toast-type {
    font-size: 30px;
    text-align: center
}

.x-msg-toast .content.success {
    background-color: #0DB3A6
}

.x-msg-toast .content.success i:before {
    content: '\e66c'
}

.x-msg-toast .content.error {
    background-color: #d9534f
}

.x-msg-toast .content.error i:before {
    content: '\e621'
}

.x-msg-toast .content.info {
    background-color: #5bc0de
}

.x-msg-toast .content.info i:before {
    content: '\e61e'
}

.x-msg-toast .content.warning {
    background-color: #f0ad4e
}

.x-msg-toast .content.warning i:before {
    content: '\e66d'
}

.x-msg-toast.topcenter {
    width: 100%;
    top: 12px
}

.x-msg-toast.topright {
    width: 300px;
    top: 12px;
    right: 12px
}

.x-msg-alert {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(146, 146, 146, .5);
    box-shadow: 0 1px 3px rgba(146, 146, 146, .5);
    width: 478px;
    padding: 18px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -257px;
    overflow: hidden;
    z-index: 99999
}

.x-msg-alert .title {
    color: #575757;
    font-size: 26px;
    text-align: center;
    margin: 10px 0;
    line-height: 32px
}

.x-msg-alert .text {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300
}

.x-msg-alert .icon {
    width: 80px;
    height: 80px;
    margin: 10px auto;
    box-sizing: content-box
}

.x-msg-alert .icon i.icon-toast-type {
    font-size: 80px;
    text-align: center
}

.x-msg-alert .icon.success {
    color: #0DB3A6
}

.x-msg-alert .icon.success i:before {
    content: '\e66c'
}

.x-msg-alert .icon.error {
    color: #d9534f
}

.x-msg-alert .icon.error i:before {
    content: '\e621'
}

.x-msg-alert .icon.warning {
    color: #f0ad4e
}

.x-msg-alert .icon.warning i:before {
    content: '\e66d'
}

.x-msg-alert .icon.query {
    color: #178cdf
}

.x-msg-alert .icon.query i:before {
    content: '\e655'
}

.x-msg-alert .btn-container {
    margin: 20px auto 0 auto;
    width: 120px
}

.x-msg-alert .btn-container .navi-btn-cancel {
    position: relative;
    float: left;
    left: 10px
}

.x-msg-alert .btn-container .navi-btn-ok {
    position: relative;
    float: right;
    right: 10px
}

.x-msg-alert .btn-container.double {
    width: 240px
}

@keyframes showAlert {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes showAlert {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.showAlert {
    -webkit-animation: showAlert .3s;
    -o-animation: showAlert .3s;
    animation: showAlert .3s
}

.x-msg-broadcast {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-image: linear-gradient(90deg, #5DD090 0, #0DB3A6 86%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-msg-broadcast.translate-in {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.x-msg-broadcast .broadcast-content {
    font-size: 16px;
    color: #FFFBB0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-msg-broadcast .broadcast-btn {
    margin-left: 20px;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #0DB3A6;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.x-msg-broadcast .broadcast-btn:hover {
    background-color: #ebebeb
}

.x-msg-broadcast>i.icon-close-large {
    position: relative;
    float: right;
    right: 20px;
    color: #fff;
    font-size: 22px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    cursor: pointer
}

.x-msg-broadcast>i.icon-close-large:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.broadcast-html {
    -webkit-transition: padding 218ms;
    -moz-transition: padding 218ms;
    -o-transition: padding 218ms;
    transition: padding 218ms
}

.broadcast-html.translate-in {
    padding-top: 50px
}

.x-msg-notice {
    z-index: 9999;
    padding: 15px;
    border-top: solid 3px #47C1BF;
    width: 340px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 0 0 4px 4px;
    -webkit-animation: fadeOutRight 218ms ease-in-out;
    -o-animation: fadeOutRight 218ms ease-in-out;
    animation: fadeOutRight 218ms ease-in-out
}

.x-msg-notice.top-right {
    position: fixed;
    top: 65px;
    right: 20px
}

.x-msg-notice.fade-in {
    -webkit-animation: fadeInRightBig 218ms ease-in-out;
    -o-animation: fadeInRightBig 218ms ease-in-out;
    animation: fadeInRightBig 218ms ease-in-out
}

.x-msg-notice .title {
    color: #fff;
    background: #108EE9;
    border-radius: 4px;
    padding: 0 13px;
    line-height: 22px;
    margin: 0 5px;
    display: inline-block
}

.x-msg-notice .content {
    display: inline-block;
    color: rgba(0, 0, 0, .65);
    line-height: 18px;
    font-size: 12px;
    padding: 5px
}

.x-msg-notice .link {
    padding: 0 5px;
    color: #0DB3A6
}

.x-msg-notice .icon-close-normal {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 12px;
    color: rgba(0, 0, 0, .75);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-msg-notice .icon-close-normal:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x-group {
    line-height: 24px
}

.x-check,
.x-group .group_item {
    cursor: pointer
}

.x-check.horizontal,
.x-group .group_item.horizontal {
    display: inline-block;
    padding-right: 16px;
    vertical-align: top
}

@media (max-width:768px) {
    .x-check.horizontal,
    .x-group .group_item.horizontal {
        display: block
    }
}

.x-check span,
.x-group span {
    margin-left: 5px
}

.x-radio .text-other {
    display: inline-block!important;
    margin-left: 12px
}

.x-radio i {
    color: #6f6f6f
}

.x-radio i:before {
    content: '\e619'
}

.x-check i {
    color: #6f6f6f
}

.x-check i:before {
    content: '\e603'
}

.x-check:hover i,
.x-radio:hover i {
    color: #333
}

.x-radio.select i {
    color: #0DB3A6
}

.x-radio.select i:before {
    content: '\e61a'
}

.x-check.select i {
    color: #0DB3A6
}

.x-check.select i:before {
    content: '\e600'
}

.x-check.x-ui-disable i,
.x-group.x-ui-disable .group_item i,
.x-radio.x-ui-disable i {
    color: #6f6f6f
}

.x-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .175);
    overflow: hidden;
    z-index: 101;
    display: none;
    margin: 2px 0
}

.x-dropdown-list {
    min-width: 160px;
    max-width: 240px;
    max-height: 200px;
    padding: 5px 0;
    overflow: auto
}

.x-dropdown-list .x-dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding: 0 4px;
    display: block;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

.x-dropdown-list .x-dropdown-item.hide {
    display: none
}

.x-dropdown-list .x-dropdown-item:hover {
    color: #fff;
    background-color: rgba(13, 179, 166, .7)
}

.x-dropdown-list .x-dropdown-item:hover>i {
    color: #fff
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

.fui_progress {
    position: relative;
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #e6e6e6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #178cdf;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress-bar.active {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.progress-message {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
    text-align: center;
    width: 100%;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
    text-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-message.bright {
    color: #FAFAFA;
    text-shadow: 0 1px 0 rgba(51, 51, 51, .9)
}

.progress-bar-success {
    background-color: #0DB3A6
}

.progress-bar-info {
    background-color: #178cdf
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.x-ui-popover {
    position: absolute;
    background: #fff;
    border: 1px solid #0DB3A6;
    padding: 5px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0
}

.x-ui-popover.animation {
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px)
}

.x-ui-popover:after,
.x-ui-popover:before {
    position: absolute;
    border: solid transparent;
    content: " ";
    width: 0;
    height: 0;
    pointer-events: none
}

.x-ui-popover:after {
    border-width: 6px
}

.x-ui-popover:before {
    border-width: 7px
}

.x-ui-popover.bottom:after,
.x-ui-popover.bottom:before {
    bottom: 100%;
    left: 50%
}

.x-ui-popover.bottom:after {
    border-bottom-color: #fff;
    margin-left: -6px
}

.x-ui-popover.bottom:before {
    border-bottom-color: #0DB3A6;
    margin-left: -7px
}

.x-ui-popover.top:after,
.x-ui-popover.top:before {
    top: 100%;
    left: 50%
}

.x-ui-popover.top:after {
    border-top-color: #fff;
    margin-left: -6px
}

.x-ui-popover.top:before {
    border-top-color: #0DB3A6;
    margin-left: -7px
}

.x-ui-popover.left:after,
.x-ui-popover.left:before {
    left: 100%;
    top: 50%
}

.x-ui-popover.left:after {
    border-left-color: #fff;
    margin-top: -1px
}

.x-ui-popover.left:before {
    border-left-color: #0DB3A6;
    margin-top: -7px
}

.x-ui-popover .right:after,
.x-ui-popover .right:before {
    right: 100%;
    top: 50%
}

.x-ui-popover .right:after {
    border-right-color: #fff;
    margin-top: -1px
}

.x-ui-popover .right:before {
    border-right-color: #0DB3A6;
    margin-top: -7px
}

.x-ui-popover.warning {
    background: #fef6de;
    color: #d9534f;
    border-color: #f0d6a3
}

.x-ui-popover.warning:after {
    border-top-color: #fef6de
}

.x-ui-popover.warning:before {
    border-top-color: #f0d6a3
}

.x-ui-popover.info,
.x-ui-popover.warning {
    -webkit-box-shadow: 0 0 4px 0 rgba(167, 167, 167, .5);
    box-shadow: 0 0 4px 0 rgba(167, 167, 167, .5)
}

.x-ui-popover.dark {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    border: 0
}

.x-ui-popover.dark.top:after {
    border-top-color: rgba(0, 0, 0, .7)
}

.x-ui-popover.dark.bottom:after {
    border-bottom-color: rgba(0, 0, 0, .7)
}

.x-ui-popover.dark:before {
    display: none
}

.x-ui-popover.fadein {
    opacity: 1
}

.x-ui-popover.fadein.animation {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.x-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px;
    color: #4b4b4b
}

.x-table>tbody,
.x-table>tfoot,
.x-table>thead {
    background-color: #fff
}

.x-table>tbody>tr>td,
.x-table>tbody>tr>th,
.x-table>tfoot>tr>td,
.x-table>tfoot>tr>th,
.x-table>thead>tr>td,
.x-table>thead>tr>th {
    position: relative;
    padding: 8px 16px;
    vertical-align: middle;
    font-weight: 400
}

.x-table>tbody>tr>td.clickable,
.x-table>tbody>tr>th.clickable,
.x-table>tfoot>tr>td.clickable,
.x-table>tfoot>tr>th.clickable,
.x-table>thead>tr>td.clickable,
.x-table>thead>tr>th.clickable {
    cursor: pointer
}

.x-table>tbody>tr>th,
.x-table>tfoot>tr>th,
.x-table>thead>tr>th {
    white-space: nowrap;
    min-height: 36px
}

.x-table>thead>tr>th {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    color: #6E85A1
}

.x-table>thead>tr>th.address-col,
.x-table>thead>tr>th.textarea-col {
    min-width: 240px
}

.x-table>thead>tr>th.datetime-col {
    min-width: 96px
}

.x-table>thead>tr>th.sortable:after {
    font-family: finex;
    content: '\e645';
    position: relative;
    float: right;
    right: 0;
    margin: 2px -15px 2px 0;
    color: #989898
}

.x-table>thead>tr>th.sort.sort-asc:after {
    content: '\e646'
}

.x-table>thead>tr>th.sort.sort-desc:after {
    content: '\e647'
}

.x-table>tbody>tr>td>a[href],
.x-table>tbody>tr>th>a[href] {
    color: #178cdf
}

.x-table-bordered>tbody>tr>td,
.x-table-bordered>tbody>tr>th,
.x-table-bordered>tfoot>tr>td,
.x-table-bordered>tfoot>tr>th,
.x-table-bordered>thead>tr>td,
.x-table-bordered>thead>tr>th {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #E2E2E2
}

.x-table-bordered>tbody>tr>td.h-center,
.x-table-bordered>tbody>tr>th.h-center,
.x-table-bordered>tfoot>tr>td.h-center,
.x-table-bordered>tfoot>tr>th.h-center,
.x-table-bordered>thead>tr>td.h-center,
.x-table-bordered>thead>tr>th.h-center {
    text-align: center
}

.x-table-bordered>tbody>tr>td.h-right,
.x-table-bordered>tbody>tr>th.h-right,
.x-table-bordered>tfoot>tr>td.h-right,
.x-table-bordered>tfoot>tr>th.h-right,
.x-table-bordered>thead>tr>td.h-right,
.x-table-bordered>thead>tr>th.h-right {
    text-align: right
}

.x-table-striped>tbody>tr:nth-child(odd) {
    background-color: #fcfcfd
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.x-table-page-item-count {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 5px 0
}

.x-table-page-item-count>.count-sel {
    display: inline-block;
    margin: 0 6px
}

.x-table-page-item-count>span {
    line-height: 30px
}

.x-resize-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px;
    color: #4b4b4b
}

.x-resize-table>tbody,
.x-resize-table>tfoot,
.x-resize-table>thead {
    background-color: #fff
}

.x-resize-table>tbody>tr>td,
.x-resize-table>tbody>tr>th,
.x-resize-table>tfoot>tr>td,
.x-resize-table>tfoot>tr>th,
.x-resize-table>thead>tr>td,
.x-resize-table>thead>tr>th {
    min-width: 35px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    font-weight: 400;
    overflow: hidden
}

.x-resize-table>tbody>tr>td .content,
.x-resize-table>tbody>tr>th .content,
.x-resize-table>tfoot>tr>td .content,
.x-resize-table>tfoot>tr>th .content,
.x-resize-table>thead>tr>td .content,
.x-resize-table>thead>tr>th .content {
    width: 100%;
    height: 100%
}

.x-resize-table>tbody>tr>td .data,
.x-resize-table>tbody>tr>th .data,
.x-resize-table>tfoot>tr>td .data,
.x-resize-table>tfoot>tr>th .data,
.x-resize-table>thead>tr>td .data,
.x-resize-table>thead>tr>th .data {
    margin: auto;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-resize-table>tbody>tr>td pre,
.x-resize-table>tbody>tr>th pre,
.x-resize-table>tfoot>tr>td pre,
.x-resize-table>tfoot>tr>th pre,
.x-resize-table>thead>tr>td pre,
.x-resize-table>thead>tr>th pre {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-resize-table>tbody>tr>td.clickable,
.x-resize-table>tbody>tr>th.clickable,
.x-resize-table>tfoot>tr>td.clickable,
.x-resize-table>tfoot>tr>th.clickable,
.x-resize-table>thead>tr>td.clickable,
.x-resize-table>thead>tr>th.clickable {
    cursor: pointer
}

.x-resize-table>tbody>tr>th,
.x-resize-table>tfoot>tr>th,
.x-resize-table>thead>tr>th {
    white-space: nowrap;
    min-height: 36px
}

.x-resize-table>thead>tr>th {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    color: #6E85A1
}

.x-resize-table>thead>tr>th.combined-col {
    text-align: center
}

.x-resize-table>thead>tr>th.sortable .data {
    padding-right: 12px
}

.x-resize-table>thead>tr>th.sortable .data:after {
    font-family: finex;
    content: '\e645';
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    margin: 2px 0;
    color: #989898
}

.x-resize-table>thead>tr>th.sort.sort-asc .data:after {
    content: '\e646'
}

.x-resize-table>thead>tr>th.sort.sort-desc .data:after {
    content: '\e647'
}

.x-resize-table>tbody>tr>td>a[href],
.x-resize-table>tbody>tr>th>a[href] {
    color: #178cdf
}

@media print {
    body,
    html {
        height: auto!important
    }
    body {
        margin: 0 auto!important
    }
    .x-ui-notprint {
        display: none!important
    }
    #x-printer {
        display: block!important;
        position: relative!important
    }
}

#x-printer {
    display: none;
    background: #fff
}

#x-printer .form-data-printer {
    margin: 10px auto
}

#x-printer .form-data-printer .widget-wrapper {
    margin: 10px 0
}

#x-printer .form-data-printer .comment-content {
    padding: 0
}

#x-printer .form-data-printer .comment-content .comment-title {
    padding: 0;
    font-weight: 700;
    border: none;
    line-height: 2em
}

#x-printer .form-data-printer .comment-content .comment-item {
    padding: 0;
    border: none
}

#x-printer .form-data-printer .print-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 2em;
    text-align: center;
    border-bottom: 1px dashed #000
}

#x-printer .form-data-printer .print-container {
    margin: 10px auto;
    overflow: hidden
}

#x-printer .form-data-printer .widget-label {
    font-weight: 700;
    line-height: 2em
}

#x-printer .form-data-printer .widget-data {
    line-height: 20px;
    overflow: hidden;
    padding: 2px 0 8px 0;
    min-height: 30px;
    max-width: 100%;
    margin-left: 2em
}

#x-printer .form-data-printer .widget-data>pre {
    white-space: pre-wrap;
    margin: 0
}

#x-printer .form-data-printer .widget-subform {
    margin: 5px 0;
    width: 100%
}

#x-printer .form-data-printer .widget-subform .widget-label {
    line-height: 20px;
    padding: 5px
}

#x-printer .form-data-printer .widget-subform .widget-item {
    padding: 0 5px;
    line-height: 20px;
    min-width: 90px
}

#x-printer .form-data-printer .widget-subform .widget-data {
    margin-left: 0
}

#x-printer .form-data-printer table {
    border-collapse: collapse;
    border-spacing: 0
}

#x-printer .form-data-printer table td {
    border: 1px solid #000
}

.x-slider {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0;
    -webkit-transition: background 218ms;
    -moz-transition: background 218ms;
    -o-transition: background 218ms;
    transition: background 218ms
}

.x-slider .slider-body {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 -1px 4px 0 rgba(191, 191, 191, .6);
    box-shadow: 0 -1px 4px 0 rgba(191, 191, 191, .6);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-slider .slider-body .slider-header {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 65px
}

.x-slider .slider-body .slider-header .header-btn {
    position: absolute;
    top: 14px;
    left: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    padding: 0 15px;
    line-height: 32px;
    border: 1px solid #0DB3A6;
    text-align: center;
    color: #0DB3A6;
    cursor: pointer
}

.x-slider .slider-body .slider-header .header-btn:hover {
    background: #0DB3A6;
    color: #fff
}

.x-slider .slider-body .slider-header .icon-close-large {
    display: block;
    bottom: 0;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    cursor: pointer;
    font-size: 25px;
    color: #a0a0a0
}

.x-slider .slider-body .slider-header .icon-close-large:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x-slider .slider-body .slider-main {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto
}

.x-slider.right .slider-header {
    background: #f7f7f7;
    padding-left: 22px;
    font-size: 16px;
    text-align: left
}

.x-slider.right .slider-header .icon-close-large {
    text-align: center;
    font-size: 16px;
    color: #000
}

.x-slider.right .slider-body {
    right: 0;
    bottom: 0;
    top: 0;
    left: auto;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    background: #f7f7f7;
    -webkit-box-shadow: 0 0 5px 0 rgba(146, 146, 146, .5);
    box-shadow: 0 0 5px 0 rgba(146, 146, 146, .5)
}

.x-slider.fadein {
    background: rgba(240, 240, 240, .8)
}

.x-slider.fadein .slider-body {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.fui-grid {
    cursor: default;
    color: #333;
    font-size: 14px;
    overflow: auto
}

.fui-grid>.fui-grid-table {
    overflow: hidden;
    height: auto
}

.fui-grid>.fui-grid-table>table {
    border-collapse: collapse;
    height: auto;
    width: 100%
}

.fui-grid>.fui-grid-table>table>thead>tr {
    color: #333;
    background-color: #f5f5f5;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-grid>.fui-grid-table>table>thead>tr i.icon-check {
    font-weight: 400;
    color: #999
}

.fui-grid>.fui-grid-table>table>tbody>tr {
    word-break: break-all;
    word-wrap: break-word
}

.fui-grid>.fui-grid-table>table>tbody>tr.even {
    background: #fafafa
}

.fui-grid>.fui-grid-table>table>tbody>tr.hilit {
    background: #f5f5f5
}

.fui-grid>.fui-grid-table>table>tbody>tr.hover {
    background: #f5f5f5
}

.fui-grid>.fui-grid-table>table>tbody>tr i.icon-check {
    color: #999
}

.fui-grid>.fui-grid-table>table>tbody>tr,
.fui-grid>.fui-grid-table>table>thead>tr {
    height: 35px
}

.fui-grid>.fui-grid-table>table>tbody>tr>td,
.fui-grid>.fui-grid-table>table>thead>tr>td {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px
}

.fui-grid>.fui-grid-table>table>tbody>tr>td a,
.fui-grid>.fui-grid-table>table>thead>tr>td a {
    color: #333
}

.fui-grid .x-pagination {
    position: relative;
    right: 0;
    margin: 10px 0
}

.x-pagination {
    position: relative;
    float: right;
    right: 15px;
    line-height: 30px;
    margin: 3px 0
}

.x-pagination:after,
.x-pagination:before {
    content: " ";
    display: table;
    line-height: 0
}

.x-pagination:after {
    clear: both
}

.x-pagination .page-jump {
    position: relative;
    float: right;
    right: 0
}

.x-pagination .page-jump .page-input {
    display: inline-block
}

.x-pagination .page-jump input {
    text-align: right;
    vertical-align: baseline
}

.x-pagination .page-jump .total {
    margin: 0 10px
}

.x-pagination .page-turn {
    position: relative;
    float: right;
    right: 0
}

.x-pagination .page-turn .page-btn {
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #0DB3A6;
    background: #fff;
    text-align: center;
    border: 1px solid #e0e0e0;
    margin-right: -1px;
    outline: 0;
    cursor: pointer
}

.x-pagination .page-turn .page-btn:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.x-pagination .page-turn .page-btn:last-child {
    margin-right: 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.x-pagination .page-turn .page-btn:hover {
    background: #eee
}

.x-pagination .page-turn .page-btn.disabled {
    background: #fff!important;
    color: #6f6f6f;
    cursor: not-allowed
}

.x-navigator {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 2px 0 rgba(207, 207, 207, .5);
    overflow: hidden;
    background: #fff;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.x-navigator.fade-out {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0
}

.x-navigator .menu-item {
    display: inline-block;
    position: relative;
    width: 174px;
    height: 49px;
    text-align: center;
    line-height: 50px;
    color: #ADADAD;
    cursor: pointer;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.x-navigator .menu-item.menu-icon {
    width: 40px;
    font-size: 16px
}

.x-navigator .menu-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 3px;
    right: 3px;
    background: 0 0;
    height: 3px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-navigator .menu-item.active {
    color: #0DB3A6
}

.x-navigator .menu-item.active:after {
    background: #0DB3A6;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.x-navigator .menu-item.fade-out {
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
    opacity: 0
}

.x-navigator-wrapper {
    padding: 5px 0;
    max-height: 385px;
    overflow: auto
}

.x-navigator-wrapper .menu-item {
    position: relative;
    padding: 0 8px 0 30px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
    cursor: pointer
}

.x-navigator-wrapper .menu-item:hover {
    background: #EFEFEF
}

.fui_switch {
    position: relative;
    font-size: 12px;
    overflow: hidden;
    background: #b2b2b2;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .15s;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    transition: background .15s;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fui_switch>.switch-btn {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px
}

.fui_switch.on {
    background: #3DBD7D
}

.fui_switch.off {
    background: #b2b2b2
}

.fui_segment {
    color: #333;
    overflow: hidden;
    line-height: 1.4
}

.fui_segment .fui_segment_item {
    position: relative;
    display: inline-block;
    padding: 7px 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 0 0 -1px;
    background-color: #f4f4f4;
    z-index: 0
}

.fui_segment .fui_segment_item:hover {
    background-color: #e6e6e6
}

.fui_segment .fui_segment_item.selected {
    border-color: #0DB3A6;
    background-color: #0DB3A6;
    color: #fff;
    z-index: 1
}

.fui_segment .fui_segment_item:first-child {
    margin: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fui_segment .fui_segment_item:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.x-ui-disable {
    opacity: .7!important;
    cursor: not-allowed!important
}

.x-ui-hidden {
    display: none!important
}

.fui_dept {
    max-width: 100%
}

.fui_dept .nonsupport-msg {
    color: #d9534f
}

.fui_dept .load-more {
    line-height: 40px;
    color: #989898;
    text-align: center;
    cursor: pointer
}

.fui_dept .select-list {
    background: #fff;
    height: 40px;
    border: dashed 1px #e0e0e0;
    margin-bottom: 8px;
    overflow: auto
}

.fui_dept .select-list .select-empty {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    color: #989898
}

.fui_dept .select-list .select-item {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fui_dept .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fui_dept .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fui_dept .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fui_dept .select-list .select-item .select-icon.icon-department {
    color: #f0ad4e
}

.fui_dept .select-list .select-item .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fui_dept .select-menu {
    position: relative;
    height: 40px;
    padding: 0 10px;
    border: solid 1px #e0e0e0
}

.fui_dept .select-menu .select-btn {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 38px;
    width: 100px;
    height: 38px
}

.fui_dept .select-menu .select-btn.select {
    color: #0DB3A6;
    border-bottom: solid 4px #0DB3A6
}

.fui_dept .select-menu .select-btn:hover {
    color: #0DB3A6
}

.fui_dept .select-menu .icon-search {
    line-height: 38px;
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fui_dept .select-menu .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fui_dept .select-menu .search-input input {
    height: 38px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fui_dept .select-pane {
    position: relative;
    height: 350px;
    border: solid 1px #e0e0e0;
    border-top: none
}

.fui_dept .select-pane .select-department {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_dept .select-pane .select-department .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_dept .select-pane .select-department a {
    padding-right: 30px
}

.fui_dept .select-pane .department-list {
    padding-top: 5px
}

.fui_dept .select-pane .department-list>li {
    cursor: pointer;
    padding: 0 30px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fui_dept .select-pane .department-list>li.current-select,
.fui_dept .select-pane .department-list>li:hover {
    background: #eee
}

.fui_dept .select-pane .department-list .icon-department {
    color: #0DB3A6;
    padding: 0 3px
}

.fui_dept .select-pane .department-list .select-btn {
    position: absolute;
    top: 0;
    right: 7px
}

.fui_dept .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_dept .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fui_dept .select-pane .select-search .search-empty {
    color: #989898
}

.fui_dept .select-pane.select-top {
    top: 40px
}

.fui_dept .select-set-pane {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FAFAFA
}

.fui_dept .select-set-pane .set-list {
    overflow: auto;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 48px;
    -webkit-overflow-scrolling: touch
}

.fui_dept .select-set-pane .select-search {
    margin: 5px;
    position: relative
}

.fui_dept .select-set-pane .select-search .search-input {
    height: 30px
}

.fui_dept .select-set-pane .select-search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    bottom: 0
}

.fui_dept .select-set-pane .select-empty {
    line-height: 50px;
    text-align: center;
    color: #989898
}

.fui_dept .select-set-pane .select-path {
    padding: 10px;
    border-bottom: solid 1px #e0e0e0
}

.fui_dept .select-set-pane .select-path li {
    display: inline-block
}

.fui_dept .select-set-pane .select-path li.path-item {
    color: #0DB3A6
}

.fui_dept .select-set-pane .select-depart .depart-back {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 40px;
    color: #fff
}

.fui_dept .select-set-pane .select-depart .depart-item {
    padding: 0 5px;
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fui_dept .select-set-pane .select-depart .depart-item .icon-department {
    color: #f0ad4e;
    padding: 0 5px
}

.fui_dept .select-set-pane .select-depart .icon-angleright {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_dept .select-set-pane .set-btn-pane {
    background: #FAFAFA;
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px 0;
    text-align: center
}

.fui_dept .select-set-pane .set-btn-pane .set-btn {
    margin: 0 10px;
    display: inline-block
}

.fui_dept_group .select-list {
    height: 75px
}

.fui_dept_group .select-list .select-empty {
    line-height: 72px
}

.fui_dept_group .select-set-pane .set-list {
    top: 95px
}

.fui_dept_group .select-pane {
    height: 320px
}

.fx_dept_select {
    position: relative
}

.fx_dept_select .select-list {
    cursor: pointer;
    background: #fff;
    border: solid 1px #e0e0e0;
    padding: 2px 0;
    line-height: 24px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap
}

.fx_dept_select .select-item {
    display: inline-block;
    margin: 0 2px;
    padding: 0 3px;
    background: #eee
}

.fx_dept_select .select-item .remove-btn {
    cursor: pointer;
    margin-left: 2px;
    padding: 3px;
    color: #999
}

.fx_dept_select .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fx_dept_select .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fx_dept_select .select-item .select-icon.icon-department {
    color: #f0ad4e
}

.fx_dept_select .select-item .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fx_dept_select .select-input {
    display: inline-block;
    max-width: 80px
}

.fx_dept_select .select-input>input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 24px;
    cursor: pointer
}

.dept-select-pane {
    display: none;
    min-width: 240px
}

.dept-select-pane .department-list,
.dept-select-pane .select-department {
    max-width: 500px;
    max-height: 300px;
    overflow: auto
}

.dept-select-pane .select-department .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.dept-select-pane .select-department a {
    padding-right: 30px
}

.dept-select-pane .department-list {
    padding: 5px 0;
    border-bottom: solid 1px #e0e0e0
}

.dept-select-pane .department-list>li {
    cursor: pointer;
    padding: 0 30px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.dept-select-pane .department-list>li.current-select,
.dept-select-pane .department-list>li:hover {
    background: #eee
}

.dept-select-pane .department-list .icon-department {
    color: #0DB3A6;
    padding: 0 3px
}

.dept-select-pane .department-list .select-btn {
    position: absolute;
    top: 0;
    right: 7px
}

.dept-select-pane .select-search {
    line-height: 30px
}

.dept-select-pane .select-search .search-empty {
    text-align: center;
    color: #989898
}

.x-department-tree {
    overflow: auto
}

.x-department-tree>ul {
    display: inline-block;
    min-width: 100%
}

.x-department-tree li>a {
    height: 30px;
    line-height: 30px
}

.x-department-tree ul>li {
    position: relative;
    white-space: nowrap
}

.x-department-tree ul>li>a {
    width: 100%
}

.x-department-tree ul>li>a.curSelectedNode,
.x-department-tree ul>li>a:hover {
    color: #333;
    background-color: #eee
}

.x-department-tree ul>li>a.curSelectedNode .nav,
.x-department-tree ul>li>a:hover .nav {
    color: #178cdf
}

.x-department-tree ul>li>a .x-tree-check>.nav {
    color: #333
}

.x-department-tree ul>li>a .x-tree-check.select>.nav {
    color: #178cdf
}

.x-department-tree i.ico_close,
.x-department-tree i.ico_docu,
.x-department-tree i.ico_open {
    margin: 0 2px
}

.x-department-tree i.ico_close:before,
.x-department-tree i.ico_docu:before,
.x-department-tree i.ico_open:before {
    content: '\e65d'
}

.x-department-tree .nav-department-edit {
    margin-left: 5px;
    color: #fff
}

.fui_platform .fs-frame-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fui_platform .fs-frame-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    overflow: hidden;
    border-right: solid 1px #e2e2e2
}

.fui_platform .fs-frame-content {
    position: absolute;
    top: 0;
    left: 280px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .4)
}

.fui_platform .fs-frame-path {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: solid 1px #e2e2e2
}

.fui_platform .fs-frame-entry-content {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_platform .content-empty {
    display: none;
    margin: 20% auto;
    text-align: center
}

.fui_platform .content-empty .empty-img {
    margin: 20px auto;
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/app_view_empty.png);
    width: 206px;
    height: 172px
}

.fui_platform .content-empty .empty-title {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
    color: #757575
}

.fui_platform .content-empty span {
    line-height: 20px;
    color: #989898
}

.fui_platform .fs-frame-scroll {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.fui_platform .fs-frame-split {
    position: relative;
    height: 0;
    width: 95%;
    left: 5%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 10px 0
}

.fui_platform .fs-menu-item {
    position: relative;
    display: block;
    cursor: pointer;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px
}

.fui_platform .fs-menu-item>.flow-count {
    margin: 10px 0;
    padding: 0 8px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 20px;
    background: #f96d64;
    border-radius: 10px
}

.fui_platform .fs-menu-home {
    margin-top: 10px
}

.fui_platform .fs-content-card {
    cursor: pointer;
    position: relative;
    float: left;
    left: 0;
    width: 150px;
    height: 135px;
    background-color: #fff;
    padding: 0;
    margin: 15px 20px;
    box-shadow: 0 0 5px rgba(30, 30, 30, .3);
    overflow: hidden
}

.fui_platform .fs-content-card img {
    width: 150px;
    height: 105px
}

.fui_platform .fs-content-card div {
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    font-size: 14px;
    background-color: #e1ecf5
}

.fui_platform .fs-group-title {
    margin-top: 15px;
    padding-left: 27px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui_platform .fs-group-title-d {
    padding-left: 5px;
    border-left: 6px solid #00b0f4
}

.fui_platform .fs-group-content {
    padding: 20px 20px 5px 20px;
    position: relative;
    overflow: hidden
}

.fui_platform .breadcrumb>li {
    color: #555;
    display: inline-block;
    margin-left: 5px
}

.fui_platform .breadcrumb>li>a {
    color: #4c8fbd
}

.fui_platform .breadcrumb>li>i {
    font-size: 16px
}

.fui_platform .breadcrumb>.form-view {
    position: absolute;
    top: 5px;
    right: 10px
}

.fui_platform .breadcrumb .stash-record {
    position: absolute;
    top: 5px;
    right: 35px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #178cdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.fui_platform .breadcrumb .stash-count {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding: 2px 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #5BB5F6
}

.fui_platform i.icon-tree-group:before {
    content: '\e693'
}

.fui_platform .fs-admin-combo,
.fui_platform .fs-message-combo {
    background-color: #fff;
    position: absolute;
    top: 50px;
    right: 0;
    -webkit-box-shadow: 0 2px 2px 0 #e2e2e2;
    box-shadow: 0 2px 2px 0 #e2e2e2;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.fui_platform .fs-admin-combo a,
.fui_platform .fs-message-combo a {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    color: #333;
    cursor: pointer;
    font-size: 12px
}

.fui_platform .fs-admin-combo a:hover,
.fui_platform .fs-favorite-combo a:hover,
.fui_platform .fs-message-combo a:hover {
    color: #fff
}

.fui_platform .fs-message-combo {
    width: 130px;
    height: auto
}

.fui_platform .fs-message-combo-title {
    color: #333;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.fui_platform .fs-admin-combo img {
    position: relative;
    width: 110px;
    height: 110px;
    padding: 10px;
    border-bottom: 1px solid #e2e2e2
}

.fui_platform .fs-resize-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fui_platform .fs-resize-line {
    border-left: dashed 2px #6fd3ff;
    position: absolute;
    overflow: hidden
}

.fui_platform .fs_design_container {
    overflow: auto;
    color: #333;
    background: #F9FAFC
}

.fui_platform .fs-menutree li.group-open i.icon-tree-group:before {
    content: '\e694'
}

.fui_platform .menutree-node {
    position: relative;
    display: block;
    color: #505E66
}

.fui_platform .menutree-node.select {
    background-color: #e6f6f4;
    color: #333
}

.fui_platform .menutree-node.select:before {
    content: ' ';
    background: #0DB3A6;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    -webkit-box-shadow: 2px 0 10px 0 rgba(13, 179, 166, .75);
    box-shadow: 2px 0 10px 0 rgba(13, 179, 166, .75)
}

.fui_platform .menutree-node:hover {
    background-color: #e6f6f4
}

.fui_platform .menutree-node i {
    font-size: 1.3em;
    color: #3DC2B8
}

.fui_platform .menutree-node i.icon-report {
    color: #7EC29C
}

.fui_platform .menutree-node i.icon-form {
    color: #5DA0CC
}

.fui_platform .fs-menutree .menutree-text {
    padding-left: 12px
}

.fui_platform .fui-seb {
    background-color: #fff
}

.fui_platform .fui-fbc {
    color: #333
}

.fui_platform .fui-fhc {
    color: #333
}

.fui_platform .fui-bsb {
    background-color: #00b0f4
}

.fui_platform .fui-bsc {
    color: #00b0f4
}

.fui_platform .fui-bsd {
    border-color: #00b0f4
}

.fui_platform .success-pane {
    height: 200px;
    margin: 100px auto;
    text-align: center;
    font-size: 14px
}

.fui_platform .success-pane .img-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/icon_success.png)
}

.fui_platform .success-pane .msg-title {
    font-size: 28px;
    line-height: 72px;
    color: #0DB3A6
}

.fui_platform .success-pane .button-pane {
    margin: auto;
    text-align: center;
    width: 120px
}

.fui_platform .success-pane .button-pane .button-style {
    margin-top: 20px
}

.fx_system_print_pane {
    padding: 30px;
    width: 100%;
    font-size: 12px
}

.fx_system_print_pane .print-title {
    text-align: center;
    font-weight: 700;
    font-size: 22px
}

.fx_system_print_pane .print-info.with-item-1 .info-item:nth-child(1) {
    width: 100%;
    text-align: right
}

.fx_system_print_pane .print-info.with-item-2 .info-item:nth-child(2) {
    text-align: right
}

.fx_system_print_pane .print-info.with-item-3 .info-item:nth-child(1) {
    width: 100%
}

.fx_system_print_pane .print-info.with-item-3 .info-item:nth-child(3) {
    text-align: right
}

.fx_system_print_pane .info-item {
    display: inline-block;
    width: 50%;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_system_print_pane .info-item .info-label {
    margin-right: 5px
}

.fx_system_print_pane table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0
}

.fx_system_print_pane .print-body {
    table-layout: fixed
}

.fx_system_print_pane td {
    color: #333;
    border: 1px solid #ccc;
    height: 30px;
    min-width: 60px;
    line-height: 20px;
    padding: 5px;
    word-wrap: break-word
}

.fx_system_print_pane td.comment-label {
    min-width: 60px
}

.fx_system_print_pane td.comment-text {
    min-width: 320px
}

.fx_system_print_pane .print-center {
    text-align: center
}

.fx_flow_btn .flow-btn {
    margin: 10px;
    position: relative;
    float: left;
    left: 0
}

.fx_flow_btn .flow-btn:first-child {
    margin-left: 0
}

.fx_flow_btn .flow-btn:last-child {
    margin-right: 0
}

.flow-back-dlg .flow-list-wrapper {
    padding: 15px;
    line-height: 35px
}

.flow-back-dlg .flow-list {
    position: relative;
    height: 240px;
    border: 1px solid #e0e0e0;
    overflow: auto
}

.flow-back-dlg .list-head {
    padding-left: 150px;
    background: #f4f4f4;
    border-bottom: 1px solid #e0e0e0
}

.flow-back-dlg .flow-item {
    width: 100%;
    padding: 0 10px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flow-back-dlg .flow-item .flow-name {
    margin-left: 126px
}

.fui_image .upload-tip {
    padding: 3px 0;
    color: #989898;
    font-size: 12px
}

.fui_combo,
.fui_combocheck,
.fui_combotree,
.fui_datetime,
.fui_trigger {
    position: relative
}

.fui_combo.x-ui-disable .fui_trigger-btn,
.fui_combocheck.x-ui-disable .fui_trigger-btn,
.fui_combotree.x-ui-disable .fui_trigger-btn,
.fui_datetime.x-ui-disable .fui_trigger-btn,
.fui_trigger.x-ui-disable .fui_trigger-btn {
    color: #6f6f6f
}

.fui_trigger-input {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 1px 30px 1px 5px!important
}

.fui_trigger-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    line-height: 28px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    border-left: solid 1px #e0e0e0;
    display: inline-block;
    color: #0DB3A6;
    text-align: center;
    font-size: 16px
}

.fui-text-other {
    position: relative;
    margin-top: 5px
}

.loading-text {
    padding-left: 3px;
    color: #999
}

i.icon-ui-combo:before {
    content: '\e62c'
}

i.icon-ui-checkoff {
    margin-right: 3px
}

i.icon-ui-checkoff:before {
    content: '\e603'
}

.x-dropdown-item.select i.icon-ui-checkoff:before,
i.icon-check:before {
    content: '\e600'
}

.fui_combo-search {
    height: 30px;
    position: relative
}

.fui_combo-search .search-icon {
    color: #999;
    line-height: 30px;
    padding-left: 3px
}

.fui_combo-search>input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border-width: 0 0 1px 0;
    padding-left: 20px;
    background: 0 0
}

.fui_combo-search>input:focus {
    background: 0 0;
    border-color: #e0e0e0;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .075)
}

.x-dropdown-list.combotree-list {
    overflow-x: hidden
}

.x-dropdown-list.combotree-list .curSelectedNode .button {
    color: #FAFAFA
}

.x-dropdown-list.combo-list>.select {
    color: #fff;
    background-color: #0DB3A6
}

.x-dropdown-list .empty-tip {
    text-align: center;
    color: #989898;
    line-height: 40px
}

.fui_datepicker {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 240px;
    margin: 2px 0 0;
    font-size: 14px;
    color: #333;
    background-color: #FAFAFA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    line-height: 0;
    border: none
}

.fui_datepicker table {
    background-color: #fff;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

.fui_datepicker table td {
    text-align: center;
    padding: 2px;
    width: 34px;
    height: 27px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fui_datepicker td.name {
    font-weight: 700
}

.fui_datepicker table td.weekend {
    color: #d9534f
}

.fui_datepicker tbody td.hover {
    background-color: #eee;
    padding: 1px;
    border: 1px solid #e0e0e0
}

.fui_datepicker tfoot td.split {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 1px;
    border-bottom: solid 1px #e0e0e0
}

.fui_datepicker tfoot td.hover,
.fui_datepicker thead td.hover {
    background-color: #eee;
    padding: 1px;
    border: 1px solid #eee
}

.fui_datepicker tbody td.today {
    font-weight: 700;
    color: #178cdf
}

.fui_datepicker tbody td.selected {
    font-weight: 700;
    padding: 1px;
    color: #fff;
    border: 1px solid #178cdf;
    background-color: #178cdf
}

.fui_datepicker thead td.title {
    font-weight: 700;
    text-align: center;
    padding: 2px
}

.fui_datepicker table.mt tbody td {
    width: 58px;
    height: 38px
}

.fui_datepicker td.oday {
    color: #e0e0e0
}

.fui_datepicker td.disabled {
    color: #999
}

.fui_datepicker td i {
    font-size: 18px;
    font-weight: 700
}

.fui_datepicker td table.tt {
    border: 0;
    padding: 0
}

.fui_datepicker table.tt td.common {
    width: 5px
}

.fui_datepicker table.tt tbody td {
    width: 40px;
    height: 14px
}

.fui_datepicker table.tt input {
    margin: 0 auto;
    width: 38px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fui_datepicker table.tt input:focus {
    border-color: #0DB3A6
}

.fui_address .fui_address-select:after,
.fui_address .fui_address-select:before {
    content: " ";
    display: table;
    line-height: 0
}

.fui_address .fui_address-select:after {
    clear: both
}

.fui_address .sel-city,
.fui_address .sel-district,
.fui_address .sel-province {
    position: relative;
    float: left;
    left: 0;
    margin-right: 5px
}

.fui_address .address-detail {
    margin-top: 5px
}

.fui_upload>.fui_progress {
    max-width: 100%
}

.fui_upload .upload-btn {
    position: relative;
    width: 120px;
    height: 30px;
    line-height: 28px;
    overflow: hidden
}

.fui_upload .upload-btn .upload-icon {
    margin-right: 5px;
    font-size: 16px;
    color: #0DB3A6
}

.fui_upload .upload-btn.x-ui-disable .upload-icon {
    color: #6f6f6f
}

.fui_upload .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.fui_upload .upload-btn-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.fui_upload iframe.fake-container {
    display: none
}

.fui_upload .upload-preview-list {
    margin: 5px 0
}

.fui_upload .upload-preview-list.small .upload-info {
    width: 320px;
    height: 90px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview {
    width: 100px;
    padding: 10px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview>.upload-ext-mark {
    position: absolute;
    top: 22px;
    right: 24px;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 4px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview .upload-file-mark {
    font-size: 64px;
    line-height: 70px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-file-info {
    width: 190px;
    padding: 5px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-file-info>.info-text {
    margin: 4px 0
}

.fui_upload .upload-preview-list.small .upload-info>.upload-remove-btn {
    height: 90px;
    line-height: 90px
}

.fui_upload .upload-info {
    width: 430px;
    height: 120px;
    max-width: 100%;
    border-top: 1px solid #e0e0e0;
    background-color: #FAFAFA
}

.fui_upload .upload-info.preview-info {
    top: 0;
    margin-top: 0;
    border-top: none
}

.fui_upload .upload-info>.upload-preview {
    position: relative;
    float: left;
    left: 0;
    width: 45%;
    height: 100%;
    padding: 10px
}

.fui_upload .upload-info>.upload-preview>canvas {
    width: 180px
}

.fui_upload .upload-info>.upload-preview>.upload-ext-mark {
    position: absolute;
    top: 26px;
    right: 96px;
    display: block;
    font-weight: 700;
    line-height: 16px;
    padding: 2px 6px;
    color: #FAFAFA;
    background-color: #0DB3A6
}

.fui_upload .upload-info>.upload-preview .upload-file-mark {
    font-size: 88px;
    line-height: 100px;
    color: #777
}

.fui_upload .upload-info>.upload-file-info {
    position: relative;
    float: left;
    left: 0;
    width: 45%;
    height: 100%;
    line-height: 20px;
    padding: 10px
}

.fui_upload .upload-info>.upload-file-info>.info-text {
    word-break: break-all;
    word-wrap: break-word;
    margin: 10px 0
}

.fui_upload .upload-info>.upload-info-btn {
    position: relative;
    float: right;
    right: 0;
    width: 10%;
    height: 100%;
    font-size: 24px;
    line-height: 120px
}

.fui_upload .upload-info>.upload-info-btn>i {
    color: #777;
    cursor: pointer
}

.fui_upload .upload-info:last-child {
    border-bottom: 1px solid #e0e0e0
}

.fui_upload .upload-info i.icon-upload-remove:hover {
    color: #d9534f
}

.fui_upload .upload-info i.icon-upload-remove:before {
    content: '\e624'
}

.fui-report {
    color: #333;
    background: #fff;
    overflow: auto
}

.fui-report .content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.fui-report .report-content {
    position: relative
}

.fui-report .parameter-content {
    padding: 5px
}

.more-btn .delete-btn {
    position: relative;
    float: left;
    left: 0;
    margin: 10px 0
}

.more-btn .btn-pane.three .delete-btn {
    margin: 10px 20px
}

.more-btn .btn-pane.three .cancel-btn,
.more-btn .btn-pane.three .delete-btn,
.more-btn .btn-pane.three .ok-btn {
    width: 80px!important
}

.fui-form {
    position: relative;
    color: #333;
    background: #fff;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fui-form .flow-info-pane {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.fui-form>.header {
    position: relative;
    padding: 0 50px;
    min-height: 50px;
    line-height: 50px;
    background-color: #0DB3A6;
    text-align: center;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-form>.header .form-exit-icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fui-form>.header .form-exit-icon:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fui-form>.flow-header {
    padding: 0 250px 0 20px;
    text-align: left;
    font-size: 14px
}

.fui-form>.flow-header .flow-comment,
.fui-form>.flow-header .flow-state {
    position: absolute;
    top: 0;
    right: 50px;
    padding: 0 10px;
    cursor: pointer
}

.fui-form>.flow-header .flow-comment:hover,
.fui-form>.flow-header .flow-state:hover {
    background: rgba(255, 255, 255, .1)
}

.fui-form>.flow-header .flow-state+.flow-comment {
    right: 150px
}

.fui-form>.flow-header .icon-flow-comment,
.fui-form>.flow-header .icon-flow-state {
    font-size: 16px;
    padding-right: 8px
}

.fui-form .flow-last-comment {
    line-height: 35px;
    margin: 10px 15px 0 15px;
    padding: 0 80px 0 15px;
    background: #DCEFF6;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-form .flow-last-comment .flow-show-comment {
    color: #0DB3A6;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px
}

.fui-form>.widget-wrapper {
    width: 100%;
    overflow: auto
}

.fui-form>.widget-wrapper>ul {
    margin: 10px 10px
}

.fui-form>.footer {
    position: relative;
    height: 60px;
    border-top: dashed 1px #bcbcbc;
    padding: 0 30px
}

.fui-form>.footer.comment-footer {
    height: 120px
}

.fui-form>.footer>.comment-pane {
    padding: 5px 0;
    line-height: 50px
}

.fui-form>.footer>.comment-pane .comment-content {
    position: absolute;
    top: 5px;
    left: 120px;
    right: 30px
}

.fui-form>.footer>.btn-pane {
    position: relative;
    overflow: hidden;
    height: 100%
}

.fui-form>.footer>.btn-pane.middle {
    margin: auto
}

.fui-form>.footer>.btn-pane.middle.single {
    width: 120px
}

.fui-form>.footer>.btn-pane .cancel-btn,
.fui-form>.footer>.btn-pane .ok-btn,
.fui-form>.footer>.btn-pane .print-btn {
    margin: 10px 0
}

.fui-form>.footer>.btn-pane.float {
    width: 280px
}

.fui-form>.footer>.btn-pane.float .cancel-btn {
    position: relative;
    float: right;
    right: 0
}

.fui-form>.footer>.btn-pane.float .ok-btn {
    position: relative;
    float: left;
    left: 0
}

.fui-form>.footer>.btn-pane.float .print-btn {
    position: relative;
    float: left;
    left: 0
}

.fui-form>.footer>.btn-pane.float .print-btn~.ok-btn {
    position: relative;
    float: right;
    right: 0
}

.fui-form.form-modal .widget-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fui-form.form-modal .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fui-form .widget-view {
    position: relative;
    line-height: 20px;
    padding: 5px 0;
    word-break: break-all;
    word-wrap: break-word
}

.fui-form .widget-view.hide {
    display: none!important
}

.fui-form .widget-view .fl-label {
    padding: 5px 0
}

.fui-form .widget-view .fl-description {
    font-size: 12px;
    color: #777
}

.fui-form .widget-view .fl-description.separator {
    border-top: dashed 1px #979797
}

.fui-form .widget-view.error {
    background: #fef6de
}

.fui-form .widget-view .error-info {
    font-size: 12px;
    color: #d9534f
}

@media (min-width:768px) {
    .fui-form .widget-view {
        padding: 5px 10px
    }
}

.fui-form.grid-layout .x-grid-col-6 {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.label-notnull {
    color: #d84636;
    margin-left: 5px
}

.fui_subform>table {
    background: #fff
}

.fui_subform .btn-itemadd {
    cursor: pointer;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #0DB3A6
}

.fui_subform .btn-itemadd:hover {
    color: #0a837a
}

.fui_subform .btn-itemadd.x-ui-disable {
    color: #6f6f6f
}

.fui_subform i.icon-ui-remove {
    font-size: 18px;
    cursor: pointer;
    color: #d84636
}

.fui_subform i.icon-ui-remove:hover {
    color: #b73224
}

.fui_subform i.icon-ui-remove:before {
    content: '\e61b'
}

.fui_subform .form-cell {
    margin: 3px 0
}

.fui_subform .subform-head {
    background-color: #f5f5f5;
    line-height: 1.4em
}

.fui_subform .subform-head>td {
    width: 170px;
    min-width: 170px;
    word-break: break-all;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.fui_subform .subform-head>td.navi-cell {
    min-width: 0;
    width: auto
}

.fui_subform .subform-line>td {
    border-bottom: 1px solid #ddd
}

.fui_subform .subform-line>td.navi-cell {
    width: auto
}

.fui_subform .subform-none-tip {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #FAFAFA;
    width: 420px;
    height: 80px;
    font-size: 28px;
    text-align: center;
    line-height: 80px;
    color: #777
}

.fui_subform .sub-link-title {
    display: inherit;
    vertical-align: middle;
    min-width: 154px;
    max-width: 154px;
    padding-right: 4px
}

.fui_subform .sub-link-title.sub-linkdata:first-child {
    padding-left: 36px;
    min-width: 190px;
    max-width: 190px
}

.fui_subform .sub-link-title+.form-cell {
    display: none
}

.x-block-bg {
    border: solid 1px #e4e4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff
}

.x-block-bg.no-border {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.x-block-bg.block-fullscreen {
    position: fixed!important;
    left: 0!important;
    top: 0!important;
    margin: 0!important;
    z-index: 1000;
    overflow: hidden;
    -webkit-animation: zoomIn 218ms;
    -o-animation: zoomIn 218ms;
    animation: zoomIn 218ms
}

.x-block-head {
    position: relative;
    height: 35px;
    line-height: 35px;
    background-color: #f1f6f6;
    color: #333
}

.x-block-head>a {
    cursor: pointer;
    position: relative;
    float: right;
    right: 0;
    color: #333;
    margin-right: 14px
}

.x-block-head>a:hover {
    color: #0DB3A6
}

.x-block-head>a span {
    font-size: 12px;
    margin-left: 5px
}

.x-block-body {
    position: relative;
    background: #fff
}

.x-block-head-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 230px;
    bottom: 0;
    padding-left: 5px;
    font-size: 16px
}

i.icon-ui-delete:before {
    content: '\e624'
}

i.icon-ui-ok:before {
    content: '\e656'
}

.fui_parameter .x-block-body {
    min-height: 60px;
    padding: 5px 0
}

.fui_parameter .x-block-body:after,
.fui_parameter .x-block-body:before {
    content: " ";
    display: table;
    line-height: 0
}

.fui_parameter .x-block-body:after {
    clear: both
}

.fui_parameter .fui_parameter_cell {
    position: relative;
    float: left;
    left: 0;
    margin: 5px
}

.fui_parameter .fui_parameter_cell .cell-title {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 3px;
    min-height: 23px
}

.fui_date_limit:after,
.fui_date_limit:before,
.fui_number_limit:after,
.fui_number_limit:before {
    content: " ";
    display: table;
    line-height: 0
}

.fui_date_limit:after,
.fui_number_limit:after {
    clear: both
}

.fui_date_limit .limit-item,
.fui_number_limit .limit-item {
    position: relative;
    float: left;
    left: 0
}

.fui_date_limit .limit-to,
.fui_number_limit .limit-to {
    width: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.fui_date_limit .limit-wrap {
    overflow: hidden
}

.fui_datatable {
    position: relative
}

.fui_datatable.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fui_datatable .table-op-btn-cell {
    font-weight: 400;
    width: 40px;
    min-width: 40px;
    text-align: center
}

.fui_datatable .table-op-btn {
    cursor: pointer
}

.fui_datatable .table-op-btn.x-check {
    font-size: 14px
}

.fui_datatable .table-detail-btn,
.fui_datatable .table-file-btn {
    text-decoration: underline;
    color: #178cdf
}

.fui_datatable .column-resizer {
    position: fixed;
    top: 0;
    left: 0;
    width: 10px;
    cursor: ew-resize
}

.fui_datatable .column-resizer-line {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    border-right: solid 1px #0DB3A6
}

.fui_datatable .column-resizer-line.active {
    display: block
}

.fui_combinedtable .fui_table-wrapper,
.fui_datatable .fui_table-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.fui_combinedtable .fui_table-wrapper .table-scroller,
.fui_datatable .fui_table-wrapper .table-scroller {
    height: 100%;
    overflow: auto
}

.fui_combinedtable .fui_table-wrapper .table-sticky-head,
.fui_combinedtable .fui_table-wrapper .table-sticky-intersect,
.fui_combinedtable .fui_table-wrapper .table-sticky-row-head,
.fui_datatable .fui_table-wrapper .table-sticky-head,
.fui_datatable .fui_table-wrapper .table-sticky-intersect,
.fui_datatable .fui_table-wrapper .table-sticky-row-head {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.fui_combinedtable .fui_table-wrapper .table-sticky-head .x-table,
.fui_combinedtable .fui_table-wrapper .table-sticky-intersect .x-table,
.fui_combinedtable .fui_table-wrapper .table-sticky-row-head .x-table,
.fui_datatable .fui_table-wrapper .table-sticky-head .x-table,
.fui_datatable .fui_table-wrapper .table-sticky-intersect .x-table,
.fui_datatable .fui_table-wrapper .table-sticky-row-head .x-table {
    margin: 0
}

.fui_combinedtable .fui-table-tip,
.fui_datatable .fui-table-tip {
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    font-size: 20px;
    color: #989898;
    text-align: center
}

.fui_combinedtable .fui-table-menu,
.fui_datatable .fui-table-menu {
    position: relative;
    height: 40px;
    width: 100%;
    border-top: 1px solid #E2E2E2
}

.fui_combinedtable .fixed-height .fui_table-wrapper,
.fui_datatable .fixed-height .fui_table-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fui_combinedtable .fixed-height .fui_table-wrapper.has-menu,
.fui_datatable .fixed-height .fui_table-wrapper.has-menu {
    bottom: 40px
}

.fui_combinedtable .fixed-height .fui-table-menu,
.fui_datatable .fixed-height .fui-table-menu {
    position: absolute;
    bottom: 0;
    left: 0
}

i.icon-table-remove-btn {
    color: #d84636;
    cursor: pointer
}

i.icon-table-remove-btn:before {
    content: '\e61b'
}

i.icon-table-remove-btn:hover {
    color: #b73224
}

.fui_tree {
    padding: 5px 0
}

.fui_tree * {
    padding: 0;
    margin: 0
}

.fui_tree a.level15 {
    padding-left: 315px
}

.fui_tree a.level14 {
    padding-left: 294px
}

.fui_tree a.level13 {
    padding-left: 273px
}

.fui_tree a.level12 {
    padding-left: 252px
}

.fui_tree a.level11 {
    padding-left: 231px
}

.fui_tree a.level10 {
    padding-left: 210px
}

.fui_tree a.level9 {
    padding-left: 189px
}

.fui_tree a.level8 {
    padding-left: 168px
}

.fui_tree a.level7 {
    padding-left: 147px
}

.fui_tree a.level6 {
    padding-left: 126px
}

.fui_tree a.level5 {
    padding-left: 105px
}

.fui_tree a.level4 {
    padding-left: 84px
}

.fui_tree a.level3 {
    padding-left: 63px
}

.fui_tree a.level2 {
    padding-left: 42px
}

.fui_tree a.level1 {
    padding-left: 21px
}

.fui_tree li {
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    outline: 0
}

.fui_tree li a {
    padding: 0 7px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 26px;
    line-height: 26px
}

.fui_tree li a:hover {
    color: #FAFAFA;
    background-color: rgba(13, 179, 166, .7)
}

.fui_tree li a.curSelectedNode {
    color: #FAFAFA;
    background-color: #0DB3A6
}

.fui_tree li a.curSelectedNode .nav,
.fui_tree li a:hover .nav {
    color: #FAFAFA
}

.fui_tree li a.curSelectedNode_Edit {
    padding-top: 0;
    background-color: #FFE6B0;
    color: #333;
    height: 16px;
    border: 1px #FFB951 solid;
    opacity: .8
}

.fui_tree li a.tmpTargetNode_inner {
    padding-top: 0;
    background-color: #316AC5;
    color: #fff;
    height: 16px;
    border: 1px #316AC5 solid;
    opacity: .8
}

.fui_tree li .switch.button,
.fui_tree li .x-tree-check.button {
    margin: 0 2px
}

.fui_tree li .x-iconfont.button {
    cursor: pointer;
    color: #0DB3A6
}

.fui_tree li .x-iconfont.button.bottom_open:before,
.fui_tree li .x-iconfont.button.center_open:before,
.fui_tree li .x-iconfont.button.noline_open:before,
.fui_tree li .x-iconfont.button.root_open:before,
.fui_tree li .x-iconfont.button.roots_open:before {
    content: '\e62c'
}

.fui_tree li .x-iconfont.button.bottom_close:before,
.fui_tree li .x-iconfont.button.center_close:before,
.fui_tree li .x-iconfont.button.noline_close:before,
.fui_tree li .x-iconfont.button.root_close:before,
.fui_tree li .x-iconfont.button.roots_close:before {
    content: '\e66b'
}

.fui_tree li .x-iconfont.button.bottom_docu:before,
.fui_tree li .x-iconfont.button.center_docu:before,
.fui_tree li .x-iconfont.button.noline_docu:before,
.fui_tree li .x-iconfont.button.root_docu:before,
.fui_tree li .x-iconfont.button.roots_docu:before {
    content: ' ';
    display: inline-block;
    width: 14px
}

.fui_separator .sep-line {
    border-top: solid 1px #e0e0e0;
    height: 0
}

.fui-form .fl-description a,
.fui_separator a,
.x-html a,
.x-richtext a {
    color: #178cdf
}

.fui-form .fl-description p,
.fui_separator p,
.x-html p,
.x-richtext p {
    margin: 0
}

.fui-form .fl-description .note-list,
.fui_separator .note-list,
.x-html .note-list,
.x-richtext .note-list {
    padding-left: 1.5em
}

.fui-form .fl-description ul.note-list>li,
.fui_separator ul.note-list>li,
.x-html ul.note-list>li,
.x-richtext ul.note-list>li {
    list-style-type: circle
}

.fui-form .fl-description ol.note-list>li,
.fui_separator ol.note-list>li,
.x-html ol.note-list>li,
.x-richtext ol.note-list>li {
    list-style-type: decimal
}

.x-html {
    word-break: break-all;
    word-wrap: break-word
}

.fui_file_preview {
    color: #e6e6e6
}

.fui_file_preview .file-item>img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: auto;
    max-height: none;
    max-width: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.fui_file_preview .file-item>.file-detail-wrapper {
    background-color: #FAFAFA;
    color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    padding: 10px;
    min-width: 300px;
    max-width: 40%;
    margin: 50px auto 0 auto
}

.fui_file_preview .file-item>.file-detail-wrapper .file-ico {
    position: relative;
    color: #777;
    font-size: 180px;
    margin-bottom: 20px
}

.fui_file_preview .file-item>.file-detail-wrapper .file-ico .file-type {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 30px;
    font-size: 24px;
    font-weight: 700;
    padding: 4px 10px;
    color: #fafafa;
    background-color: #178cdf
}

.fui_file_preview>.file-nav {
    color: #e6e6e6;
    font-size: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    background-color: rgba(255, 255, 255, .3)
}

.fui_file_preview>.file-nav:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .4)
}

.fui_file_preview>.file-nav.close {
    position: absolute;
    top: 3px;
    right: 15px
}

.fui_file_preview>.file-nav.next {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -25px
}

.fui_file_preview>.file-nav.prev {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -25px
}

.fui_file_preview>.file-nav.download {
    position: absolute;
    top: 3px;
    right: 70px
}

.fui_file_preview>.file-nav.enlargement {
    position: absolute;
    top: 3px;
    right: 125px
}

.fui_file_preview>.file-nav.narrow {
    position: absolute;
    top: 3px;
    right: 180px
}

.fui_file_preview>.file-counter {
    position: absolute;
    top: 3px;
    left: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
    background-color: rgba(255, 255, 255, .3)
}

.fui-form-data {
    position: relative;
    color: #333;
    background: #fff;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.fui-form-data .preview-title-pane {
    width: 100%;
    height: 50px;
    position: relative;
    background: #0DB3A6;
    padding: 0 30px
}

.fui-form-data .preview-title-pane~.widget-wrapper {
    top: 50px
}

.fui-form-data .preview-title-pane .preview-title {
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-form-data .preview-title-pane .preview-title.left {
    font-size: 14px;
    text-align: left
}

.fui-form-data .preview-title-pane .pane-menu-item {
    position: relative;
    float: left;
    left: 0;
    margin: 10px 40px 0 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #fff;
    cursor: pointer
}

.fui-form-data .preview-title-pane .pane-menu-item.active {
    border-bottom: 3px solid #fff
}

.fui-form-data .preview-title-pane .pane-menu-item:hover {
    border-bottom: 3px solid #fff
}

.fui-form-data .preview-title-pane .flow-state {
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0;
    cursor: pointer;
    line-height: 50px;
    padding: 0 10px;
    color: #fff
}

.fui-form-data .preview-title-pane .flow-state:hover {
    background: rgba(255, 255, 255, .1)
}

.fui-form-data .preview-title-pane .flow-state .icon-flow-comment,
.fui-form-data .preview-title-pane .flow-state .icon-flow-state {
    font-size: 16px;
    padding-right: 8px
}

.fui-form-data .flow-info-pane {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.fui-form-data .form-data-exit-icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fui-form-data .form-data-exit-icon:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fui-form-data .switch-tip {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 190px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #989898;
    text-align: center
}

.fui-form-data .switch-tip .prev {
    margin-right: 10px
}

.fui-form-data .switch-tip .next {
    margin-left: 10px
}

.fui-form-data .switch-tip.widen {
    width: 210px
}

.fui-form-data .widget-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fui-form-data .widget-wrapper.hide-left {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.fui-form-data .widget-wrapper.hide-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.fui-form-data .widget-wrapper .data-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fui-form-data .widget-wrapper .data-wrapper>ul {
    margin: 10px 10px
}

.fui-form-data .widget-wrapper .flow-menu~.data-wrapper {
    top: 50px
}

.fui-form-data .widget-wrapper .preview-edit-pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    background-color: #f3f7f7;
    display: block
}

.fui-form-data .widget-wrapper .preview-edit-pane~.data-wrapper {
    top: 40px
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane {
    position: absolute;
    top: 0;
    right: 20px
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn {
    font-size: 16px;
    position: relative;
    float: left;
    left: 0;
    color: #0DB3A6;
    cursor: pointer;
    margin: 0 10px
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn.disabled {
    color: #9c9c9c
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-num {
    position: relative;
    float: left;
    left: 0
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane {
    position: absolute;
    top: 0;
    left: 20px
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a {
    float: right;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    color: #333
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover {
    color: #0DB3A6
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover.style-red {
    color: #ff3939
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a span {
    padding: 0 5px
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-edit,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-state,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-print,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-recover,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-trasho {
    color: #0DB3A6
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-edit.style-red,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-state.style-red,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-print.style-red,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-recover.style-red,
.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-trasho.style-red {
    color: #ff3939
}

.fui-form-data .flow-state-wrapper {
    overflow: auto;
    position: relative
}

.fui-form-data .widget-data-view {
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    margin: 5px 20px;
    border-bottom: solid 1px #eee
}

.fui-form-data .widget-data-view .widget-label {
    font-size: 12px;
    line-height: 25px;
    color: #989898
}

.fui-form-data .widget-data-view .widget-data {
    line-height: 20px;
    overflow: auto;
    padding: 2px 0 8px 0;
    min-height: 30px;
    max-width: 100%
}

.fui-form-data .widget-data-view .widget-data pre {
    white-space: pre-wrap;
    margin: 0
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-label {
    line-height: 20px;
    padding: 5px 0
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-label tr {
    background: #f5f5f5
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-data {
    padding: 5px 2px
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-data tr:nth-child(even) {
    background: #f5f5f5
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-item {
    padding: 0 2px;
    line-height: 20px;
    min-width: 146px
}

.fui-form-data .footer {
    position: relative;
    height: 60px;
    border-top: dashed 1px #bcbcbc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fui-form-data .footer>.btn-pane {
    margin: auto;
    overflow: hidden
}

.fui-form-data.relative-height .widget-wrapper {
    top: 0;
    position: relative
}

.fui-form-data.relative-height .widget-wrapper .data-wrapper {
    position: relative
}

.fui-form-data.relative-height .flow-menu~.data-wrapper {
    top: 0
}

.fui-form-data.relative-height .fx_flow_state {
    position: absolute;
    top: 50px
}

.fui-form-data.relative-height .footer {
    position: relative
}

.fui_user,
.fui_user_group {
    max-width: 100%
}

.fui_user .nonsupport-msg,
.fui_user_group .nonsupport-msg {
    color: #d9534f
}

.fui_user .load-more,
.fui_user_group .load-more {
    line-height: 40px;
    color: #989898;
    text-align: center;
    cursor: pointer
}

.fui_user .select-list,
.fui_user_group .select-list {
    background: #fff;
    height: 40px;
    border: dashed 1px #e0e0e0;
    margin-bottom: 8px;
    overflow: auto
}

.fui_user .select-list .select-empty,
.fui_user_group .select-list .select-empty {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    color: #989898
}

.fui_user .select-list .select-item,
.fui_user_group .select-list .select-item {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fui_user .select-list .select-item .remove-btn,
.fui_user_group .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fui_user .select-list .select-item .remove-btn:hover,
.fui_user_group .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fui_user .select-list .select-item .select-icon,
.fui_user_group .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fui_user .select-list .select-item .select-icon.icon-department,
.fui_user_group .select-list .select-item .select-icon.icon-department {
    color: #f0ad4e
}

.fui_user .select-list .select-item .select-icon.icon-member-normal,
.fui_user_group .select-list .select-item .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fui_user .select-menu,
.fui_user_group .select-menu {
    position: relative;
    height: 40px;
    padding: 0 10px;
    border: solid 1px #e0e0e0
}

.fui_user .select-menu .select-btn,
.fui_user_group .select-menu .select-btn {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 38px;
    width: 100px;
    height: 38px
}

.fui_user .select-menu .select-btn.select,
.fui_user_group .select-menu .select-btn.select {
    color: #0DB3A6;
    border-bottom: solid 4px #0DB3A6
}

.fui_user .select-menu .select-btn:hover,
.fui_user_group .select-menu .select-btn:hover {
    color: #0DB3A6
}

.fui_user .select-menu .icon-search,
.fui_user_group .select-menu .icon-search {
    line-height: 38px;
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fui_user .select-menu .search-input,
.fui_user_group .select-menu .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fui_user .select-menu .search-input input,
.fui_user_group .select-menu .search-input input {
    height: 38px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fui_user .select-pane,
.fui_user_group .select-pane {
    position: relative;
    height: 350px;
    border: solid 1px #e0e0e0;
    border-top: none
}

.fui_user .select-pane .member-menu,
.fui_user_group .select-pane .member-menu {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%
}

.fui_user .select-pane .member-menu .select-department,
.fui_user_group .select-pane .member-menu .select-department {
    overflow: visible
}

.fui_user .select-pane .select-member,
.fui_user_group .select-pane .select-member {
    border-left: solid 1px #e0e0e0;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fui_user .select-pane .select-dynamic li,
.fui_user .select-pane .select-member li,
.fui_user_group .select-pane .select-dynamic li,
.fui_user_group .select-pane .select-member li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fui_user .select-pane .select-dynamic li.current-select,
.fui_user .select-pane .select-dynamic li:hover,
.fui_user .select-pane .select-member li.current-select,
.fui_user .select-pane .select-member li:hover,
.fui_user_group .select-pane .select-dynamic li.current-select,
.fui_user_group .select-pane .select-dynamic li:hover,
.fui_user_group .select-pane .select-member li.current-select,
.fui_user_group .select-pane .select-member li:hover {
    background: #eee
}

.fui_user .select-pane .select-dynamic .select-btn,
.fui_user .select-pane .select-member .select-btn,
.fui_user_group .select-pane .select-dynamic .select-btn,
.fui_user_group .select-pane .select-member .select-btn {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_user .select-pane .select-search,
.fui_user_group .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_user .select-pane .select-search .search-title,
.fui_user_group .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-pane .select-search .search-list li,
.fui_user_group .select-pane .select-search .search-list li {
    cursor: pointer
}

.fui_user .select-pane .select-search .search-list li:hover,
.fui_user_group .select-pane .select-search .search-list li:hover {
    background: #eee
}

.fui_user .select-pane .select-search .search-empty,
.fui_user_group .select-pane .select-search .search-empty {
    color: #989898
}

.fui_user .select-pane.select-top,
.fui_user_group .select-pane.select-top {
    top: 40px
}

.fui_user .select-set-pane,
.fui_user_group .select-set-pane {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FAFAFA
}

.fui_user .select-set-pane .set-list,
.fui_user_group .select-set-pane .set-list {
    overflow: auto;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 48px;
    -webkit-overflow-scrolling: touch
}

.fui_user .select-set-pane .select-search,
.fui_user_group .select-set-pane .select-search {
    margin: 5px;
    position: relative
}

.fui_user .select-set-pane .select-search .search-input,
.fui_user_group .select-set-pane .select-search .search-input {
    height: 30px
}

.fui_user .select-set-pane .select-search .search-btn,
.fui_user_group .select-set-pane .select-search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    bottom: 0
}

.fui_user .select-set-pane .select-empty,
.fui_user_group .select-set-pane .select-empty {
    line-height: 50px;
    text-align: center;
    color: #989898
}

.fui_user .select-set-pane .select-path,
.fui_user_group .select-set-pane .select-path {
    padding: 10px;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-set-pane .select-path li,
.fui_user_group .select-set-pane .select-path li {
    display: inline-block
}

.fui_user .select-set-pane .select-path li.path-item,
.fui_user_group .select-set-pane .select-path li.path-item {
    color: #0DB3A6
}

.fui_user .select-set-pane .select-depart .depart-back,
.fui_user_group .select-set-pane .select-depart .depart-back {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 40px;
    color: #fff
}

.fui_user .select-set-pane .select-depart .depart-item,
.fui_user_group .select-set-pane .select-depart .depart-item {
    padding: 0 5px;
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-set-pane .select-depart .depart-item .icon-department,
.fui_user_group .select-set-pane .select-depart .depart-item .icon-department {
    color: #f0ad4e;
    padding: 0 5px
}

.fui_user .select-set-pane .select-depart .icon-angleright,
.fui_user_group .select-set-pane .select-depart .icon-angleright {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_user .select-set-pane .select-user .user-item,
.fui_user_group .select-set-pane .select-user .user-item {
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-set-pane .select-user .user-item .icon-member-normal,
.fui_user_group .select-set-pane .select-user .user-item .icon-member-normal {
    padding: 0 5px;
    color: #0DB3A6
}

.fui_user .select-set-pane .select-user .user-item.current-user .icon-member-normal,
.fui_user_group .select-set-pane .select-user .user-item.current-user .icon-member-normal {
    color: #f96d64
}

.fui_user .select-set-pane .select-user .select-btn,
.fui_user_group .select-set-pane .select-user .select-btn {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_user .select-set-pane .set-btn-pane,
.fui_user_group .select-set-pane .set-btn-pane {
    background: #FAFAFA;
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px 0;
    text-align: center
}

.fui_user .select-set-pane .set-btn-pane .set-btn,
.fui_user_group .select-set-pane .set-btn-pane .set-btn {
    margin: 0 10px;
    display: inline-block
}

.fui_user_group .select-list {
    height: 75px
}

.fui_user_group .select-list .select-empty {
    line-height: 72px
}

.fui_user_group .select-set-pane .set-list {
    top: 95px
}

.fui_user_group .select-pane {
    height: 320px
}

.fui_location .location-info {
    margin-bottom: 10px;
    width: 240px
}

.fui_location .location-btn {
    background: #FAFAFA
}

.fui_location .location-tip {
    padding: 3px 0;
    color: #989898;
    font-size: 12px
}

.fui_link_data .link-field,
.fui_link_query .link-field {
    padding: 5px 0
}

.fui_link_data .link-field.sub-link,
.fui_link_query .link-field.sub-link {
    display: inline-block;
    padding: 0;
    margin-right: 4px
}

.fui_link_data .link-widget,
.fui_link_query .link-widget {
    max-width: 100%
}

.fui_link_data {
    position: relative
}

.fui_link_data .data-select {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    color: #0DB3A6;
    vertical-align: middle;
    font-size: 20px;
    text-align: center
}

.fui_link_data .data-select:hover {
    background: #eee
}

.fui_link_data .data-list {
    z-index: 1;
    overflow: auto;
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    border: solid 1px #e0e0e0;
    width: 240px;
    height: 240px
}

.fui_link_data .empty-list {
    color: #989898;
    font-size: 16px;
    text-align: center;
    line-height: 200px
}

.fui_link_data .data-item {
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    border-bottom: solid 1px #e0e0e0
}

.fui_link_data .data-item:hover {
    background-color: #eee
}

.fui_link_data .data-item.select {
    background-color: #0DB3A6;
    color: #fff
}

.fui_link_data .data-clear {
    text-align: center;
    color: #0DB3A6
}

.x-banner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ff363d;
    background: rgba(255, 157, 37, .21)
}

.x-banner .icon-close-large {
    float: right;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    color: #333
}

.fui-input-group {
    color: #555
}

.fui-input-group .addon {
    float: left;
    margin-left: -1px;
    vertical-align: middle
}

.fui-input-group .addon:first-child {
    margin-left: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fui-input-group .addon:last-child:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.fui-input-group .mask {
    padding: 0 6px;
    background-color: #eee;
    border: 1px solid #e0e0e0;
    height: 100%
}

.fx_tooltip_pane .tip-icon {
    color: #0DB3A6;
    line-height: 20px;
    margin-left: 5px
}

.fx_config_pane .cfg_title {
    position: relative;
    padding: 0 10px;
    margin-bottom: 6px;
    margin-top: 10px;
    font-weight: 700
}

.fx_config_pane .cfg_title .edit-group {
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 15px
}

.fx_config_pane .cfg_title .edit-group i {
    font-size: 18px;
    cursor: pointer;
    color: #0DB3A6;
    margin-right: 4px
}

.fx_config_pane .cfg_split {
    border-top: solid 1px #e1e1e1;
    height: 0;
    margin: 0 10px 10px 10px
}

.fx_config_pane .cfg_content {
    position: relative;
    margin: 0 10px 6px 10px
}

.fx_config_pane .cfg_content .cfg_title {
    padding: 0 16px 0 0
}

.fx_config_pane .cfg_content .cfg_split {
    margin: 0 0 10px 0
}

.fx_config_pane .cfg_content .group_item {
    line-height: 30px
}

.fx_config_pane .cfg_widget_type {
    position: absolute;
    top: 0;
    left: 170px;
    font-weight: 400;
    z-index: 1;
    width: 80px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
    background-color: #DEF1FF;
    border: solid 1px #90BDDE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_config_pane .cfg_widget_type .widget_type_pane .icon-angledown {
    padding-left: 2px
}

.fx_config_pane .cfg_widget_type .widget_type_list {
    box-shadow: 0 2px 3px rgba(51, 51, 51, .2);
    overflow: hidden;
    display: none;
    background: #fff
}

.fx_config_pane .cfg_widget_type .widget_type_list.list_show {
    display: block
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item {
    text-align: left;
    position: relative;
    padding: 0 5px
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item.item_disable {
    color: #999
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item:hover {
    background-color: #eee
}

.fx_config_pane .cfg_tooltip {
    font-weight: 400;
    color: #0DB3A6;
    margin-left: 5px
}

.fx_config_pane .cfg_tooltip.warning {
    color: #f0ad4e
}

.fx_filter_pane .field-add-btn {
    color: #0DB3A6
}

.fx_filter_pane .field-add-btn:hover {
    color: #0a837a
}

.fx_filter_pane .field-add-tip {
    color: #989898;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px
}

.fx_filter_pane .fx_filter_cell {
    position: relative
}

.fx_filter_pane .fx_filter_cell .icon-trasho {
    color: #d84636;
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
    font-size: 18px
}

.fx_filter_pane .fx_filter_cell .icon-trasho:hover {
    color: #b73224
}

.fx_filter_pane .fx_filter_cell .field-title {
    font-weight: 700
}

.fx_filter_pane .fx_filter_cell .field-split {
    border-top: solid 1px #e0e0e0;
    margin: 10px 0
}

.fx_filter_pane .fx_filter_cell .fui_address .sel-province {
    float: none;
    margin: 0 10px 5px 0
}

.fx_filter_pane .fx_filter_cell .fui_address .sel-city,
.fx_filter_pane .fx_filter_cell .fui_address .sel-district {
    position: relative;
    float: left;
    left: 0;
    margin: 0 10px 0 0
}

.fx_filter_pane .fx_filter_cell .fui_date_limit:after,
.fx_filter_pane .fx_filter_cell .fui_date_limit:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_filter_pane .fx_filter_cell .fui_date_limit:after {
    clear: both
}

.fx_filter_pane .fx_filter_cell .fui_date_limit .limit-item {
    margin-bottom: 5px
}

.fx_filter_pane .fx_filter_cell .fui_date_limit .limit-item.item-title {
    width: 70px;
    height: 30px;
    line-height: 30px
}

.fx_date_config .cfg-pane {
    margin-top: 8px
}

.fx_field_select_pane {
    overflow: auto;
    font-weight: 400
}

.fx_field_select_pane.pop-menu {
    width: 230px;
    max-height: 300px;
    padding: 5px 0;
    -webkit-transition: all;
    -moz-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
    -moz-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
    -o-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
    transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0
}

.fx_field_select_pane.pop-left {
    left: 0
}

.fx_field_select_pane.pop-right {
    right: 15px
}

.fx_field_select_pane.dialog-menu {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(224, 224, 224, .075);
    box-shadow: inset 0 1px 1px rgba(224, 224, 224, .075);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_field_select_pane.active {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    display: block
}

.fx_field_select_pane .menu-list li.disabled>.menu-item {
    opacity: .5
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover {
    cursor: default;
    color: #333;
    background-color: #FAFAFA
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover i {
    color: #0DB3A6
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover .icon-aggregate {
    color: #ac92ec
}

.fx_field_select_pane .menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding: 0 6px;
    display: block;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

.fx_field_select_pane .menu-item>i {
    color: #3DC2B8
}

.fx_field_select_pane .menu-item>i.icon-report {
    color: #7EC29C
}

.fx_field_select_pane .menu-item>i.icon-form {
    color: #5DA0CC
}

.fx_field_select_pane .menu-item>i.icon-aggregate {
    color: #ac92ec
}

.fx_field_select_pane .menu-item:hover {
    color: #fff;
    background-color: rgba(13, 179, 166, .7)
}

.fx_field_select_pane .menu-item:hover>i {
    color: #fff
}

.fx_field_select_pane .menu-item span {
    margin-left: 8px
}

.fx_field_select_pane .field-list {
    padding-left: 20px
}

.fx_form_set_pane {
    border-top: none
}

.fx_form_set_pane .pane-main {
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.fx_form_set_pane .pane-main .main-item {
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.fx_form_set_pane .pane-main .main-item:last-child {
    border-bottom: none
}

.fx_form_set_pane .pane-main .main-item.fade-out {
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    transform: translate(100px, 0);
    opacity: 0
}

.fx_form_set_pane .pane-main .main-item .item-title-line {
    padding: 10px 0;
    overflow: hidden;
    line-height: 20px
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title {
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 18px;
    position: relative;
    float: left;
    left: 0;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title.has-sub {
    width: 100px
}

.fx_form_set_pane .pane-main .main-item .item-title-line .sub-title {
    position: relative;
    float: left;
    left: 0;
    font-size: 12px;
    color: grey
}

.fx_form_set_pane .pane-main .main-item .item-title-line .sub-title>span {
    padding-right: 10px
}

.fx_form_set_pane .pane-main .main-item .item-title-line .sub-title>span.style-green {
    color: #0DB3A6
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn {
    position: relative;
    float: right;
    right: 0;
    font-size: 12px;
    padding: 0 15px;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
    -webkit-transition: color 218ms;
    -moz-transition: color 218ms;
    -o-transition: color 218ms;
    transition: color 218ms
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn:last-child {
    border-left: none
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-green {
    color: #0DB3A6
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-green:hover {
    color: #0a837a
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-red {
    color: #d9534f
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-red:hover {
    color: #c9302c
}

.fx_form_set_pane .pane-main .main-item .pane-line {
    font-size: 12px;
    color: #848484;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn {
    display: inline-block;
    border: 1px solid;
    padding: 0 12px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-warning {
    border-color: #FFD497;
    background: #FFFAEB
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-success {
    border-color: #0DB3A6;
    background: #ebfbfa
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-success .badge {
    background: #0DB3A6
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-default {
    background: #F7F7F7;
    border-color: #e0e0e0
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-info {
    border-color: #178cdf;
    background: #ebfbfa
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-info .badge {
    background: #178cdf
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn .badge {
    margin-left: 10px;
    padding: 0 5px;
    color: #fff;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.fx_form_set_pane .pane-main .main-item .pane-line>i {
    margin-right: 10px
}

.fx_form_set_pane .pane-main .main-item .pane-line>i.style-blue {
    color: #4CAFF4
}

.fx_form_set_pane .pane-main .main-item .pane-line>i.style-blue-dark {
    color: #178cdf
}

.fx_form_set_pane .pane-main .main-item .pane-line>i.style-green {
    color: #1EB666
}

.fx_form_set_pane .pane-main .btn-more {
    text-align: center;
    padding: 10px;
    color: #777;
    cursor: pointer
}

.fx_form_set_pane .pane-main .message-tip {
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #8E8E8E
}

.fx_form_set_pane .pane-main .message-tip a {
    color: #0DB3A6
}

.fx_form_set_pane .pane-footer,
.fx_form_set_pane .pane-header {
    padding: 0 20px 15px 20px
}

.fx_form_set_pane .pane-footer.has-border,
.fx_form_set_pane .pane-header.has-border {
    border-bottom: 1px solid #e0e0e0
}

.fx_form_set_pane .pane-footer .header-btn,
.fx_form_set_pane .pane-header .header-btn {
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    line-height: 28px
}

.fx_formula_pane a {
    position: relative
}

.fx_formula_pane>.formula-title>.formula-name {
    position: relative
}

.fx_formula_pane>.formula-editor {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(224, 224, 224, .075);
    box-shadow: inset 0 1px 1px rgba(224, 224, 224, .075);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
    padding: 10px 10px 54px 10px;
    background-color: #fff;
    overflow-y: auto;
    font-size: 16px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    line-height: 1.5em;
    letter-spacing: .015em;
    word-wrap: break-word;
    cursor: text
}

.fx_formula_pane>.formula-editor.focus {
    border-color: #0DB3A6
}

.fx_formula_pane>.formula-editor.error {
    border-color: #d9534f
}

.fx_formula_pane>.formula-editor span.fi.field {
    display: inline-block;
    padding: 0 5px;
    margin: 1px 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #178cdf;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 14px
}

.fx_formula_pane>.formula-editor .cursor {
    display: inline-block;
    width: 0;
    border-left: 1px solid #333;
    line-height: 16px
}

.fx_formula_pane input.fake-input {
    position: absolute;
    top: 0;
    left: -2000px;
    opacity: 0
}

.fx_formula_field_tab {
    height: 100%
}

.fx_formula_field_tab>.head {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    overflow: hidden;
    height: 30px;
    line-height: 30px
}

.fx_formula_field_tab>.head>.tab {
    cursor: pointer;
    width: 50%;
    height: 30px;
    position: relative;
    float: left;
    left: 0;
    text-align: center
}

.fx_formula_field_tab>.head>.tab.active {
    color: #0DB3A6
}

.fx_formula_field_tab>.fx_field_select_pane.dialog-menu {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.fx_formula_field_tab .fx_field_select_pane {
    box-shadow: inset 0 1px 1px rgba(224, 224, 224, .075);
    border: 1px solid #e0e0e0;
    height: 350px;
}

.fx_formula_field_tab .fx_field_select_pane .field-list {
    padding-left: 0;
    padding: 5px 0;
}

.fx_formula_editor_tip {
    font-size: 12px;
    color: #777;
    text-align: right
}

.fx_formula_editor_tip>a {
    color: #178cdf
}

.fx_formula_editor_tip>a:hover {
    text-decoration: underline
}

.formula-head {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    background: #f3f8fb;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    z-index: 9
}

.formula-head .formula-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 300px
}

.formula-head .formula-equal {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px
}

.formula-foot {
    background: #fff;
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #989898;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    z-index: 9
}

.formula-foot ul {
    font-size: 10px;
    padding: 5px 0 5px 15px;
    margin: 0 10px;
    border-top: solid 1px #e0e0e0
}

.formula-foot ul li {
    line-height: 20px;
    list-style-type: disc
}

.formula-foot ul span.formula-key {
    margin: 0 3px;
    color: #708
}

.formula-foot ul span.formula-field {
    padding: 0 5px;
    margin: 0 3px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #178cdf
}

.x-formula-editor .CodeMirror {
    padding: 44px 5px 44px 5px
}

.x-formula-editor.has-func .CodeMirror {
    padding: 44px 5px 74px 5px
}

i.icon-field-remove:before {
    content: '\e624'
}

i.icon-field-form:before {
    content: '\e695'
}

.fx_config_pane .field-list,
.fx_field_edit_pane .field-list {
    line-height: 26px
}

.fx_config_pane .field-list li.placeholder,
.fx_field_edit_pane .field-list li.placeholder {
    border: dashed 1px #e0e0e0
}

.fx_config_pane .field-list li.dragged,
.fx_field_edit_pane .field-list li.dragged {
    position: absolute;
    opacity: .7;
    z-index: 2000
}

.fx_config_pane .field-list .field-item,
.fx_field_edit_pane .field-list .field-item {
    position: relative
}

.fx_config_pane .field-list .field-item .field-name,
.fx_field_edit_pane .field-list .field-item .field-name {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: move
}

.fx_config_pane .field-list .field-item>.field-label.selected>.edit-group,
.fx_config_pane .field-list .field-item>.field-label:hover>.edit-group,
.fx_field_edit_pane .field-list .field-item>.field-label.selected>.edit-group,
.fx_field_edit_pane .field-list .field-item>.field-label:hover>.edit-group {
    display: block
}

.fx_config_pane .field-list .field-item>.field-label:hover>.field-name,
.fx_field_edit_pane .field-list .field-item>.field-label:hover>.field-name {
    max-width: 200px
}

.fx_config_pane .field-list ul.subform-fields,
.fx_field_edit_pane .field-list ul.subform-fields {
    padding-left: 20px
}

.fx_config_pane .field-list ul.subform-fields .field-name,
.fx_field_edit_pane .field-list ul.subform-fields .field-name {
    width: 178px
}

.fx_config_pane .field-list .edit-group,
.fx_field_edit_pane .field-list .edit-group {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.fx_config_pane .field-list .edit-group i,
.fx_field_edit_pane .field-list .edit-group i {
    font-size: 18px;
    margin-right: 4px;
    cursor: pointer
}

.fx_config_pane .field-list .edit-group i.icon-field-remove,
.fx_field_edit_pane .field-list .edit-group i.icon-field-remove {
    color: #d84636
}

.fx_config_pane .field-list .edit-group i.icon-field-remove:hover,
.fx_field_edit_pane .field-list .edit-group i.icon-field-remove:hover {
    color: #b73224
}

.fx_share_pane {
    height: 30px;
    line-height: 30px
}

.fx_share_pane>a {
    cursor: pointer;
    margin-right: 20px;
    color: #777;
    font-size: 24px
}

.fx_share_pane>a:last-child {
    margin-right: 0
}

.fx_share_pane>a.share-qzone:hover {
    color: #F5BE3F
}

.fx_share_pane>a.share-weibo:hover {
    color: #F56467
}

.fx_share_pane>a.share-douban:hover {
    color: #61CD72
}

.fx_share_pane>a.share-renren:hover {
    color: #71A7DC
}

.fx_share_pane>a.share-qrcode:hover {
    color: #333
}

.fx_share_pane>a.share-mingdao:hover {
    color: #178cdf
}

.fx_share_pane>a.share-wechat:hover {
    color: #34AA5D
}

.fx_check_pane .check_item {
    position: relative;
    line-height: 30px
}

.fx_check_pane .check_item .check_input {
    position: absolute;
    top: 0;
    right: 0
}

.excel-export-grid {
    border: solid 1px #e0e0e0
}

.excel-form-item {
    width: 155px;
    height: 160px;
    text-align: center;
    cursor: pointer;
    padding: 20px;
    color: #eee;
    font-size: 80px
}

.excel-form-item:hover {
    background-color: #eee
}

.excel-form-item:hover .icon-excel-import {
    color: #0DB3A6
}

.excel-form-item:hover .icon-form-blank {
    color: #178cdf
}

.excel-form-item .form-label {
    padding-top: 10px;
    font-size: 14px;
    color: #333
}

.import-progress-info {
    text-align: center;
    font-size: 16px
}

.import-progress {
    width: 450px!important;
    margin: 50px 100px 150px 100px;
    border-radius: 15px
}

.excel-import-foot {
    border-top: solid 1px #e0e0e0;
    width: 650px;
    height: 50px;
    padding: 4px 215px
}

.excel-import-foot .upload-preview-list {
    display: none
}

.excel-import-foot .excel-import-btn {
    width: 90px;
    margin: 0 10px;
    display: inline-block!important
}

.excel-import-foot .excel-import-btn .upload-btn {
    display: inline-block;
    width: 90px;
    height: 36px;
    line-height: 36px
}

.excel-import-foot .excel-import-btn .upload-btn .upload-icon {
    display: none
}

.excel-import-foot.import-foot-single {
    padding: 4px 270px
}

.excel-import-info {
    width: 650px;
    height: 400px
}

.excel-import-info .success {
    font-size: 80px;
    margin: 120px auto 40px auto;
    width: 80px;
    color: #0DB3A6
}

.excel-import-info .error {
    font-size: 80px;
    margin: 120px auto 40px auto;
    width: 80px;
    color: #d9534f
}

.excel-import-info .info {
    width: 650px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
}

.excel-import-table {
    position: relative;
    width: 650px;
    height: 400px;
    padding: 0 15px
}

.excel-import-table .excel-import-tool {
    line-height: 50px;
    width: 620px;
    height: 50px
}

.excel-import-table .excel-import-tool .excel-import-name {
    padding: 0 10px;
    display: inline-block
}

.excel-import-table .excel-import-grid {
    width: 620px;
    height: 340px
}

.import-tip {
    font-size: 12px;
    line-height: 20px;
    padding: 40px 0 0 40px
}

.import-tip li {
    color: #969696
}

.import-tip .tip {
    border-radius: 50%;
    background-color: #969696;
    width: 5px;
    height: 5px;
    margin: 7px 5px 0 0;
    float: left
}

.fx_field_auth {
    border: solid 1px #e0e0e0;
    font-size: 13px
}

.fx_field_auth.auth {
    overflow: auto
}

.fx_field_auth.auth span {
    margin: 0
}

.fx_field_auth.auth .head {
    padding-left: 5px;
    height: 24px;
    line-height: 24px
}

.fx_field_auth.auth i.icon-help {
    color: #0DB3A6;
    margin-left: 4px;
    cursor: pointer
}

.fx_field_auth.auth .view {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 30px
}

.fx_field_auth.auth .edit {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 150px
}

.fx_field_auth.auth li {
    padding: 0 200px 0 5px
}

.fx_field_auth.flow .head {
    border-bottom: solid 1px #e0e0e0;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    background: #FAFAFA
}

.fx_field_auth.flow .head .opt {
    position: relative;
    float: right;
    right: 0;
    margin-left: 10px
}

.fx_field_auth.flow .head .icon-help {
    cursor: pointer;
    line-height: 30px;
    position: relative;
    float: right;
    right: 0;
    color: #0DB3A6
}

.fx_field_auth ul>li {
    position: relative;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 145px 0 5px
}

.fx_field_auth ul>li.subform-item {
    padding-left: 20px
}

.fx_field_auth ul>li a {
    width: 14px;
    font-size: 14px;
    cursor: pointer;
    display: block
}

.fx_field_auth ul>li a.view {
    position: absolute;
    top: 0;
    right: 88px
}

.fx_field_auth ul>li a.edit {
    position: absolute;
    top: 0;
    right: 126px
}

.fx_field_auth ul>li a.brief {
    position: absolute;
    top: 0;
    right: 40px
}

.fui_excel_grid {
    overflow: auto;
    border: solid 1px #E2E2E2
}

.fui_excel_grid table {
    table-layout: fixed
}

.fui_excel_grid table tbody tr.row-head,
.fui_excel_grid table tbody>tr:hover {
    cursor: pointer;
    background: #eee
}

.fui_excel_grid table tbody tr.row-head td.row-idx .row-label,
.fui_excel_grid table tbody>tr:hover td.row-idx .row-label {
    display: block
}

.fui_excel_grid table tbody tr.row-head td.row-idx .row-num,
.fui_excel_grid table tbody>tr:hover td.row-idx .row-num {
    display: none
}

.fui_excel_grid table tr {
    line-height: 30px
}

.fui_excel_grid table tr.row-disable {
    color: #989898
}

.fui_excel_grid table tr.row-head {
    font-weight: 700
}

.fui_excel_grid table tr.last-child td {
    border-bottom: none
}

.fui_excel_grid table td {
    max-width: 175px;
    min-width: 170px;
    padding: 0 7px;
    text-align: center;
    border-bottom: solid 1px #E2E2E2;
    border-right: solid 1px #E2E2E2
}

.fui_excel_grid table td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui_excel_grid table td .row-label {
    display: none
}

.fui_excel_grid table td .widget-cell {
    text-align: center
}

.fui_excel_grid table td.last-child {
    border-right: none
}

.fui_excel_grid table thead tr {
    height: 40px
}

.fx_step_pane {
    width: 650px;
    height: 60px;
    padding: 0 25px;
    border-bottom: solid 1px #e0e0e0
}

.fx_step_pane .progress-step {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 150px;
    height: 60px;
    color: #e0e0e0
}

.fx_step_pane .progress-step .step-message {
    line-height: 30px
}

.fx_step_pane .progress-step .step-point {
    display: inline-block;
    border-radius: 50%;
    background: #e0e0e0;
    width: 14px;
    height: 14px
}

.fx_step_pane .progress-step .step-line {
    position: absolute;
    top: 36px;
    left: -68px;
    width: 146px;
    border-bottom: solid 2px #e0e0e0
}

.fx_step_pane .progress-step .step-line.right {
    left: 80px
}

.fx_step_pane .progress-step.select {
    color: #0DB3A6
}

.fx_step_pane .progress-step.select .step-point {
    background: #0DB3A6
}

.fx_step_pane .progress-step.select .step-line {
    border-color: #0DB3A6
}

.fx_step_pane .progress-step.current .step-message {
    font-size: 16px
}

.fx_step_pane .progress-step.current .step-line.right {
    border-color: #e0e0e0
}

.fx_validator_pane .validator-list>li {
    padding-right: 45px;
    margin-bottom: 5px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.fx_validator_pane .validator-list>li>.item-icon {
    font-size: 18px;
    margin-left: 4px;
    display: none
}

.fx_validator_pane .validator-list>li>.item-icon.icon-edit {
    position: absolute;
    top: 0;
    right: 30px
}

.fx_validator_pane .validator-list>li>.item-icon.icon-trasho {
    position: absolute;
    top: 0;
    right: 5px;
    color: #d84636
}

.fx_validator_pane .validator-list>li>.item-icon.icon-trasho:hover {
    color: #b73224
}

.fx_validator_pane .validator-list>li:hover .item-icon {
    display: inline
}

.fx_item_link {
    position: relative
}

.fx_item_link .title {
    line-height: 35px;
    padding: 0 5px
}

.fx_item_link .item-pane {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 200px
}

.fx_item_link .widget-pane {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 340px
}

.fx_item_link .item-list,
.fx_item_link .widget-list {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid 1px #e0e0e0;
    overflow: auto;
    overflow-x: hidden;
}

.fx_item_link .widget-list table {
    width: 340px;
    font-size: 14px;
}

.fx_item_link .widget-list table thead th {
    border-bottom: 1px solid #e0e0e0;
    font-weight: inherit;
    background: #fafafa;
    color: #777;
}

.fx_item_link .widget-list table th,
.fx_item_link .widget-list table td {
    text-align: left;
    padding: 6px 5px;
    height: 30px;
}

.fx_item_link .widget-list table th.center,
.fx_item_link .widget-list table td.center {
    text-align: center;
}

.fx_item_link .item-list>li,
.fx_item_link .widget-list>li {
    cursor: pointer;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_item_link .item-list>li.widget,
.fx_item_link .widget-list>li.widget {
    padding: 0 30px 0 5px
}

.fx_item_link .item-list>li.current-select,
.fx_item_link .item-list>li:hover,
.fx_item_link .widget-list>li.current-select,
.fx_item_link .widget-list>li:hover,
.fx_item_link .widget-list table tr:hover td {
    background: #eee
}

.fx_item_link .item-list .select-btn,
.fx_item_link .widget-list .select-btn {
    /*position: absolute;*/
    /*top: 0;
    right: 15px*/
}

.x-list-dialog .list-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px
}

.x-list-dialog ul.item-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 36px;
    overflow: auto;
    margin: 10px 0 0 10px;
    border: solid 1px #e0e0e0
}

.x-list-dialog ul.item-list>li.dialog-item {
    position: relative;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.x-list-dialog ul.item-list>li.dialog-item.selected,
.x-list-dialog ul.item-list>li.dialog-item:hover {
    color: #fff;
    background-color: rgba(13, 179, 166, .7)
}

.x-list-dialog ul.item-list>li.dialog-item.selected>i.item-remove,
.x-list-dialog ul.item-list>li.dialog-item:hover>i.item-remove {
    display: block
}

.x-list-dialog ul.item-list>li.dialog-item.selected {
    background-color: #0DB3A6
}

.x-list-dialog ul.item-list span.item-text {
    margin-left: 20px
}

.x-list-dialog ul.item-list i.item-remove {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    margin-right: 4px;
    display: none
}

.x-list-dialog .add-btn {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.x-list-dialog .add-btn:hover {
    color: #0DB3A6
}

.x-list-dialog .add-btn>i.icon-add {
    margin-right: 5px;
    color: #0DB3A6
}

.x-list-dialog .dialog-body {
    padding-left: 200px
}

.x-image-dialog .dialog-body {
    padding: 16px
}

.x-image-dialog .dialog-body .type-select {
    position: relative;
    float: left;
    left: 0;
    border-right: 1px solid #e0e0e0;
    width: 150px;
    height: 180px;
    font-size: 16px;
    color: #757575
}

.x-image-dialog .dialog-body .type-select>.type-item {
    margin: 10px 0;
    padding: 0 8px;
    line-height: 40px;
    cursor: pointer
}

.x-image-dialog .dialog-body .type-select>.type-item>.type-label {
    margin-left: 8px
}

.x-image-dialog .dialog-body .type-select>.type-item.selected {
    color: #fff;
    background-color: #5bc0de;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.x-image-dialog .dialog-body .widget-container {
    position: relative;
    float: left;
    left: 0;
    margin-left: 16px
}

.x-image-dialog .dialog-body .widget-container .widget-title {
    font-size: 18px
}

.x-image-dialog .dialog-body .widget-container .widget-subtitle {
    margin-left: 10px;
    font-size: 14px;
    color: #757575
}

.x-image-dialog .dialog-body .widget-container .widget-text {
    color: #757575
}

.fx_member_invite {
    border-bottom: solid 1px #e0e0e0
}

.fx_member_invite .invite-label {
    font-size: 12px;
    color: #989898;
    display: inline-block;
    width: 185px
}

.fx_member_invite .invite-list {
    max-height: 290px;
    overflow: auto
}

.fx_member_invite .invite-list li {
    margin: 5px 0;
    line-height: 30px
}

.fx_member_invite .invite-list .invite-item {
    margin-right: 5px;
    display: inline-block
}

.fx_member_invite .remove-btn {
    font-size: 16px;
    cursor: pointer;
    color: #f96d64
}

.fx_member_invite .add-btn {
    line-height: 30px;
    cursor: pointer
}

.fx_member_invite .add-btn .icon-user {
    color: #52ce87
}

.fx_base_select .select-list {
    height: 80px;
    border: solid 1px #e0e0e0;
    margin-bottom: 10px;
    overflow: auto
}

.fx_base_select .select-list .select-empty {
    cursor: pointer;
    line-height: 78px;
    text-align: center;
    color: #989898
}

.fx_base_select .select-list .select-empty span:before {
    font-family: finex;
    content: '\e61d';
    margin-right: 10px;
    color: #0DB3A6
}

.fx_base_select .select-list .select-item {
    display: inline-block;
    line-height: 30px;
    margin: 5px 0 0 5px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fx_base_select .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fx_base_select .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fx_base_select .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fx_base_select .select-menu {
    position: relative;
    height: 40px;
    padding: 0 10px;
    border: solid 1px #e0e0e0
}

.fx_base_select .select-menu .select-btn {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 38px;
    width: 100px;
    height: 38px
}

.fx_base_select .select-menu .select-btn.select {
    color: #0DB3A6;
    border-bottom: solid 4px #0DB3A6
}

.fx_base_select .select-menu .select-btn:hover {
    color: #0DB3A6
}

.fx_base_select .select-menu .icon-search {
    line-height: 38px;
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fx_base_select .select-menu .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fx_base_select .select-menu .search-input input {
    height: 38px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fx_base_select .select-pane {
    border: solid 1px #e0e0e0;
    border-top: none;
    position: absolute;
    top: 130px;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_base_select .select-pane .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_base_select .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_base_select .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fx_base_select .select-pane .select-search .search-list li {
    cursor: pointer
}

.fx_base_select .select-pane .select-search .search-list li:hover {
    background: #eee
}

.fx_base_select .select-pane .select-search .search-empty {
    color: #989898
}

.fx_base_select .select-pane.select-top {
    top: 40px
}

.fx_member_select .select-icon.icon-department {
    color: #f0ad4e
}

.fx_member_select .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fx_member_select .select-pane.member-tip {
    margin-bottom: 20px
}

.fx_member_select .select-pane .select-department {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_member_select .select-pane .select-department.half {
    right: 50%
}

.fx_member_select .select-pane .select-department a {
    padding-right: 30px
}

.fx_member_select .select-pane .select-member {
    border-left: solid 1px #e0e0e0;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fx_member_select .select-pane .dynamic-menu li,
.fx_member_select .select-pane .select-dynamic li,
.fx_member_select .select-pane .select-member li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_member_select .select-pane .dynamic-menu li.current-select,
.fx_member_select .select-pane .dynamic-menu li:hover,
.fx_member_select .select-pane .select-dynamic li.current-select,
.fx_member_select .select-pane .select-dynamic li:hover,
.fx_member_select .select-pane .select-member li.current-select,
.fx_member_select .select-pane .select-member li:hover {
    background: #eee
}

.fx_member_select .select-pane .dynamic-menu .select-check,
.fx_member_select .select-pane .select-dynamic .select-check,
.fx_member_select .select-pane .select-member .select-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_member_select .dynamic-pane .dynamic-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    border-right: solid 1px #e0e0e0
}

.fx_member_select .dynamic-pane .select-dynamic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_member_select .dynamic-pane.has-menu .select-dynamic {
    left: 30%
}

.fx_member_select .member-sync-tip {
    color: #0DB3A6;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.fx_authgroup_select .select-icon.icon-auth-group {
    color: #0DB3A6
}

.fx_authgroup_select .select-pane .select-authgroup {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fx_authgroup_select .select-pane .select-authgroup li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_authgroup_select .select-pane .select-authgroup li.current-select,
.fx_authgroup_select .select-pane .select-authgroup li:hover {
    background: #eee
}

.fx_authgroup_select .select-pane .select-authgroup .select-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_print_template_select i.select-icon {
    color: #0DB3A6
}

.fx_print_template_select .select-list {
    height: 40px;
    border: dashed 1px #e0e0e0
}

.fx_print_template_select .select-menu .select-btn {
    width: 120px
}

.fx_print_template_select .select-pane {
    position: absolute;
    top: 90px;
    right: 0
}

.fx_print_template_select .select-pane .list-template {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fx_print_template_select .select-pane .list-template li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_print_template_select .select-pane .list-template li.current-select,
.fx_print_template_select .select-pane .list-template li:hover {
    background: #eee
}

.fx_print_template_select .select-pane .list-template .select-radio {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_print_template_select .select-pane .empty-tip {
    margin-top: 80px;
    text-align: center
}

.fx_print_template_select .select-pane .empty-img {
    width: 150px;
    height: 120px;
    margin: 0 auto;
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/app_view_empty.png);
    background-size: 100% 100%
}

.fx_print_template_select .select-pane .empty-title {
    line-height: 40px;
    font-size: 16px;
    color: #757575
}

.fx_print_template_select .select-pane .empty-link {
    font-size: 14px;
    color: #0DB3A6
}

.fx_print_template_select .link-tip {
    position: absolute;
    bottom: -30px;
    left: 0;
    color: #0DB3A6
}

.fx_auth_group {
    background: #fff;
    width: 930px
}

.fx_auth_group .pane-title {
    border: 1px solid #e0e0e0;
    margin-bottom: -1px;
    background: #f1f1f1;
    padding: 0 250px 0 18px;
    position: relative;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_auth_group .pane-title .pane-name {
    font-size: 16px;
    margin-right: 18px;
    color: #333
}

.fx_auth_group .pane-title .pane-desc {
    color: #989898
}

.fx_auth_group .pane-title.default .print-set {
    position: absolute;
    top: 0;
    right: 18px
}

.fx_auth_group .pane-title.custom .print-set {
    position: absolute;
    top: 0;
    right: 150px
}

.fx_auth_group .pane-title .delete,
.fx_auth_group .pane-title .edit,
.fx_auth_group .pane-title .print-set {
    cursor: pointer
}

.fx_auth_group .pane-title .delete>i,
.fx_auth_group .pane-title .edit>i,
.fx_auth_group .pane-title .print-set>i {
    margin-right: 5px
}

.fx_auth_group .pane-title .print-set {
    color: #178cdf
}

.fx_auth_group .pane-title .print-set:hover {
    color: #126fb1
}

.fx_auth_group .pane-title .edit {
    position: absolute;
    top: 0;
    right: 83px;
    color: #178cdf
}

.fx_auth_group .pane-title .edit:hover {
    color: #126fb1
}

.fx_auth_group .pane-title .delete {
    position: absolute;
    top: 0;
    right: 18px;
    color: #d84636
}

.fx_auth_group .pane-title .delete:hover {
    color: #b73224
}

.fx_auth_group .pane-content {
    cursor: pointer
}

.fx_auth_group .pane-content .select-empty span {
    font-size: 16px;
    color: #cbeaf7;
    line-height: 16px
}

.fx_auth_group .pane-content .select-empty span:before {
    font-family: finex;
    content: '\e61d';
    margin-right: 10px
}

.fx_auth_group .pane-content .select-empty span:hover {
    color: #178cdf;
    border: 1px dashed #b6e1fc;
    padding: 5px 10px
}

.filter-pane {
    background: #fff;
    border: 1px solid #ccc;
    height: 100%;
    padding: 0 8px;
    overflow: auto
}

.filter-pane .cfg_title {
    font-weight: 700
}

.filter-pane .pop-left {
    left: 10px
}

.fx_authgroup_list {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_authgroup_list .group-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    overflow: auto
}

.fx_authgroup_list .group-list {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 50px;
    width: 930px;
    margin: auto
}

.fx_authgroup_list .group-add {
    border-top: dashed 1px #e0e0e0;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    color: #178cdf;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.fx_authgroup_list .group-add .icon-add {
    margin-right: 5px
}

.fx_authgroup_list .group-add>span:hover {
    border: dashed 1px #b6e1fc;
    padding: 5px 10px
}

.fx_opauth_pane {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
    line-height: 22px
}

.fx_opauth_pane.error {
    border-color: #d9534f
}

.fx_opauth_pane .create,
.fx_opauth_pane .delete,
.fx_opauth_pane .import,
.fx_opauth_pane .read {
    margin-right: 70px
}

.fx_opauth_pane .export,
.fx_opauth_pane .update {
    margin-right: 40px
}

.fx_location_limit .location-search {
    position: absolute;
    top: 10px;
    left: 15px
}

.fx_location_limit .location-tip {
    display: none;
    overflow: auto;
    background: #fff;
    border: solid 1px #e0e0e0;
    position: absolute;
    top: 42px;
    left: 15px;
    width: 280px;
    max-height: 200px;
    line-height: 20px
}

.fx_location_limit .location-tip .tip-empty {
    line-height: 30px;
    text-align: center;
    color: #989898
}

.fx_location_limit .location-tip .tip-item {
    padding: 5px;
    cursor: pointer
}

.fx_location_limit .location-tip .tip-item:hover {
    background-color: #eee
}

.fx_location_limit .location-tip .tip-address {
    padding-left: 5px;
    color: #989898;
    font-size: 12px
}

.fx_location_limit .location-map {
    width: 540px;
    height: 320px
}

.fx_location_limit .location-radius {
    padding: 10px 0
}

.fx_location_limit .location-radius .radius-input {
    margin: 0 10px;
    display: inline-block
}

.fx_location_limit .location-radius .radius-tip {
    padding: 10px 0 0 66px;
    font-size: 12px;
    color: #989898
}

.fx_location_list .location-list {
    padding-top: 5px
}

.fx_location_list .location-item {
    cursor: pointer;
    width: 280px;
    height: 26px;
    line-height: 26px
}

.fx_location_list .location-item .location-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 175px;
    height: 26px
}

.fx_location_list .location-item .icon-edit,
.fx_location_list .location-item .icon-trasho {
    display: none;
    float: right;
    margin-left: 5px;
    font-size: 18px;
    color: #178cdf
}

.fx_location_list .location-item .icon-trasho {
    color: #d84636
}

.fx_location_list .location-item:hover .icon-edit,
.fx_location_list .location-item:hover .icon-trasho {
    display: block
}

.fx_link_filter .filter-label {
    font-size: 12px;
    color: #989898
}

.fx_link_filter .add-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #178cdf;
    cursor: pointer
}

.fx_link_filter .filter-list {
    margin: 10px 0;
    border: solid 1px #e0e0e0;
    height: 290px;
    overflow: auto
}

.fx_link_filter .filter-list .filter-item {
    margin: 5px 0;
    line-height: 30px
}

.fx_link_filter .filter-list .filter-combo {
    margin: 0 10px;
    display: inline-block
}

.fx_link_filter .remove-btn {
    font-size: 16px;
    cursor: pointer;
    color: #f96d64
}

.fx_flow_version {
    padding: 0 10px
}

.fx_flow_version .manage-pane {
    padding-bottom: 6px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_version .manage-btn {
    margin-right: 10px;
    display: inline-block
}

.fx_flow_version .version-item {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0;
    cursor: pointer
}

.fx_flow_version .version-item .icon-blank {
    font-size: 15px;
    margin-right: 12px;
    color: #989898
}

.fx_flow_version .version-item.select .icon-blank {
    color: #178cdf
}

.fx_flow_version .version-item .version-name {
    display: inline-block;
    vertical-align: top;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #178cdf
}

.fx_flow_version .version-item .version-name:hover {
    color: #126fb1;
    text-decoration: underline
}

.fx_flow_version .version-type {
    position: absolute;
    top: 0;
    right: 20px
}

.fx_flow_version .version-current {
    color: #0DB3A6
}

.fx_flow_version .version-history {
    color: #989898
}

.fx_flow_version .version-design {
    color: #f0ad4e
}

.fx_flow_version .version-list {
    max-height: 400px;
    overflow: auto
}

.fx_flow_config .allow-back {
    line-height: 30px;
    padding-right: 10px
}

.fx_flow_config .cfg_content.cfg_segment {
    margin: 4px 10px 20px
}

.fx_flow_config .cfg_content.cfg_segment .fui_segment_item {
    width: 50%
}

.fx_flow_log {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(250, 250, 250, .7)
}

.fx_flow_log.close {
    background: 0 0
}

.fx_flow_log.close .log-content {
    opacity: 0;
    -webkit-animation: fadeOutRight .3s;
    -o-animation: fadeOutRight .3s;
    animation: fadeOutRight .3s
}

.fx_flow_log .log-empty-tip {
    width: 150px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    text-align: center;
    color: #989898
}

.fx_flow_log .log-content {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .175);
    box-shadow: 0 0 3px rgba(0, 0, 0, .175);
    padding: 0 10px;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 620px;
    background: #fff;
    -webkit-animation: fadeInRightBig .3s;
    -o-animation: fadeInRightBig .3s;
    animation: fadeInRightBig .3s
}

.fx_flow_log .log-title {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_log .log-title .icon-close-normal {
    position: absolute;
    top: 0;
    right: 0;
    color: #989898;
    font-size: 16px;
    cursor: pointer
}

.fx_flow_log .log-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_log table {
    border-collapse: collapse
}

.fx_flow_log table td {
    min-width: 120px;
    max-width: 120px;
    padding: 5px 10px 5px 0;
    border-bottom: solid 1px #e0e0e0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_log .log-head {
    line-height: 30px
}

.fx_flow_log .log-list {
    line-height: 18px
}

.fx_flow_log .log-list .log-time {
    white-space: normal
}

.fx_flow_log .flow-action {
    text-align: center;
    padding: 5px 15px;
    background: #178cdf;
    color: #fff;
    border-radius: 30px
}

.fx_flow_log .flow-action.action-todo {
    background: #5d9cee
}

.fx_flow_log .flow-action.action-forward {
    background: #52ce87
}

.fx_flow_log .flow-action.action-back {
    background: #ac92ec
}

.fx_flow_log .flow-action.action-save {
    background: #f5c547
}

.fx_flow_log .flow-action.action-close {
    background: #f96d64
}

.fx_flow_log .flow-action.action-revoke {
    background: #4ec2e9
}

.fx_flow_log .flow-action.action-activate {
    background: #5d9cee
}

.fx_flow_state {
    overflow: hidden;
    background: #fff
}

.fx_flow_state .state-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_flow_state .state-content.content-animate {
    -webkit-animation: fadeInTop .3s;
    -o-animation: fadeInTop .3s;
    animation: fadeInTop .3s
}

.fx_flow_state .state-title {
    line-height: 40px;
    position: relative;
    padding: 0 20px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_state .state-title .icon-close-normal {
    color: #989898;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px
}

.fx_flow_state .state-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_state .state-legend {
    width: 360px;
    margin: 0 auto;
    color: #989898
}

.fx_flow_state .state-legend li {
    line-height: 20px;
    width: 120px;
    position: relative;
    float: left;
    left: 0;
    padding: 5px 0
}

.fx_flow_state .state-legend .legend-type {
    position: relative;
    float: left;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 2px 5px 2px 0
}

.fx_flow_state .state-legend .legend-done {
    background: #178cdf
}

.fx_flow_state .state-legend .legend-doing {
    background: #DCEEF6;
    border: solid 1px #178cdf
}

.fx_flow_state .state-legend .legend-undone {
    border: solid 1px #e0e0e0
}

.fx_flow_state .flow-version {
    position: absolute;
    top: 45px;
    left: 20px;
    color: #989898
}

.fx_flow_state .show-log {
    position: absolute;
    top: 45px;
    right: 10px
}

.fx_flow_state .show-transfer {
    position: absolute;
    top: 85px;
    right: 10px
}

.fx_flow_state .state-body {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_flow_state .flow-state {
    position: relative;
    margin: auto
}

.fx_flow_state rect {
    cursor: pointer
}

.fx_flow_state rect.state-undone {
    cursor: auto
}

.fx_flow_state text {
    pointer-events: none
}

.fx_flow_state .state-icon {
    position: absolute;
    font-size: 18px
}

.fx_flow_comment {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(250, 250, 250, .7)
}

.fx_flow_comment.close {
    background: 0 0
}

.fx_flow_comment.close .comment-content {
    opacity: 0;
    -webkit-animation: fadeOutRight .3s;
    -o-animation: fadeOutRight .3s;
    animation: fadeOutRight .3s
}

.fx_flow_comment.print {
    position: relative;
    margin-top: 20px
}

.fx_flow_comment.print .comment-content {
    border-top: dashed 1px #eee;
    background: #FAFAFA;
    width: 100%;
    position: relative;
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

.fx_flow_comment.print .comment-title {
    padding: 0 20px;
    border-bottom: solid 1px #eee
}

.fx_flow_comment.print .comment-list {
    padding: 0 20px;
    position: relative;
    left: 0;
    right: 0;
    top: 0
}

.fx_flow_comment.print .comment-list .comment-item {
    border-bottom: solid 1px #eee
}

.fx_flow_comment .comment-empty-tip {
    width: 150px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    text-align: center;
    color: #989898
}

.fx_flow_comment .comment-content {
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 520px;
    background: #fff;
    -webkit-animation: fadeInRightBig .3s;
    -o-animation: fadeInRightBig .3s;
    animation: fadeInRightBig .3s;
    -webkit-box-shadow: -1px 0 4px 0 rgba(191, 191, 191, .6);
    box-shadow: -1px 0 4px 0 rgba(191, 191, 191, .6)
}

.fx_flow_comment .comment-title {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_comment .comment-title .icon-close-normal {
    position: absolute;
    top: 0;
    right: 0;
    color: #989898;
    cursor: pointer;
    font-size: 16px
}

.fx_flow_comment .comment-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_comment .comment-list {
    position: absolute;
    top: 40px;
    left: 10px;
    right: 10px;
    bottom: 0;
    overflow: auto
}

.fx_flow_comment .comment-list .comment-item {
    padding: 10px 0 15px 0;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_comment .comment-list .comment-menu {
    height: 30px;
    line-height: 30px
}

.fx_flow_comment .comment-list .menu-creator {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: left;
    left: 0
}

.fx_flow_comment .comment-list .menu-time {
    color: #989898;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: left;
    left: 5px
}

.fx_flow_comment .comment-list .menu-state {
    color: #989898;
    text-align: right;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: right;
    right: 0
}

.fx_flow_comment .comment-list .content {
    word-break: break-all;
    word-wrap: break-word
}

.fx_flow_list {
    min-width: 300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_flow_list .flow-list {
    padding: 10px 10px 60px 10px
}

.fx_flow_list .flow-list.modal {
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 50px;
    right: 0
}

.fx_flow_list .flow-list.align-center {
    padding-bottom: 0
}

.fx_flow_list .flow-list.align-center .flow-item {
    display: block;
    width: 300px;
    margin: 25px auto
}

.fx_flow_list .flow-item {
    background: #fff;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin: 8px;
    border-top: solid 5px #e0e0e0;
    display: inline-block;
    padding: 0 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_flow_list .flow-item:hover {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    -webkit-box-shadow: 0 2px 10px 0 rgba(185, 185, 185, .3);
    box-shadow: 0 2px 10px 0 rgba(185, 185, 185, .3)
}

.fx_flow_list .flow-item.color-border-6 {
    border-color: #f5c547
}

.fx_flow_list .flow-item.color-border-5 {
    border-color: #f96d64
}

.fx_flow_list .flow-item.color-border-4 {
    border-color: #ac92ec
}

.fx_flow_list .flow-item.color-border-3 {
    border-color: #5d9cee
}

.fx_flow_list .flow-item.color-border-2 {
    border-color: #52ce87
}

.fx_flow_list .flow-item.color-border-1 {
    border-color: #4ec2e9
}

.fx_flow_list .item-title {
    line-height: 35px;
    height: 35px
}

.fx_flow_list .item-title .title-left {
    position: relative;
    float: left;
    left: 0;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .item-title .title-right {
    color: #989898;
    position: relative;
    float: right;
    right: 0;
    width: 140px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .item-content {
    position: relative;
    padding: 10px 0;
    border-top: solid 1px #e0e0e0;
    min-height: 120px
}

.fx_flow_list .item-content .item-data {
    padding-left: 25px;
    position: relative;
    height: 25px
}

.fx_flow_list .item-content .data-icon {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    width: 20px;
    text-align: center
}

.fx_flow_list .item-content .data-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_flow_list .item-content .data-icon .icon-widget-user {
    line-height: 25px;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    background: #178cdf;
    border-radius: 50%
}

.fx_flow_list .item-content .data-label {
    line-height: 25px;
    color: #989898;
    width: 80px;
    position: relative;
    float: left;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .item-content .data-value {
    line-height: 25px;
    width: 170px;
    position: relative;
    float: left;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .flow-footer {
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px
}

.fx_flow_list .has-more {
    width: 300px;
    height: 35px;
    background: #fff;
    margin: 20px auto 30px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(224, 224, 224, .6);
    box-shadow: 0 0 3px rgba(224, 224, 224, .6);
    cursor: pointer
}

.fx_flow_list .flow-empty {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding-top: 200px;
    line-height: 20px;
    color: #989898;
    text-align: center;
    width: 240px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: 0 10px
}

.fx_flow_list .flow-empty.todo {
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/flow_todo.png)
}

.fx_flow_list .flow-empty.participated {
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/flow_participated.png)
}

.fx_flow_list .flow-empty.created {
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/flow_created.png)
}

.fx_flow_launch {
    position: relative;
    min-height: 560px;
    padding: 0 80px 20px 80px
}

.fx_flow_launch>.list-empty {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 225px;
    height: 220px;
    padding-top: 200px;
    text-align: center;
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/flow_launch_empty.png);
    background-repeat: no-repeat;
    background-size: 225px 200px;
    color: #989898
}

.fx_flow_launch .flow-app-list {
    width: 100%
}

.fx_flow_launch .flow-app-list .app-title {
    padding-top: 10px;
    margin: 0 10px;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_launch .flow-entry-list .entry-item {
    position: relative;
    margin: 10px;
    background: #fff;
    width: 200px;
    height: 110px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: solid 6px #f96d64
}

.fx_flow_launch .flow-entry-list .color-border-6 {
    border-color: #f5c547
}

.fx_flow_launch .flow-entry-list .color-border-5 {
    border-color: #f96d64
}

.fx_flow_launch .flow-entry-list .color-border-4 {
    border-color: #ac92ec
}

.fx_flow_launch .flow-entry-list .color-border-3 {
    border-color: #5d9cee
}

.fx_flow_launch .flow-entry-list .color-border-2 {
    border-color: #52ce87
}

.fx_flow_launch .flow-entry-list .color-border-1 {
    border-color: #4ec2e9
}

.fx_flow_launch .flow-entry-list .entry-name {
    padding: 0 10px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_launch .flow-entry-list .entry-bottom {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-top: solid 1px #e0e0e0;
    text-align: right
}

.fx_flow_launch .flow-entry-list .entry-launch {
    font-size: 12px;
    line-height: 38px;
    color: #178cdf;
    cursor: pointer
}

.fx_flow_launch .flow-entry-list .icon-angleright {
    margin-left: 5px;
    font-size: 16px
}

.fx_flow_launch_form {
    height: 100%
}

.fx_flow_launch_form .flow-form .widget-wrapper {
    top: 50px
}

.fx_flow_launch_form .header {
    position: absolute;
    width: 780px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 50px 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 50px;
    line-height: 50px;
    background-color: #0DB3A6;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.fx_flow_launch_form .header .form-exit-icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fx_flow_launch_form .header .form-exit-icon:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fx_flow_launch_form .header .stash {
    width: 100px;
    position: absolute;
    top: 0;
    right: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 20px
}

.fx_flow_launch_form .header .stash:hover {
    background: rgba(255, 255, 255, .1)
}

.fx_flow_launch_form .header .stash span {
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 14px
}

.fx_flow_launch_form .header .stash .stash-count {
    padding: 2px 6px;
    background: #fff;
    color: #0DB3A6;
    border-radius: 14px
}

.fx_flow_launch_form .content-animate {
    -webkit-animation: fadeInTop .3s;
    -o-animation: fadeInTop .3s;
    animation: fadeInTop .3s
}

.fx_flow_launch_form .stash-record {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 780px;
    margin: auto
}

.fx_flow_launch_form .stash-record .stash-header {
    line-height: 40px;
    position: relative;
    padding: 0 20px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_launch_form .stash-record .stash-header .icon-close-normal {
    color: #989898;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px
}

.fx_flow_launch_form .stash-record .stash-header .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_launch_form .stash-record .stash-flow-list {
    top: 41px
}

.fx-flow-query {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.fx-flow-query .param-menu {
    padding: 10px 15px;
    line-height: 30px
}

.fx-flow-query .param-menu>.icon-flow-query {
    color: #989898;
    font-size: 16px;
    margin-right: 5px
}

.fx-flow-query .param-fields {
    margin-right: 30px;
    cursor: pointer;
    color: #178cdf;
    position: relative;
    float: right;
    right: 0
}

.fx-flow-query .param-fields:hover {
    color: #1375ba
}

.fx-flow-query .param-fields>.icon-flow-clear {
    margin-right: 3px
}

.fx-flow-query .param-field-list {
    padding: 0 10px;
    background: #FAFAFA;
    border: none
}

.fx-flow-query .param-field-list>.x-block-body {
    background: #FAFAFA
}

.fx-flow-query .param-query {
    position: relative;
    float: right;
    right: 0
}

.fx-flow-query .param-list {
    padding: 5px 5px 10px 5px;
    background: #FAFAFA;
    max-width: 100%;
    border-top: solid 1px #e0e0e0
}

.fx-flow-query .param-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 5px 10px
}

.fx-flow-query .param-item .item-title {
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-flow-query .flow-list {
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fx-flow-query .flow-list .empty-tip {
    color: #989898;
    font-size: 16px;
    height: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.fx-flow-query .flow-list .fui-grid-table {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
    overflow: auto
}

.fx-flow-query .flow-list .flow-state {
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 10px
}

.fx-flow-query .flow-list .flow-state.state-complete {
    background: #52ce87
}

.fx-flow-query .flow-list .flow-state.state-inprocess {
    background: #4ec2e9
}

.fx-flow-query .flow-list .item-time {
    line-height: 16px;
    font-size: 12px;
    color: #989898
}

.fx-flow-query .flow-list .item-data {
    font-size: 12px;
    line-height: 18px;
    min-width: 240px
}

.fx-flow-query .flow-list .item-data .data-label {
    color: #989898;
    width: 100px;
    display: table-cell
}

.fx-flow-query .flow-list .item-data .data-value {
    padding-left: 20px;
    display: table-cell
}

.fx-flow-query .flow-list .cell {
    line-height: 20px
}

.fx-flow-query .flow-list table {
    width: 100%;
    table-layout: fixed
}

.fx-flow-query .flow-list table thead>tr>td {
    color: #989898;
    border-bottom: solid 1px #E2E2E2
}

.fx-flow-query .flow-list table tbody {
    font-size: 13px
}

.fx-flow-query .flow-list table tr {
    background: #fff;
    line-height: 36px
}

.fx-flow-query .flow-list table tr:hover {
    cursor: pointer
}

.fx-flow-query .flow-list table td {
    border-bottom: none;
    border-right: solid 1px #E2E2E2
}

.fx-flow-query .flow-list .x-pagination {
    position: absolute;
    bottom: 0;
    right: 0
}

.fx_flow_transfer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(250, 250, 250, .7)
}

.fx_flow_transfer.close {
    background: 0 0
}

.fx_flow_transfer.close .transfer-content {
    opacity: 0;
    -webkit-animation: fadeOutRight .3s;
    -o-animation: fadeOutRight .3s;
    animation: fadeOutRight .3s
}

.fx_flow_transfer .transfer-content {
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    -webkit-animation: fadeInRightBig .3s;
    -o-animation: fadeInRightBig .3s;
    animation: fadeInRightBig .3s;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .175);
    box-shadow: 0 0 3px rgba(0, 0, 0, .175)
}

.fx_flow_transfer .transfer-title {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_transfer .transfer-title .icon-close-normal {
    position: absolute;
    top: 0;
    right: 0;
    color: #989898;
    cursor: pointer;
    font-size: 16px
}

.fx_flow_transfer .transfer-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_transfer .transfer-tip {
    margin-top: 5px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background: rgba(217, 83, 79, .1);
    color: #d9534f
}

.fx_flow_transfer .transfer-item {
    margin: 5px 0
}

.fx_flow_transfer .transfer-btn {
    margin: 5px 0;
    position: relative;
    float: right;
    right: 0
}

.fx_valid_code {
    padding-right: 120px;
    position: relative
}

.fx_valid_code .code-input {
    z-index: 2
}

.fx_valid_code .code-input input {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fx_valid_code .code-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: solid 1px #e0e0e0;
    background: #FAFAFA;
    text-align: center;
    cursor: pointer;
    width: 120px;
    border-left: none
}

.fx_valid_code .code-btn:hover {
    background: #eee
}

.fx_captcha_pane {
    padding-right: 120px;
    position: relative
}

.fx_captcha_pane .captcha-input {
    z-index: 2
}

.fx_captcha_pane .captcha-input input {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fx_captcha_pane .captcha-btn {
    border: solid 1px #e0e0e0;
    background: #FAFAFA;
    text-align: center;
    cursor: pointer;
    width: 120px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: none
}

.fx_captcha_pane .captcha-btn>.captcha-img {
    max-width: 100%;
    max-height: 100%
}

.fx_dept_limit .set-btn {
    margin: 5px 0
}

.fx_dept_limit .default-pane {
    margin-top: 10px;
    border-top: solid 1px #e1e1e1
}

.fx_dept_limit .default-title {
    line-height: 30px;
    font-weight: 700
}

.fx_dept_limit .empty-tip {
    margin-top: 10px;
    text-align: center;
    max-width: 240px;
    line-height: 30px;
    color: #989898
}

.fx_data_manage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_data_manage .manage-header {
    padding: 10px
}

.fx_data_manage .manage-header:after,
.fx_data_manage .manage-header:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_data_manage .manage-header:after {
    clear: both
}

.fx_data_manage .manage-header .manage-title {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%
}

.fx_data_manage .manage-header .manage-btn {
    background: 0 0;
    border: none;
    position: relative;
    float: right;
    right: 0;
    margin-right: 10px
}

.fx_data_manage .manage-header .manage-btn:hover {
    color: #0DB3A6
}

.fx_data_manage .manage-header .manage-btn>i {
    color: #0DB3A6
}

.fx_data_manage .manage-body {
    padding: 0 10px
}

.fx_data_manage .manage-body .manage-table {
    margin-top: 10px
}

.fx_data_manage .manage-table .manage-head {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_data_manage .manage-table .manage-btn {
    position: relative;
    float: left;
    left: 0;
    margin: 5px 0 5px 10px;
    font-size: 12px
}

.fx_data_manage .manage-table .manage-btn.style-shadow {
    box-shadow: 0 1px 1px rgba(176, 176, 176, .5);
    border: none
}

.fx_data_manage .manage-table .manage-btn.style-shadow:hover {
    background: #fff;
    color: #0DB3A6
}

.fx_data_manage .manage-table .manage-btn.style-simple {
    border: none;
    background: 0 0
}

.fx_data_manage .manage-table .manage-btn.style-simple>i {
    font-size: 14px
}

.fx_data_manage .manage-table .manage-btn.style-simple:hover {
    color: #0DB3A6
}

.fx_data_manage .manage-table .manage-btn.warning {
    color: #f96d64
}

.fx_data_manage .manage-table .btn-batch:after {
    font-family: finex;
    content: '\e647'
}

.data-manage-batch-menu .action-item {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    cursor: pointer;
    text-align: left
}

.data-manage-batch-menu .action-item:hover {
    background-color: rgba(61, 194, 184, .1)
}

.data-manage-batch-menu .action-item span {
    font-size: 12px
}

.fx_data_recycle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_data_recycle .recycle-body {
    padding: 10px
}

.fx_data_recycle .recycle-table {
    margin-top: 10px
}

.fx_data_recycle .recycle-table .recycle-head {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_data_recycle .recycle-table .recycle-btn {
    margin: 5px 0 5px 10px;
    font-size: 12px;
    position: relative;
    float: left;
    left: 0
}

.fx_data_recycle .recycle-table .recycle-btn.style-shadow {
    box-shadow: 0 1px 1px rgba(176, 176, 176, .5);
    border: none
}

.fx_data_recycle .recycle-table .recycle-btn.style-shadow:hover {
    background: #fff;
    color: #0DB3A6
}

.fx_data_recycle .recycle-table .recycle-btn.warning {
    color: #f96d64
}

.fui_phone_bind_dialog .bind-tip {
    padding: 6px;
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    color: #d9534f;
    background: rgba(217, 83, 79, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px rgba(217, 83, 79, .3);
    text-align: center
}

.fui_phone_bind_dialog .bind-label {
    line-height: 36px
}

.fui_print_view_dialog .dialog-body {
    padding: 0 30px 50px
}

.fui_print_view_dialog .dialog-body .body-line-title {
    padding: 30px 0;
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui_print_view_dialog .dialog-body .body-line-title .info {
    font-size: 12px;
    color: rgba(128, 128, 128, .65);
    margin-left: 10px
}

.fui_print_view_dialog .dialog-body .body-wrapper {
    margin-top: 15px;
    border: 1px solid #e0e0e0
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 20px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-head .head-widget-wrapper {
    position: relative;
    float: right;
    right: 0;
    margin-top: 7px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content {
    width: 100%;
    height: 200px;
    padding: 10px 0;
    overflow: auto
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content.size-small {
    padding: 0;
    height: 45px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content.size-small .line {
    font-size: 14px;
    padding-left: 20px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content .line {
    line-height: 45px;
    padding-left: 35px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 45px
}

.fui_print_view_dialog .dialog-body .body-empty {
    width: 300px;
    height: 200px;
    margin: 20px auto
}

.fui_print_view_dialog .dialog-body .body-empty.size-small {
    height: 160px;
    margin: 20px auto 0
}

.fui_print_view_dialog .dialog-body .body-empty .empty-bg {
    margin: 0 auto;
    width: 130px;
    height: 107px;
    background: url(https://assets.jiandaoyun.com/v1362/resources/images/app_view_empty.png);
    background-size: 100% auto
}

.fui_print_view_dialog .dialog-body .body-empty .empty-msg {
    margin: 20px auto;
    font-size: 16px;
    text-align: center
}

.fx_teammanage {
    position: relative;
    width: 100%;
    height: 100%
}

.fx_teammanage .db-member-admin,
.fx_teammanage .db-member-creator,
.fx_teammanage .db-member-invited,
.fx_teammanage .db-member-unknown,
.fx_teammanage .db-member-user {
    padding: 2px 4px;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_teammanage .db-member-creator {
    background: #0DB3A6
}

.fx_teammanage .db-member-inactive {
    background: #999
}

.fx_teammanage .db-member-invited {
    background: #f0ad4e
}

.fx_teammanage .db-member-user {
    background: #178cdf
}

.fx_teammanage .db-member-admin,
.fx_teammanage .db-member-unknown {
    background: #777
}

.fx_teammanage .member-head {
    height: 60px;
    padding: 0 20px;
    position: relative
}

.fx_teammanage .member-head .member-title {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 60px;
    font-size: 18px;
    color: #178cdf;
    width: 250px
}

.fx_teammanage .member-head .member-btn-pane {
    position: absolute;
    top: 0;
    right: 0;
    left: 250px;
    padding: 12px 0
}

.fx_teammanage .member-head .member-btn-pane .icon-member-add {
    font-size: 14px;
    color: #0DB3A6
}

.fx_teammanage .member-head .member-btn-pane .icon-member-move {
    font-size: 14px;
    color: #178cdf
}

.fx_teammanage .member-head .member-btn-pane .icon-trasho {
    font-size: 14px;
    color: #d9534f
}

.fx_teammanage .member-head .member-btn-pane .x-btn {
    float: left;
    width: 100px;
    margin-right: 5px
}

.fx_teammanage .member-head .auto-sync-pane {
    vertical-align: middle;
    position: absolute;
    top: 15px;
    right: 20px;
    bottom: 15px;
    line-height: 30px
}

.fx_teammanage .member-head .auto-sync-pane .sync-btn {
    position: relative;
    float: right;
    right: 0;
    margin-top: 4px
}

.fx_teammanage .member-body {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_teammanage .member-body .member-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px
}

.fx_teammanage .member-body .member-menu .member-search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 34px;
    line-height: 34px
}

.fx_teammanage .member-body .member-menu .member-search .icon-search {
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fx_teammanage .member-body .member-menu .member-search .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fx_teammanage .member-body .member-menu .member-search .search-input input {
    padding-right: 30px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fx_teammanage .member-body .member-menu .member-search .search-info {
    padding: 0 10px;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    color: #989898
}

.fx_teammanage .member-body .member-menu .member-tree {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_teammanage .member-body .member-menu .member-tree .department-tree {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_teammanage .member-body .member-grid {
    border-top: solid 1px #e0e0e0;
    border-left: solid 1px #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px
}

.fx_teammanage .member-body .member-grid thead tr {
    color: #989898;
    font-weight: 400
}

.fx_teammanage .member-body .member-grid tr.hover i.icon-department,
.fx_teammanage .member-body .member-grid tr.hover i.icon-remove {
    visibility: visible
}

.fx_teammanage .member-body .member-grid i.icon-department,
.fx_teammanage .member-body .member-grid i.icon-remove {
    visibility: hidden;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer
}

.fx_teammanage .member-body .member-grid i.icon-department {
    color: #178cdf
}

.fx_teammanage .member-body .member-grid i.icon-department:hover {
    color: #126fb1
}

.fx_teammanage .member-body .member-grid i.icon-department:before {
    content: '\e607'
}

.fx_teammanage .member-body .member-grid i.icon-remove {
    color: #d84636
}

.fx_teammanage .member-body .member-grid i.icon-remove:hover {
    color: #b73224
}

.fx_teammanage .member-body .member-grid i.icon-remove:before {
    content: '\e61b'
}

.fx_teammanage .member-body .member-grid .x-pagination {
    margin-right: 20px
}

.member-department-tree {
    border: solid 1px #e0e0e0;
    max-height: 300px;
    overflow: auto
}

.fx_message {
    margin: 20px 150px
}

.fx_message .btn-read-all,
.fx_message .btn-status {
    cursor: pointer
}

.fx_message .message-btn {
    border-bottom: 1px solid #ccc;
    height: 40px
}

.fx_message .message-btn .btn-read-all {
    float: right;
    height: 40px;
    line-height: 40px
}

.fx_message .btn-status {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 5px;
    margin: 0 10px
}

.fx_message .btn-status.selected {
    border-bottom: 2px solid #178cdf
}

.fx_message .table-pane .btn-read-all {
    display: block;
    text-align: right
}

.fx_message_detail {
    margin: 20px 150px
}

.fx_message_detail input.reg-input-cell {
    width: 460px
}

.fx_message_detail a.link-btn {
    color: #FAFAFA;
    background-color: #178cdf;
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_message_detail .success-info {
    font-size: 12px;
    line-height: 20px;
    color: #31A760
}

.fx_message_detail .invite-emails {
    height: 240px
}

.fx_message_detail .detail-row {
    height: 30px;
    line-height: 30px
}

.fx_message_detail .detail-row:after,
.fx_message_detail .detail-row:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_message_detail .detail-row:after {
    clear: both
}

.fx_message_detail .detail-row label {
    width: 60px;
    margin-right: 20px;
    float: left
}

.fx_message_detail .msg-content {
    float: left;
    height: 400px;
    padding: 20px;
    border-radius: 8px;
    background-color: #f5f5f5
}

.fx_order {
    padding: 40px;
    margin-bottom: 20px;
    background-color: #fff;
    position: relative
}

.fx_order .inline {
    float: left
}

.fx_order .select i {
    color: #0DB3A6
}

.fx_order .status-filter {
    position: relative
}

.fx_order .status-filter .status-item {
    display: inline-block;
    margin-right: 40px;
    line-height: 30px
}

.fx_order .status-filter .status-item label {
    float: left;
    margin-right: 10px
}

.fx_order .status-filter .merge-invoice,
.fx_order .status-filter .my-receipt {
    float: right;
    margin-right: 10px
}

.fx_order .status-filter .my-receipt:hover {
    color: #0DB3A6
}

.fx_order .status-filter .btn-cancel {
    float: left;
    margin-right: 10px
}

.fx_order .order-head {
    position: relative;
    border: 1px solid #e0e0e0;
    height: 55px;
    line-height: 55px;
    background: #f4fbfe;
    margin: 30px 0 20px 0;
    font-size: 16px
}

.fx_order .order-head .head-tab {
    width: 15%;
    float: left;
    text-align: center
}

.fx_order .order-head .head-tab.with-date {
    width: 25%
}

.fx_order .order-head .merge-all-invoice {
    position: absolute;
    top: 0;
    left: 20px
}

.fx_order .order-container {
    position: relative
}

.fx_order .order-item {
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    width: 100%;
    display: table
}

.fx_order .order-item .order-header {
    display: table-caption;
    background: #fafcfe;
    height: 40px;
    line-height: 40px;
    color: #797979;
    padding: 0 20px;
    border: 1px solid #e0e0e0;
    margin-bottom: -1px
}

.fx_order .order-item .order-header span {
    margin-right: 20px
}

.fx_order .order-item .order-body {
    display: table-row
}

.fx_order .order-item .order-body .product-col {
    display: table-cell;
    width: 40%
}

.fx_order .order-item .order-body .order-col {
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    border-left: 1px solid #e0e0e0;
    position: relative;
    text-align: center;
    line-height: 30px
}

.fx_order .order-item .order-body .order-col .red {
    color: #ff363d
}

.fx_order .order-item .order-body .order-col span {
    height: 30px
}

.fx_order .order-item .order-body .order-col .icon-help {
    color: #989898
}

.fx_order .order-item .order-body .order-col .order-invoice,
.fx_order .order-item .order-body .order-col .order-pay,
.fx_order .order-item .order-body .order-col .order-pay-proof {
    display: block;
    width: 90px;
    height: 30px;
    border: solid 1px #0DB3A6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #0DB3A6;
    cursor: pointer;
    margin: 5px auto
}

.fx_order .order-item .order-body .order-col .order-invoice:hover,
.fx_order .order-item .order-body .order-col .order-pay-proof:hover,
.fx_order .order-item .order-body .order-col .order-pay:hover {
    background: #0DB3A6;
    color: #fff
}

.fx_order .order-item .order-body .order-col .order-cancel,
.fx_order .order-item .order-body .order-col .order-remove {
    width: 90px;
    height: 30px;
    margin: 5px auto;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    color: #797979;
    cursor: pointer
}

.fx_order .order-item .order-body .order-col .order-cancel:hover,
.fx_order .order-item .order-body .order-col .order-remove:hover {
    background: #ebebeb
}

.fx_order .order-item .product-col .product-item {
    position: relative;
    padding: 20px 0
}

.fx_order .order-item .product-col .product-item:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-bottom: solid 1px #e0e0e0
}

.fx_order .order-item .product-col .product-item .product-item-col {
    width: 37.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px
}

.fx_order .order-item .product-col .product-item .product-item-col.with-date {
    width: 62.5%
}

.fx_order .order-item .product-col .product-item .product-item-col .original-price {
    text-decoration: line-through;
    color: #969696
}

.fx_order .order-item .product-col .total-price {
    position: relative;
    overflow: hidden
}

.fx_order .order-item .product-col .total-price .total-price-col {
    width: 40%;
    height: 40px;
    line-height: 40px;
    float: right;
    text-align: center;
    margin: 20px 0
}

.receipt-grid {
    padding: 30px
}

.fx_order_detail table {
    width: 100%;
    background: #f3f8f9;
    border-collapse: collapse;
    border: solid 1px #eee
}

.fx_order_detail table td,
.fx_order_detail table th {
    font-weight: 400;
    width: 33.33%;
    padding: 12px 20px
}

.fx_order_detail table thead>tr>th {
    border-bottom: solid 1px #eee
}

.fx_order_detail table .left {
    text-align: left
}

.fx_order_detail table .middle {
    text-align: center
}

.fx_order_detail table .middle>.tool-tip {
    display: inline-block;
    cursor: pointer
}

.fx_order_detail table .middle>.tool-tip>i {
    color: #e0e0e0
}

.fx_order_detail table .right {
    text-align: right
}

.fx_order_detail table .right .cost {
    color: #989898;
    text-decoration: line-through
}

.fx_receipt .x-label {
    text-align: right
}

.fx_receipt .x-label.label-right {
    text-align: left
}

.fx_receipt .receipt-type {
    line-height: 30px
}

.fx_receipt .msg-title {
    font-size: 16px;
    text-align: left;
    line-height: 40px
}

.fx_receipt .address-detail {
    height: 80px!important
}

.fx_receipt .warn-info {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #ff363d
}

.receipt-apply {
    padding: 80px;
    text-align: center;
    line-height: 40px
}

.receipt-apply .msg {
    font-size: 20px
}

.receipt-apply .sub-msg {
    font-size: 16px
}

.fx_pay_proof .warn-info {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #ff363d
}

.pay-proof-hint {
    padding: 20px 50px;
    text-align: center
}

.pay-proof-hint .msg {
    font-size: 20px
}

.pay-proof-hint .sub-msg {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    text-indent: 2em
}

.fx_title_editor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    max-width: 300px
}

.fx_title_editor>.name-pre {
    display: none;
    visibility: hidden;
    padding: 0 2px
}

.fx_title_editor>input {
    max-width: 100%;
    padding: 0 2px;
    height: 30px;
    font-size: 18px;
    outline: 0;
    border: none;
    box-shadow: none;
    background: 0 0;
    border-bottom: dashed 1px #bababa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.fx_title_editor>input:focus {
    border-bottom: dashed 1px #333
}

.fx_entry_title {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0 40px 0 50px
}

.fx_entry_title .nav-home {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_entry_title .nav-group {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
    color: #0DB3A6;
    cursor: pointer
}

.entry-group-pane {
    max-width: 230px;
    cursor: default
}

.entry-group-pane .group-title {
    font-size: 12px;
    padding: 0 18px;
    line-height: 32px;
    color: #989898;
    border-bottom: solid 1px #eee
}

.entry-group-pane .empty-tip {
    text-align: center;
    color: #989898;
    line-height: 40px
}

.entry-group-pane>ul {
    max-height: 300px;
    overflow: auto
}

.entry-group-pane>ul>li {
    padding-left: 18px;
    line-height: 32px;
    font-size: 12px;
    position: relative;
    cursor: pointer
}

.entry-group-pane>ul>li>span {
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.entry-group-pane>ul>li>.icon-tick {
    color: #0DB3A6;
    position: absolute;
    top: 0;
    right: 13px;
    display: none
}

.entry-group-pane>ul>li:hover {
    background: rgba(13, 179, 166, .1)
}

.entry-group-pane>ul>li.select>.icon-tick {
    display: block
}

.fx_entry_select {
    position: relative;
    background: #fff
}

.fx_entry_select .select-list {
    height: 80px;
    border: solid 1px #e0e0e0;
    margin-bottom: 10px;
    overflow: auto
}

.fx_entry_select .select-list:empty:before {
    display: inline-block;
    margin: 10px;
    color: #989898;
    content: '请选择跨应用取数时需要使用的表单'
}

.fx_entry_select .select-list .select-empty {
    cursor: pointer;
    line-height: 78px;
    text-align: center;
    color: #989898
}

.fx_entry_select .select-list .select-item {
    display: inline-block;
    line-height: 30px;
    margin: 5px 0 0 5px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fx_entry_select .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fx_entry_select .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fx_entry_select .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px;
    color: #0DB3A6
}

.fx_entry_select .select-pane {
    border: solid 1px #e0e0e0;
    position: absolute;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_entry_select .select-pane .select-app {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%
}

.fx_entry_select .select-pane .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_entry_select .select-pane .select-entry {
    border-left: solid 1px #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fx_entry_select .select-pane .select-app,
.fx_entry_select .select-pane .select-entry {
    overflow: auto
}

.fx_entry_select .select-pane .select-app li,
.fx_entry_select .select-pane .select-entry li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_entry_select .select-pane .select-app li.current-select,
.fx_entry_select .select-pane .select-app li:hover,
.fx_entry_select .select-pane .select-entry li.current-select,
.fx_entry_select .select-pane .select-entry li:hover {
    background: #eee
}

.fx_entry_select .select-pane .select-app .select-btn,
.fx_entry_select .select-pane .select-entry .select-btn {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_entry_select .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_entry_select .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fx_entry_select .select-pane .select-search .search-list li {
    cursor: pointer
}

.fx_entry_select .select-pane .select-search .search-list li:hover {
    background: #eee
}

.fx_entry_select .select-pane .select-search .search-empty {
    color: #989898
}

.fx_entry_select .select-pane .app-icon,
.fx_entry_select .select-pane .entry-icon {
    font-size: 16px;
    margin-right: 10px;
    color: #0DB3A6
}

.fx_entry_select .select-pane .entry-icon {
    color: #5DA0CC
}

.fx_app_title {
    cursor: pointer;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0 40px;
    margin-left: 10px
}

.fx_app_title.editable {
    margin-left: 0;
    padding: 0 108px 0 50px
}

.fx_app_title .anchor {
    width: 0;
    height: 25px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_app_title .nav-home {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_app_title .nav-group {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 20px
}

.fx_app_title .nav-preview {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.fx_app_title .nav-preview>.btn {
    display: inline-block;
    color: #fff;
    padding: 0 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: solid 1px #0DB3A6;
    background: #0DB3A6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_title .nav-preview>.btn:hover {
    background: #0ca094
}

.fx_app_list .app-list {
    margin: auto;
    padding-bottom: 20px;
    overflow: hidden;
    max-width: 1120px
}

@media (max-width:1140px) {
    .fx_app_list .app-list {
        max-width: 840px
    }
}

@media (max-width:860px) {
    .fx_app_list .app-list {
        max-width: 560px
    }
}

@media (max-width:580px) {
    .fx_app_list .app-list {
        max-width: 280px
    }
}

.fx_app_list .app-list>li {
    position: relative;
    float: left;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 25px 15px 0 15px;
    text-align: center
}

.fx_app_list .app-list>li>a {
    display: block
}

.fx_app_list .app-list>li>a .app-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 8px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.fx_app_list .app-list>li.item-app-add:hover {
    border: none;
    background: 0 0;
    cursor: pointer
}

.fx_app_list .app-list>li i.icon-app {
    display: block;
    font-size: 50px;
    line-height: 160px;
    width: 250px;
    height: 160px;
    box-shadow: 0 2px 0 0 rgba(185, 185, 185, .3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_list .app-list>li i.icon-app.hide {
    color: transparent
}

.fx_app_list .app-list>li .app-title {
    margin-top: 15px;
    width: 250px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.fx_app_list .app-list>li .app-des {
    cursor: pointer;
    color: #fff;
    padding: 10px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 120px;
    font-weight: 700
}

.fx_app_list .app-list>li .app-des>span {
    line-height: 24px
}

.fx_app_list .app-list>li .app-info {
    position: absolute;
    top: 6px;
    right: 10px;
    display: none;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.fx_app_list .app-list>li .app-info:hover {
    color: #78eee1
}

.fx_app_list .app-list>li.chosen .app-mine .icon-app,
.fx_app_list .app-list>li:hover .app-mine .icon-app {
    background: #0DB3A6
}

.fx_app_list .app-list>li.chosen .app-mine .app-design,
.fx_app_list .app-list>li:hover .app-mine .app-design {
    display: block
}

.fx_app_list .app-list>li.chosen .app-mine .icon-app,
.fx_app_list .app-list>li:hover .app-mine .icon-app {
    color: transparent
}

.fx_app_list .app-list>li.chosen .app-mine .app-nav,
.fx_app_list .app-list>li:hover .app-mine .app-nav {
    display: none
}

.fx_app_list .app-list>li.chosen .app-mine .app-info,
.fx_app_list .app-list>li:hover .app-mine .app-info {
    display: block;
    cursor: pointer
}

.fx_app_list .app-list>li.chosen .app-theirs:hover .icon-app,
.fx_app_list .app-list>li:hover .app-theirs:hover .icon-app {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    -webkit-box-shadow: 0 2px 10px 0 rgba(185, 185, 185, .3);
    box-shadow: 0 2px 10px 0 rgba(185, 185, 185, .3)
}

.fx_app_list .app-list>li.app-onsale .app-title {
    color: #178cdf
}

.fx_app_list .app-list .app-design {
    position: absolute;
    top: 45px;
    left: 20px;
    display: none
}

.fx_app_list .app-list .app-design a {
    display: block;
    position: relative;
    float: left;
    left: 0;
    margin: 0 3px;
    width: 100px;
    height: 70px;
    color: #fff;
    background: rgba(255, 255, 255, .26)
}

.fx_app_list .app-list .app-design a .icon {
    font-size: 16px;
    margin: 10px 10px 5px 10px
}

.fx_app_list .app-list .app-design a:hover {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.fx_app_list .app-list .app-blank-add {
    line-height: 160px;
    width: 250px;
    height: 160px;
    cursor: pointer;
    color: #333;
    font-size: 18px;
    border: 1px dashed #e0e0e0;
    background-color: #fff
}

.fx_app_list .app-list .app-blank-add i {
    margin-right: 4px;
    font-size: 18px
}

.fx_app_list .app-list .app-blank-add:hover {
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx_app_list .app-list .app-loading {
    position: relative;
    width: 250px;
    height: 160px;
    background-color: #fff;
    box-shadow: 0 2px 0 0 rgba(185, 185, 185, .3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_list .app-list .app-loading>.loading-mask {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 30px
}

.fx_app_list .app-empty {
    width: 400px;
    height: 300px;
    padding-top: 250px;
    margin: 200px auto;
    line-height: 25px;
    text-align: center;
    background-image: url(https://assets.jiandaoyun.com/v1362/resources/images/app_view_empty.png);
    background-position: center;
    background-repeat: no-repeat
}

.fx_app_list .app-empty>.empty-info {
    color: #989898;
    display: block
}

.app-custom-pane {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 288px;
    background-color: #FAFAFA;
    padding: 8px 6px
}

.app-custom-pane .color-picker {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 2px;
    cursor: pointer;
    vertical-align: middle;
    border: 3px solid #FAFAFA
}

.app-custom-pane .color-picker.color-selected,
.app-custom-pane .color-picker:hover {
    border: 3px solid #b2daf0
}

.app-custom-pane .icon-picker {
    display: inline-block;
    line-height: 41px;
    width: 54px;
    height: 46px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 30px;
    text-align: center;
    margin: .5px;
    border: 3px solid #FAFAFA
}

.app-custom-pane .icon-picker.icon-selected,
.app-custom-pane .icon-picker:hover {
    border: 3px solid #b2daf0
}

.app-custom-pane .custom-list {
    overflow: auto;
    text-align: center
}

.app-custom-pane .app_delete_hr {
    border-top: solid 1px #e0e0e0;
    height: 0;
    margin: 8px 4px
}

.app-custom-pane .x-btn {
    width: 268px;
    margin-left: 4px
}

.app-menu-pane .menu-pane .menu-item {
    padding: 0 15px;
    cursor: pointer;
    width: 160px;
    height: 36px;
    line-height: 36px
}

.app-menu-pane .menu-pane .menu-item .split-line {
    border-bottom: solid 1px #f1f1f1;
    margin: 0
}

.app-menu-pane .menu-pane .menu-item.app-remove {
    color: #d84636
}

.app-menu-pane .menu-pane .menu-item:hover {
    background-color: rgba(13, 179, 166, .1)
}

.app-menu-pane .menu-pane .menu-item.app-audit {
    color: #989898
}

.app-menu-pane .menu-pane .menu-item.app-upload>i {
    color: #0DB3A6;
    position: relative;
    float: right;
    right: 0
}

.app-remove-confirm {
    color: #989898
}

.app-remove-confirm>.title-hl {
    margin: 10px 0 20px 0;
    color: #d9534f
}

.app-remove-confirm>.app-input-name {
    font-size: 12px;
    width: 410px;
    margin: 5px auto 0 auto;
    text-align: left
}

.app-remove-confirm>.app-input-name>.input-widget {
    display: inline-block!important
}

.help-dialog {
    padding: 55px 25px 0 25px
}

.help-dialog .help-list {
    overflow: auto;
    padding-left: 20px
}

.help-dialog .help-list>li {
    line-height: 30px;
    list-style: disc
}

.help-dialog .btn-close {
    position: absolute;
    bottom: 20px;
    right: 50px;
    width: 120px
}

.help-dialog>.team-tip {
    position: relative;
    float: left;
    left: 0;
    height: 200px;
    margin: 0 30px;
    padding: 0 16px;
    text-align: center;
    color: #333;
    -webkit-box-shadow: 0 1px 3px rgba(188, 188, 188, .5);
    box-shadow: 0 1px 3px rgba(188, 188, 188, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    width: 224px;
    height: 198px
}

.help-dialog>.team-tip>.top {
    margin: 0 auto 30px auto;
    width: 40px;
    height: 4px;
    background: #40cae5
}

.help-dialog>.team-tip>i {
    color: #40cae5;
    font-size: 30px
}

.help-dialog>.team-tip>.title {
    margin: 20px 0 10px 0;
    line-height: 30px;
    display: block
}

.help-dialog>.team-tip>.description {
    font-size: 12px;
    color: #989898
}

.help-dialog>.team-tip:hover {
    -webkit-box-shadow: 0 0 10px rgba(198, 198, 198, .5);
    box-shadow: 0 0 10px rgba(198, 198, 198, .5)
}

.help-dialog>.team-tip.member-invite>.top {
    background: #e5b040
}

.help-dialog>.team-tip.member-invite>i {
    color: #e5b040
}

.fx_app_set .app-set-body {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FAFAFA;
    font-size: 14px;
    min-width: 800px
}

.fx_app_set .app-set-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 100%;
    border-right: solid 1px #e0e0e0;
    overflow: auto;
    padding: 20px 0
}

.fx_app_set .app-set-menu .menu-item {
    cursor: pointer;
    padding-left: 20px;
    border-right: solid 4px transparent;
    font-size: 16px;
    height: 50px;
    line-height: 50px
}

.fx_app_set .app-set-menu .menu-item>i {
    color: #969696;
    font-size: 18px;
    margin-right: 15px
}

.fx_app_set .app-set-menu .menu-item.active {
    color: #0DB3A6;
    border-right-color: #0DB3A6
}

.fx_app_set .app-set-menu .menu-item.active>i {
    color: #0DB3A6
}

.fx_app_set .app-set-content {
    position: absolute;
    top: 0;
    left: 170px;
    right: 0;
    bottom: 0
}

.fx_app_set .app-set-content .content-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 12px 15px
}

.fx_app_set .app-set-content .content-detail {
    overflow: auto;
    min-width: 800px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    padding: 15px 15px 0 15px
}

.fx_app_set .app-set-content .content-detail .label {
    margin: 20px 0 10px 0
}

.fx_app_set .app-set-content .content-detail .app-url:after,
.fx_app_set .app-set-content .content-detail .app-url:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_app_set .app-set-content .content-detail .app-url:after {
    clear: both
}

.fx_app_set .app-set-content .content-detail .icon-help {
    color: #0DB3A6;
    margin-left: 5px
}

.fx_app_set .app-set-content .content-detail .app-url-host {
    position: relative;
    float: left;
    left: 0;
    height: 30px;
    line-height: 30px
}

.fx_app_set .app-set-content .content-detail .as-input-url {
    margin-left: 4px;
    position: relative;
    float: left;
    left: 0
}

.fx_app_set .app-set-content .content-detail .entry-list {
    position: relative;
    float: left;
    left: 0;
    min-height: 480px;
    min-width: 300px;
    height: 100%;
    width: 30%;
    border: 1px solid #e0e0e0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
}

.fx_app_set .app-set-content .content-detail .entry-list li a {
    height: 30px;
    line-height: 30px
}

.fx_app_set .app-set-content .content-detail .entry-list li a:hover {
    color: #333;
    background: #eee
}

.fx_app_set .app-set-content .content-detail .entry-list li a.curSelectedNode {
    color: #0DB3A6;
    background: #eee
}

.fx_app_set .app-set-content .content-detail .entry-list li a>i {
    color: #3DC2B8
}

.fx_app_set .app-set-content .content-detail .entry-list li a>i.icon-report {
    color: #7EC29C
}

.fx_app_set .app-set-content .content-detail .entry-list li a>i.icon-form {
    color: #5DA0CC
}

.fx_app_set .app-set-content .content-detail .entry-list .switch {
    padding-right: 5px
}

.fx_app_set .app-set-content .content-detail .as-data-auth {
    margin-left: 15px
}

.fx_app_set .app-set-content .content-detail .as-data-auth .hint {
    color: #ccc;
    text-align: center;
    margin: 90px 80px
}

.fx_app_set .app-set-content .content-detail .as-data-auth .hint .hint-icon {
    min-width: 170px;
    height: 120px;
    margin-bottom: 15px;
    background: url(https://assets.jiandaoyun.com/v1362/resources/images/auth_empty.png) no-repeat center center
}

.fx_app_set .app-set-content .content-detail .as-data-auth .hint .hint-content {
    font-size: 16px
}

.fx_app_set .app-set-content .content-detail .as-department-tree {
    min-width: 450px;
    border: none
}

.fx_app_set .app-set-content .content-detail .as-department-tree.right-tree {
    margin-left: 15px
}

.fx_app_set .app-set-content .content-detail .as-department-tree .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fx_app_set .app-set-content .content-detail .as-entry-select {
    max-width: 800px;
    height: 100%
}

.fx_app_template .app-template-menu {
    padding: 0 80px;
    width: 100%;
    height: 100%;
    margin-top: 25px
}

@media screen and (max-width:1440px) {
    .fx_app_template .app-template-menu {
        padding: 0 40px
    }
}

.fx_app_template .app-template-menu .menu-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1440px
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    padding: 0 10px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item:hover {
    color: #0DB3A6
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 3px;
    background: #0DB3A6
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item.active {
    color: #0DB3A6
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item.active:after {
    right: 0;
    left: 0;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search {
    position: absolute;
    top: 14px;
    right: 0;
    width: 184px;
    height: 50px
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search input {
    padding: 0 30px 0 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    width: 184px;
    height: 36px;
    font-size: 12px;
    border: solid 1px #ccc
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search .search-icon {
    color: #e0e0e0;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search .search-icon.active {
    color: #0DB3A6
}

.fx_app_template .app-template-body {
    padding: 0 80px;
    width: 100%;
    height: 100%;
    background: #f7f7f7
}

@media screen and (max-width:1440px) {
    .fx_app_template .app-template-body {
        padding: 0 40px
    }
}

.fx_app_template .app-template-body .body-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 1440px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu {
    padding-top: 16px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category {
    display: inline-block;
    width: 90px;
    height: 32px;
    background: #fff;
    border: 1px solid #e9e9e9;
    line-height: 30px;
    text-align: center;
    margin-left: 14px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category.active,
.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category:hover {
    background: #0DB3A6;
    border-color: #0DB3A6;
    color: #fff
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category:first-child {
    margin-left: 0
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item {
    position: relative;
    width: 50%;
    height: 150px;
    display: inline-block;
    margin-top: 16px;
    cursor: pointer
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item:nth-child(even) {
    padding-left: 8px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item:nth-child(odd) {
    padding-right: 8px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list {
    width: 100%;
    height: 150px;
    position: relative;
    float: left;
    left: 0;
    display: inline-block;
    background: #fff;
    color: #222
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list:hover {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    box-shadow: 0 2px 10px 0 rgba(219, 219, 219, .5)
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 128px;
    height: 118px;
    background: #f9f9f9;
    line-height: 118px;
    text-align: center
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon {
    font-size: 42px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-1 {
    color: #f96d64
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-2 {
    color: #f5c547
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-3 {
    color: #52ce87
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-4 {
    color: #4ec2e9
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-5 {
    color: #5d9cee
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-6 {
    color: #ac92ec
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content {
    position: absolute;
    top: 0;
    left: 144px;
    padding: 30px 39px 16px 29px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-name {
    max-width: 464px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:1280px) {
    .fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-name {
        max-width: 384px
    }
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-publisher {
    max-width: 464px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    color: #6e6e6e
}

@media screen and (max-width:1280px) {
    .fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-publisher {
        max-width: 384px
    }
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-description {
    max-width: 464px;
    line-height: 14px;
    font-size: 12px;
    margin-top: 10px;
    color: #474747;
    max-height: 43px;
    overflow: hidden
}

@media screen and (max-width:1280px) {
    .fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-description {
        max-width: 384px
    }
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-empty {
    font-size: 28px;
    color: #989898;
    background: url(https://assets.jiandaoyun.com/v1362/resources/images/app_template_empty_bg.svg) no-repeat center center;
    width: 100%;
    height: 400px;
    text-align: center;
    padding-top: 260px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page {
    padding: 15px;
    width: 100%;
    height: 60px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page .page-item {
    text-align: center;
    position: relative;
    float: right;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    margin-left: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page .page-item:hover {
    background: #FAFAFA
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page .page-item.active {
    background: #0DB3A6;
    color: #fff
}

.fx_vip_center {
    padding: 40px;
    background: #fff
}

.fx_vip_center .version {
    position: relative;
    border-bottom: 1px solid #eee
}

.fx_vip_center .version .version-name {
    font-size: 18px
}

.fx_vip_center .version .version-name .name-tip {
    color: #999
}

.fx_vip_center .version .version-line {
    padding-bottom: 40px;
    height: 80px;
    line-height: 80px
}

.fx_vip_center .version .version-line .line-item {
    position: relative;
    float: left;
    left: 0;
    margin-left: 100px
}

.fx_vip_center .version .version-line .line-item:first-child {
    margin-left: 40px
}

.fx_vip_center .version .version-line .line-item>span {
    color: #999
}

.fx_vip_center .version .version-btn-wrapper {
    position: absolute;
    top: 0;
    right: 50px
}

.fx_vip_center .version .version-btn-wrapper .version-btn {
    text-align: center;
    padding: 6px 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    float: left;
    left: 10px;
    margin-left: 10px;
    cursor: pointer
}

.fx_vip_center .version .version-btn-wrapper .version-btn>a {
    color: #fff
}

.fx_vip_center .version .version-btn-wrapper .version-btn.blue {
    background: #00bcd7
}

.fx_vip_center .version .version-btn-wrapper .version-btn.green {
    background: #0DB3A6
}

.fx_vip_center .version-privilege {
    padding-top: 40px
}

.fx_vip_center .version-privilege .privilege-name {
    font-size: 18px
}

.fx_vip_center .version-privilege .privilege-row {
    padding: 20px 40px
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper {
    height: 24px;
    line-height: 24px
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon {
    position: relative;
    float: left;
    left: 0;
    font-size: 18px
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon.green {
    color: #21B7B1
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon.blue {
    color: #00B4E8
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon.yellow {
    color: #EBAF52
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-text {
    position: relative;
    float: left;
    left: 0;
    margin-left: 10px;
    font-size: 16px
}

.fx_vip_center .version-privilege .privilege-row .row-progress {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 10px auto;
    max-width: 1080px
}

.fx_vip_center .version-privilege .privilege-row .row-content {
    height: 16px;
    line-height: 16px;
    margin: 10px auto;
    max-width: 1080px
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item {
    position: relative;
    float: left;
    left: 0;
    margin-left: 40px
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item.button {
    padding-left: 40px;
    border-left: 1px solid #000;
    color: #0DB3A6;
    cursor: pointer
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item:first-child {
    margin-left: 0
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item-right {
    position: relative;
    float: right;
    right: 10px;
    color: #ff9d25
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item-right.hide {
    display: none
}

.fx_vip_center .version-service {
    padding: 40px
}

.fx_vip_center .version-service .service-item {
    position: relative;
    width: 19%;
    height: 170px;
    margin: 5px .5%;
    background: #f4fbfe;
    border: 1px solid #ececec;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: top
}

.fx_vip_center .version-service .service-item:hover {
    box-shadow: 0 2px 7px 0 rgba(215, 215, 215, .5);
    border: none
}

.fx_vip_center .version-service .service-item:hover .item-wrapper {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.fx_vip_center .version-service .service-item .item-icon {
    margin: 22px auto;
    display: block;
    font-size: 30px
}

.fx_vip_center .version-service .service-item .item-icon.grey {
    color: #AEAEAE
}

.fx_vip_center .version-service .service-item .item-icon.blue {
    color: #2D9DE2
}

.fx_vip_center .version-service .service-item .item-icon.blue-lighter {
    color: #159EDC
}

.fx_vip_center .version-service .service-item .item-icon.purple {
    color: #9D90FF
}

.fx_vip_center .version-service .service-item .item-icon.yellow {
    color: #ECBB6E
}

.fx_vip_center .version-service .service-item .item-icon.red-lighter {
    color: #FD81C8
}

.fx_vip_center .version-service .service-item .item-icon.green {
    color: #0DB3A6
}

.fx_vip_center .version-service .service-item .item-icon.yellow-lighter {
    color: #F1A541
}

.fx_vip_center .version-service .service-item .item-icon.blue-deep {
    color: #5E8DFF
}

.fx_vip_center .version-service .service-item .item-icon.gold {
    color: #E2B655
}

.fx_vip_center .version-service .service-item .item-icon.green-deep {
    color: #409166
}

.fx_vip_center .version-service .service-item .item-name {
    font-size: 20px;
    margin: 0 auto
}

.fx_vip_center .version-service .service-item .item-info {
    margin: 20px auto 0 auto;
    color: #797979
}

.fx_vip_center .version-service .service-item .item-info.error {
    color: #FF363D
}

.fx_vip_center .version-service .service-item .item-info.warning {
    color: #f0ad4e
}

.fx_vip_center .version-service .service-item .item-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 40px 20px;
    line-height: 18px;
    background: #fff;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    text-align: left
}

.fx_vip_center .version-service .service-item .item-wrapper a {
    color: #0DB3A6
}

.fx_vip_center .version-service .service-item .item-wrapper .wrapper-center-text {
    position: absolute;
    top: 50%;
    left: 40px;
    right: 40px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn {
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    background: #0DB3A6
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn.col-1 {
    width: 100%
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn.col-2 {
    width: 50%
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn.col-2:first-child {
    border-right: 1px solid #fff
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn:hover {
    background: #00A598
}

.fx_vip_center_dialog_wrapper {
    padding: 20px
}

.fx_vip_center_dialog_wrapper .description {
    font-size: 16px
}

.fx_vip_center_dialog_wrapper .wrapper-content {
    padding: 20px 40px
}

.fx_vip_center_dialog_wrapper .wrapper-btn {
    position: relative;
    float: right;
    right: 20px;
    margin-top: 30px
}

.fx_vip_center_dialog_wrapper .wrapper-btn:last-child {
    right: 40px
}

.fx_profile_pane {
    background: #fff;
    padding: 10px
}

.fx_profile_pane .row {
    display: table;
    position: relative;
    border-bottom: solid 1px #f1f1f1;
    width: 100%;
    min-height: 70px
}

.fx_profile_pane .row.corp-url {
    min-height: 120px
}

.fx_profile_pane .row>.label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f9f9f9;
    text-align: center;
    display: inline-block;
    width: 130px;
    padding: 15px 0;
    line-height: 40px
}

.fx_profile_pane .row>.label .desc {
    color: #989898;
    padding: 0 18px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px
}

.fx_profile_pane .row .content {
    margin-left: 130px;
    padding: 17px 20px;
    display: inline-block
}

.fx_profile_pane .row .content .link {
    cursor: pointer;
    color: #0DB3A6;
    font-size: 12px;
    padding-right: 10px
}

.fx_profile_pane .row .content .link.icon-angleright {
    font-size: 16px
}

.fx_profile_pane .row .content .x-btn {
    width: 90px;
    position: relative;
    float: left;
    left: 0;
    margin: 10px 20px 10px 0
}

.fx_profile_pane .row .content .content-row {
    position: relative;
    line-height: 36px
}

.fx_profile_pane .row .content .content-row .content-label {
    line-height: 36px;
    min-width: 70px;
    display: inline-block
}

.fx_profile_pane .row .content .content-row .grey {
    color: #ccc
}

.fx_profile_pane .row .content .social-icon {
    display: inline-block
}

.fx_profile_pane .row .content-edit .invalid-info {
    position: absolute;
    top: 0;
    left: 250px;
    border: none;
    background: 0 0;
    width: 100%;
    line-height: 36px;
    right: auto
}

.fx_profile_pane .row .content-edit .content-input {
    display: inline-block;
    width: 240px
}

.fx_profile_pane .row .content-edit#pwd-set-pane .invalid-info {
    left: 320px
}

.fx_profile_pane .row .content-edit#pwd-set-pane .link {
    margin-left: 70px
}

.fx_profile_pane .row .content-edit#url-set-pane .invalid-info {
    left: 400px
}

.fx_profile_pane span.mode-tag {
    padding: 4px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #6f6f6f;
    border: solid 1px rgba(13, 179, 166, .6);
    background-color: rgba(57, 221, 208, .1)
}

.fx_profile_pane .share-open {
    padding: 10px 15px;
    text-align: center;
    color: #178cdf
}

.fx_profile_pane .share-open i.icon-share-open {
    font-size: 18px;
    margin-right: 0
}

.fx_profile_pane .share-open i.icon-share-open:before {
    content: '\e68f'
}

.fui_coupon_dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 50px;
    overflow: auto
}

.fui_coupon_dialog .coupon-item {
    position: relative;
    float: left;
    left: 0;
    width: 300px;
    height: 100px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 20px;
    background: #F59553 url(https://assets.jiandaoyun.com/v1362/resources/images/profile_coupon_bg.png);
    background-size: 300px 100px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: box-shadow 218ms ease-in;
    -moz-transition: box-shadow 218ms ease-in;
    -o-transition: box-shadow 218ms ease-in;
    transition: box-shadow 218ms ease-in
}

.fui_coupon_dialog .coupon-item:nth-child(even) {
    left: 20px
}

.fui_coupon_dialog .coupon-item:before {
    content: ' ';
    position: absolute;
    top: -12px;
    right: 50px;
    width: 24px;
    height: 24px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fui_coupon_dialog .coupon-item:after {
    content: ' ';
    position: absolute;
    bottom: -12px;
    right: 50px;
    width: 24px;
    height: 24px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fui_coupon_dialog .coupon-item:hover {
    -webkit-box-shadow: 2px 2px 4px rgba(17, 17, 17, .19);
    box-shadow: 2px 2px 4px rgba(17, 17, 17, .19)
}

.fui_coupon_dialog .coupon-item .text-for-center {
    position: absolute;
    top: 15px;
    left: 0;
    bottom: 15px;
    line-height: 50px;
    width: 238px;
    padding-left: 20px;
    font-size: 16px
}

.fui_coupon_dialog .coupon-item .text-for-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 238px;
    padding: 5px 20px;
    font-size: 12px;
    color: #fff
}

.fui_coupon_dialog .coupon-item .text-for-bottom.position-top {
    bottom: 26px;
    color: rgba(17, 17, 17, .49)
}

.fui_coupon_dialog .coupon-item .text-for-right {
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 15px;
    width: 62px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    border-left: 1px dashed #fff
}

.fui_coupon_dialog .coupon-empty {
    text-align: center;
    margin-top: 120px;
    font-size: 30px;
    color: #999
}

.x-batch-edit-dialog .dialog-body {
    overflow: hidden
}

.x-batch-edit-dialog .dialog-body .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-info-item {
    padding: 5px 10px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-info-item>p {
    font-size: 12px;
    color: #989898;
    margin: 5px 0
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-label {
    padding: 5px 10px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-label .icon-tip-warning {
    margin: 0 7px;
    color: #0DB3A6;
    cursor: pointer
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .widget-wrapper {
    padding: 5px 10px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .widget-wrapper .not-allowed {
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    width: 100%;
    height: 40px;
    cursor: not-allowed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .widget-error-info {
    padding: 0 10px;
    color: #d9534f
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 10px;
    overflow: hidden;
    line-height: 32px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-footer .edit-btn-left {
    position: relative;
    float: left;
    left: 10px;
    color: #0DB3A6;
    cursor: pointer
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-main .edit-footer .edit-btn {
    position: relative;
    float: right;
    right: 0;
    margin-right: 15px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    overflow: auto
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-field {
    width: 60px;
    height: 60px;
    margin: 20px auto 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-field>i {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    background: #0DB3A6;
    color: #fff;
    font-size: 25px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-separator {
    height: 1px;
    margin: 0 30px 20px;
    background: linear-gradient(to left, rgba(13, 179, 166, 0), #0DB3A6, rgba(13, 179, 166, 0))
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-label {
    font-size: 16px;
    padding: 5px 30px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item {
    margin: 10px 30px;
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
    position: relative
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item.has-loader {
    padding-left: 60px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item .line-loader {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item .line-loader .x-loader-icon {
    margin: 0 auto
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item .line-info {
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item .line-info .field-invalid {
    background: #d9534f;
    color: #fff;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .edit-list-item .line-info .col-4 {
    display: inline-block;
    width: 33.33%
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .btn-more {
    color: #0DB3A6;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: color 218ms;
    -moz-transition: color 218ms;
    -o-transition: color 218ms;
    transition: color 218ms
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .btn-more:hover {
    color: #0a837a
}

.x-batch-edit-dialog .dialog-body .content-wrapper .content-result .empty-tip {
    color: #bbb;
    font-size: 18px;
    text-align: center;
    padding: 20px
}

.x-batch-edit-dialog .dialog-body .content-wrapper.show-result {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.fx_file_export .dialog-body {
    overflow: hidden
}

.fx_file_export .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fx_file_export .content-wrapper.show-records {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.fx_file_export .content-main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    overflow: auto
}

.fx_file_export .empty-tip {
    margin-top: 90px;
    text-align: center;
    font-size: 16px;
    color: #a1a1a1
}

.fx_file_export .config-title {
    font-size: 16px;
    margin: 35px 0 20px 0
}

.fx_file_export .pane-config {
    border: 1px solid #e0e0e0
}

.fx_file_export .pane-config .config-head {
    height: 35px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 35px;
    background: #f3fbff
}

.fx_file_export .pane-config .config-body {
    height: 245px;
    padding: 8px 0;
    overflow: auto
}

.fx_file_export .pane-config .config-field {
    height: 30px;
    margin: 8px 0;
    line-height: 30px
}

.fx_file_export .col-4 {
    display: inline-block;
    width: 33.3%;
    padding: 0 10px;
    vertical-align: middle
}

.fx_file_export .field-file {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_file_export .dialog-footer {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 0 30px;
    line-height: 36px
}

.fx_file_export .dialog-footer .btn-left {
    float: left;
    cursor: pointer;
    color: #0DB3A6;
    border: none
}

.fx_file_export .dialog-footer .btn-left:hover {
    background-color: #fff
}

.fx_file_export .dialog-footer .btn-right {
    float: right;
    margin-left: 20px;
    font-size: 16px
}

.fx_file_export .content-records {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    overflow: auto
}

.fx_file_export .content-records .pane-pack {
    height: 115px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_file_export .content-records .pane-pack .pack-progress {
    margin-top: 15px
}

.fx_file_export .content-records .pane-pack .pack-info {
    font-size: 12px
}

.fx_file_export .content-records .btn-export {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.fx_file_export .content-records .btn-export i {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 0 auto;
    background-color: #0DB3A6;
    color: #fff;
    font-size: 25px
}

.fx_file_export .content-records .separator {
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, rgba(13, 179, 166, 0), #0DB3A6, rgba(13, 179, 166, 0))
}

.fx_file_export .content-records .records-title {
    margin: 20px 0 15px 0;
    font-size: 16px
}

.fx_file_export .content-records .pane-record {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_file_export .content-records .pane-record .record-header {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #f3fbff;
    border-bottom: 1px solid #e0e0e0
}

.fx_file_export .content-records .pane-record .btn-del {
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer
}

.fx_file_export .content-records .pane-record .btn-del i {
    margin-right: 5px
}

.fx_file_export .content-records .pane-record .record-body {
    padding: 10px 20px
}

.fx_file_export .content-records .file-item {
    height: 30px;
    line-height: 30px
}

.fx_file_export .content-records .file-item i {
    display: inline-block;
    font-size: 18px;
    color: #0DB3A6;
    cursor: pointer
}

.fx_file_export .content-records .file-item .file-name {
    display: inline-block;
    width: 340px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.fx_file_export .content-records .file-item .file-size {
    display: inline-block;
    width: 150px
}

.fx_file_export .content-records .file-item .file-url:active i,
.fx_file_export .content-records .file-item .file-url:visited i {
    color: #0a837a
}

.fx_file_export .content-records .tip {
    color: #0DB3A6;
    cursor: default
}

.fx_notify_config {
    background: #FAFAFA;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_notify_config .config-content {
    background: #fff;
    border: solid 1px #e0e0e0;
    margin: 20px auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 700px
}

.fx_notify_config .config-pane {
    padding: 10px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    overflow: auto
}

.fx_notify_config .btn-pane {
    border-top: solid 1px #e0e0e0;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fx_notify_config .btn-pane .btn {
    margin: 12px auto
}

.fx_notify_config .tip-pane {
    margin-top: 40px;
    text-align: center
}

.fx_notify_config .label {
    margin-top: 20px;
    line-height: 20px
}

.fx_notify_config .widget {
    margin: 5px 0
}

.fx_notify_config .widget.validator {
    width: 450px;
    height: 120px;
    overflow: auto;
    border: solid 1px #e0e0e0
}

.fx_notify_config .tip {
    color: #989898;
    font-size: 12px
}

.fx_notify_config .link {
    font-size: 12px;
    color: #0DB3A6;
    text-decoration: underline
}

.fx_notify_config .invalid-tip {
    font-size: 12px;
    color: #d9534f;
    padding: 0 10px
}

.fx_notify_config .sub-item {
    margin-top: 10px
}

.fx_notify_config .sub-item.half {
    display: inline-block;
    margin-right: 10px
}

.fx_notify_config .sub-item .sub-label {
    line-height: 20px;
    font-size: 12px
}

.fx_notify_config .sub-item .sub-widget {
    display: inline-block;
    margin-right: 5px
}

.fui_vip_usage_dialog .dialog-body .body-content {
    padding: 0;
    position: absolute;
    top: 25px;
    left: 30px;
    right: 30px;
    bottom: 25px;
    border: 1px solid #e0e0e0
}

.fui_vip_usage_dialog .dialog-body .body-content .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #e0e0e0;
    background: #f3faff;
    height: 35px;
    line-height: 35px;
    padding-left: 20px
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content {
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line {
    padding: 10px 20px
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line:first-child {
    margin-top: 10px
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item>a {
    color: #0DB3A6
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item.left {
    width: 70%
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item.center {
    width: 20%
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item.right {
    width: 10%
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .btn-more {
    text-align: center;
    padding: 20px;
    color: #444;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: opacity 218ms;
    -moz-transition: opacity 218ms;
    -o-transition: opacity 218ms;
    transition: opacity 218ms
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .btn-more:active {
    opacity: 1
}

.x-richtext .note-editor .note-codable {
    display: none
}

.x-richtext .note-editor .btn-group {
    display: inline-block
}

.x-richtext .note-editor .btn-group .btn {
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin: 0 2px;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: 0 0;
    border: solid 1px transparent;
    color: #666
}

.x-richtext .note-editor .btn-group .btn:hover {
    border-color: #e0e0e0
}

.x-richtext .note-editor .btn-group .btn.active {
    border-color: #e0e0e0;
    background: #d8d8d8
}

.x-richtext .note-editor .note-toolbar {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    line-height: 30px;
    border: solid 1px #e0e0e0;
    border-bottom-width: 0;
    background: #FAFAFA
}

.x-richtext .note-editor .note-toolbar ul.color-palette,
.x-richtext .note-editor .note-toolbar ul.font-size-list {
    padding: 2px 0;
    display: none
}

.x-richtext .note-editor .note-toolbar li.color-item {
    width: 40px;
    height: 20px;
    margin: 0 2px;
    position: relative
}

.x-richtext .note-editor .note-toolbar li.color-item>.color-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 12px;
    margin: 3px;
    border: 0;
    cursor: pointer
}

.x-richtext .note-editor .note-editable {
    outline: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border: solid 1px #e0e0e0;
    overflow: auto;
    min-height: 110px;
    padding: 5px 5px 20px 5px;
    background: #fff
}


/************************************ ContextMenu ***************************************/

.x-contextmenu {
    display: none;
    width: 140px;
    position: absolute;
    z-index: 201105;
    border: 1px solid rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    padding: 1px;
    padding: 3px 0;
}

.x-contextmenu .x-contextmenu-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
}

.x-contextmenu .x-contextmenu-list .x-contextmenu-item {
    position: relative;
}

.x-contextmenu .x-contextmenu-list .x-contextmenu-item a {
    display: block;
    height: 25px;
    line-height: 24px;
    padding: 0 5px 0 25px;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    overflow: hidden;
}

.x-contextmenu .x-contextmenu-list .x-contextmenu-item:hover a,
.x-contextmenu .x-contextmenu-list .x-contextmenu-item-hover a {
    background-color: #0DB3A6;
    color: #fff;
    text-decoration: none;
}

.x-contextmenu .x-contextmenu-list .x-contextmenu-separate {
    line-height: 0;
    margin: 3px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 0;
}


/************************************ CodeMirror ***************************************/

.CodeMirror {
    font-family: monospace;
    border: solid 1px #e0e0e0;
    cursor: text;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    color: #000
}

.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 div.CodeMirror-cursor {
    border-left: 1px solid #000
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
    width: auto;
    border: 0;
    background: #7e7
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.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
}

@-moz-keyframes blink {
    0% {
        background: #7e7
    }
    50% {
        background: 0 0
    }
    100% {
        background: #7e7
    }
}

@-webkit-keyframes blink {
    0% {
        background: #7e7
    }
    50% {
        background: 0 0
    }
    100% {
        background: #7e7
    }
}

@keyframes blink {
    0% {
        background: #7e7
    }
    50% {
        background: 0 0
    }
    100% {
        background: #7e7
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    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-em {
    font-style: italic
}

.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-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 {
    color: #555
}

.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-s-default .cm-field {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 5px;
    margin: 1px 1px;
    color: #fff;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif
}

.cm-s-default .cm-field.cm-field-name {
    background: #0DB3A6
}

.cm-s-default .cm-field.cm-field-value {
    background: #178cdf
}

.cm-s-default .cm-field.cm-field-invalid {
    background: #d9534f
}

.cm-s-default .cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll!important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 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;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    height: 100%
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.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
}

.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;
    overflow: auto
}

.CodeMirror-code {
    line-height: 20px;
    outline: 0;
    font-size: 16px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.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-measure pre {
    position: static
}

.CodeMirror div.CodeMirror-cursor {
    position: absolute;
    border-right: none;
    width: 0
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors {
    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: #ffa;
    background: 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
}

.CodeMirror-hints {
    position: absolute;
    z-index: 10000;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 2px;
    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    border: 1px solid silver;
    background: #fff;
    font-size: 90%;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    max-height: 20em;
    overflow-y: auto
}

.CodeMirror-hint {
    margin: 0;
    padding: 0 4px;
    border-radius: 2px;
    max-width: 19em;
    overflow: hidden;
    white-space: pre;
    color: #000;
    cursor: pointer
}

li.CodeMirror-hint-active {
    background: #08f;
    color: #fff
}

