@charset "UTF-8";
/*按钮背景色*/
/*各元素边框颜色*/
/*默认全局字体颜色*/
/*背景色*/
/*日期控件*/
/*日期控件 默认主体*/
/*日期控件 墨绿/自定义背景主体色*/
/*日期控件 格子主题*/
/*弹窗*/
/*弹窗 标题栏*/
/*弹窗 按钮组*/
/*弹窗 定制化*/
/*弹窗 skin*/
/*弹窗 prompt模式*/
/*弹窗 tab模式*/
/*弹窗 photo模式*/
/*使用浮动过后，清除浮动*/
/*背景色*/
/*线条颜色*/
/*使用浮动过后，清除浮动*/
/*常用inline-block 垂直居中法*/
/* flex 兼容写法*/
/*calc 兼容写法*/
/**

 @Name: layui
 @Author: name
 @Site: www.layui.com

 */
/** 初始化 **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, pre {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

img {
    display: inline-block;
    border: none;
    vertical-align: middle; }

li {
    list-style: none; }

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

h1, h2, h3 {
    font-weight: 400; }

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

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

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0; }

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }

/** 初始化全局标签 **/
body {
    line-height: 24px;
    font: 14px "微软雅黑",Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both; }

a {
    color: #333;
    text-decoration: none; }

a:hover {
    color: #777; }

a cite {
    font-style: normal;
    *cursor: pointer; }

/*按钮背景色*/
/*各元素边框颜色*/
/*默认全局字体颜色*/
/*背景色*/
/*日期控件*/
/*日期控件 默认主体*/
/*日期控件 墨绿/自定义背景主体色*/
/*日期控件 格子主题*/
/*弹窗*/
/*弹窗 标题栏*/
/*弹窗 按钮组*/
/*弹窗 定制化*/
/*弹窗 skin*/
/*弹窗 prompt模式*/
/*弹窗 tab模式*/
/*弹窗 photo模式*/
/*使用浮动过后，清除浮动*/
/*背景色*/
/*线条颜色*/
/*使用浮动过后，清除浮动*/
/*常用inline-block 垂直居中法*/
/* flex 兼容写法*/
/*calc 兼容写法*/
/** 基础通用 **/
.dggui-border-box, .dggui-border-box * {
    box-sizing: border-box; }

/* 消除第三方ui可能造成的冲突 */
.dggui-box, .dggui-box * {
    box-sizing: content-box; }

.dggui-clear {
    clear: both;
    *zoom: 1; }
.dggui-clear:after {
    content: '\20';
    clear: both;
    *zoom: 1;
    display: block;
    height: 0; }

.dggui-inline {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle; }

/* 三角形 */
.dggui-edge {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    overflow: hidden; }

.dggui-edge-top {
    top: -4px;
    border-bottom-color: #999;
    border-bottom-style: solid; }

.dggui-edge-right {
    border-left-color: #999;
    border-left-style: solid; }

.dggui-edge-bottom {
    top: 2px;
    border-top-color: #999;
    border-top-style: solid; }

.dggui-edge-left {
    border-right-color: #999;
    border-right-style: solid; }

/* 单行溢出省略 */
.dggui-elip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

/* 屏蔽选中 */
.dggui-unselect, .dggui-icon, .dggui-disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }

/* 禁用 */
.dggui-disabled, .dggui-disabled:hover {
    color: #d2d2d2 !important;
    cursor: not-allowed !important; }

/* 纯圆角 */
.dggui-circle {
    border-radius: 100%; }

.dggui-show {
    display: block !important; }

.dggui-hide {
    display: none !important; }

/** 图标字体 **/
@font-face {
    font-family: 'dggui-icon';
    src: url("../font/lay/iconfont.eot?v=240");
    src: url("../font/lay/iconfont.eot?v=240#iefix") format("embedded-opentype"), url("../font/lay/iconfont.svg?v=240#iconfont") format("svg"), url("../font/lay/iconfont.woff?v=240") format("woff"), url("../font/lay/iconfont.ttf?v=240") format("truetype"); }
.dggui-icon {
    font-family: "dggui-icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* font-class */
.dggui-icon-reply-fill:before {
    content: "\e611"; }

.dggui-icon-set-fill:before {
    content: "\e614"; }

.dggui-icon-menu-fill:before {
    content: "\e60f"; }

.dggui-icon-search:before {
    content: "\e615"; }

.dggui-icon-share:before {
    content: "\e641"; }

.dggui-icon-set-sm:before {
    content: "\e620"; }

.dggui-icon-engine:before {
    content: "\e628"; }

.dggui-icon-close:before {
    content: "\1006"; }

.dggui-icon-close-fill:before {
    content: "\1007"; }

.dggui-icon-chart-screen:before {
    content: "\e629"; }

.dggui-icon-star:before {
    content: "\e600"; }

.dggui-icon-circle-dot:before {
    content: "\e617"; }

.dggui-icon-chat:before {
    content: "\e606"; }

.dggui-icon-release:before {
    content: "\e609"; }

.dggui-icon-list:before {
    content: "\e60a"; }

.dggui-icon-chart:before {
    content: "\e62c"; }

.dggui-icon-ok-circle:before {
    content: "\1005"; }

.dggui-icon-layim-theme:before {
    content: "\e61b"; }

.dggui-icon-table:before {
    content: "\e62d"; }

.dggui-icon-right:before {
    content: "\e602"; }

.dggui-icon-left:before {
    content: "\e603"; }

.dggui-icon-cart-simple:before {
    content: "\e698"; }

.dggui-icon-face-cry:before {
    content: "\e69c"; }

.dggui-icon-face-smile:before {
    content: "\e6af"; }

.dggui-icon-survey:before {
    content: "\e6b2"; }

.dggui-icon-tree:before {
    content: "\e62e"; }

.dggui-icon-upload-circle:before {
    content: "\e62f"; }

.dggui-icon-add-circle:before {
    content: "\e61f"; }

.dggui-icon-download-circle:before {
    content: "\e601"; }

.dggui-icon-templeate-1:before {
    content: "\e630"; }

.dggui-icon-util:before {
    content: "\e631"; }

.dggui-icon-face-surprised:before {
    content: "\e664"; }

.dggui-icon-edit:before {
    content: "\e642"; }

.dggui-icon-speaker:before {
    content: "\e645"; }

.dggui-icon-down:before {
    content: "\e61a"; }

.dggui-icon-file:before {
    content: "\e621"; }

.dggui-icon-layouts:before {
    content: "\e632"; }

.dggui-icon-rate-half:before {
    content: "\e6c9"; }

.dggui-icon-add-circle-fine:before {
    content: "\e608"; }

.dggui-icon-prev-circle:before {
    content: "\e633"; }

.dggui-icon-read:before {
    content: "\e705"; }

.dggui-icon-404:before {
    content: "\e61c"; }

.dggui-icon-carousel:before {
    content: "\e634"; }

.dggui-icon-help:before {
    content: "\e607"; }

.dggui-icon-code-circle:before {
    content: "\e635"; }

.dggui-icon-water:before {
    content: "\e636"; }

.dggui-icon-username:before {
    content: "\e66f"; }

.dggui-icon-find-fill:before {
    content: "\e670"; }

.dggui-icon-about:before {
    content: "\e60b"; }

.dggui-icon-location:before {
    content: "\e715"; }

.dggui-icon-up:before {
    content: "\e619"; }

.dggui-icon-pause:before {
    content: "\e651"; }

.dggui-icon-date:before {
    content: "\e637"; }

.dggui-icon-layim-uploadfile:before {
    content: "\e61d"; }

.dggui-icon-delete:before {
    content: "\e640"; }

.dggui-icon-play:before {
    content: "\e652"; }

.dggui-icon-top:before {
    content: "\e604"; }

.dggui-icon-friends:before {
    content: "\e612"; }

.dggui-icon-refresh-3:before {
    content: "\e9aa"; }

.dggui-icon-ok:before {
    content: "\e605"; }

.dggui-icon-layer:before {
    content: "\e638"; }

.dggui-icon-face-smile-fine:before {
    content: "\e60c"; }

.dggui-icon-dollar:before {
    content: "\e659"; }

.dggui-icon-group:before {
    content: "\e613"; }

.dggui-icon-layim-download:before {
    content: "\e61e"; }

.dggui-icon-picture-fine:before {
    content: "\e60d"; }

.dggui-icon-link:before {
    content: "\e64c"; }

.dggui-icon-diamond:before {
    content: "\e735"; }

.dggui-icon-log:before {
    content: "\e60e"; }

.dggui-icon-rate-solid:before {
    content: "\e67a"; }

.dggui-icon-fonts-del:before {
    content: "\e64f"; }

.dggui-icon-unlink:before {
    content: "\e64d"; }

.dggui-icon-fonts-clear:before {
    content: "\e639"; }

.dggui-icon-triangle-r:before {
    content: "\e623"; }

.dggui-icon-circle:before {
    content: "\e63f"; }

.dggui-icon-radio:before {
    content: "\e643"; }

.dggui-icon-align-center:before {
    content: "\e647"; }

.dggui-icon-align-right:before {
    content: "\e648"; }

.dggui-icon-align-left:before {
    content: "\e649"; }

.dggui-icon-loading-1:before {
    content: "\e63e"; }

.dggui-icon-return:before {
    content: "\e65c"; }

.dggui-icon-fonts-strong:before {
    content: "\e62b"; }

.dggui-icon-upload:before {
    content: "\e67c"; }

.dggui-icon-dialogue:before {
    content: "\e63a"; }

.dggui-icon-video:before {
    content: "\e6ed"; }

.dggui-icon-headset:before {
    content: "\e6fc"; }

.dggui-icon-cellphone-fine:before {
    content: "\e63b"; }

.dggui-icon-add-1:before {
    content: "\e654"; }

.dggui-icon-face-smile-b:before {
    content: "\e650"; }

.dggui-icon-fonts-html:before {
    content: "\e64b"; }

.dggui-icon-form:before {
    content: "\e63c"; }

.dggui-icon-cart:before {
    content: "\e657"; }

.dggui-icon-camera-fill:before {
    content: "\e65d"; }

.dggui-icon-tabs:before {
    content: "\e62a"; }

.dggui-icon-fonts-code:before {
    content: "\e64e"; }

.dggui-icon-fire:before {
    content: "\e756"; }

.dggui-icon-set:before {
    content: "\e716"; }

.dggui-icon-fonts-u:before {
    content: "\e646"; }

.dggui-icon-triangle-d:before {
    content: "\e625"; }

.dggui-icon-tips:before {
    content: "\e702"; }

.dggui-icon-picture:before {
    content: "\e64a"; }

.dggui-icon-more-vertical:before {
    content: "\e671"; }

.dggui-icon-flag:before {
    content: "\e66c"; }

.dggui-icon-loading:before {
    content: "\e63d"; }

.dggui-icon-fonts-i:before {
    content: "\e644"; }

.dggui-icon-refresh-1:before {
    content: "\e666"; }

.dggui-icon-rmb:before {
    content: "\e65e"; }

.dggui-icon-home:before {
    content: "\e68e"; }

.dggui-icon-user:before {
    content: "\e770"; }

.dggui-icon-notice:before {
    content: "\e667"; }

.dggui-icon-login-weibo:before {
    content: "\e675"; }

.dggui-icon-voice:before {
    content: "\e688"; }

.dggui-icon-upload-drag:before {
    content: "\e681"; }

.dggui-icon-login-qq:before {
    content: "\e676"; }

.dggui-icon-snowflake:before {
    content: "\e6b1"; }

.dggui-icon-file-b:before {
    content: "\e655"; }

.dggui-icon-template:before {
    content: "\e663"; }

.dggui-icon-auz:before {
    content: "\e672"; }

.dggui-icon-console:before {
    content: "\e665"; }

.dggui-icon-app:before {
    content: "\e653"; }

.dggui-icon-prev:before {
    content: "\e65a"; }

.dggui-icon-website:before {
    content: "\e7ae"; }

.dggui-icon-next:before {
    content: "\e65b"; }

.dggui-icon-component:before {
    content: "\e857"; }

.dggui-icon-more:before {
    content: "\e65f"; }

.dggui-icon-login-wechat:before {
    content: "\e677"; }

.dggui-icon-shrink-right:before {
    content: "\e668"; }

.dggui-icon-spread-left:before {
    content: "\e66b"; }

.dggui-icon-camera:before {
    content: "\e660"; }

.dggui-icon-note:before {
    content: "\e66e"; }

.dggui-icon-refresh:before {
    content: "\e669"; }

.dggui-icon-female:before {
    content: "\e661"; }

.dggui-icon-male:before {
    content: "\e662"; }

.dggui-icon-password:before {
    content: "\e673"; }

.dggui-icon-senior:before {
    content: "\e674"; }

.dggui-icon-theme:before {
    content: "\e66a"; }

.dggui-icon-tread:before {
    content: "\e6c5"; }

.dggui-icon-praise:before {
    content: "\e6c6"; }

.dggui-icon-star-fill:before {
    content: "\e658"; }

.dggui-icon-rate:before {
    content: "\e67b"; }

.dggui-icon-template-1:before {
    content: "\e656"; }

.dggui-icon-vercode:before {
    content: "\e679"; }

.dggui-icon-cellphone:before {
    content: "\e678"; }

.dggui-icon-screen-full:before {
    content: "\e622"; }

.dggui-icon-screen-restore:before {
    content: "\e758"; }

.dggui-icon-cols:before {
    content: "\e610"; }

.dggui-icon-export:before {
    content: "\e67d"; }

.dggui-icon-print:before {
    content: "\e66d"; }

.dggui-icon-slider:before {
    content: "\e714"; }

/* 基本布局 */
.dggui-main {
    position: relative;
    width: 1140px;
    margin: 0 auto; }

.dggui-header {
    position: relative;
    z-index: 1000;
    height: 60px; }

.dggui-header a:hover {
    transition: all .5s;
    -webkit-transition: all .5s; }

.dggui-side {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    width: 200px;
    overflow-x: hidden; }

.dggui-side-scroll {
    position: relative;
    width: 220px;
    height: 100%;
    overflow-x: hidden; }

.dggui-body {
    position: absolute;
    left: 200px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box; }

/* 后台框架大布局 */
.dggui-layout-body {
    overflow: hidden; }

.dggui-layout-admin .dggui-header {
    background-color: #23262E; }

.dggui-layout-admin .dggui-side {
    top: 60px;
    width: 200px;
    overflow-x: hidden; }

.dggui-layout-admin .dggui-body {
    top: 60px;
    bottom: 44px; }

.dggui-layout-admin .dggui-main {
    width: auto;
    margin: 0 15px; }

.dggui-layout-admin .dggui-footer {
    position: fixed;
    left: 200px;
    right: 0;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    background-color: #eee; }

.dggui-layout-admin .dggui-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    color: #009688;
    font-size: 16px; }

.dggui-layout-admin .dggui-header .dggui-nav {
    background: none; }

.dggui-layout-left {
    position: absolute !important;
    left: 200px;
    top: 0; }

.dggui-layout-right {
    position: absolute !important;
    right: 0;
    top: 0; }

/* 栅格布局 */
.dggui-container {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box; }

.dggui-fluid {
    position: relative;
    margin: 0 auto;
    padding: 0 15px; }

.dggui-row:before, .dggui-row:after {
    content: '';
    display: block;
    clear: both; }

.dggui-col-xs1, .dggui-col-xs2, .dggui-col-xs3, .dggui-col-xs4, .dggui-col-xs5, .dggui-col-xs6, .dggui-col-xs7, .dggui-col-xs8, .dggui-col-xs9, .dggui-col-xs10, .dggui-col-xs11, .dggui-col-xs12
, .dggui-col-sm1, .dggui-col-sm2, .dggui-col-sm3, .dggui-col-sm4, .dggui-col-sm5, .dggui-col-sm6, .dggui-col-sm7, .dggui-col-sm8, .dggui-col-sm9, .dggui-col-sm10, .dggui-col-sm11, .dggui-col-sm12
, .dggui-col-md1, .dggui-col-md2, .dggui-col-md3, .dggui-col-md4, .dggui-col-md5, .dggui-col-md6, .dggui-col-md7, .dggui-col-md8, .dggui-col-md9, .dggui-col-md10, .dggui-col-md11, .dggui-col-md12
, .dggui-col-lg1, .dggui-col-lg2, .dggui-col-lg3, .dggui-col-lg4, .dggui-col-lg5, .dggui-col-lg6, .dggui-col-lg7, .dggui-col-lg8, .dggui-col-lg9, .dggui-col-lg10, .dggui-col-lg11, .dggui-col-lg12 {
    position: relative;
    display: block;
    box-sizing: border-box; }

.dggui-col-xs1, .dggui-col-xs2, .dggui-col-xs3, .dggui-col-xs4, .dggui-col-xs5, .dggui-col-xs6, .dggui-col-xs7, .dggui-col-xs8, .dggui-col-xs9, .dggui-col-xs10, .dggui-col-xs11, .dggui-col-xs12 {
    float: left; }

.dggui-col-xs1 {
    width: 8.33333333%; }

.dggui-col-xs2 {
    width: 16.66666667%; }

.dggui-col-xs3 {
    width: 25%; }

.dggui-col-xs4 {
    width: 33.33333333%; }

.dggui-col-xs5 {
    width: 41.66666667%; }

.dggui-col-xs6 {
    width: 50%; }

.dggui-col-xs7 {
    width: 58.33333333%; }

.dggui-col-xs8 {
    width: 66.66666667%; }

.dggui-col-xs9 {
    width: 75%; }

.dggui-col-xs10 {
    width: 83.33333333%; }

.dggui-col-xs11 {
    width: 91.66666667%; }

.dggui-col-xs12 {
    width: 100%; }

.dggui-col-xs-offset1 {
    margin-left: 8.33333333%; }

.dggui-col-xs-offset2 {
    margin-left: 16.66666667%; }

.dggui-col-xs-offset3 {
    margin-left: 25%; }

.dggui-col-xs-offset4 {
    margin-left: 33.33333333%; }

.dggui-col-xs-offset5 {
    margin-left: 41.66666667%; }

.dggui-col-xs-offset6 {
    margin-left: 50%; }

.dggui-col-xs-offset7 {
    margin-left: 58.33333333%; }

.dggui-col-xs-offset8 {
    margin-left: 66.66666667%; }

.dggui-col-xs-offset9 {
    margin-left: 75%; }

.dggui-col-xs-offset10 {
    margin-left: 83.33333333%; }

.dggui-col-xs-offset11 {
    margin-left: 91.66666667%; }

.dggui-col-xs-offset12 {
    margin-left: 100%; }

/* 超小屏幕(手机) */
@media screen and (max-width: 768px) {
    .dggui-hide-xs {
        display: none !important; }

    .dggui-show-xs-block {
        display: block !important; }

    .dggui-show-xs-inline {
        display: inline !important; }

    .dggui-show-xs-inline-block {
        display: inline-block !important; } }
/* 小型屏幕(平板) */
@media screen and (min-width: 768px) {
    .dggui-container {
        width: 750px; }

    .dggui-hide-sm {
        display: none !important; }

    .dggui-show-sm-block {
        display: block !important; }

    .dggui-show-sm-inline {
        display: inline !important; }

    .dggui-show-sm-inline-block {
        display: inline-block !important; }

    .dggui-col-sm1, .dggui-col-sm2, .dggui-col-sm3, .dggui-col-sm4, .dggui-col-sm5, .dggui-col-sm6, .dggui-col-sm7, .dggui-col-sm8, .dggui-col-sm9, .dggui-col-sm10, .dggui-col-sm11, .dggui-col-sm12 {
        float: left; }

    .dggui-col-sm1 {
        width: 8.33333333%; }

    .dggui-col-sm2 {
        width: 16.66666667%; }

    .dggui-col-sm3 {
        width: 25%; }

    .dggui-col-sm4 {
        width: 33.33333333%; }

    .dggui-col-sm5 {
        width: 41.66666667%; }

    .dggui-col-sm6 {
        width: 50%; }

    .dggui-col-sm7 {
        width: 58.33333333%; }

    .dggui-col-sm8 {
        width: 66.66666667%; }

    .dggui-col-sm9 {
        width: 75%; }

    .dggui-col-sm10 {
        width: 83.33333333%; }

    .dggui-col-sm11 {
        width: 91.66666667%; }

    .dggui-col-sm12 {
        width: 100%; }

    /* 列偏移 */
    .dggui-col-sm-offset1 {
        margin-left: 8.33333333%; }

    .dggui-col-sm-offset2 {
        margin-left: 16.66666667%; }

    .dggui-col-sm-offset3 {
        margin-left: 25%; }

    .dggui-col-sm-offset4 {
        margin-left: 33.33333333%; }

    .dggui-col-sm-offset5 {
        margin-left: 41.66666667%; }

    .dggui-col-sm-offset6 {
        margin-left: 50%; }

    .dggui-col-sm-offset7 {
        margin-left: 58.33333333%; }

    .dggui-col-sm-offset8 {
        margin-left: 66.66666667%; }

    .dggui-col-sm-offset9 {
        margin-left: 75%; }

    .dggui-col-sm-offset10 {
        margin-left: 83.33333333%; }

    .dggui-col-sm-offset11 {
        margin-left: 91.66666667%; }

    .dggui-col-sm-offset12 {
        margin-left: 100%; } }
/* 中型屏幕(桌面) */
@media screen and (min-width: 992px) {
    .dggui-container {
        width: 970px; }

    .dggui-hide-md {
        display: none !important; }

    .dggui-show-md-block {
        display: block !important; }

    .dggui-show-md-inline {
        display: inline !important; }

    .dggui-show-md-inline-block {
        display: inline-block !important; }

    .dggui-col-md1, .dggui-col-md2, .dggui-col-md3, .dggui-col-md4, .dggui-col-md5, .dggui-col-md6, .dggui-col-md7, .dggui-col-md8, .dggui-col-md9, .dggui-col-md10, .dggui-col-md11, .dggui-col-md12 {
        float: left; }

    .dggui-col-md1 {
        width: 8.33333333%; }

    .dggui-col-md2 {
        width: 16.66666667%; }

    .dggui-col-md3 {
        width: 25%; }

    .dggui-col-md4 {
        width: 33.33333333%; }

    .dggui-col-md5 {
        width: 41.66666667%; }

    .dggui-col-md6 {
        width: 50%; }

    .dggui-col-md7 {
        width: 58.33333333%; }

    .dggui-col-md8 {
        width: 66.66666667%; }

    .dggui-col-md9 {
        width: 75%; }

    .dggui-col-md10 {
        width: 83.33333333%; }

    .dggui-col-md11 {
        width: 91.66666667%; }

    .dggui-col-md12 {
        width: 100%; }

    /* 列偏移 */
    .dggui-col-md-offset1 {
        margin-left: 8.33333333%; }

    .dggui-col-md-offset2 {
        margin-left: 16.66666667%; }

    .dggui-col-md-offset3 {
        margin-left: 25%; }

    .dggui-col-md-offset4 {
        margin-left: 33.33333333%; }

    .dggui-col-md-offset5 {
        margin-left: 41.66666667%; }

    .dggui-col-md-offset6 {
        margin-left: 50%; }

    .dggui-col-md-offset7 {
        margin-left: 58.33333333%; }

    .dggui-col-md-offset8 {
        margin-left: 66.66666667%; }

    .dggui-col-md-offset9 {
        margin-left: 75%; }

    .dggui-col-md-offset10 {
        margin-left: 83.33333333%; }

    .dggui-col-md-offset11 {
        margin-left: 91.66666667%; }

    .dggui-col-md-offset12 {
        margin-left: 100%; } }
/* 大型屏幕(桌面) */
@media screen and (min-width: 1200px) {
    .dggui-container {
        width: 1170px; }

    .dggui-hide-lg {
        display: none !important; }

    .dggui-show-lg-block {
        display: block !important; }

    .dggui-show-lg-inline {
        display: inline !important; }

    .dggui-show-lg-inline-block {
        display: inline-block !important; }

    .dggui-col-lg1, .dggui-col-lg2, .dggui-col-lg3, .dggui-col-lg4, .dggui-col-lg5, .dggui-col-lg6, .dggui-col-lg7, .dggui-col-lg8, .dggui-col-lg9, .dggui-col-lg10, .dggui-col-lg11, .dggui-col-lg12 {
        float: left; }

    .dggui-col-lg1 {
        width: 8.33333333%; }

    .dggui-col-lg2 {
        width: 16.66666667%; }

    .dggui-col-lg3 {
        width: 25%; }

    .dggui-col-lg4 {
        width: 33.33333333%; }

    .dggui-col-lg5 {
        width: 41.66666667%; }

    .dggui-col-lg6 {
        width: 50%; }

    .dggui-col-lg7 {
        width: 58.33333333%; }

    .dggui-col-lg8 {
        width: 66.66666667%; }

    .dggui-col-lg9 {
        width: 75%; }

    .dggui-col-lg10 {
        width: 83.33333333%; }

    .dggui-col-lg11 {
        width: 91.66666667%; }

    .dggui-col-lg12 {
        width: 100%; }

    /* 列偏移 */
    .dggui-col-lg-offset1 {
        margin-left: 8.33333333%; }

    .dggui-col-lg-offset2 {
        margin-left: 16.66666667%; }

    .dggui-col-lg-offset3 {
        margin-left: 25%; }

    .dggui-col-lg-offset4 {
        margin-left: 33.33333333%; }

    .dggui-col-lg-offset5 {
        margin-left: 41.66666667%; }

    .dggui-col-lg-offset6 {
        margin-left: 50%; }

    .dggui-col-lg-offset7 {
        margin-left: 58.33333333%; }

    .dggui-col-lg-offset8 {
        margin-left: 66.66666667%; }

    .dggui-col-lg-offset9 {
        margin-left: 75%; }

    .dggui-col-lg-offset10 {
        margin-left: 83.33333333%; }

    .dggui-col-lg-offset11 {
        margin-left: 91.66666667%; }

    .dggui-col-lg-offset12 {
        margin-left: 100%; } }
/* 列间隔 */
.dggui-col-space1 {
    margin: -0.5px; }

.dggui-col-space1 > * {
    padding: 0.5px; }

.dggui-col-space3 {
    margin: -1.5px; }

.dggui-col-space3 > * {
    padding: 1.5px; }

.dggui-col-space5 {
    margin: -2.5px; }

.dggui-col-space5 > * {
    padding: 2.5px; }

.dggui-col-space8 {
    margin: -3.5px; }

.dggui-col-space8 > * {
    padding: 3.5px; }

.dggui-col-space10 {
    margin: -5px; }

.dggui-col-space10 > * {
    padding: 5px; }

.dggui-col-space12 {
    margin: -6px; }

.dggui-col-space12 > * {
    padding: 6px; }

.dggui-col-space15 {
    margin: -7.5px; }

.dggui-col-space15 > * {
    padding: 7.5px; }

.dggui-col-space18 {
    margin: -9px; }

.dggui-col-space18 > * {
    padding: 9px; }

.dggui-col-space20 {
    margin: -10px; }

.dggui-col-space20 > * {
    padding: 10px; }

.dggui-col-space22 {
    margin: -11px; }

.dggui-col-space22 > * {
    padding: 11px; }

.dggui-col-space25 {
    margin: -12.5px; }

.dggui-col-space25 > * {
    padding: 12.5px; }

.dggui-col-space30 {
    margin: -15px; }

.dggui-col-space30 > * {
    padding: 15px; }

/** 导航菜单 **/
.dggui-nav {
    position: relative;
    padding: 0 20px;
    background-color: #393D49;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box; }

.dggui-nav * {
    font-size: 14px; }

.dggui-nav .dggui-nav-item {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 60px; }

.dggui-nav .dggui-nav-item a {
    display: block;
    padding: 0 20px;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    transition: all .3s;
    -webkit-transition: all .3s; }

.dggui-nav-bar,
.dggui-nav .dggui-this:after,
.dggui-nav-tree .dggui-nav-itemed:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #5FB878;
    transition: all .2s;
    -webkit-transition: all .2s; }

.dggui-nav-bar {
    z-index: 1000; }

.dggui-nav .dggui-this a
, .dggui-nav .dggui-nav-item a:hover {
    color: #fff; }

.dggui-nav .dggui-this:after {
    content: '';
    top: auto;
    bottom: 0;
    width: 100%; }

.dggui-nav-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%; }

.dggui-nav .dggui-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: dashed;
    border-color: transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s; }

.dggui-nav .dggui-nav-more {
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px;
    border-top-style: solid;
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.7); }

.dggui-nav .dggui-nav-mored,
.dggui-nav-itemed > a .dggui-nav-more {
    margin-top: -9px;
    border-style: dashed;
    border-color: transparent;
    border-bottom-style: solid;
    border-bottom-color: #fff; }

.dggui-nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 65px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap; }

.dggui-nav .dggui-nav-child a {
    color: #333; }

.dggui-nav .dggui-nav-child a:hover {
    background-color: #f2f2f2;
    color: #000; }

.dggui-nav-child dd {
    position: relative; }

.dggui-nav-child dd.dggui-this {
    background-color: #5FB878;
    color: #fff; }

.dggui-nav .dggui-nav-child dd.dggui-this a {
    background-color: #5FB878;
    color: #fff; }

.dggui-nav-child dd.dggui-this:after {
    display: none; }

/* 垂直导航菜单 */
.dggui-nav-tree {
    width: 200px;
    padding: 0; }

.dggui-nav-tree .dggui-nav-item {
    display: block;
    width: 100%;
    line-height: 45px; }

.dggui-nav-tree .dggui-nav-item a {
    position: relative;
    height: 45px;
    line-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.dggui-nav-tree .dggui-nav-item a:hover {
    background-color: #4E5465; }

.dggui-nav-tree .dggui-nav-bar {
    width: 5px;
    height: 0; }

.dggui-nav-tree .dggui-this,
.dggui-nav-tree .dggui-this > a,
.dggui-nav-tree .dggui-this > a:hover,
.dggui-nav-tree .dggui-nav-child dd.dggui-this,
.dggui-nav-tree .dggui-nav-child dd.dggui-this a {
    background-color: #009688;
    color: #fff; }

.dggui-nav-tree .dggui-this:after {
    display: none; }

.dggui-nav-tree .dggui-nav-title a,
.dggui-nav-tree .dggui-nav-title a:hover,
.dggui-nav-itemed > a {
    color: #fff !important; }

.dggui-nav-tree .dggui-nav-bar {
    background-color: #009688; }

.dggui-nav-tree .dggui-nav-child {
    position: relative;
    z-index: 0;
    top: 0;
    border: none;
    box-shadow: none; }

.dggui-nav-tree .dggui-nav-child a {
    height: 40px;
    line-height: 40px; }

.dggui-nav-tree .dggui-nav-child a {
    color: #fff;
    color: rgba(255, 255, 255, 0.7); }

.dggui-nav-tree .dggui-nav-child a:hover,
.dggui-nav-tree .dggui-nav-child {
    background: none;
    color: #fff; }

.dggui-nav-tree .dggui-nav-more {
    right: 10px; }

.dggui-nav-itemed > .dggui-nav-child {
    display: block;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.3) !important; }

.dggui-nav-itemed > .dggui-nav-child > .dggui-this > .dggui-nav-child {
    display: block; }

/* 侧边 */
.dggui-nav-side {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    z-index: 999; }

/* 导航主题色 */
.dggui-bg-blue .dggui-nav-bar,
.dggui-bg-blue .dggui-this:after,
.dggui-bg-blue .dggui-nav-itemed:after {
    background-color: #93D1FF; }

.dggui-bg-blue .dggui-nav-child dd.dggui-this {
    background-color: #1E9FFF; }

.dggui-nav-tree.dggui-bg-blue .dggui-nav-title a,
.dggui-nav-tree.dggui-bg-blue .dggui-nav-title a:hover,
.dggui-bg-blue .dggui-nav-itemed > a {
    background-color: #2edbb9 !important; }

/** 面包屑 **/
.dggui-breadcrumb {
    visibility: hidden;
    font-size: 0; }

.dggui-breadcrumb > * {
    font-size: 14px; }

.dggui-breadcrumb a {
    color: #999 !important; }

.dggui-breadcrumb a:hover {
    color: #5FB878 !important; }

.dggui-breadcrumb a cite {
    color: #666;
    font-style: normal; }

.dggui-breadcrumb span[lay-separator] {
    margin: 0 10px;
    color: #999; }

/** 页面元素 **/
.dggui-btn, .dggui-input, .dggui-textarea, .dggui-upload-button, .dggui-select {
    outline: none;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box; }

/* 引用 */
.dggui-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 22px;
    border-left: 5px solid #009688;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2; }

.dggui-quote-nm {
    border-style: solid;
    border-width: 1px;
    border-left-width: 5px;
    background: none; }

/* 字段集合 */
.dggui-elem-field {
    margin-bottom: 10px;
    padding: 0;
    border-width: 1px;
    border-style: solid; }

.dggui-elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 300; }

.dggui-field-title {
    margin: 10px 0 20px;
    border-width: 0;
    border-top-width: 1px; }

.dggui-field-box {
    padding: 10px 15px; }

.dggui-field-title .dggui-field-box {
    padding: 10px 0; }

/* 进度条 */
.dggui-progress {
    position: relative;
    height: 6px;
    border-radius: 20px;
    background-color: #e2e2e2; }

.dggui-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    max-width: 100%;
    height: 6px;
    border-radius: 20px;
    text-align: right;
    background-color: #5FB878;
    transition: all .3s;
    -webkit-transition: all .3s; }

.dggui-progress-big,
.dggui-progress-big .dggui-progress-bar {
    height: 18px;
    line-height: 18px; }

.dggui-progress-text {
    position: relative;
    top: -20px;
    line-height: 18px;
    font-size: 12px;
    color: #666; }

.dggui-progress-big .dggui-progress-text {
    position: static;
    padding: 0 10px;
    color: #fff; }

/*

  面板

*/
/* 折叠面板 */
.dggui-collapse {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px; }

.dggui-colla-item,
.dggui-colla-content {
    border-top-width: 1px;
    border-top-style: solid; }

.dggui-colla-item:first-child {
    border-top: none; }

.dggui-colla-title {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px 0 35px;
    color: #333;
    background-color: #f2f2f2;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden; }

.dggui-colla-content {
    display: none;
    padding: 10px 15px;
    line-height: 22px;
    color: #666; }

.dggui-colla-icon {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 14px; }

/* 卡片面板 */
.dggui-card {
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

.dggui-card:last-child {
    margin-bottom: 0; }

.dggui-card-header {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-bottom: 1px solid #f6f6f6;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px; }

.dggui-card-body {
    position: relative;
    padding: 10px 15px;
    line-height: 24px; }

.dggui-card-body[pad15] {
    padding: 15px; }

.dggui-card-body[pad20] {
    padding: 20px; }

.dggui-card-body .dggui-table {
    margin: 5px 0; }

.dggui-card .dggui-tab {
    margin: 0; }

/* 常规面板 */
/* 窗口面板 */
.dggui-panel-window {
    position: relative;
    padding: 15px;
    border-radius: 0;
    border-top: 5px solid #e6e6e6;
    background-color: #fff; }

/* 其它辅助 */
.dggui-auxiliar-moving {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 9999999999; }

/*

  默认主题

*/
/* 背景颜色 */
.dggui-bg-red {
    background-color: #FF5722;
    color: #fff; }

/*赤*/
.dggui-bg-orange {
    background-color: #FFB800;
    color: #fff; }

/*橙*/
.dggui-bg-green {
    background-color: #009688;
    color: #fff; }

/*绿*/
.dggui-bg-cyan {
    background-color: #2F4056;
    color: #fff; }

/*青*/
.dggui-bg-blue {
    background-color: #1E9FFF;
    color: #fff; }

/*蓝*/
.dggui-bg-black {
    background-color: #393D49;
    color: #fff; }

/*黑*/
.dggui-bg-gray {
    background-color: #eee;
    color: #666; }

/*灰*/
/* 边框 */
.dggui-quote-nm,
.dggui-elem-field,
.dggui-collapse,
.dggui-colla-item,
.dggui-colla-content,
.dggui-badge-rim,
.dggui-tab-title,
.dggui-tab-title .dggui-this:after,
.dggui-tab-bar,
.dggui-tab-card,
.dggui-input, .dggui-textarea, .dggui-select,
.dggui-form-pane .dggui-form-label,
.dggui-form-pane .dggui-form-item[pane],
.dggui-dggedit, .dggui-dggedit-tool {
    border-color: #e6e6e6; }

/* 背景边框 */
hr, .dggui-timeline-item:before {
    background-color: #e6e6e6; }

/* 文本区域 */
.dggui-text {
    line-height: 22px;
    font-size: 14px;
    color: #666; }

.dggui-text h1,
.dggui-text h2,
.dggui-text h3 {
    font-weight: 500;
    color: #333; }

.dggui-text h1 {
    font-size: 30px; }

.dggui-text h2 {
    font-size: 24px; }

.dggui-text h3 {
    font-size: 18px; }

.dggui-text a:not(.dggui-btn) {
    color: #01AAED; }

.dggui-text a:not(.dggui-btn):hover {
    text-decoration: underline; }

.dggui-text ul {
    padding: 5px 0 5px 15px; }

.dggui-text ul li {
    margin-top: 5px;
    list-style-type: disc; }

.dggui-text em,
.dggui-word-aux {
    color: #999 !important;
    padding: 0 5px !important; }

/*

  按钮

*/
.dggui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }

.dggui-btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #fff; }

.dggui-btn:active {
    opacity: 1;
    filter: alpha(opacity=100); }

.dggui-btn + .dggui-btn {
    margin-left: 10px; }

/* 按钮容器 */
.dggui-btn-container {
    font-size: 0; }

.dggui-btn-container .dggui-btn {
    margin-right: 10px;
    margin-bottom: 10px; }

.dggui-btn-container .dggui-btn + .dggui-btn {
    margin-left: 0; }

.dggui-table .dggui-btn-container .dggui-btn {
    margin-bottom: 9px; }

/* 圆角 */
.dggui-btn-radius {
    border-radius: 100px; }

.dggui-btn .dggui-icon {
    margin-right: 3px;
    font-size: 18px;
    vertical-align: bottom;
    vertical-align: middle\0; }

/* 原始 */
.dggui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555; }

.dggui-btn-primary:hover {
    border-color: #009688;
    color: #333; }

/* 百搭 */
.dggui-btn-normal {
    background-color: #1E9FFF; }

/* 暖色 */
.dggui-btn-warm {
    background-color: #FFB800; }

/* 警告 */
.dggui-btn-danger {
    background-color: #FF5722; }

/* 禁用 */
.dggui-btn-disabled, .dggui-btn-disabled:hover, .dggui-btn-disabled:active {
    border: 1px solid #e6e6e6;
    background-color: #fbfbfb;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1; }

/* 大型 */
.dggui-btn-lg {
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 16px; }

/* 小型 */
.dggui-btn-sm {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px; }

.dggui-btn-sm i {
    font-size: 16px !important; }

/* 超小 */
.dggui-btn-xs {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px; }

.dggui-btn-xs i {
    font-size: 14px !important; }

/* 按钮组 */
.dggui-btn-group {
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }

.dggui-btn-group .dggui-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0; }

.dggui-btn-group .dggui-btn-primary {
    border-left: none; }

.dggui-btn-group .dggui-btn-primary:hover {
    border-color: #C9C9C9;
    color: #009688; }

.dggui-btn-group .dggui-btn:first-child {
    border-left: none;
    border-radius: 2px 0 0 2px; }

.dggui-btn-group .dggui-btn-primary:first-child {
    border-left: 1px solid #C9C9C9; }

.dggui-btn-group .dggui-btn:last-child {
    border-radius: 0 2px 2px 0; }

.dggui-btn-group .dggui-btn + .dggui-btn {
    margin-left: 0; }

.dggui-btn-group + .dggui-btn-group {
    margin-left: 10px; }

/* 流体 */
.dggui-btn-fluid {
    width: 100%; }

/* 小徽章 */
.dggui-badge,
.dggui-badge-dot,
.dggui-badge-rim {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
    border-radius: 2px; }

.dggui-badge {
    height: 18px;
    line-height: 18px; }

.dggui-badge-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%; }

.dggui-badge-rim {
    height: 18px;
    line-height: 18px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #666; }

.dggui-btn .dggui-badge,
.dggui-btn .dggui-badge-dot {
    margin-left: 5px; }

.dggui-nav .dggui-badge,
.dggui-nav .dggui-badge-dot {
    position: absolute;
    top: 50%;
    margin: -8px 6px 0; }

.dggui-tab-title .dggui-badge,
.dggui-tab-title .dggui-badge-dot {
    left: 5px;
    top: -2px; }

.dggui-element-text-max {
    position: relative; }
.dggui-element-text-max .dggui-element-result {
    text-align: right;
    padding: 2px;
    color: #ccc; }

/** 表单 **/
.dggui-input, .dggui-textarea, .dggui-select {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px; }

.dggui-input::-webkit-input-placeholder,
.dggui-textarea::-webkit-input-placeholder,
.dggui-select::-webkit-input-placeholder {
    line-height: 1.3; }

.dggui-input, .dggui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px; }

.dggui-input:hover, .dggui-textarea:hover {
    border-color: #d2d2d2 !important; }

.dggui-input:focus, .dggui-textarea:focus {
    border-color: #C9C9C9 !important; }

.dggui-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical; }

.dggui-select {
    padding: 0 10px; }

.dggui-form select,
.dggui-form input[type=checkbox],
.dggui-form input[type=radio] {
    display: none; }

.dggui-form *[lay-ignore] {
    display: initial; }

.dggui-form-item {
    margin-bottom: 15px;
    clear: both;
    *zoom: 1; }

.dggui-form-item:after {
    content: '\20';
    clear: both;
    *zoom: 1;
    display: block;
    height: 0; }

.dggui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right; }

.dggui-form-label-col {
    display: block;
    float: none;
    padding: 9px 0;
    line-height: 20px;
    text-align: left; }

.dggui-form-item .dggui-inline {
    margin-bottom: 5px;
    margin-right: 10px; }

.dggui-input-block, .dggui-input-inline {
    position: relative; }

.dggui-input-block {
    margin-left: 110px;
    min-height: 36px; }

.dggui-input-inline {
    display: inline-block;
    vertical-align: middle; }

.dggui-form-item .dggui-input-inline {
    float: left;
    width: 190px;
    margin-right: 10px; }

.dggui-form-text .dggui-input-inline {
    width: auto; }

/* 分割块 */
.dggui-form-mid {
    position: relative;
    float: left;
    display: block;
    padding: 9px 0 !important;
    line-height: 20px;
    margin-right: 10px; }

/* 警告域 */
.dggui-form-danger:focus
, .dggui-form-danger + .dggui-form-select .dggui-input {
    border-color: #FF5722 !important; }

/* 下拉选择 */
.dggui-form-select {
    position: relative; }

.dggui-form-select .dggui-input {
    padding-right: 30px;
    cursor: pointer; }

.dggui-form-select .dggui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #C2C2C2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s; }

.dggui-form-select dl {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    padding: 5px 0;
    z-index: 899;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    box-sizing: border-box; }

.dggui-form-select dl dt,
.dggui-form-select dl dd {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.dggui-form-select dl dt {
    font-size: 12px;
    color: #999; }

.dggui-form-select dl dd {
    cursor: pointer; }

.dggui-form-select dl dd:hover {
    background-color: #f2f2f2;
    -webkit-transition: .5s all;
    transition: .5s all; }

.dggui-form-select .dggui-select-group dd {
    padding-left: 20px; }

.dggui-form-select dl dd.dggui-select-tips {
    padding-left: 10px !important;
    color: #999; }

.dggui-form-select dl dd.dggui-this {
    background-color: #5FB878;
    color: #fff; }

.dggui-form-select dl dd.dggui-disabled {
    background-color: #fff; }

.dggui-form-selected dl {
    display: block; }

.dggui-form-selected .dggui-edge {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.dggui-form-selected .dggui-edge {
    margin-top: -3px\0; }

:root .dggui-form-selected .dggui-edge {
    margin-top: -9px\0/IE9; }

.dggui-form-selectup dl {
    top: auto;
    bottom: 42px; }

.dggui-select-none {
    margin: 5px 0;
    text-align: center;
    color: #999; }

.dggui-select-disabled .dggui-disabled {
    border-color: #eee !important; }

.dggui-select-disabled .dggui-edge {
    border-top-color: #d2d2d2; }

/* 复选框 */
.dggui-form-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding-right: 30px;
    background-color: #fff;
    cursor: pointer;
    font-size: 0;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    box-sizing: border-box; }

.dggui-form-checkbox * {
    display: inline-block;
    vertical-align: middle; }

.dggui-form-checkbox span {
    padding: 0 10px;
    height: 100%;
    font-size: 14px;
    border-radius: 2px 0 0 2px;
    background-color: #d2d2d2;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.dggui-form-checkbox:hover span {
    background-color: #C2C2C2; }

.dggui-form-checkbox i {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 28px;
    border: 1px solid #d2d2d2;
    border-left: none;
    border-radius: 0 2px 2px 0;
    color: #fff;
    font-size: 20px;
    text-align: center; }

.dggui-form-checkbox:hover i {
    border-color: #C2C2C2;
    color: #C2C2C2; }

.dggui-form-checked, .dggui-form-checked:hover {
    border-color: #5FB878; }

.dggui-form-checked span, .dggui-form-checked:hover span {
    background-color: #5FB878; }

.dggui-form-checked i, .dggui-form-checked:hover i {
    color: #5FB878; }

.dggui-form-item .dggui-form-checkbox {
    margin-top: 4px; }

/* 复选框-原始风格 */
.dggui-form-checkbox[lay-skin="primary"] {
    height: auto !important;
    line-height: normal !important;
    min-width: 18px;
    min-height: 18px;
    border: none !important;
    margin-right: 0;
    padding-left: 28px;
    padding-right: 0;
    background: none; }

.dggui-form-checkbox[lay-skin="primary"] span {
    padding-left: 0;
    padding-right: 15px;
    line-height: 18px;
    background: none;
    color: #666; }

.dggui-form-checkbox[lay-skin="primary"] i {
    right: auto;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear; }

.dggui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: #5FB878;
    color: #fff; }

.dggui-form-checked[lay-skin="primary"] i {
    border-color: #5FB878;
    background-color: #5FB878;
    color: #fff; }

.dggui-checkbox-disbaled[lay-skin="primary"] span {
    background: none !important;
    color: #C2C2C2; }

.dggui-checkbox-disbaled[lay-skin="primary"]:hover i {
    border-color: #d2d2d2; }

.dggui-form-item .dggui-form-checkbox[lay-skin="primary"] {
    margin-top: 10px; }

/* 复选框-开关风格 */
.dggui-form-switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
    min-width: 35px;
    padding: 0 5px;
    margin-top: 8px;
    border: 1px solid #d2d2d2;
    border-radius: 20px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear; }

.dggui-form-switch i {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background-color: #d2d2d2;
    -webkit-transition: .1s linear;
    transition: .1s linear; }

.dggui-form-switch em {
    position: relative;
    top: 0;
    width: 25px;
    margin-left: 21px;
    padding: 0 !important;
    text-align: center !important;
    color: #999 !important;
    font-style: normal !important;
    font-size: 12px; }

.dggui-form-onswitch {
    border-color: #5FB878;
    background-color: #5FB878; }

.dggui-form-onswitch i {
    left: 100%;
    margin-left: -21px;
    background-color: #fff; }

.dggui-form-onswitch em {
    margin-left: 5px;
    margin-right: 21px;
    color: #fff !important; }

.dggui-checkbox-disbaled {
    border-color: #e2e2e2 !important; }

.dggui-checkbox-disbaled span {
    background-color: #e2e2e2 !important; }

.dggui-checkbox-disbaled i {
    border-color: #e2e2e2 !important; }

.dggui-checkbox-disbaled:hover i {
    color: #fff !important; }

/* 单选框 */
*[lay-radio] {
    display: none; }

.dggui-form-radio {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    margin: 6px 10px 0 0;
    padding-right: 10px;
    cursor: pointer;
    font-size: 0; }

.dggui-form-radio * {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; }

.dggui-form-radio > i {
    margin-right: 8px;
    font-size: 22px;
    color: #C2C2C2; }

.dggui-form-radioed > i, .dggui-form-radio > i:hover {
    color: #5FB878; }

.dggui-radio-disbaled > i {
    color: #e2e2e2 !important; }

/* 表单方框风格 */
.dggui-form-pane .dggui-form-label {
    width: 110px;
    padding: 8px 15px;
    height: 38px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px 0 0 2px;
    text-align: center;
    background-color: #fbfbfb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box; }

.dggui-form-pane .dggui-input-inline {
    margin-left: -1px; }

.dggui-form-pane .dggui-input-block {
    margin-left: 110px;
    left: -1px; }

.dggui-form-pane .dggui-input {
    border-radius: 0 2px 2px 0; }

.dggui-form-pane .dggui-form-text .dggui-form-label {
    float: none;
    width: 100%;
    border-radius: 2px;
    box-sizing: border-box;
    text-align: left; }

.dggui-form-pane .dggui-form-text .dggui-input-inline {
    display: block;
    margin: 0;
    top: -1px;
    clear: both; }

.dggui-form-pane .dggui-form-text .dggui-input-block {
    margin: 0;
    left: 0;
    top: -1px; }

.dggui-form-pane .dggui-form-text .dggui-textarea {
    min-height: 100px;
    border-radius: 0 0 2px 2px; }

.dggui-form-pane .dggui-form-checkbox {
    margin: 4px 0 4px 10px; }

.dggui-form-pane .dggui-form-switch,
.dggui-form-pane .dggui-form-radio {
    margin-top: 6px;
    margin-left: 10px; }

.dggui-form-pane .dggui-form-item[pane] {
    position: relative;
    border-width: 1px;
    border-style: solid; }

.dggui-form-pane .dggui-form-item[pane] .dggui-form-label {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-width: 0px;
    border-right-width: 1px; }

.dggui-form-pane .dggui-form-item[pane] .dggui-input-inline {
    margin-left: 110px; }

/** 表单响应式 **/
@media screen and (max-width: 450px) {
    .dggui-form-item .dggui-form-label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }

    .dggui-form-item .dggui-inline {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
        clear: both; }

    .dggui-form-item .dggui-inline:after {
        content: '\20';
        clear: both;
        display: block;
        height: 0; }

    .dggui-form-item .dggui-input-inline {
        display: block;
        float: none;
        left: -3px;
        width: auto;
        margin: 0 0 10px 112px; }

    .dggui-form-item .dggui-input-inline + .dggui-form-mid {
        margin-left: 110px;
        top: -5px;
        padding: 0; }

    .dggui-form-item .dggui-form-checkbox {
        margin-right: 5px;
        margin-bottom: 5px; } }
/** 富文本编辑器 **/
.dggui-dggedit {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px; }

.dggui-dggedit.full-screen {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999; }

.dggui-dggedit-tool {
    padding: 3px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 0; }

.dggedit-tool-fixed {
    position: fixed;
    top: 0;
    border-top: 1px solid #e2e2e2; }

.dggui-dggedit-tool .dggedit-tool-mid,
.dggui-dggedit-tool .dggui-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px; }

.dggui-dggedit-tool .dggui-icon {
    position: relative;
    width: 32px;
    height: 30px;
    line-height: 30px;
    margin: 3px 5px;
    border-radius: 2px;
    color: #777;
    cursor: pointer;
    border-radius: 2px; }

.dggui-dggedit-tool .dggui-icon:hover {
    color: #393D49; }

.dggui-dggedit-tool .dggui-icon:active {
    color: #000; }

.dggui-dggedit-tool .dggedit-tool-active {
    background-color: #e2e2e2;
    color: #000; }

.dggui-dggedit-tool .dggui-disabled,
.dggui-dggedit-tool .dggui-disabled:hover {
    color: #d2d2d2;
    cursor: not-allowed; }

.dggui-dggedit-tool .dggedit-tool-mid {
    width: 1px;
    height: 18px;
    margin: 0 10px;
    background-color: #d2d2d2; }

.dggedit-tool-html {
    width: 50px !important;
    font-size: 30px !important; }

.dggedit-tool-b,
.dggedit-tool-code,
.dggedit-tool-help {
    font-size: 16px !important; }

.dggedit-tool-d,
.dggedit-tool-unlink,
.dggedit-tool-face,
.dggedit-tool-image {
    font-size: 18px !important; }

.dggedit-tool-image input {
    position: absolute;
    font-size: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.01;
    filter: Alpha(opacity=1);
    cursor: pointer; }

.dggui-dggedit-iframe iframe {
    display: block;
    width: 100%; }

#LAY_dggedit_code {
    overflow: hidden; }

/** 分页 **/
.dggui-dggpage {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 10px 0;
    font-size: 0; }

.dggui-dggpage > a:first-child,
.dggui-dggpage > a:first-child em {
    border-radius: 2px 0 0 2px; }

.dggui-dggpage > a:last-child,
.dggui-dggpage > a:last-child em {
    border-radius: 0 2px 2px 0; }

.dggui-dggpage > *:first-child {
    margin-left: 0 !important; }

.dggui-dggpage > *:last-child {
    margin-right: 0 !important; }

.dggui-dggpage a,
.dggui-dggpage span,
.dggui-dggpage input,
.dggui-dggpage button,
.dggui-dggpage select {
    border: 1px solid #e2e2e2; }

.dggui-dggpage a,
.dggui-dggpage span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px; }

.dggui-dggpage a:hover {
    color: #ffa473; }

.dggui-dggpage em {
    font-style: normal; }

.dggui-dggpage .dggui-dggpage-spr {
    color: #999;
    font-weight: 700; }

.dggui-dggpage a {
    text-decoration: none; }

.dggui-dggpage .dggui-dggpage-curr {
    position: relative; }

.dggui-dggpage .dggui-dggpage-curr em {
    position: relative;
    color: #fff; }

.dggui-dggpage .dggui-dggpage-curr .dggui-dggpage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #ffa473; }

.dggui-dggpage-em {
    border-radius: 2px; }

.dggui-dggpage-prev em,
.dggui-dggpage-next em {
    font-family: Sim sun;
    font-size: 16px; }

.dggui-dggpage .dggui-dggpage-count,
.dggui-dggpage .dggui-dggpage-limits,
.dggui-dggpage .dggui-dggpage-refresh,
.dggui-dggpage .dggui-dggpage-skip {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    border: none; }

.dggui-dggpage .dggui-dggpage-limits,
.dggui-dggpage .dggui-dggpage-refresh {
    vertical-align: top; }

.dggui-dggpage .dggui-dggpage-refresh i {
    font-size: 18px;
    cursor: pointer; }

.dggui-dggpage select {
    height: 22px;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer; }

.dggui-dggpage .dggui-dggpage-skip {
    height: 30px;
    line-height: 30px;
    color: #999; }

.dggui-dggpage input, .dggui-dggpage button {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box; }

.dggui-dggpage input {
    display: inline-block;
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center; }

.dggui-dggpage input:focus,
.dggui-dggpage select:focus {
    border-color: #ffa473 !important; }

.dggui-dggpage button {
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer; }

/** 表格 **/
.dggui-table {
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
    color: #666; }

.dggui-table th {
    text-align: left;
    font-weight: 400; }

.dggui-table thead tr,
.dggui-table-header,
.dggui-table-tool,
.dggui-table-total,
.dggui-table-total tr,
.dggui-table-patch,
.dggui-table-mend,
.dggui-table[lay-even] tr:nth-child(even),
.dggui-table tbody tr:hover,
.dggui-table-hover,
.dggui-table-click {
    background-color: #f2f2f2; }

.dggui-table th,
.dggui-table td,
.dggui-table[lay-skin="line"],
.dggui-table[lay-skin="row"],
.dggui-table-view,
.dggui-table-tool,
.dggui-table-header,
.dggui-table-col-set,
.dggui-table-total,
.dggui-table-page,
.dggui-table-fixed-r,
.dggui-table-tips-main,
.dggui-table-grid-down {
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6; }

.dggui-table th, .dggui-table td {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px; }

.dggui-table[lay-skin="line"] th, .dggui-table[lay-skin="line"] td {
    border-width: 0;
    border-bottom-width: 1px; }

.dggui-table[lay-skin="row"] th, .dggui-table[lay-skin="row"] td {
    border-width: 0;
    border-right-width: 1px; }

.dggui-table[lay-skin="nob"] th, .dggui-table[lay-skin="nob"] td {
    border: none; }

.dggui-table img {
    max-width: 100px; }

/* 大表格 */
.dggui-table[lay-size="lg"] th,
.dggui-table[lay-size="lg"] td {
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px; }

.dggui-table-view .dggui-table[lay-size="lg"] .dggui-table-cell {
    height: 40px;
    line-height: 40px; }

/* 小表格 */
.dggui-table[lay-size="sm"] th,
.dggui-table[lay-size="sm"] td {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 12px; }

.dggui-table-view .dggui-table[lay-size="sm"] .dggui-table-cell {
    height: 20px;
    line-height: 20px; }

/* 数据表格 */
.dggui-table[lay-data] {
    display: none; }

.dggui-table-box {
    position: relative;
    overflow: hidden; }

.dggui-table-view {
    margin: 10px 0; }

.dggui-table-view .dggui-table {
    position: relative;
    width: auto;
    margin: 0; }

.dggui-table-view .dggui-table[lay-skin="line"] {
    border-width: 0;
    border-right-width: 1px; }

.dggui-table-view .dggui-table[lay-skin="row"] {
    border-width: 0;
    border-bottom-width: 1px; }

.dggui-table-view .dggui-table th,
.dggui-table-view .dggui-table td {
    padding: 5px 0;
    border-top: none;
    border-left: none; }

.dggui-table-view .dggui-table th.dggui-unselect .dggui-table-cell span {
    cursor: pointer; }

.dggui-table-view .dggui-table td {
    cursor: default; }

.dggui-table-view .dggui-form-checkbox[lay-skin="primary"] i {
    width: 18px;
    height: 18px; }

.dggui-table-view .dggui-form-radio {
    line-height: 0;
    padding: 0; }

.dggui-table-view .dggui-form-radio > i {
    margin: 0;
    font-size: 20px; }

.dggui-table-init {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 110; }

.dggui-table-init .dggui-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    font-size: 30px;
    color: #C2C2C2; }

.dggui-table-header {
    border-width: 0;
    border-bottom-width: 1px;
    overflow: hidden; }

.dggui-table-header .dggui-table {
    margin-bottom: -1px; }

.dggui-table-tool .dggui-inline[lay-event] {
    position: relative;
    width: 26px;
    height: 26px;
    padding: 5px;
    line-height: 16px;
    margin-right: 10px;
    text-align: center;
    color: #333;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: .5s all;
    transition: .5s all; }

.dggui-table-tool .dggui-inline[lay-event]:hover {
    border: 1px solid #999; }

.dggui-table-tool-temp {
    padding-right: 120px; }

.dggui-table-tool-self {
    position: absolute;
    right: 17px;
    top: 10px; }

.dggui-table-tool .dggui-table-tool-self .dggui-inline[lay-event] {
    margin: 0 0 0 10px; }

.dggui-table-tool-panel {
    position: absolute;
    top: 29px;
    left: -1px;
    padding: 5px 0;
    min-width: 150px;
    min-height: 40px;
    border: 1px solid #d2d2d2;
    text-align: left;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); }

.dggui-table-tool-panel li {
    padding: 0 10px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .5s all;
    transition: .5s all; }

.dggui-table-tool-panel li .dggui-form-checkbox[lay-skin="primary"] {
    width: 100%; }

.dggui-table-tool-panel li:hover {
    background-color: #f2f2f2; }

.dggui-table-tool-panel li .dggui-form-checkbox[lay-skin="primary"] {
    padding-left: 28px; }

.dggui-table-tool-panel li .dggui-form-checkbox[lay-skin="primary"] i {
    position: absolute;
    left: 0;
    top: 0; }

.dggui-table-tool-panel li .dggui-form-checkbox[lay-skin="primary"] span {
    padding: 0; }

.dggui-table-tool .dggui-table-tool-self .dggui-table-tool-panel {
    left: auto;
    right: -1px; }

.dggui-table-col-set {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-width: 0;
    border-left-width: 1px;
    background-color: #fff; }

.dggui-table-sort {
    width: 10px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer !important; }

.dggui-table-sort .dggui-edge {
    position: absolute;
    left: 5px;
    border-width: 5px; }

.dggui-table-sort .dggui-table-sort-asc {
    top: 3px;
    border-top: none;
    border-bottom-style: solid;
    border-bottom-color: #b2b2b2; }

.dggui-table-sort .dggui-table-sort-asc:hover {
    border-bottom-color: #666; }

.dggui-table-sort .dggui-table-sort-desc {
    bottom: 5px;
    border-bottom: none;
    border-top-style: solid;
    border-top-color: #b2b2b2; }

.dggui-table-sort .dggui-table-sort-desc:hover {
    border-top-color: #666; }

.dggui-table-sort[lay-sort="asc"] .dggui-table-sort-asc {
    border-bottom-color: #000; }

.dggui-table-sort[lay-sort="desc"] .dggui-table-sort-desc {
    border-top-color: #000; }

.dggui-table-cell {
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box; }

.dggui-table-cell .dggui-form-checkbox[lay-skin="primary"] {
    top: -1px;
    padding: 0; }

.dggui-table-cell .dggui-table-link {
    color: #01AAED; }

.laytable-cell-checkbox,
.laytable-cell-radio,
.laytable-cell-space,
.laytable-cell-numbers {
    padding: 0;
    text-align: center; }

.dggui-table-body {
    position: relative;
    overflow: auto;
    margin-right: -1px;
    margin-bottom: -1px; }

.dggui-table-body .dggui-none {
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999; }

.dggui-table-fixed {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101; }

.dggui-table-fixed .dggui-table-body {
    overflow: hidden; }

.dggui-table-fixed-l {
    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08); }

.dggui-table-fixed-r {
    left: auto;
    right: -1px;
    border-width: 0;
    border-left-width: 1px;
    box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08); }

.dggui-table-fixed-r .dggui-table-header {
    position: relative;
    overflow: visible; }

.dggui-table-mend {
    position: absolute;
    right: -49px;
    top: 0;
    height: 100%;
    width: 50px; }

.dggui-table-tool {
    position: relative;
    z-index: 890;
    width: 100%;
    min-height: 50px;
    line-height: 30px;
    padding: 10px 15px;
    border-width: 0;
    border-bottom-width: 1px; }

.dggui-table-tool .dggui-btn-container {
    margin-bottom: -10px; }

.dggui-table-total {
    margin-bottom: -1px;
    border-width: 0;
    border-top-width: 1px;
    overflow: hidden; }

.dggui-table-page {
    position: relative;
    width: 100%;
    padding: 7px 7px 0;
    border-width: 0;
    border-top-width: 1px;
    height: 41px;
    margin-bottom: -1px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden; }

.dggui-table-page > div {
    height: 26px; }

.dggui-table-page .dggui-dggpage {
    margin: 0; }

.dggui-table-page .dggui-dggpage a,
.dggui-table-page .dggui-dggpage span {
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    border: none;
    background: none; }

.dggui-table-page .dggui-dggpage a,
.dggui-table-page .dggui-dggpage span.dggui-dggpage-curr {
    padding: 0 12px; }

.dggui-table-page .dggui-dggpage span {
    margin-left: 0;
    padding: 0; }

.dggui-table-page .dggui-dggpage .dggui-dggpage-prev {
    margin-left: -7px !important; }

.dggui-table-page .dggui-dggpage .dggui-dggpage-curr .dggui-dggpage-em {
    left: 0;
    top: 0;
    padding: 0; }

.dggui-table-page .dggui-dggpage input,
.dggui-table-page .dggui-dggpage button {
    height: 26px;
    line-height: 26px; }

.dggui-table-page .dggui-dggpage input {
    width: 40px; }

.dggui-table-page .dggui-dggpage button {
    padding: 0 10px; }

.dggui-table-page select {
    height: 18px; }

.dggui-table-view select[lay-ignore] {
    display: inline-block; }

.dggui-table-patch .dggui-table-cell {
    padding: 0;
    width: 30px; }

.dggui-table-edit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 14px 1px;
    border-radius: 0;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15); }

.dggui-table-edit:focus {
    border-color: #5FB878 !important; }

select.dggui-table-edit {
    padding: 0 0 0 10px;
    border-color: #C9C9C9; }

.dggui-table-view .dggui-form-switch,
.dggui-table-view .dggui-form-checkbox,
.dggui-table-view .dggui-form-radio {
    top: 0;
    margin: 0;
    box-sizing: content-box; }

.dggui-table-view .dggui-form-checkbox {
    top: -1px;
    height: 26px;
    line-height: 26px; }

.dggui-table-view .dggui-form-checkbox i {
    height: 26px; }

/* 展开溢出的单元格 */
.dggui-table-grid .dggui-table-cell {
    overflow: visible; }

.dggui-table-grid-down {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 100%;
    padding: 5px 0;
    border-width: 0;
    border-left-width: 1px;
    text-align: center;
    background-color: #fff;
    color: #999;
    cursor: pointer; }

.dggui-table-grid-down .dggui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px; }

.dggui-table-grid-down:hover {
    background-color: #fbfbfb; }

body .dggui-table-tips .dggui-layer-content {
    background: none;
    padding: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12); }

.dggui-table-tips-main {
    margin: -44px 0 0 -1px;
    max-height: 150px;
    padding: 8px 15px;
    font-size: 14px;
    overflow-y: scroll;
    background-color: #fff;
    color: #666; }

.dggui-table-tips-c {
    position: absolute;
    right: -3px;
    top: -13px;
    width: 20px;
    height: 20px;
    padding: 3px;
    cursor: pointer;
    background-color: #666;
    border-radius: 50%;
    color: #fff; }

.dggui-table-tips-c:hover {
    background-color: #777; }

.dggui-table-tips-c:before {
    position: relative;
    right: -2px; }

/** 树组件（重写中） **/
.dggui-tree {
    line-height: 26px; }

.dggui-tree li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.dggui-tree li a,
.dggui-tree li .dggui-tree-spread {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    *display: inline;
    *zoom: 1;
    cursor: pointer; }

.dggui-tree li a {
    font-size: 0; }

.dggui-tree li a i {
    font-size: 16px; }

.dggui-tree li a cite {
    padding: 0 6px;
    font-size: 14px;
    font-style: normal; }

.dggui-tree li i {
    padding-left: 6px;
    color: #333;
    -moz-user-select: none; }

.dggui-tree li .dggui-tree-check {
    font-size: 13px; }

.dggui-tree li .dggui-tree-check:hover {
    color: #009E94; }

.dggui-tree li ul {
    display: none;
    margin-left: 20px; }

.dggui-tree li .dggui-tree-enter {
    line-height: 24px;
    border: 1px dotted #000; }

.dggui-tree-drag {
    display: none;
    position: absolute;
    left: -666px;
    top: -666px;
    background-color: #f2f2f2;
    padding: 5px 10px;
    border: 1px dotted #000;
    white-space: nowrap; }

.dggui-tree-drag i {
    padding-right: 5px; }

/** Tab选项卡 **/
.dggui-tab {
    margin: 10px 0;
    text-align: left !important; }

.dggui-tab[overflow] > .dggui-tab-title {
    overflow: hidden; }

.dggui-tab-title {
    position: relative;
    left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    transition: all .2s;
    -webkit-transition: all .2s; }

.dggui-tab-title li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s; }

.dggui-tab-title li {
    position: relative;
    line-height: 40px;
    min-width: 65px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer; }

.dggui-tab-title li a {
    display: block; }

.dggui-tab-title .dggui-this {
    color: #000; }

.dggui-tab-title .dggui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none; }

.dggui-tab-bar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 39px;
    line-height: 39px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    text-align: center;
    background-color: #fff;
    cursor: pointer; }

.dggui-tab-bar .dggui-icon {
    position: relative;
    display: inline-block;
    top: 3px;
    transition: all .3s;
    -webkit-transition: all .3s; }

.dggui-tab-item {
    display: none; }

.dggui-tab-more {
    padding-right: 30px;
    height: auto !important;
    white-space: normal !important; }

.dggui-tab-more li.dggui-this:after {
    border-bottom-color: #e2e2e2;
    border-radius: 2px; }

.dggui-tab-more .dggui-tab-bar .dggui-icon {
    top: -2px;
    top: 3px\0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

:root .dggui-tab-more .dggui-tab-bar .dggui-icon {
    top: -2px\0/IE9; }

.dggui-tab-content {
    padding: 10px; }

/* Tab关闭 */
.dggui-tab-title li .dggui-tab-close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: 8px;
    top: 1px;
    text-align: center;
    font-size: 14px;
    color: #C2C2C2;
    transition: all .2s;
    -webkit-transition: all .2s; }

.dggui-tab-title li .dggui-tab-close:hover {
    border-radius: 2px;
    background-color: #FF5722;
    color: #fff; }

/* Tab简洁风格 */
.dggui-tab-brief > .dggui-tab-title .dggui-this {
    color: #009688; }

.dggui-tab-brief > .dggui-tab-title .dggui-this:after
, .dggui-tab-brief > .dggui-tab-more li.dggui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #5FB878; }

.dggui-tab-brief[overflow] > .dggui-tab-title .dggui-this:after {
    top: -1px; }

/* Tab卡片风格 */
.dggui-tab-card {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }

.dggui-tab-card > .dggui-tab-title {
    background-color: #f2f2f2; }

.dggui-tab-card > .dggui-tab-title li {
    margin-right: -1px;
    margin-left: -1px; }

.dggui-tab-card > .dggui-tab-title .dggui-this {
    background-color: #fff; }

.dggui-tab-card > .dggui-tab-title .dggui-this:after {
    border-top: none;
    border-width: 1px;
    border-bottom-color: #fff; }

.dggui-tab-card > .dggui-tab-title .dggui-tab-bar {
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    border-top: none;
    border-right: none; }

.dggui-tab-card > .dggui-tab-more .dggui-this {
    background: none;
    color: #5FB878; }

.dggui-tab-card > .dggui-tab-more .dggui-this:after {
    border: none; }

/* carousel 轮播 */
.dggui-carousel {
    position: relative;
    left: 0;
    top: 0;
    background-color: #f8f8f8; }

.dggui-carousel > *[carousel-item] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }

.dggui-carousel > *[carousel-item]:before {
    position: absolute;
    content: '\e63d';
    left: 50%;
    top: 50%;
    width: 100px;
    line-height: 20px;
    margin: -10px 0 0 -50px;
    text-align: center;
    color: #C2C2C2;
    font-family: "dggui-icon" !important;
    font-size: 30px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.dggui-carousel > *[carousel-item] > * {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    transition-duration: .3s;
    -webkit-transition-duration: .3s; }

.dggui-carousel-updown > * {
    -webkit-transition: .3s ease-in-out up;
    transition: .3s ease-in-out up; }

.dggui-carousel-arrow {
    display: none\0;
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    border: none 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer; }

.dggui-carousel-arrow[lay-type="add"] {
    left: auto !important;
    right: 10px; }

.dggui-carousel[lay-arrow="always"] .dggui-carousel-arrow {
    opacity: 1;
    left: 20px; }

.dggui-carousel[lay-arrow="always"] .dggui-carousel-arrow[lay-type="add"] {
    right: 20px; }

.dggui-carousel[lay-arrow="none"] .dggui-carousel-arrow {
    display: none; }

.dggui-carousel-arrow:hover,
.dggui-carousel-ind ul:hover {
    background-color: rgba(0, 0, 0, 0.35); }

.dggui-carousel:hover .dggui-carousel-arrow {
    display: block\0;
    opacity: 1;
    left: 20px; }

.dggui-carousel:hover .dggui-carousel-arrow[lay-type="add"] {
    right: 20px; }

.dggui-carousel-ind {
    position: relative;
    top: -35px;
    width: 100%;
    line-height: 0 !important;
    text-align: center;
    font-size: 0; }

.dggui-carousel[lay-indicator="outside"] {
    margin-bottom: 30px; }

.dggui-carousel[lay-indicator="outside"] .dggui-carousel-ind {
    top: 10px; }

.dggui-carousel[lay-indicator="outside"] .dggui-carousel-ind ul {
    background-color: rgba(0, 0, 0, 0.5); }

.dggui-carousel[lay-indicator="none"] .dggui-carousel-ind {
    display: none; }

.dggui-carousel-ind ul {
    display: inline-block;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; }

.dggui-carousel-ind li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    font-size: 14px;
    background-color: #e2e2e2;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; }

.dggui-carousel-ind li:hover {
    background-color: rgba(255, 255, 255, 0.7); }

.dggui-carousel-ind li.dggui-this {
    background-color: #fff; }

.dggui-carousel > *[carousel-item] > .dggui-this,
.dggui-carousel > *[carousel-item] > .dggui-carousel-prev,
.dggui-carousel > *[carousel-item] > .dggui-carousel-next {
    display: block; }

.dggui-carousel > *[carousel-item] > .dggui-this {
    left: 0; }

.dggui-carousel > *[carousel-item] > .dggui-carousel-prev {
    left: -100%; }

.dggui-carousel > *[carousel-item] > .dggui-carousel-next {
    left: 100%; }

.dggui-carousel > *[carousel-item] > .dggui-carousel-prev.dggui-carousel-right,
.dggui-carousel > *[carousel-item] > .dggui-carousel-next.dggui-carousel-left {
    left: 0; }

.dggui-carousel > *[carousel-item] > .dggui-this.dggui-carousel-left {
    left: -100%; }

.dggui-carousel > *[carousel-item] > .dggui-this.dggui-carousel-right {
    left: 100%; }

/* 上下切换 */
.dggui-carousel[lay-anim="updown"] .dggui-carousel-arrow {
    left: 50% !important;
    top: 20px;
    margin: 0 0 0 -18px; }

.dggui-carousel[lay-anim="updown"] .dggui-carousel-arrow[lay-type="add"] {
    top: auto !important;
    bottom: 20px; }

.dggui-carousel[lay-anim="updown"] .dggui-carousel-ind {
    position: absolute;
    top: 50%;
    right: 20px;
    width: auto;
    height: auto; }

.dggui-carousel[lay-anim="updown"] .dggui-carousel-ind ul {
    padding: 3px 5px; }

.dggui-carousel[lay-anim="updown"] .dggui-carousel-ind li {
    display: block;
    margin: 6px 0; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > * {
    left: 0 !important; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-this {
    top: 0; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-carousel-prev {
    top: -100%; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-carousel-next {
    top: 100%; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-carousel-prev.dggui-carousel-right,
.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-carousel-next.dggui-carousel-left {
    top: 0; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-this.dggui-carousel-left {
    top: -100%; }

.dggui-carousel[lay-anim="updown"] > *[carousel-item] > .dggui-this.dggui-carousel-right {
    top: 100%; }

/* 渐显切换 */
.dggui-carousel[lay-anim="fade"] > *[carousel-item] > * {
    left: 0 !important; }

.dggui-carousel[lay-anim="fade"] > *[carousel-item] > .dggui-carousel-prev,
.dggui-carousel[lay-anim="fade"] > *[carousel-item] > .dggui-carousel-next {
    opacity: 0; }

.dggui-carousel[lay-anim="fade"] > *[carousel-item] > .dggui-carousel-prev.dggui-carousel-right,
.dggui-carousel[lay-anim="fade"] > *[carousel-item] > .dggui-carousel-next.dggui-carousel-left {
    opacity: 1; }

.dggui-carousel[lay-anim="fade"] > *[carousel-item] > .dggui-this.dggui-carousel-left,
.dggui-carousel[lay-anim="fade"] > *[carousel-item] > .dggui-this.dggui-carousel-right {
    opacity: 0; }

/** 文件上传 **/
.dggui-upload-file {
    display: none !important;
    opacity: .01;
    filter: Alpha(opacity=1); }

.dggui-upload-list {
    margin: 10px 0; }

.dggui-upload-choose {
    padding: 0 10px;
    color: #999; }

.dggui-upload-drag {
    position: relative;
    display: inline-block;
    padding: 30px;
    border: 1px dashed #e2e2e2;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    color: #999; }

.dggui-upload-drag .dggui-icon {
    font-size: 50px;
    color: #009688; }

.dggui-upload-drag[lay-over] {
    border-color: #009688; }

.dggui-upload-form {
    display: inline-block; }

.dggui-upload-iframe {
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
    visibility: hidden; }

.dggui-upload-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle; }

.dggui-upload-wrap .dggui-upload-file {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    font-size: 100px;
    width: 100%;
    height: 100%;
    opacity: .01;
    filter: Alpha(opacity=1);
    cursor: pointer; }

/** fixbar **/
.dggui-fixbar {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 999999; }

.dggui-fixbar li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    background-color: #9F9F9F;
    color: #fff;
    border-radius: 2px;
    opacity: 0.95; }

.dggui-fixbar li:hover {
    opacity: 0.85; }

.dggui-fixbar li:active {
    opacity: 1; }

.dggui-fixbar .dggui-fixbar-top {
    display: none;
    font-size: 40px; }

/** 表情面板 **/
body .dggui-util-face {
    border: none;
    background: none; }

body .dggui-util-face .dggui-layer-content {
    padding: 0;
    background-color: #fff;
    color: #666;
    box-shadow: none; }

.dggui-util-face .dggui-layer-TipsG {
    display: none; }

.dggui-util-face ul {
    position: relative;
    width: 372px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.dggui-util-face ul li {
    cursor: pointer;
    float: left;
    border: 1px solid #e8e8e8;
    height: 22px;
    width: 26px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding: 4px 2px;
    text-align: center; }

.dggui-util-face ul li:hover {
    position: relative;
    z-index: 2;
    border: 1px solid #f8813f;
    background: #fff9ec; }

/** 代码修饰器 **/
.dggui-code {
    position: relative;
    margin: 10px 0;
    padding: 15px;
    line-height: 20px;
    border: 1px solid #ddd;
    border-left-width: 6px;
    background-color: #f2f2f2;
    color: #333;
    font-family: Courier New;
    font-size: 12px; }

/** 评分组件 By star1029 **/
.dggui-rate,
.dggui-rate * {
    display: inline-block;
    vertical-align: middle; }

.dggui-rate {
    padding: 10px 5px 10px 0;
    font-size: 0; }

.dggui-rate li i.dggui-icon {
    font-size: 20px;
    color: #FFB800; }

.dggui-rate li i.dggui-icon {
    margin-right: 5px;
    transition: all .3s;
    -webkit-transition: all .3s; }

.dggui-rate li i:hover {
    cursor: pointer;
    transform: scale(1.12);
    -webkit-transform: scale(1.12); }

.dggui-rate[readonly] li i:hover {
    cursor: default;
    transform: scale(1); }

/** 颜色选择器 By star1029 **/
.dggui-colorpicker {
    width: 26px;
    height: 26px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    border-radius: 2px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s; }

.dggui-colorpicker:hover {
    border-color: #d2d2d2; }

.dggui-colorpicker.dggui-colorpicker-lg {
    width: 34px;
    height: 34px;
    line-height: 32px; }

.dggui-colorpicker.dggui-colorpicker-sm {
    width: 24px;
    height: 24px;
    line-height: 22px; }

.dggui-colorpicker.dggui-colorpicker-xs {
    width: 22px;
    height: 22px;
    line-height: 20px; }

.dggui-colorpicker-trigger-bgcolor {
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    border-radius: 2px; }

.dggui-colorpicker-trigger-span {
    display: block;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    text-align: center; }

.dggui-colorpicker-trigger-i {
    display: inline-block;
    color: #fff;
    font-size: 12px; }

.dggui-colorpicker-trigger-i.dggui-icon-close {
    color: #999; }

.dggui-colorpicker-main {
    position: absolute;
    z-index: 66666666;
    width: 280px;
    padding: 7px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); }

.dggui-colorpicker-main-wrapper {
    height: 180px;
    position: relative; }

.dggui-colorpicker-basis {
    width: 260px;
    height: 100%;
    position: relative; }

.dggui-colorpicker-basis-white {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); }

.dggui-colorpicker-basis-black {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #000, transparent); }

.dggui-colorpicker-basis-cursor {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -3px;
    cursor: pointer; }

/*滚动条颜色 未做颜色变量处理*/
.dggui-colorpicker-side {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    background: linear-gradient(#F00, #FF0, #0F0, #0FF, #00FF00, #F0F, #F00); }

.dggui-colorpicker-side-slider {
    width: 100%;
    height: 5px;
    box-shadow: 0 0 1px #888;
    box-sizing: border-box;
    background: #fff;
    border-radius: 1px;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    position: absolute;
    left: 0; }

.dggui-colorpicker-main-alpha {
    display: none;
    height: 12px;
    margin-top: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.dggui-colorpicker-alpha-bgcolor {
    height: 100%;
    position: relative; }

.dggui-colorpicker-alpha-slider {
    width: 5px;
    height: 100%;
    box-shadow: 0 0 1px #888;
    box-sizing: border-box;
    background: #fff;
    border-radius: 1px;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    position: absolute;
    top: 0; }

.dggui-colorpicker-main-pre {
    padding-top: 7px;
    font-size: 0; }

.dggui-colorpicker-pre {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: inline-block;
    margin-left: 6px;
    margin-bottom: 7px;
    cursor: pointer; }

.dggui-colorpicker-pre:nth-child(11n+1) {
    margin-left: 0; }

.dggui-colorpicker-pre-isalpha {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.dggui-colorpicker-pre.dggui-this {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15); }

.dggui-colorpicker-pre > div {
    height: 100%;
    border-radius: 2px; }

.dggui-colorpicker-main-input {
    text-align: right;
    padding-top: 7px; }

.dggui-colorpicker-main-input .dggui-btn-container .dggui-btn {
    margin: 0 0 0 10px; }

.dggui-colorpicker-main-input div.dggui-inline {
    float: left;
    margin-right: 10px;
    font-size: 14px; }

.dggui-colorpicker-main-input input.dggui-input {
    width: 150px;
    height: 30px;
    color: #666; }

/** 滑块 By star1029 **/
.dggui-slider {
    height: 4px;
    background: #e2e2e2;
    border-radius: 3px;
    position: relative;
    cursor: pointer; }

.dggui-slider-bar {
    border-radius: 3px;
    position: absolute;
    height: 100%; }

.dggui-slider-step {
    position: absolute;
    top: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.dggui-slider-wrap {
    width: 36px;
    height: 36px;
    position: absolute;
    top: -16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    text-align: center; }

.dggui-slider-wrap-btn {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: 0.3s; }

.dggui-slider-wrap:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle; }

.dggui-slider-wrap-btn:hover,
.dggui-slider-wrap-btn.dggui-slider-hover {
    transform: scale(1.2); }

.dggui-slider-wrap-btn.dggui-disabled:hover {
    transform: scale(1) !important; }

.dggui-slider-tips {
    position: absolute;
    top: -42px;
    z-index: 66666666;
    white-space: nowrap;
    display: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    background: #000;
    border-radius: 3px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px; }

.dggui-slider-tips:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent; }

.dggui-slider-input {
    width: 70px;
    height: 32px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: -15px; }

.dggui-slider-input-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    border-left: 1px solid #d2d2d2; }

.dggui-slider-input-btn i {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 50%;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #999; }

.dggui-slider-input-btn i:first-child {
    top: 0;
    border-bottom: 1px solid #d2d2d2; }

.dggui-slider-input-txt {
    height: 100%;
    font-size: 14px; }

.dggui-slider-input-txt input {
    height: 100%;
    border: none; }

.dggui-slider-input-btn i:hover {
    color: #009688; }

/*垂直滑块*/
.dggui-slider-vertical {
    width: 4px;
    margin-left: 34px; }

.dggui-slider-vertical .dggui-slider-bar {
    width: 4px; }

.dggui-slider-vertical .dggui-slider-step {
    top: auto;
    left: 0px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }

.dggui-slider-vertical .dggui-slider-wrap {
    top: auto;
    left: -16px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }

.dggui-slider-vertical .dggui-slider-tips {
    top: auto;
    left: 2px; }

@media \0screen {
    .dggui-slider-wrap-btn {
        margin-left: -20px; }

    .dggui-slider-vertical .dggui-slider-wrap-btn {
        margin-left: 0;
        margin-bottom: -20px; }

    .dggui-slider-vertical .dggui-slider-tips {
        margin-left: -8px; }

    .dggui-slider > span {
        margin-left: 8px; } }
/** 动画 **/
.dggui-anim {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.dggui-anim.dggui-icon {
    display: inline-block; }

.dggui-anim-loop {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.dggui-trans,
.dggui-trans a {
    transition: all .3s;
    -webkit-transition: all .3s; }

/* 过度变换 */
@-webkit-keyframes dggui-rotate {
    /* 循环旋转 */
    from {
        -webkit-transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(360deg); } }
@keyframes dggui-rotate {
    from {
        transform: rotate(0deg); }
    to {
        transform: rotate(360deg); } }
.dggui-anim-rotate {
    -webkit-animation-name: dggui-rotate;
    animation-name: dggui-rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }

@-webkit-keyframes dggui-up {
    /* 从最底部往上滑入 */
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0.3; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1; } }
@keyframes dggui-up {
    from {
        transform: translate3d(0, 100%, 0);
        opacity: 0.3; }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
.dggui-anim-up {
    -webkit-animation-name: dggui-up;
    animation-name: dggui-up; }

@-webkit-keyframes dggui-upbit {
    /* 微微往上滑入 */
    from {
        -webkit-transform: translate3d(0, 30px, 0);
        opacity: 0.3; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1; } }
@keyframes dggui-upbit {
    from {
        transform: translate3d(0, 30px, 0);
        opacity: 0.3; }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
.dggui-anim-upbit {
    -webkit-animation-name: dggui-upbit;
    animation-name: dggui-upbit; }

@-webkit-keyframes dggui-scale {
    /* 放大 */
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.5); }
    100% {
        opacity: 1;
        -webkit-transform: scale(1); } }
@keyframes dggui-scale {
    0% {
        opacity: 0.3;
        -ms-transform: scale(0.5);
        transform: scale(0.5); }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1); } }
.dggui-anim-scale {
    -webkit-animation-name: dggui-scale;
    animation-name: dggui-scale; }

@-webkit-keyframes dggui-scale-spring {
    /* 弹簧式放大 */
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.5); }
    80% {
        opacity: 0.8;
        -webkit-transform: scale(1.1); }
    100% {
        opacity: 1;
        -webkit-transform: scale(1); } }
@keyframes dggui-scale-spring {
    0% {
        opacity: 0.5;
        transform: scale(0.5); }
    80% {
        opacity: 0.8;
        transform: scale(1.1); }
    100% {
        opacity: 1;
        transform: scale(1); } }
.dggui-anim-scaleSpring {
    -webkit-animation-name: dggui-scale-spring;
    animation-name: dggui-scale-spring; }

@-webkit-keyframes dggui-fadein {
    /* 渐现 */
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@keyframes dggui-fadein {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
.dggui-anim-fadein {
    -webkit-animation-name: dggui-fadein;
    animation-name: dggui-fadein; }

@-webkit-keyframes dggui-fadeout {
    /* 渐隐 */
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
@keyframes dggui-fadeout {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
.dggui-anim-fadeout {
    -webkit-animation-name: dggui-fadeout;
    animation-name: dggui-fadeout; }

/*
 * Table styles
 */
/*datatable style*/
.table-menu {
    display: none; }

.dataTable.dggui-table thead th {
    padding: 0 10px;
    border-bottom: none;
    white-space: nowrap; }
.dataTable.dggui-table tbody td {
    padding: 10px;
    white-space: nowrap; }

.dataTable.dggui-table.cell-border tbody td, .dataTable.dggui-table.cell-border thead th {
    border-right: 1px solid #e6e6e6;
    border-top: 0; }
.dataTable.dggui-table.cell-border tbody td:first-child {
    border-left: 0; }
.dataTable.dggui-table.cell-border tbody tr:last-child td {
    border-bottom: 0; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-color: #e6e6e6 !important; }

.dataTables_scrollBody .dataTable.dggui-table tbody > tr:last-child td {
    border-bottom: none; }

.dataTables_wrapper .page {
    position: relative;
    padding: 20px 0 27px;
    line-height: 30px;
    color: #666; }
.dataTables_wrapper .page:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }
.dataTables_wrapper .page .dataTables_info {
    padding-top: 0;
    margin-right: 10px; }
.dataTables_wrapper .page .dataTables_length select {
    height: 30px;
    padding: 0 10px;
    border-color: #ccc; }
.dataTables_wrapper .page .dataTables_paginate {
    padding: 0; }
.dataTables_wrapper .page .dataTables_paginate .paginate_button {
    padding: 0 10px;
    line-height: 28px;
    border: 1px #e0e0e0 solid;
    border-radius: 0; }
.dataTables_wrapper .page .dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed;
    border-color: #e0e0e0; }
.dataTables_wrapper .page .dataTables_paginate .paginate_button.current {
    color: #f8813f !important;
    border-color: #f8813f;
    background: #fff; }
.dataTables_wrapper .page .dataTables_paginate .paginate_button.current:hover {
    color: #f8813f !important;
    border-color: #f8813f;
    background: #fff; }
.dataTables_wrapper .page .dataTables_paginate .paginate_button:hover {
    color: #f8813f !important;
    border-color: #f8813f;
    background: #fff; }

.DTFC_RightWrapper tbody tr:last-child > td, .DTFC_LeftWrapper tbody tr:last-child > td {
    border-bottom: 0; }

.dggui-table {
    width: 100%; }
.dggui-table.cell-border {
    border-top: 1px #e6e6e6 solid;
    border-left: 1px #e6e6e6 solid; }
.dggui-table.cell-border th, .dggui-table.cell-border td {
    border-bottom: 1px #e6e6e6 solid;
    border-right: 1px #e6e6e6 solid; }

.dggui-table thead th {
    padding: 0 10px;
    line-height: 42px;
    background-color: #f0f0f0;
    text-align: left;
    color: #888;
    font-weight: bold;
    border-left: 0;
    border-right: 0; }

.dggui-table tbody td {
    padding: 20px 10px;
    border-bottom: 1px #e6e6e6 solid;
    border-top: 0; }

.dggui-table.cell-border {
    border-top: 1px #e6e6e6 solid; }

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    /*
   * Header and footer styles
   */
    /*
   * Body styles
   */ }

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold; }

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111; }

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none; }

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111; }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand; }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right; }

table.dataTable thead .sorting {
    background-image: url("../images/datatable/sort_both.png"); }

table.dataTable thead .sorting_asc {
    background-image: url("../images/datatable/sort_asc.png"); }

table.dataTable thead .sorting_desc {
    background-image: url("../images/datatable/sort_desc.png"); }

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../images/datatable/sort_asc.pngsort_asc_disabled.png"); }

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../images/datatable/sort_desc_disabled.png"); }

table.dataTable tbody tr {
    background-color: #ffffff; }

table.dataTable tbody tr.selected {
    background-color: #f5f5f5; }

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
    border-left: 0;
    border-right: 0; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb; }

table.dataTable.no-footer {
    /*border-bottom: 1px solid #111;*/ }

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px; }

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px; }

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left; }

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center; }

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right; }

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify; }

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap; }

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left; }

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center; }

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right; }

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left; }

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center; }

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right; }

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify; }

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap; }

table.dataTable,
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

/*
 * Control feature layout
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1; }

.dataTables_wrapper .dataTables_length {
    float: left; }

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right; }

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
    /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em; }

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333; }

.dataTables_wrapper .dataTables_scroll {
    clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
    vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead > table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none; }

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center; }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center; }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em; } }
@font-face {
    font-family: "iconfont";
    src: url("../font/iboss/iconfont.eot?t=1566272627033");
    /* IE9 */
    src: url("../font/iboss/iconfont.eot?t=1566272627033#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,") format("woff2"), url("../font/iboss/iconfont.woff?t=1566272627033") format("woff"), url("../font/iboss/iconfont.ttf?t=1566272627033") format("truetype"), url("../font/iboss/iconfont.svg?t=1566272627033#iconfont") format("svg");
    /* iOS 4.1- */ }
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.icon-bianji:before {
    content: "\e618"; }

.icon-bofang-shi:before {
    content: "\e619"; }

.icon-guanbi:before {
    content: "\e61a"; }

.icon-nashui:before {
    content: "\e61b"; }

.icon-duanxin:before {
    content: "\e61c"; }

.icon-shijian:before {
    content: "\e61d"; }

.icon-rili:before {
    content: "\e61e"; }

.icon-dianhua:before {
    content: "\e61f"; }

.icon-shangmao:before {
    content: "\e620"; }

.icon-shuaxin:before {
    content: "\e621"; }

.icon-tianjia:before {
    content: "\e622"; }

.icon-xingxing-shi:before {
    content: "\e623"; }

.icon-xingxing-xian:before {
    content: "\e624"; }

.icon-bianji1:before {
    content: "\e625"; }

.icon-dadianhua:before {
    content: "\e626"; }

.icon-xiayiye:before {
    content: "\e627"; }

.icon-shangyiye:before {
    content: "\e628"; }

.icon-zhengque:before {
    content: "\e629"; }

.icon-zhuyi-shi:before {
    content: "\e62a"; }

.icon-jinggao:before {
    content: "\e62b"; }

.icon-cuowu:before {
    content: "\e62c"; }

.icon-zhuyi-xian:before {
    content: "\e62d"; }

.icon-bofang-zanting:before {
    content: "\e62e"; }

.icon-chakan-yulan:before {
    content: "\e62f"; }

.icon-shanchu:before {
    content: "\e630"; }

.icon-xiazai:before {
    content: "\e631"; }

.icon-txt1:before {
    content: "\e632"; }

.icon-ppt:before {
    content: "\e633"; }

.icon-rar-zip:before {
    content: "\e634"; }

.icon-photo:before {
    content: "\e636"; }

.icon-unknown:before {
    content: "\e637"; }

.icon-word:before {
    content: "\e638"; }

.icon-excel:before {
    content: "\e639"; }

.icon-pdf:before {
    content: "\e63a"; }

.icon-tishi:before {
    content: "\e667"; }

.icon-qiye:before {
    content: "\e668"; }

.icon-shanchu1:before {
    content: "\e669"; }

.icon-xuanzhong:before {
    content: "\e66a"; }

.icon-geren:before {
    content: "\e66b"; }

.icon-lei36:before {
    content: "\e635"; }

.icon-lei33:before {
    content: "\e63b"; }

.icon-lei35:before {
    content: "\e63c"; }

.icon-lei34:before {
    content: "\e63d"; }

.icon-lei37:before {
    content: "\e63e"; }

.icon-lei32:before {
    content: "\e63f"; }

.icon-lei38:before {
    content: "\e640"; }

.icon-lei39:before {
    content: "\e641"; }

.icon-lei40:before {
    content: "\e642"; }

.icon-lei41:before {
    content: "\e643"; }

.icon-lei43:before {
    content: "\e644"; }

.icon-lei42:before {
    content: "\e645"; }

.icon-lei45:before {
    content: "\e646"; }

.icon-lei44:before {
    content: "\e647"; }

.icon-lei01:before {
    content: "\e648"; }

.icon-lei03:before {
    content: "\e649"; }

.icon-lei02:before {
    content: "\e64a"; }

.icon-lei04:before {
    content: "\e64b"; }

.icon-lei05:before {
    content: "\e64c"; }

.icon-lei06:before {
    content: "\e64d"; }

.icon-lei10:before {
    content: "\e64e"; }

.icon-lei07:before {
    content: "\e64f"; }

.icon-lei08:before {
    content: "\e650"; }

.icon-lei09:before {
    content: "\e651"; }

.icon-lei11:before {
    content: "\e652"; }

.icon-lei12:before {
    content: "\e653"; }

.icon-lei14:before {
    content: "\e654"; }

.icon-lei13:before {
    content: "\e655"; }

.icon-lei16:before {
    content: "\e656"; }

.icon-lei15:before {
    content: "\e657"; }

.icon-lei18:before {
    content: "\e658"; }

.icon-lei19:before {
    content: "\e659"; }

.icon-lei20:before {
    content: "\e65a"; }

.icon-lei17:before {
    content: "\e65b"; }

.icon-lei21:before {
    content: "\e65c"; }

.icon-lei22:before {
    content: "\e65d"; }

.icon-lei23:before {
    content: "\e65e"; }

.icon-lei25:before {
    content: "\e65f"; }

.icon-lei24:before {
    content: "\e660"; }

.icon-lei27:before {
    content: "\e661"; }

.icon-lei28:before {
    content: "\e662"; }

.icon-lei26:before {
    content: "\e663"; }

.icon-lei30:before {
    content: "\e664"; }

.icon-lei29:before {
    content: "\e665"; }

.icon-lei31:before {
    content: "\e666"; }

.icon-hetonghao:before {
    content: "\e66c"; }

.icon-sousuo:before {
    content: "\e66d"; }

.icon-qiyong:before {
    content: "\e670"; }

.icon-jinyong:before {
    content: "\e671"; }

.icon-shangyi:before {
    content: "\e66e"; }

.icon-xiayi:before {
    content: "\e672"; }

.icon-shuaxindashuju:before {
    content: "\e673"; }

.icon-zhankai:before {
    content: "\e67c"; }

.icon-gerenziliao:before {
    content: "\e674"; }

.icon-zhengxin:before {
    content: "\e675"; }

.icon-xinyongqia:before {
    content: "\e676"; }

.icon-baodan:before {
    content: "\e677"; }

.icon-zichan:before {
    content: "\e678"; }

.icon-fangchan:before {
    content: "\e679"; }

.icon-cheliang:before {
    content: "\e67a"; }

.icon-gongzuo:before {
    content: "\e67b"; }

.icon-gudongxinxi:before {
    content: "\e66f"; }

.icon-lishidingdan:before {
    content: "\e67d"; }

.icon-lishishangji:before {
    content: "\e67e"; }

.icon-gongshangbiangeng:before {
    content: "\e67f"; }

.icon-renyuanxinxi:before {
    content: "\e680"; }

.icon-shengchanxinxi:before {
    content: "\e681"; }

.icon-qiyerenzheng:before {
    content: "\e682"; }

.icon-tuidanjilu:before {
    content: "\e683"; }

.icon-fenzhijigou:before {
    content: "\e684"; }

.icon-fujian:before {
    content: "\e685"; }

.icon-shengchanjindu:before {
    content: "\e686"; }

.icon-gongshangxinxi:before {
    content: "\e687"; }

.icon-logo:before {
    content: "\e688"; }

.icon-chaxunxinxi:before {
    content: "\e689"; }

.icon-lianxirenzuofei:before {
    content: "\e68a"; }

.icon-zhulianxiren:before {
    content: "\e68b"; }

.icon-huifu-lianxiren:before {
    content: "\e68c"; }

.icon-buzhouwancheng:before {
    content: "\e68d"; }

.icon-jingbao:before {
    content: "\e68e"; }

.icon-xiajiang:before {
    content: "\e68f"; }

.icon-shangsheng:before {
    content: "\e690"; }

.icon-bofang:before {
    content: "\e691"; }

.icon-bofang1:before {
    content: "\e692"; }

.icon-houtui:before {
    content: "\e693"; }

.icon-houtui1:before {
    content: "\e694"; }

.icon-kauijin:before {
    content: "\e695"; }

.icon-xiazai1:before {
    content: "\e696"; }

.icon-xingxing:before {
    content: "\e697"; }

.icon-zanting:before {
    content: "\e698"; }

.icon-xingxing1:before {
    content: "\e699"; }

.icon-kuaijin:before {
    content: "\e69a"; }

.icon-zanting1:before {
    content: "\e69b"; }

.icon-fuzhilianjie:before {
    content: "\e69c"; }

.icon-xingxing2:before {
    content: "\e69d"; }

.icon-tuikuan:before {
    content: "\e69e"; }

.icon-shijishoukuan:before {
    content: "\e69f"; }

.icon-shoukuanjine:before {
    content: "\e6a0"; }

.icon-shouxufei:before {
    content: "\e6a1"; }

.icon-jiaoyibishu:before {
    content: "\e6a2"; }

.icon-kongshuju:before {
    content: "\e6a3"; }

.icon-jiaoyibishu1:before {
    content: "\e6a4"; }

.icon-tuikuan1:before {
    content: "\e6a5"; }

.icon-shoukuanjine1:before {
    content: "\e6a6"; }

.icon-shouxufei1:before {
    content: "\e6a7"; }

.icon-shijishoukuan1:before {
    content: "\e6a8"; }

.icon-kedanjia:before {
    content: "\e6a9"; }

.icon-tianjiaxiaji:before {
    content: "\e6aa"; }

.icon-xianshangqianshu:before {
    content: "\e6ab"; }

.icon-xianxiaqianshu:before {
    content: "\e6ac"; }

.icon-cuiyixia:before {
    content: "\e6ad"; }

.icon-shanchu2:before {
    content: "\e6ae"; }

.icon-tianjia1:before {
    content: "\e6af"; }

.icon-bukejian:before {
    content: "\e6b1"; }

.icon-bukejian1:before {
    content: "\e6b3"; }

.icon-kejian:before {
    content: "\e6b4"; }

.icon-huangguan:before {
    content: "\e600"; }

.icon-morentouxiang:before {
    content: "\e6b0"; }

.icon-touxiangzhanweifu:before {
    content: "\e6b2"; }

.icon-xinzengdingdan:before {
    content: "\e6b5"; }

.icon-xinzengkehu:before {
    content: "\e6b6"; }

.icon-fapiao-chaxun:before {
    content: "\e6b8"; }

.icon-kehuzongshu:before {
    content: "\e6b9"; }

.icon-paixu:before {
    content: "\e6ba"; }

.icon-daihuifang:before {
    content: "\e6bb"; }

.icon-wentifankuigongdan:before {
    content: "\e6bc"; }

.icon-tousugongdan:before {
    content: "\e6bd"; }

.icon-dadianhua1:before {
    content: "\e6be"; }

.icon-kaishi:before {
    content: "\e6c0"; }

.icon-yiwen:before {
    content: "\e6c2"; }

.icon-zanting2:before {
    content: "\e6c3"; }

.icon-wushuju:before {
    content: "\e6c4"; }

.icon-wenjianjia:before {
    content: "\e6c5"; }

.icon-zhuanyongfapiao:before {
    content: "\e6b7"; }

.icon-putongfapiao:before {
    content: "\e6bf"; }

.icon-dianzifapiao:before {
    content: "\e6c1"; }

.icon-neibugoutong:before {
    content: "\e6c6"; }

.icon-shanchu3:before {
    content: "\e6c7"; }

.icon-tuodong:before {
    content: "\e6c8"; }

.icon-kehuxiezhu:before {
    content: "\e6c9"; }

.icon-tupianshibie:before {
    content: "\e6ca"; }

.icon-shibie:before {
    content: "\e6cb"; }

.icon-chakan:before {
    content: "\e6cc"; }

.change-produce-wrap {
    padding: 20px;
    background: #fff; }
.change-produce-wrap .change-produce-tit {
    margin-bottom: 10px; }
.change-produce-wrap .change-produce-con {
    width: 100%;
    display: flex;
    margin: 15px 0; }
.change-produce-wrap .change-produce-con .change-produce-list {
    flex: 1;
    color: #333;
    border: 1px solid #ebebeb;
    border-right: none; }
.change-produce-wrap .change-produce-con .change-produce-list h3 {
    padding: 15px;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    border-right: none;
    border-bottom: 1px solid #ebebeb; }
.change-produce-wrap .change-produce-con .change-produce-list ul {
    max-height: 282px;
    overflow-y: auto;
    border-top: none; }
.change-produce-wrap .change-produce-con .change-produce-list ul li {
    padding: 15px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer; }
.change-produce-wrap .change-produce-con .change-produce-list ul li:hover {
    background: #f5f5f5; }
.change-produce-wrap .change-produce-con .change-produce-list ul li.checked {
    color: #f8813f; }
.change-produce-wrap .change-produce-con .change-produce-list ul li.checked i {
    font-size: 14px;
    float: right;
    color: #f8813f; }
.change-produce-wrap .change-produce-con .change-produce-list:last-child {
    border-right: 1px solid #ebebeb; }

.table-finance .open-list {
    font-style: normal;
    border: 1px solid #e0e0e0;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 13px;
    text-align: center;
    font-size: 16px;
    position: relative;
    top: 1px;
    cursor: pointer; }
.table-finance .child1 {
    padding-left: 30px !important; }
.table-finance .child2 {
    padding-left: 60px !important; }
.table-finance .child3 {
    padding-left: 90px !important; }
.table-finance .child4 {
    padding-left: 120px !important; }
.table-finance .child5 {
    padding-left: 150px !important; }

/*按钮背景色*/
/*各元素边框颜色*/
/*默认全局字体颜色*/
/*背景色*/
/*日期控件*/
/*日期控件 默认主体*/
/*日期控件 墨绿/自定义背景主体色*/
/*日期控件 格子主题*/
/*弹窗*/
/*弹窗 标题栏*/
/*弹窗 按钮组*/
/*弹窗 定制化*/
/*弹窗 skin*/
/*弹窗 prompt模式*/
/*弹窗 tab模式*/
/*弹窗 photo模式*/
/*使用浮动过后，清除浮动*/
/*背景色*/
/*线条颜色*/
/*使用浮动过后，清除浮动*/
/*常用inline-block 垂直居中法*/
/* flex 兼容写法*/
/*calc 兼容写法*/
.red {
    color: #ff4242 !important; }

.orange {
    color: #f8813f !important; }

.blue {
    color: #2e6be5 !important; }

.dggui-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    font-size: 12px;
    background: #fff;
    padding: 0 12px;
    position: relative;
    border: 0;
    color: #fff;
    background-color: #ff8b4c; }
.dggui-btn:hover {
    border: 0; }
.dggui-btn.dggui-btn-ico {
    padding: 0 7px; }
.dggui-btn.dggui-btn-ico .iconfont {
    margin: 0; }
.dggui-btn.dggui-btn-primary {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666; }
.dggui-btn.dggui-btn-n {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666; }
.dggui-btn.dggui-btn-sm {
    height: 24px;
    line-height: 22px;
    padding: 0 6px; }
.dggui-btn.dggui-btn-orange {
    background-color: #fff;
    border: 1px solid #ff8b4c;
    color: #f8813f; }
.dggui-btn.dggui-btn-orange:hover {
    border: 1px solid #f8813f; }
.dggui-btn.dggui-btn-green {
    border: 1px solid #77bd4d;
    color: #77bd4d;
    background-color: #fff; }
.dggui-btn.dggui-btn-link {
    border: 1px solid #7491ff;
    color: #7491ff;
    background-color: #fff; }
.dggui-btn.dggui-btn-danger {
    border: 1px solid #ff6666;
    color: #ff6666;
    background-color: #fff; }

.dggui-btn.dggui-color-btn {
    border: 1px solid #f7ceb8;
    color: #f8813f; }

.dggui-btn.dggui-color-btn:hover {
    border: 1px solid #f7ceb8;
    color: #f8813f; }

.dggui-btn.dggui-btn-orange.dggui-btn-disabled,
.dggui-btn.dggui-btn-disabled {
    cursor: not-allowed;
    opacity: 0.7; }

.dggui-btn.dggui-btn-disabled:hover {
    border-color: #e0e0e0; }

.dggui-btn.dggui-btn-orange.dggui-btn-disabled:hover {
    border-color: #f7d6c5; }

.dggui-btn.dggui-btn-sm {
    height: 24px;
    line-height: 22px;
    padding: 0 6px; }

.dggui-btn-toggle {
    display: inline-block;
    vertical-align: middle; }

.dggui-btn-toggle .dggui-btn {
    position: relative;
    padding-right: 24px; }
.dggui-btn-toggle .dggui-btn:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #b3b3b3 transparent transparent transparent; }

.toggle-menu {
    position: absolute;
    top: 33px;
    min-width: 76px;
    padding: 10px 20px;
    max-height: 200px;
    border: 1px #e4e4e4 solid;
    background-color: #fff;
    z-index: 1;
    display: none;
    text-align: left;
    overflow-y: auto; }
.toggle-menu.open {
    display: block; }
.toggle-menu:before {
    content: '';
    position: absolute;
    top: -5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #b3b3b3 transparent; }
.toggle-menu:after {
    content: '';
    position: absolute;
    top: -5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #fff transparent; }
.toggle-menu li {
    display: block;
    line-height: 28px; }
.toggle-menu li > a {
    color: #333; }
.toggle-menu li > a:hover {
    color: #ff8b4c; }

.dggui-link {
    color: #2e6be5;
    background-color: transparent; }
.dggui-link .icon-xiayiye {
    font-size: 12px; }
.dggui-link.dggui-link-primary {
    color: #FF8B4C;
    font-weight: normal !important; }
.dggui-link.dggui-link-primary .iconfont {
    font-size: 12px; }
.dggui-link.dggui-link-primary:hover {
    color: #FF8B4C; }
.dggui-link:hover {
    text-decoration: underline;
    color: #2e6be5; }

.dggui-tag {
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    background: #999;
    padding: 0 6px;
    position: relative;
    color: #fff; }

.dggui-tag.dggui-tag-orang {
    background-color: #f99157; }

.dggui-tag.dggui-tag-green {
    background-color: #98d374; }

.dggui-tag.dggui-tag-purple {
    background-color: #de8cf6; }

.dggui-tag.dggui-tag-red {
    background-color: #f67190; }

.dggui-tag.dggui-tag-blue {
    background-color: #5cc8df; }

.dggui-tag.dggui-tag-brBlue {
    background-color: #819cda; }

.triangle {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #b3b3b3 transparent; }
.triangle.active {
    border-color: transparent transparent #ff8b4c transparent; }

.triangle.bottom {
    border-width: 4px 4px 0 4px;
    border-color: #b3b3b3 transparent transparent transparent; }
.triangle.bottom.active {
    border-color: #ff8b4c transparent transparent transparent; }

.triangle.left {
    border-width: 4px 4px 4px 0;
    border-color: transparent #b3b3b3 transparent transparent; }
.triangle.left.active {
    border-color: transparent #ff8b4c transparent transparent; }

.triangle.right {
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #b3b3b3; }
.triangle.right.active {
    border-color: transparent transparent transparent #ff8b4c; }

.dggui-table-info {
    width: 100%;
    margin: 10px 0; }
.dggui-table-info thead th {
    padding: 7px 0 7px 2px; }
.dggui-table-info tbody th {
    white-space: nowrap;
    text-align: right;
    vertical-align: text-top;
    width: 5%;
    max-width: 180px;
    color: #666;
    font-weight: normal;
    padding: 7px 0 7px 2px; }
.dggui-table-info tbody th.vertical-top {
    line-height: 28px;
    vertical-align: top; }
.dggui-table-info tbody td {
    position: relative;
    padding: 7px 15px 7px 7px;
    min-width: 150px;
    vertical-align: text-top;
    word-break: break-all; }
.dggui-table-info tbody td .line {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden; }
.dggui-table-info tbody td .upload-compact {
    padding: 0; }
.dggui-table-info tbody td .upload-compact li:first-child {
    margin-left: 0; }
.dggui-table-info tbody td .dggui-select, .dggui-table-info tbody td .dggui-input {
    max-width: 280px;
    min-width: 100px;
    width: 100%; }
.dggui-table-info tbody td .dggui-select.short, .dggui-table-info tbody td .dggui-input.short {
    width: 160px; }
.dggui-table-info tbody td .dggui-select.short + .dggui-select, .dggui-table-info tbody td .dggui-input.short + .dggui-select {
    width: 280px; }
.dggui-table-info tbody td .select2.select2-container.select2-container--default {
    max-width: 280px;
    min-width: 100px; }
.dggui-table-info tbody td .dggui-input-long {
    max-width: 420px; }
.dggui-table-info tbody td .tips-plug-warp {
    position: relative;
    display: inline-block;
    max-width: 280px;
    min-width: 100px;
    width: 100%;
    padding-right: 25px; }
.dggui-table-info tbody td .tips-plug-warp > .tips-plug {
    position: absolute;
    right: 0;
    top: 5px;
    color: #b5b5b5;
    font-size: 14px; }
.dggui-table-info tbody td .dggui-rate {
    padding: 0;
    margin-top: -10px; }
.dggui-table-info tbody td .unit-warp {
    position: relative;
    max-width: 280px;
    min-width: 100px;
    padding-right: 40px;
    line-height: 28px; }
.dggui-table-info tbody td .unit-warp .unit {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    text-align: left; }
.dggui-table-info tbody td .units-warp {
    position: relative;
    max-width: 280px;
    min-width: 100px;
    padding-right: 90px;
    line-height: 28px; }
.dggui-table-info tbody td .units-warp .units {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    text-align: left; }
.dggui-table-info tbody td .units-warp .dggui-select {
    width: 60px;
    min-width: auto;
    margin-left: 5px; }
.dggui-table-info.edit tbody td {
    padding: 7px 15px 7px 0; }
.dggui-table-info.edit tbody td .dggui-input, .dggui-table-info.edit tbody td .dggui-select {
    display: none; }
.dggui-table-info.edit tbody td .dggui-select:disabled {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }
.dggui-table-info.edit tbody td .dggui-input-time + .iconfont {
    display: none; }
.dggui-table-info.edit tbody td .dggui-radio {
    display: none; }
.dggui-table-info.edit.be-editing tbody .dggui-input-time + .iconfont {
    display: inline-block; }
.dggui-table-info .required {
    position: relative; }
.dggui-table-info .required:after {
    content: '*';
    position: absolute;
    top: 50%;
    right: -2px;
    color: #f8813f;
    transform: translateY(-50%);
    height: 15px; }

.dggui-icon-btn {
    color: #999;
    font-weight: normal; }
.dggui-icon-btn .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 3px; }
.dggui-icon-btn span {
    display: inline-block;
    vertical-align: middle; }

.dggui-table thead th {
    line-height: 36px; }
.dggui-table td, .dggui-table th {
    font-size: 12px; }
.dggui-table.cell-border td {
    padding: 7px 10px; }

.dggui-link.dggui-icon-btn {
    color: #7491ff;
    font-size: 12px; }
.dggui-link.dggui-icon-btn .iconfont {
    font-size: 13px; }

.mark {
    color: #f8813f; }

.dataTables_wrapper .dataTables_processing {
    position: fixed;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url(../images/loading-0.gif);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 11;
    font-size: 0; }

.dataTables_scrollHeadInner {
    min-width: 100%; }
.dataTables_scrollHeadInner table {
    min-width: 100%; }

.table-menu {
    position: absolute;
    width: 160px;
    padding: 10px;
    background-color: #eee;
    border: 1px #ebebeb solid;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); }
.table-menu label {
    display: block;
    line-height: 20px; }
.table-menu label input {
    margin-right: 5px; }

.dggui-opt-td .dggui-link {
    display: inline-block;
    margin: 0 4px 0 5px;
    position: relative; }
.dggui-opt-td .dggui-link:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 1px;
    height: 10px;
    background-color: #b7b7b7; }
.dggui-opt-td .dggui-link:first-child {
    margin-left: 0;
    border-left: 0; }
.dggui-opt-td .dggui-link:first-child:after {
    display: none; }
.dggui-opt-td .dggui-link:last-child {
    margin-right: 0; }

.dggui-table tbody td {
    border-left: 0;
    border-right: 0; }

.dggui-tree {
    position: relative; }
.dggui-tree.ztree {
    padding: 5px 5px 5px 20px; }
.dggui-tree.ztree li span.button.ico_open, .dggui-tree.ztree li span.button.noline_open, .dggui-tree.ztree li span.button.noline_close, .dggui-tree.ztree li span.button.ico_docu, .dggui-tree.ztree li span.button.ico_close, .dggui-tree.ztree li span.button.noline_docu {
    position: absolute;
    z-index: 1;
    left: -20px; }
.dggui-tree.ztree li span.button.noline_close {
    height: 30px;
    background: transparent; }
.dggui-tree.ztree li span.button.noline_close:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    display: block;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #333; }
.dggui-tree.ztree li span.button.noline_open {
    background: transparent;
    height: 30px; }
.dggui-tree.ztree li span.button.noline_open:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    margin-left: -4px;
    display: block;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #333 transparent transparent transparent; }
.dggui-tree.ztree li {
    position: relative;
    overflow: visible; }
.dggui-tree.ztree li a {
    height: auto;
    padding: 5px 30px 5px 5px;
    line-height: 20px;
    display: block;
    white-space: normal; }
.dggui-tree.ztree li a.activeNode, .dggui-tree.ztree li a.curSelectedNode {
    opacity: 1;
    padding-top: 5px;
    border: 0;
    background: #ebebeb;
    height: auto; }
.dggui-tree.ztree li a.hoverNode {
    z-index: 2;
    position: relative; }
.dggui-tree.ztree li span {
    position: relative;
    line-height: 20px; }
.dggui-tree.ztree li span.node_name {
    display: block; }
.dggui-tree .dggui-tree-dot {
    position: absolute;
    right: 5px;
    top: 0; }
.dggui-tree .dggui-tree-dot i {
    display: block;
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 4px !important;
    background: #999;
    margin: 13px 2px;
    padding: 0; }
.dggui-tree.ztree li span.button.chk {
    position: absolute;
    top: 8px;
    left: 3px; }
.dggui-tree.ztree li span.button.chk + a {
    margin-left: 18px; }

.dggui-tree-down {
    position: absolute;
    top: 30px;
    right: -5px;
    width: 110px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); }
.dggui-tree-down .arrows {
    display: block;
    position: absolute;
    right: 15px;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #fff transparent; }
.dggui-tree-down .dggui-tree-list {
    background: #fff;
    padding: 8px 12px;
    border-radius: 2px; }
.dggui-tree-down .dggui-tree-list span {
    display: block;
    line-height: 25px;
    cursor: pointer; }
.dggui-tree-down .dggui-tree-list span.edit {
    width: 100%;
    height: auto;
    line-height: 20px;
    background: #fff; }
.dggui-tree-down .dggui-tree-list span:hover {
    color: #ff8b4c; }
.dggui-tree-down .dggui-tree-list a {
    display: block;
    line-height: 25px;
    cursor: pointer;
    background: transparent; }
.dggui-tree-down .dggui-tree-list a:hover {
    color: #ff8b4c; }

.wid120 {
    width: 120px !important; }

.dggui-table-info.dggui-table-auto tbody td select, .dggui-table-info.dggui-table-auto tbody td input {
    max-width: inherit; }

.dggui-info {
    display: block;
    padding: 2px 10px;
    margin: 10px 0;
    background-color: #fff3ed;
    line-height: 24px;
    color: #ff8b4c; }
.dggui-info .iconfont {
    font-size: 15px; }

.dggui-complex-table {
    width: 100%;
    border: 1px #ebebeb solid;
    margin-bottom: 20px; }
.dggui-complex-table.cell-border tbody td {
    border-left: 1px #E5E5E5 dashed; }
.dggui-complex-table.cell-border tbody td:first-child {
    border-left: 0; }
.dggui-complex-table.fold thead th .fold-table:before, .dggui-complex-table.fold thead th .fold-table:after {
    border-width: 5px 4px 0 4px; }
.dggui-complex-table.fold thead th .fold-table:before {
    border-color: #999 transparent transparent transparent; }
.dggui-complex-table.fold thead th .fold-table:after {
    margin-top: -3px;
    border-color: #F2F2F2 transparent transparent transparent; }
.dggui-complex-table thead:first-child th {
    border-top: 0; }
.dggui-complex-table thead th {
    position: relative;
    padding: 11px 20px;
    background-color: #F2F2F2;
    line-height: 20px;
    border-bottom: 1px #ebebeb solid;
    border-top: 1px #ebebeb solid;
    text-align: left; }
.dggui-complex-table thead th .fold-table {
    position: relative;
    float: right;
    padding-right: 12px;
    font-size: 12px;
    color: #999;
    font-weight: normal; }
.dggui-complex-table thead th .fold-table:before, .dggui-complex-table thead th .fold-table:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px; }
.dggui-complex-table thead th .fold-table:before {
    border-color: transparent transparent #999 transparent; }
.dggui-complex-table thead th .fold-table:after {
    margin-top: -1px;
    border-color: transparent transparent #F2F2F2 transparent; }
.dggui-complex-table tbody td {
    padding: 20px;
    vertical-align: top;
    border-bottom: 1px #ebebeb dashed; }
.dggui-complex-table tbody td.dggui-opt-td {
    font-size: 0;
    white-space: nowrap; }
.dggui-complex-table tbody td.dggui-opt-td .dggui-link {
    font-size: 12px; }
.dggui-complex-table tbody td.check-th {
    position: relative; }
.dggui-complex-table tbody td.check-th input[type="checkbox"] {
    position: absolute;
    left: 20px;
    top: 26px; }
.dggui-complex-table tbody td.check-th input[type="checkbox"] + * {
    margin-left: 25px; }
.dggui-complex-table tbody tr:last-child td {
    border-bottom: 0; }

.dggui-page {
    text-align: right; }
.dggui-page input {
    min-width: auto; }

.dggui-table-form {
    width: 100%;
    border: 1px #ebebeb solid; }
.dggui-table-form + .dggui-table-form {
    margin-top: 20px; }
.dggui-table-form th {
    text-align: right;
    font-weight: normal;
    width: 120px;
    white-space: nowrap; }
.dggui-table-form td {
    text-align: left;
    word-break: break-all; }
.dggui-table-form td:last-child {
    border-right: 0; }
.dggui-table-form th, .dggui-table-form td {
    line-height: 20px;
    padding: 7px 10px;
    border-right: 1px #ebebeb dotted;
    background-color: #fff; }
.dggui-table-form tr:nth-child(2n) th, .dggui-table-form tr:nth-child(2n) td {
    background-color: #F2F5F7; }

.dggui-radio-group {
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
.dggui-radio-group .dggui-radio {
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 26px;
    border-left: 1px #ebebeb solid;
    border-top: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
    margin: 0; }
.dggui-radio-group .dggui-radio.disabled {
    cursor: text;
    opacity: 0.8; }
.dggui-radio-group .dggui-radio:last-child {
    border-right: 1px #ebebeb solid;
    border-radius: 0 2px 2px 0; }
.dggui-radio-group .dggui-radio:first-child {
    border-radius: 2px 0 0 2px; }
.dggui-radio-group .dggui-radio > input {
    display: none; }
.dggui-radio-group .dggui-radio > input:checked + span {
    position: relative; }
.dggui-radio-group .dggui-radio.checked {
    background-color: #ff8b4c;
    border-color: #ff8b4c;
    color: #fff; }

.dggui-group-complex {
    font-size: 0; }
.dggui-group-complex input {
    font-size: 12px;
    border-radius: 2px 0 0 2px; }
.dggui-group-complex select {
    width: 100px;
    min-width: auto;
    font-size: 12px;
    border-left: 0;
    border-radius: 0 2px 2px 0; }

.dggui-layer-iframe .dggui-layer-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.remark-tip {
    padding: 5px 0;
    line-height: 20px; }
.remark-tip .dggui-radio {
    margin-right: 14px !important; }
.remark-tip span {
    display: inline-block;
    vertical-align: middle;
    color: #999; }

.dggui-search-input {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
.dggui-search-input input {
    width: 100%;
    min-width: auto; }
.dggui-search-input .iconfont {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    font-size: 14px;
    color: #666; }
.dggui-search-input .drop {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px #ebebeb solid;
    border-top: 0;
    display: none;
    z-index: 1; }
.dggui-search-input .drop li {
    display: block;
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px;
    cursor: pointer; }
.dggui-search-input .drop li:hover {
    color: #10BBB8; }
.dggui-search-input .drop li.active {
    color: #fff;
    background-color: #10BBB8; }
.dggui-search-input .drop li.active:hover {
    color: #fff; }

/*按钮背景色*/
/*各元素边框颜色*/
/*默认全局字体颜色*/
/*背景色*/
/*日期控件*/
/*日期控件 默认主体*/
/*日期控件 墨绿/自定义背景主体色*/
/*日期控件 格子主题*/
/*弹窗*/
/*弹窗 标题栏*/
/*弹窗 按钮组*/
/*弹窗 定制化*/
/*弹窗 skin*/
/*弹窗 prompt模式*/
/*弹窗 tab模式*/
/*弹窗 photo模式*/
/*使用浮动过后，清除浮动*/
/*背景色*/
/*线条颜色*/
/*使用浮动过后，清除浮动*/
/*常用inline-block 垂直居中法*/
/* flex 兼容写法*/
/*calc 兼容写法*/
/*margin 间隙*/
.bg-warp {
    background-color: #fff;
    padding: 20px; }

.fr {
    float: right; }

.fl {
    float: left; }

.txt-center {
    text-align: center !important; }

.txt-right {
    text-align: right !important; }

.txt-left {
    text-align: left !important; }

.none {
    display: none !important; }

.inline {
    display: inline-block;
    vertical-align: middle; }

.mt5 {
    margin-top: 5px; }

.mr5 {
    margin-right: 5px; }

.mb5 {
    margin-bottom: 5px; }

.ml5 {
    margin-left: 5px; }

.pt5 {
    padding-top: 5px; }

.pr5 {
    padding-right: 5px; }

.pb5 {
    padding-bottom: 5px; }

.pl5 {
    padding-left: 5px; }

.mt10 {
    margin-top: 10px; }

.mr10 {
    margin-right: 10px; }

.mb10 {
    margin-bottom: 10px; }

.ml10 {
    margin-left: 10px; }

.pt10 {
    padding-top: 10px; }

.pr10 {
    padding-right: 10px; }

.pb10 {
    padding-bottom: 10px; }

.pl10 {
    padding-left: 10px; }

.mt20 {
    margin-top: 20px; }

.mr20 {
    margin-right: 20px; }

.mb20 {
    margin-bottom: 20px; }

.ml20 {
    margin-left: 20px; }

.pt20 {
    padding-top: 20px; }

.pr20 {
    padding-right: 20px; }

.pb20 {
    padding-bottom: 20px; }

.pl20 {
    padding-left: 20px; }

.text-line2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.line1 {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px; }
.line1:hover {
    text-decoration: underline; }

.line2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.line2:hover {
    text-decoration: underline; }

.line3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.line3:hover {
    text-decoration: underline; }

body {
    color: #333;
    background: #e5e5e5;
    font-size: 12px; }

.content-warp {
    padding: 10px 10px 0 0; }

.dgg-list-top-warp {
    padding: 6px 20px 6px 20px;
    background: #fff;
    margin-bottom: 10px; }
.dgg-list-top-warp .dggui-page-title {
    padding-top: 10px; }
.dgg-list-top-warp .dggui-page-title + .screen-search {
    padding-top: 10px; }

.dggui-page-title + .dggui-panel {
    margin-top: 10px; }
.dggui-page-title + .dggui-tab {
    margin-top: 20px; }

.screen-tab-warp {
    position: relative;
    background-color: #fff;
    padding: 6px 20px 0; }
.screen-tab-warp .screen-tab {
    border-bottom: 2px #ebedf0 solid;
    font-size: 0; }
.screen-tab-warp .screen-tab li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    font-size: 12px;
    line-height: 42px; }
.screen-tab-warp .screen-tab li:first-child {
    margin-left: 0; }
.screen-tab-warp .screen-tab li:last-child {
    margin-right: 0; }
.screen-tab-warp .screen-tab li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -20px;
    width: 1px;
    height: 14px;
    background-color: #ebebeb; }
.screen-tab-warp .screen-tab li:last-child:after {
    display: none; }
.screen-tab-warp .screen-tab li.active:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom: 2px #ff8b4c solid; }
.screen-tab-warp .screen-tab li a {
    color: #333; }
.screen-tab-warp .screen-tab li.active a {
    color: #ff8b4c;
    font-weight: bold; }
.screen-tab-warp .screen-tab li:hover a {
    color: #ff8b4c; }
.screen-tab-warp .dggui-opt {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1; }
.screen-tab-warp .screen-tab {
    border-bottom: 2px #ebedf0 solid;
    font-size: 0; }
.screen-tab-warp .screen-tab li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    font-size: 12px;
    line-height: 42px; }
.screen-tab-warp .screen-tab li:first-child {
    margin-left: 0; }
.screen-tab-warp .screen-tab li:last-child {
    margin-right: 0; }
.screen-tab-warp .screen-tab li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -20px;
    width: 1px;
    height: 14px;
    background-color: #ebebeb; }
.screen-tab-warp .screen-tab li:last-child:after {
    display: none; }
.screen-tab-warp .screen-tab li.active:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom: 2px #ff8b4c solid; }
.screen-tab-warp .screen-tab li a {
    color: #333; }
.screen-tab-warp .screen-tab li.active a {
    color: #ff8b4c;
    font-weight: bold; }

.screen-search {
    padding: 0px 0 1px; }
.screen-search:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }
.screen-search li {
    float: left;
    margin: 7px 20px 7px 0; }
.screen-search li:last-child {
    margin-right: 0; }
.screen-search .dggui-input-time {
    width: 120px;
    min-width: auto; }

.screen-module {
    position: relative;
    margin-bottom: 12px;
    background-color: #fff; }
.screen-module .screen-content {
    text-align: center; }
.screen-module .screen-content > ul {
    border: 1px #ebebeb solid;
    padding: 0 18px;
    margin-top: 10px;
    text-align: left; }
.screen-module .screen-content li {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px #ebebeb dashed; }
.screen-module .screen-content li:last-child {
    border: 0; }
.screen-module .screen-content li > label {
    display: block;
    position: absolute;
    top: 10px;
    line-height: 20px;
    text-align: right;
    color: #666; }
.screen-module .screen-content li .screen-text {
    margin-left: 70px; }
.screen-module .screen-content .screen-more {
    color: #999;
    line-height: 38px; }

.list-content {
    background-color: #fff;
    padding: 10px 20px; }
.list-content .tool-bar {
    background-color: #fff;
    padding: 10px 0 2px; }
.list-content .tool-bar:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }
.list-content .sort-list {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 15px;
    color: #333; }
.list-content .sort-list:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -15px;
    width: 1px;
    height: 14px;
    background-color: #ebebeb; }
.list-content .sort-list:last-child:after {
    display: none; }
.list-content .table-warp {
    padding-top: 10px; }
.list-content .dggui-table {
    width: 100%; }
.list-content .dggui-table.cell-border {
    border-top: 1px #ebebeb solid;
    border-left: 1px #ebebeb solid; }
.list-content .dggui-table.cell-border th, .list-content .dggui-table.cell-border td {
    border-bottom: 1px #ebebeb solid;
    border-right: 1px #ebebeb solid; }
.list-content .dggui-table thead th {
    padding: 0 10px;
    line-height: 36px;
    background-color: #eee;
    text-align: left;
    font-weight: bold;
    border-top: 0; }
.list-content .dggui-table tbody td {
    padding: 16px 10px;
    border-bottom: 1px #ebebeb solid;
    background-color: transparent; }
.list-content .dggui-table.cell-border {
    border-top: 1px #ebebeb solid; }
.list-content .node-state li:before {
    background-color: #deffee; }
.list-content .node-state li.over-finish:before {
    background-color: #ffd6d6; }
.list-content .node-state li.over:before {
    background-color: #e3e9f7; }
.list-content .node-state li.not-finish:before {
    background-color: #dedede; }

.dggui-table {
    color: #333; }
.dggui-table thead th {
    color: #333;
    background-color: #eee; }
.dggui-table tbody td {
    color: #333; }

.dggui-table tbody tr.gray {
    background-color: #dedede; }
.dggui-table tbody tr.blue {
    background-color: #dcefff; }
.dggui-table tbody tr.green {
    background-color: #deffee; }
.dggui-table tbody tr.red {
    background-color: #ffd6d6; }
.dggui-table tbody tr.yellow {
    background-color: #ffffd5; }
.dggui-table tbody tr.purple {
    background-color: #e3e9f7; }
.dggui-table tbody tr.hover {
    background-color: #eee; }

.order-tool {
    margin-left: 25px; }

.order-render {
    color: #666;
    line-height: 20px; }
.order-render b, .order-render span {
    color: #333; }
.order-render > img {
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px; }
.order-render > img + .brand-class-info {
    display: inline-block;
    vertical-align: top;
    width: 170px; }
.order-render > img + .brand-class-info > p {
    width: 100%; }

.order-btn {
    white-space: normal; }
.order-btn .dggui-btn {
    margin: 3px; }
.order-btn .dggui-btn + .dggui-btn {
    margin: 3px; }

.look-tip-warp {
    position: absolute;
    border: 1px #e0e0e0 solid;
    background-color: #f7f7f7;
    line-height: 25px; }

.look-tip-warp > ul {
    max-height: 150px;
    overflow: auto;
    padding: 10px 20px; }

.look-tip-warp > i:after,
.look-tip-warp > i {
    display: block;
    position: absolute;
    width: 0;
    height: 0; }

.look-tip-warp > i {
    top: -5px;
    right: 10px;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #e8e8e8 transparent; }

.look-tip-warp > i:after {
    content: '';
    display: block;
    top: 2px;
    left: -4px;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #f7f7f7 transparent; }

.look-tip-warp.top > i {
    top: auto;
    bottom: -5px;
    right: 10px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #e8e8e8 transparent transparent transparent; }

.look-tip-warp.top > i:after {
    top: -7px;
    left: -4px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #f7f7f7 transparent transparent transparent; }

.dialog-warp {
    display: none; }

.dialog-warp-ajax,
.dialog-warp {
    padding: 20px 30px; }

.submit-backstage {
    line-height: 25px;
    border-bottom: 1px #f0f0f0 solid;
    padding: 10px 0; }
.submit-backstage:first-child {
    padding-top: 0; }
.submit-backstage:last-child {
    border-bottom: 0;
    padding-bottom: 0; }

.submit-backstage > ul {
    overflow: hidden; }

.submit-backstage li {
    display: block;
    float: left;
    width: 165px;
    margin-right: 10px; }

.submit-backstage > h3 {
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 5px; }

.dggui-inline .upload-compact {
    padding: 0; }
.dggui-inline .upload-compact ul li {
    margin-left: 0;
    margin-right: 10px; }
.dggui-inline .brand-sub-class {
    padding: 0; }

.upload-compact {
    padding: 20px; }
.upload-compact > ul {
    overflow: hidden; }
.upload-compact > ul > li {
    position: relative;
    display: block;
    float: left;
    margin: 5px;
    width: 120px;
    text-align: center;
    line-height: 30px; }
.upload-compact > ul > li:hover .upload-group-btn,
.upload-compact > ul > li:hover .upload-hover-bg {
    display: block !important; }
.upload-compact > ul > li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.upload-img {
    display: table-cell;
    vertical-align: middle;
    width: 118px;
    height: 118px;
    border: 1px #eee solid;
    text-align: center; }
.upload-img > img {
    max-height: 100%;
    max-width: 100%; }
.upload-img > .iconfont {
    font-size: 40px; }

.upload-hover-bg {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: rgba(0, 0, 0, 0.2); }

.upload-group-btn {
    display: none;
    position: absolute;
    top: 45px;
    text-align: center;
    left: 0;
    right: 0; }
.upload-group-btn > a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin: 0 5px; }
.upload-group-btn > a:hover {
    color: #ff8b4c; }

.upload-btn {
    display: table-cell;
    vertical-align: middle;
    width: 118px;
    height: 118px;
    border: 1px #eee solid;
    background-color: #f9f9f9;
    color: #b2b2b2;
    line-height: 25px; }
.upload-btn .iconfont {
    color: #cecece; }

.edit-commodity-warp {
    padding: 20px 20px 0; }
.edit-commodity-warp .dialog-warp-ajax {
    padding: 0; }

.brand-creat-info + .choose-commodity {
    margin-top: 20px; }

.choose-commodity {
    border: 1px #e0e0e0 solid;
    overflow: hidden;
    position: relative; }
.choose-commodity:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 320px;
    background-color: #e0e0e0; }

.choose-commodity-right {
    width: 320px;
    float: left;
    padding: 10px 0; }

.choose-cmmodity-search {
    padding: 0 10px;
    font-size: 0; }
.choose-cmmodity-search > input {
    width: 190px;
    font-size: 12px;
    border-radius: 2px 0 0 2px;
    border-right: 0; }
.choose-cmmodity-search > .dggui-btn {
    font-size: 12px;
    margin-left: 0;
    border-radius: 0 2px 2px 0; }
.choose-cmmodity-search > .dggui-btn + .dggui-btn {
    margin-left: 10px;
    border-radius: 2px; }

.choose-broadHeading {
    max-height: 450px;
    overflow: auto; }
.choose-broadHeading > ul {
    padding: 10px 0; }
.choose-broadHeading li {
    display: block;
    padding: 4px 10px;
    line-height: 22px; }
.choose-broadHeading li label {
    display: inline-block;
    line-height: 18px;
    border-radius: 9px;
    padding: 0 6px;
    margin-left: 5px;
    background-color: #f8813f;
    color: #fff; }
.choose-broadHeading li.active {
    background-color: #f8813f; }
.choose-broadHeading li.active a {
    color: #fff; }
.choose-broadHeading li.active label {
    background-color: #fff;
    color: #f8813f; }

.choose-subClass {
    max-height: 480px;
    overflow: auto;
    margin-left: 320px;
    padding-bottom: 23px; }
.choose-subClass h3 {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 38px; }
.choose-subClass p {
    background-color: #f5f5f5;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
    margin: 17px 0 12px; }

.choose-subClass-list {
    overflow: hidden;
    padding: 0 17px;
    text-align: left; }
.choose-subClass-list > a {
    display: block;
    float: left;
    margin: 3px;
    background-color: #eee;
    padding: 0 10px;
    line-height: 28px;
    border-radius: 2px; }
.choose-subClass-list > a.active {
    background-color: #f8813f;
    color: #fff; }

.brand-creat-sub {
    position: relative;
    margin-bottom: 15px; }
.brand-creat-sub input[type="checkbox"] {
    position: absolute;
    top: 30px;
    left: 0; }
.brand-creat-sub input[type="checkbox"]:checked + a + .brand-sub-bg {
    border-color: #ff8b4c; }
.brand-creat-sub > .dggui-btn {
    position: absolute;
    right: 15px;
    top: 15px; }

.brand-sub-bg {
    padding: 20px;
    background-color: #f7f7f7;
    margin-left: 30px;
    border: 1px #f7f7f7 solid; }

.brand-info-head {
    line-height: 28px; }
.brand-info-head > h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px; }

.brand-creat-price {
    color: #666;
    margin: 0 5px 5px; }

.brand-creat-price > input {
    margin: 0 5px; }

.brand-sub-class {
    padding: 10px 0 14px;
    overflow: hidden;
    font-size: 0; }
.brand-sub-class > label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    margin-right: 6px;
    margin: 3px 6px 3px 0;
    border: 1px #ffa473 solid;
    border-radius: 2px;
    background-color: #fff;
    line-height: 26px; }
.brand-sub-class > label span, .brand-sub-class > label .iconfont {
    display: inline-block;
    vertical-align: top; }
.brand-sub-class > label span {
    margin-right: 10px; }
.brand-sub-class > label .iconfont {
    color: #ccc; }
.brand-sub-class > label:hover .iconfont {
    color: #ff4242; }

.dggui-line-list {
    padding-bottom: 15px; }

.dggui-line-list + .opt-record-warp {
    border-top: 1px #eee solid; }

.opt-record-warp {
    padding: 10px 0; }
.opt-record-warp > h3 {
    line-height: 30px;
    font-weight: bold;
    font-size: 12px; }

.opt-record-list {
    line-height: 25px; }
.opt-record-list > li {
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 120px;
    color: #999; }
.opt-record-list > li > span {
    position: absolute;
    right: 0;
    top: 0; }

.msg-content-link {
    padding: 15px 20px;
    background-color: #f5f5f5;
    overflow: hidden; }
.msg-content-link > a {
    position: relative;
    color: #808080;
    margin: 0 20px;
    white-space: nowrap;
    font-size: 14px; }
.msg-content-link > a.active {
    color: #4d4d4d;
    font-weight: bold; }
.msg-content-link > a:first-child {
    margin-left: 0; }
.msg-content-link > a + a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: -20px;
    width: 1px;
    height: 10px;
    background: #ccc; }
.msg-content-link > a.dggui-inline-title1 {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: bold; }

.order-form li {
    margin-bottom: 15px; }
.order-form li .dggui-label {
    margin-left: 10px; }
.order-form li label {
    color: #666;
    margin-right: 5px; }
.order-form li .unit {
    color: #999;
    margin-left: 10px; }

.dggui-label {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 10px;
    background-color: #f0f3ff;
    line-height: 22px;
    color: #999;
    border-radius: 2px; }
.dggui-label .iconfont {
    color: #7491ff;
    font-size: 15px;
    position: relative;
    top: 1px; }

.dggui-panel {
    padding: 0 20px 10px;
    margin-bottom: 20px;
    border: 1px #ebebeb solid;
    border-radius: 2px; }
.dggui-panel h3 {
    line-height: 47px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px #ebebeb solid;
    overflow: hidden; }
.dggui-panel h3 .dggui-btn {
    font-weight: normal; }
.dggui-panel h3 > span {
    margin-left: 10px;
    font-size: 12px;
    color: #999;
    font-weight: normal; }

.panel-main {
    padding: 8px 0; }

.order-main-list {
    position: relative;
    margin-bottom: 12px;
    line-height: 34px;
    overflow: hidden;
    word-break: break-all; }
.order-main-list:first-child {
    margin-top: 12px; }
.order-main-list > label {
    display: block;
    float: left;
    max-width: 50%;
    box-sizing: border-box;
    border: 1px #ddd solid;
    padding: 5px 15px 5px 40px;
    line-height: 20px; }
.order-main-list > label > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%; }
.order-main-list > label > .iconfont {
    color: #ccc;
    font-size: 20px;
    position: absolute;
    left: 15px;
    top: 6px; }
.order-main-list > p {
    position: relative;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 50%;
    padding-left: 20px;
    float: left;
    box-sizing: border-box;
    padding-right: 38px; }
.order-main-list > p > span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
.order-main-list > p > .dggui-tag {
    position: absolute;
    right: 0;
    top: 8px; }
.order-main-list.active > label {
    position: relative;
    border-color: #ff8b4c; }
.order-main-list.active > label > .iconfont {
    color: #ff8b4c; }
.order-main-list.active > label:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 11px;
    border-color: transparent #ff8b4c #ff8b4c transparent; }
.order-main-list.active > label:after {
    content: '\e66a';
    position: absolute;
    bottom: -4px;
    right: -1px;
    color: #fff;
    font-family: "iconfont" !important;
    font-size: 11px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.order-main-btn {
    position: absolute;
    right: 0;
    top: 0; }

.subject-warp {
    padding: 8px 20px;
    max-height: 250px;
    overflow: auto;
    margin: 0 -20px; }

.brand-info {
    position: relative;
    margin-top: 20px; }
.brand-info > label {
    position: absolute;
    width: 65px;
    line-height: 28px;
    color: #666; }

.brand-reject-info > label {
    width: 75px; }
.brand-reject-info .brand-info-list {
    margin-left: 75px; }
.brand-reject-info + .dggui-line-list > li > p {
    width: 140px;
    color: #666; }
.brand-reject-info + .dggui-line-list > li .dggui-inline {
    margin-left: 145px; }
.brand-reject-info .brand-add li > input {
    width: auto; }

.brand-info.category label {
    line-height: 36px; }

.brand-info-list {
    margin-left: 65px; }

.brand-add {
    overflow: hidden;
    font-size: 0; }
.brand-add li {
    display: block;
    margin: 0 6px 10px 0; }
.brand-add li.inline {
    display: inline-block;
    vertical-align: middle; }
.brand-add li:last-child {
    display: inline-block;
    vertical-align: middle; }
.brand-add li > input {
    width: 360px;
    margin-right: 6px;
    font-size: 12px; }

.registr-id-list {
    margin: 5px -5px; }
.registr-id-list > label {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    padding: 0 10px;
    margin: 5px;
    background-color: #f1f3f6;
    color: #666;
    border-radius: 2px; }
.registr-id-list > label .iconfont {
    font-size: 14px; }
.registr-id-list > label.active {
    background-color: #ff8b4c;
    color: #fff; }
.registr-id-list > label.active .iconfont {
    color: #fff; }

.brand-info-img {
    position: relative; }
.brand-info-img .canvas {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
.brand-info-img .fontImage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
.brand-info-img .fontImage img {
    width: 100%; }
.brand-info-img .fontImage .fontImage-warp {
    width: 160px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    background-color: #fff; }
.brand-info-img:hover .brand-img-upload {
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff; }

.brand-img-upload {
    display: table-cell;
    width: 158px;
    height: 158px;
    background-color: #f5f5f5;
    border: 1px #e0e0e0 dashed;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    color: #b2b2b2; }

.brand-info-btn {
    margin-top: 10px;
    text-align: center; }

.brand-category-add {
    border-left: 1px #e0e0e0 solid;
    display: inline-block; }
.brand-category-add .category {
    display: block;
    float: left;
    width: 145px;
    padding: 0 10px;
    line-height: 34px;
    border: 1px #e0e0e0 solid;
    margin-top: -1px;
    margin-left: -1px; }
.brand-category-add .category.active {
    position: relative;
    border-color: #ff8b4c;
    color: #ff8b4c;
    z-index: 1; }
.brand-category-add .category.active .iconfont {
    color: #ffa473; }
.brand-category-add .category.active:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 11px;
    border-color: transparent #ff8b4c #ff8b4c transparent; }
.brand-category-add .category.active:after {
    content: '\e66a';
    position: absolute;
    bottom: -11px;
    right: 0px;
    color: #fff;
    font-family: "iconfont" !important;
    font-size: 11px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.brand-category-add .category .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #b7b7b7; }
.brand-category-add .category span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
.brand-category-add .category:hover {
    position: relative;
    border-color: #ff8b4c;
    color: #ff8b4c;
    z-index: 1; }
.brand-category-add .category:hover .iconfont {
    color: #ffa473; }

.brand-creat {
    padding: 20px 0; }

.brand-creat-head {
    padding: 20px 0 10px; }

.brand-creat-list {
    margin-top: 5px;
    padding-bottom: 5px;
    position: relative;
    overflow: hidden; }
.brand-creat-list > a {
    position: absolute;
    top: 15px;
    right: 15px; }

.brand-creat-img {
    float: left;
    text-align: center;
    width: 160px; }
.brand-creat-img input {
    display: inline-block;
    vertical-align: middle; }
.brand-creat-img img {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    height: 160px; }
.brand-creat-img > p {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    padding: 4.5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
.brand-creat-img + .brand-creat-info {
    margin-left: 175px; }
.brand-creat-img + .brand-creat-info {
    margin-left: 196px; }

.dialog-warp-ajax .brand-creat-img + .brand-creat-info {
    margin-left: 160px; }

.brand-creat-sub {
    position: relative;
    margin-bottom: 15px; }
.brand-creat-sub input[type="checkbox"] {
    position: absolute;
    top: 30px;
    left: 0; }
.brand-creat-sub input[type="checkbox"]:checked + a + .brand-sub-bg {
    border-color: #ff8b4c; }
.brand-creat-sub > .dggui-btn {
    position: absolute;
    right: 15px;
    top: 15px; }

.brand-sub-bg {
    padding: 20px;
    background-color: #f7f7f7;
    margin-left: 30px;
    border: 1px #f7f7f7 solid; }

.brand-info-head {
    line-height: 28px; }
.brand-info-head > h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px; }

.brand-creat-price {
    color: #666;
    margin: 0 5px 5px; }

.brand-creat-price > input {
    margin: 0 5px; }

.brand-sub-class {
    padding: 10px 0 14px;
    overflow: hidden;
    font-size: 0; }
.brand-sub-class > label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    margin-right: 6px;
    margin: 3px 6px 3px 0;
    border: 1px #ffa473 solid;
    border-radius: 2px;
    background-color: #fff;
    line-height: 26px; }
.brand-sub-class > label span, .brand-sub-class > label .iconfont {
    display: inline-block;
    vertical-align: top; }
.brand-sub-class > label span {
    margin-right: 10px; }
.brand-sub-class > label .iconfont {
    color: #ccc; }
.brand-sub-class > label:hover .iconfont {
    color: #ff4242; }

.brand-creat-option {
    overflow: hidden;
    font-size: 0; }
.brand-creat-option > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 25px;
    width: 33.3333%;
    margin-bottom: 10px;
    min-width: 200px;
    max-width: 370px; }
.brand-creat-option > li.wid100b {
    width: 100%;
    min-width: auto;
    max-width: inherit; }
.brand-creat-option > li > label {
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    text-align: right;
    color: #666; }
.brand-creat-option > li > div {
    margin-left: 90px; }
.brand-creat-option > li .dggui-radio {
    margin: 0 20px 0 0; }
.brand-creat-option > li .dggui-radio:last-child {
    margin-right: 0; }

.choose-file {
    position: relative; }
.choose-file input[type="file"] {
    position: absolute;
    z-index: 1;
    width: 70px;
    opacity: 0; }
.choose-file input[type="file"]:hover + .dggui-btn {
    border-color: #999;
    color: #4c4c4c; }
.choose-file .dggui-btn {
    position: absolute;
    top: 0;
    left: 0; }
.choose-file .file-name {
    margin-left: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.choose-file .file-name.not {
    color: #666; }

.dggui-inline.upload-compact {
    padding: 0; }

.add-subject-type {
    margin-top: -15px; }

.add-subject-list .dggui-line-list > li > p {
    width: 150px; }
.add-subject-list .dggui-line-list .dggui-inline {
    margin-left: 155px; }

.no-data {
    line-height: 100px;
    text-align: center;
    display: none; }

.dggui-tab {
    margin-top: 0; }
.dggui-tab > .dggui-tab-title {
    white-space: normal;
    height: auto;
    border: 0;
    padding: 15px 0 5px;
    margin: 0 -5px; }
.dggui-tab > .dggui-tab-title > li {
    line-height: 28px;
    background-color: #f1f3f6;
    border-radius: 2px;
    color: #666;
    margin: 5px;
    min-width: auto;
    padding: 0 12px;
    font-size: 12px; }
.dggui-tab > .dggui-tab-title > li.dggui-this {
    background-color: #ff8b4c;
    color: #fff; }
.dggui-tab > .dggui-tab-title > li.dggui-this:after {
    border: 0; }
.dggui-tab > .dggui-label {
    margin: 5px 0; }
.dggui-tab .dggui-tab-content {
    padding: 10px 0; }
.dggui-tab .upload-compact {
    padding: 0; }
.dggui-tab .upload-compact > ul {
    margin: 0 -5px; }
.dggui-tab.dggui-tab-complex.dggui-panel {
    padding: 0 0 10px; }

.icon-file-logo {
    font-size: 42px !important;
    position: relative;
    top: 10px; }

.icon-btn-logo {
    font-size: 20px !important; }

.icon-excel {
    color: #01ab6d; }

.icon-pdf {
    color: #f95a31; }

.icon-word {
    color: #1089f4; }

.icon-photo {
    color: #fccb42; }

.icon-rar-zip {
    color: #fccb42; }

.icon-ppt {
    color: #f95a31; }

.icon-txt1 {
    color: #8868e7; }

.icon-unknown {
    color: #797a7e; }

.dggui-opt {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1; }

.dggui-screen {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 0 10px;
    padding: 0 8px;
    margin: 5px 0;
    line-height: 18px;
    border: 1px transparent solid; }

.dggui-screen:hover {
    color: #f8813f;
    color: #ff8b4c;
    cursor: pointer; }

.dggui-screen.dggui-screen-k {
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    color: #ff8b4c;
    border-color: #ff8b4c;
    border-radius: 10px; }

.product-info {
    overflow: hidden;
    margin: 15px -5px; }
.product-info li {
    position: relative;
    display: inline-block;
    height: 245px;
    overflow: auto;
    vertical-align: top;
    margin: 5px;
    width: 260px;
    padding: 15px 18px;
    border: 1px #ebebeb solid;
    border-radius: 2px;
    line-height: 20px;
    overflow-x: hidden; }
.product-info li table {
    margin: 0; }
.product-info li table thead th {
    padding-right: 50px; }
.product-info li table td {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.product-info li .add-contact-opt {
    top: 22px;
    margin-top: 0; }

.add-contact-opt {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px; }
.add-contact-opt a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    color: #b3b3b3; }
.add-contact-opt a:hover {
    color: #ff8b4c; }

.dggui-panel h4 {
    position: relative;
    line-height: 40px;
    font-weight: bold;
    padding-left: 14px; }
.dggui-panel h4:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0;
    display: block;
    width: 4px;
    height: 12px;
    background-color: #ff8b4c; }
.dggui-panel h4 .dggui-btn {
    font-weight: normal; }

h4.tit-sm {
    position: relative;
    line-height: 40px;
    font-weight: bold;
    padding-left: 14px; }
h4.tit-sm:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0;
    display: block;
    width: 4px;
    height: 12px;
    background-color: #ff8b4c; }
h4.tit-sm .dggui-btn {
    font-weight: normal; }

.table-form th, .table-form td {
    white-space: nowrap; }
.table-form tbody td {
    padding: 7px 10px; }
.table-form tbody td .dggui-select, .table-form tbody td .dggui-input {
    width: 100%;
    max-width: 200px;
    min-width: 80px; }
.table-form tbody td .unit-warp {
    max-width: 200px;
    min-width: 80px;
    position: relative;
    padding-right: 20px; }
.table-form tbody td .unit-warp > .unit {
    position: absolute;
    right: 0;
    text-align: left;
    line-height: 28px; }

.textarea-warp {
    padding: 10px 0; }
.textarea-warp .dggui-textarea {
    min-height: auto;
    height: auto; }

.fix-btn-warp {
    position: fixed;
    bottom: 0;
    left: 10px;
    right: 28px;
    background-color: #fff;
    padding: 15px 0;
    border-top: 1px #ebebeb solid;
    z-index: 999; }

.pb50 {
    padding-bottom: 50px; }

.dggui-order-detail-produces {
    margin-top: 20px;
    width: 100%;
    cursor: pointer; }
.dggui-order-detail-produces .produces-lines {
    line-height: 25px;
    list-style: none;
    font-size: 0;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    display: flex; }
.dggui-order-detail-produces .produces-lines li {
    position: relative;
    border-top: 2px solid #e6e6e6;
    padding: 10px 50px 10px 0;
    display: inline-block;
    font-size: 12px; }
.dggui-order-detail-produces .produces-lines li .line-w {
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #7dc055;
    border-radius: 50%;
    background: #fff;
    z-index: 1; }
.dggui-order-detail-produces .produces-lines li .line-n {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #7dc055;
    position: absolute;
    top: 3px;
    left: 3px; }
.dggui-order-detail-produces .produces-lines li .produces-line-content {
    padding-top: 10px; }
.dggui-order-detail-produces .produces-lines li .produces-line-content b {
    font-size: 14px;
    color: #333;
    margin-right: 10px; }
.dggui-order-detail-produces .produces-lines li:last-child {
    border-top: 2px solid transparent; }
.dggui-order-detail-produces .produces-lines li:last-child .line-w {
    border: 1px solid #f8813f; }
.dggui-order-detail-produces .produces-lines li:last-child .line-n {
    background: #f8813f; }

.dggui-panel-frame {
    margin-bottom: 20px;
    border: 1px #ebebeb solid;
    border-radius: 2px; }
.dggui-panel-frame.dggui-tab-complex .dggui-tab-title li:first-child:after {
    border-left: 0; }

.dggui-tab-complex {
    margin-bottom: 20px;
    border: 1px #ebebeb solid;
    border-radius: 2px; }
.dggui-tab-complex .dggui-tab-title {
    padding: 0;
    margin: 0;
    border-bottom: 1px #ebebeb solid; }
.dggui-tab-complex .dggui-tab-title li {
    margin: 0;
    line-height: 45px;
    border-right: 1px #ebebeb solid;
    background-color: transparent; }
.dggui-tab-complex .dggui-tab-title li.dggui-this {
    background-color: transparent;
    color: #ff8b4c;
    font-weight: bold; }
.dggui-tab-complex .dggui-tab-title li:hover {
    color: #ff8b4c; }
.dggui-tab-complex .dggui-tab-title li.dggui-this:after {
    height: 46px;
    border-top: 2px #ff8b4c solid;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px #fff solid; }
.dggui-tab-complex .dggui-tab-content {
    padding: 10px 20px; }

.node-state {
    text-align: right; }
.node-state li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 47px;
    padding-left: 12px;
    margin: 0 10px;
    font-weight: normal;
    font-size: 12px;
    color: #999; }
.node-state li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #77bd4d; }
.node-state li.over:before {
    background-color: #8693c7; }
.node-state li.over-finish:before {
    background-color: #fb6464; }
.node-state li.not-finish:before {
    background-color: #999; }

.tool-bar .node-state li {
    line-height: 28px; }

.dggui-table-info tbody td .dggui-input-warp {
    width: 100%;
    max-width: 280px;
    min-width: 100px; }
.dggui-table-info tbody td .dggui-btn-phone {
    color: #f8813f;
    margin-left: 5px; }

.dggui-input-warp {
    display: inline-block;
    vertical-align: middle;
    position: relative; }
.dggui-input-warp .iconfont {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: 28px;
    color: #b3b3b3; }

.detail-top-opt {
    margin-bottom: 10px; }

.none {
    display: none; }

.dataTables_scroll .parent {
    position: relative; }
.dataTables_scroll .triangle1 {
    display: inline-block;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 0px;
    height: 0px;
    border-width: 10px 10px 10px 10px;
    border-color: #cccccc transparent transparent transparent;
    border-style: solid;
    transform: rotate(135deg); }
.dataTables_scroll .tip {
    display: inline-block;
    position: absolute !important;
    left: -18px;
    top: -35px;
    width: 70px;
    height: 28px;
    border-radius: 5px;
    line-height: 28px;
    position: relative;
    background-color: #696e82;
    color: #ffffff;
    text-align: center;
    z-index: 1000; }
.dataTables_scroll .triangle2 {
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: -10px;
    width: 0px;
    height: 0px;
    border-width: 5px 5px 5px 5px;
    border-color: #696e82 transparent transparent transparent;
    border-style: solid; }

.choose-commodity-warp {
    border: 1px #ebebeb solid; }
.choose-commodity-warp h3 {
    background: #f2f2f2;
    padding: 0 20px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal; }
.choose-commodity-warp .choose-commodity-list {
    padding: 8px 12px;
    height: 226px;
    overflow: auto; }
.choose-commodity-warp .choose-commodity-list ul li {
    display: block;
    float: left;
    margin: 8px;
    padding: 5px 12px;
    line-height: 18px;
    background: #f1f3f6;
    border-radius: 2px;
    cursor: pointer; }
.choose-commodity-warp .choose-commodity-list ul li:hover {
    background-color: #ff8b4c;
    color: #fff; }
.choose-commodity-warp .choose-commodity-list ul li.active {
    background-color: #ff8b4c;
    color: #fff; }

.dggui-page-title {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px; }
.dggui-page-title:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px #ebebeb solid; }

.dggui-page-smtitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px; }
.dggui-page-smtitle .dggui-btn {
    font-weight: normal; }
.dggui-page-smtitle .dggui-link {
    font-weight: normal; }
.dggui-page-smtitle .dggui-link .iconfont {
    font-size: 15px; }

.authority-warp {
    position: absolute;
    top: 64px;
    background: #fff;
    left: 0;
    right: 10px;
    bottom: 0;
    padding-left: 20px;
    overflow: hidden; }
.authority-warp .authority-left {
    width: 250px;
    padding: 10px 20px 0 0;
    border-right: 1px #ebebeb solid;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    overflow: auto; }
.authority-warp .authority-left .authority-panel-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 0px;
    overflow-y: auto; }
.authority-warp .tree-search {
    position: relative;
    display: block;
    width: 100%; }
.authority-warp .tree-search .iconfont {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8.5px;
    left: 5px;
    color: #999; }
.authority-warp .tree-search .dggui-input {
    width: 100%;
    padding-left: 25px; }
.authority-warp .authority-tree-warp {
    padding: 10px 0 0 35px;
    margin: 0 0 0 -20px;
    position: absolute;
    top: 48px;
    bottom: 0; }
.authority-warp .authority-rig {
    padding: 20px;
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 291px;
    overflow: auto; }

.authority-panel {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 60px;
    bottom: 20px;
    border: 1px #ebebeb solid; }
.authority-panel h3 {
    padding: 0 20px;
    background: #F2F2F2;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 1px #ebebeb solid; }
.authority-panel .authority-panel-main {
    position: absolute;
    left: 0;
    width: 100%;
    top: 41px;
    bottom: 41px;
    overflow: auto; }
.authority-panel .authority-panel-left {
    width: 241px;
    float: left;
    padding: 0 20px; }
.authority-panel .authority-panel-left:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 281px;
    border-right: 1px #ebebeb solid; }
.authority-panel .authority-panel-left .tree-search {
    margin: 8px 0; }
.authority-panel .authority-panel-rig {
    margin-left: 282px;
    padding: 0 20px;
    height: 100%;
    overflow-y: auto; }
.authority-panel .authority-panel-rig .dggui-page-smtitle {
    padding-top: 10px; }
.authority-panel .authority-panel-list {
    position: absolute;
    left: 0;
    width: 281px;
    top: 44px;
    bottom: 0px;
    overflow-y: auto; }
.authority-panel .authority-panel-list label {
    display: block;
    padding: 0 20px;
    line-height: 32px;
    margin: 2px 0;
    cursor: pointer; }
.authority-panel .authority-panel-list label input {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px; }
.authority-panel .authority-panel-list label:hover, .authority-panel .authority-panel-list label.active {
    background: #ebebeb;
    color: #333; }

.dggui-col-space30 {
    margin: 0 -15px; }

.authority-check-list label {
    display: block;
    padding: 0 20px;
    line-height: 32px;
    margin: 2px 0;
    cursor: pointer; }
.authority-check-list label input {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px; }
.authority-check-list label:hover, .authority-check-list label.active {
    background: #ebebeb;
    color: #333; }

.authority-data-form {
    padding: 5px 0; }
.authority-data-form li {
    display: block;
    padding: 5px 0; }

.authority-data-list li {
    position: relative;
    display: block;
    line-height: 20px;
    white-space: nowrap; }
.authority-data-list li a {
    display: block;
    padding: 5px 78px 5px 10px; }
.authority-data-list li a:hover {
    color: #333; }
.authority-data-list li a span {
    color: #999; }
.authority-data-list li a i, .authority-data-list li a em {
    font-style: normal; }
.authority-data-list li a em {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 20px;
    padding-left: 8px;
    color: #999; }
.authority-data-list li a em:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 12px;
    margin-top: -6px;
    border-left: 1px #ccc solid; }
.authority-data-list li span, .authority-data-list li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
.authority-data-list li .edit {
    position: absolute;
    right: 20px;
    top: 0;
    color: #999;
    padding: 0;
    display: none; }
.authority-data-list li:hover {
    background: #f2f2f2; }
.authority-data-list li:hover .edit {
    display: block; }
.authority-data-list li.active {
    background: #f2f2f2; }

.authority-list-layout {
    position: absolute;
    left: 0;
    right: 0;
    top: 124px;
    bottom: 0;
    padding: 0 20px;
    overflow: auto; }

.authority-cen {
    position: absolute;
    left: 291px;
    top: 0;
    bottom: 0;
    width: 390px;
    padding: 8px 20px;
    border-right: 1px #ebebeb solid; }
.authority-cen + .authority-rig {
    left: 722px;
    padding: 8px 20px 45px; }
.authority-cen + .authority-rig + .authority-btn {
    left: 742px; }

.authorization-btn-box {
    padding: 8px 0; }
.authorization-btn-box label {
    line-height: 32px; }

.authority-btn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    padding: 6px 0;
    border-top: 1px #ebebeb solid;
    background: #fff; }

.dggui-input::-webkit-input-placeholder,
.dggui-textarea::-webkit-input-placeholder,
.dggui-select::-webkit-input-placeholder {
    color: #999; }

.dggui-input {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    line-height: 28px;
    height: 28px;
    padding: 0 10px;
    min-width: 160px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    color: #333; }
.dggui-input:focus {
    color: #999;
    border: 1px solid #ebebeb; }
.dggui-input.dggui-input-long {
    width: 380px; }
.dggui-input.dggui-input-short {
    width: 100px;
    min-width: auto; }

.dggui-input-time + .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 25px;
    color: #b3b3b3;
    position: relative; }
.dggui-input-time + .iconfont:before {
    position: absolute;
    left: -25px;
    top: -11px; }
.dggui-input-time:read-only {
    background-color: #fff; }
.dggui-input-time.dggui-input-range {
    width: 205px; }
.dggui-input-time.dggui-input-rangetime {
    width: 305px; }

.dggui-input.dggui-time-range {
    width: 180px; }
.dggui-input.dggui-time-range + .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 25px;
    color: #b3b3b3;
    position: relative; }
.dggui-input.dggui-time-range + .iconfont:before {
    position: absolute;
    left: -25px;
    top: -11px; }
.dggui-input.dggui-time-range:read-only {
    background-color: #fff; }

.dggui-input-inline {
    width: 100%;
    border: 1px solid #e0e0e0;
    color: #999999; }
.dggui-input-inline:focus {
    color: #4C4C4C;
    border: 1px solid #999999; }

.dggui-input-not {
    border: 1px solid #e0e0e0;
    background-color: #F5F5F5; }

.dggui-input-error {
    color: #4c4c4c;
    border: 1px solid #fe5555; }

.dggui-textarea {
    padding: 10px 0 0 10px;
    min-width: 300px;
    height: 100px;
    resize: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    color: #999999;
    line-height: 18px; }
.dggui-textarea:focus {
    border-color: #999;
    color: #4C4C4C; }

.dggui-all-textarea {
    padding: 10px 0 0 10px;
    width: 100%;
    height: 100px;
    resize: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    color: #999999;
    line-height: 18px; }
.dggui-all-textarea:focus {
    border: 1px solid #999999;
    color: #4C4C4C; }

.dggui-textarea-not {
    background-color: #F5F5F5;
    border: 1px solid #E0E0E0;
    color: #B2B2B2; }

.dggui-select {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: menulist;
    padding-left: 10px;
    height: 28px;
    line-height: 28px;
    min-width: 160px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #999999;
    border: 1px solid #E0E0E0;
    padding: 0 6px; }
.dggui-select.dggui-select-short {
    width: 100px;
    min-width: auto; }

.dggui-select-inline {
    width: 100%;
    border: 1px solid #e0e0e0;
    color: #999999; }
.dggui-select-inline:focus {
    color: #4C4C4C;
    border: 1px solid #999999; }

.dggui-select::selection {
    color: #4C4C4C; }

.dggui-select-optione {
    color: #4C4C4C; }

.dggui-select-optione:hover {
    display: block;
    background-color: #F5F5F5; }

.dggui-select-not {
    background-color: #F5F5F5;
    color: #B2B2B2;
    border: 1px solid #E0E0E0; }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }

.select2-container--default .select12-selection--multiple {
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
.select2-container--default .select12-selection--multiple .select2-selection__choice {
    line-height: 16px;
    border-radius: 2px;
    background-color: #f0f0f0;
    border-color: #e0e0e0; }

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }

.select2-hidden-accessible {
    display: none; }

.layui-laydate .layui-this {
    background-color: #ffffff !important;
    /* color: #fff!important; */
    border: 1px solid #f7d6c5 !important;
    color: #f8813f !important; }

.dggui-line-list > li {
    line-height: 30px;
    padding: 6px 0;
    position: relative; }

.dggui-line-list > li > p {
    width: 100px;
    text-align: right;
    color: #4c4c4c;
    position: absolute;
    left: 0; }

.dggui-line-list .dggui-inline {
    margin-left: 110px; }

.dggui-group {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    line-height: 30px; }

.dggui-group span {
    display: inline-block;
    padding: 0 5px; }

.dggui-disabled-chose {
    cursor: not-allowed; }

.dggui-radio {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px 0 0; }
.dggui-radio:first-child {
    margin-left: 0; }
.dggui-radio:last-child {
    margin-right: 0; }
.dggui-radio > input {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px; }

.error-page-bg {
    background-color: #f0f2f5; }

.error-warp {
    min-width: 900px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-55%);
    -moz-transform: translateX(-50%) translateY(-55%);
    -o-transform: translateX(-50%) translateY(-55%);
    -ms-transform: translateX(-50%) translateY(-55%);
    transform: translateX(-50%) translateY(-55%);
    text-align: center; }

.error-img {
    display: inline-block;
    vertical-align: middle; }

.error-404 {
    width: 423px;
    height: 341px;
    background-image: url("../images/404.png"); }

.error-500 {
    width: 422px;
    height: 193px;
    background-image: url("../images/500.png"); }

.error-all {
    width: 227px;
    height: 269px;
    background-image: url("../images/error.png"); }

.error-content {
    margin-left: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: left; }
.error-content h3 {
    font-size: 50px;
    color: #434e59;
    line-height: 80px;
    font-weight: normal; }
.error-content p {
    font-size: 20px;
    color: #c3c4c7;
    line-height: 40px;
    font-weight: 100; }

/*# sourceMappingURL=dggui.css.map */