@charset "UTF-8";

/* 基础性文件 */


/* 辅助色及衍生色 */


/* 应用场景色 */


/* 背景色 */


/* 阴影 */


/* 边框 */


/* 间距 */


/* 字号 */


/* 首页最大标题 */


/* 对应行高 */


/* 主标题 */


/* 标题 */


/* 小标题 */


/* 正文 */


/* 辅助文字 */


/* 字体颜色 */


/* 字重 */


/* 图标尺寸 */


/* 精灵图 */


/* 不可用状态 */


/* Input */


/* button */


/* drawer */


/* select */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

td {
    word-break: break-all;
}

body {
    font-family:'HarmonyOS Sans SC', 'PingFang SC', 'Helvetica Neue', 'Arial', 'Tahoma', 'Microsoft Yahei', 'sans-serif', 'Simsun' !important;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.65);
    min-width: 1280px;
    background: #fff;
}
* {
    font-family:'HarmonyOS Sans SC', 'PingFang SC', 'Helvetica Neue', 'Arial', 'Tahoma', 'Microsoft Yahei', 'sans-serif', 'Simsun' !important;
}
.f-base {
    font-size: 14px;
    line-height: 22px;
}

.f-sm {
    font-size: 14px;
    line-height: 22px;
}

.f-h1 {
    font-size: 28px;
    line-height: 36px;
}

.f-h2 {
    font-size: 24px;
    line-height: 32px;
}

.f-h3 {
    font-size: 20px;
    line-height: 28px;
}

.f-h4 {
    font-size: 18px;
    line-height: 26px;
}

.f-h5 {
    font-size: 16px;
    line-height: 24px;
}

.f-bold {
    font-weight: 700;
}

.c-base {
    color: rgba(0, 0, 0, 0.65);
}

.c-second {
    color: rgba(0, 0, 0, 0.45);
}

.c-warn {
    color: #fa8c16;
}

.c-success {
    color: #a0d911;
}

.c-danger {
    color: #f5222d;
}

.c-warn {
    color: #f5222d;
}

.c-dark {
    color: rgba(0, 0, 0, 0.85);
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.cp {
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.f0 {
    font-size: 0;
}

.pt4 {
    padding-top: 4px;
}

.pt8 {
    padding-top: 8px;
}

.pt12 {
    padding-top: 12px;
}

.pt16 {
    padding-top: 16px;
}

.pt24 {
    padding-top: 24px;
}

.pt32 {
    padding-top: 32px;
}

.pb4 {
    padding-bottom: 4px;
}

.pb8 {
    padding-bottom: 8px;
}

.pb12 {
    padding-bottom: 12px;
}

.pb16 {
    padding-bottom: 16px;
}

.pb24 {
    padding-bottom: 24px;
}

.pb32 {
    padding-bottom: 32px;
}

.pl4 {
    padding-left: 4px;
}

.pl8 {
    padding-left: 8px;
}

.pl12 {
    padding-left: 12px;
}

.pl16 {
    padding-left: 16px;
}

.pl24 {
    padding-left: 24px;
}

.pl32 {
    padding-left: 32px;
}

.pr4 {
    padding-right: 4px;
}

.pr8 {
    padding-right: 8px;
}

.pr12 {
    padding-right: 12px;
}

.pr16 {
    padding-right: 16px;
}

.pr24 {
    padding-right: 24px;
}

.pr32 {
    padding-right: 32px;
}

.mt4 {
    margin-top: 4px;
}

.mt8 {
    margin-top: 8px;
}

.mt12 {
    margin-top: 12px;
}

.mt16 {
    margin-top: 16px;
}

.mt24 {
    margin-top: 24px;
}

.mt32 {
    margin-top: 32px;
}

.mb4 {
    margin-bottom: 4px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb32 {
    margin-bottom: 32px;
}

.ml4 {
    margin-left: 4px;
}

.ml8 {
    margin-left: 8px;
}

.ml12 {
    margin-left: 12px;
}

.ml16 {
    margin-left: 16px;
}

.ml24 {
    margin-left: 24px;
}

.ml32 {
    margin-left: 32px;
}

.mr4 {
    margin-right: 4px;
}

.mr8 {
    margin-right: 8px;
}

.mr12 {
    margin-right: 12px;
}

.mr16 {
    margin-right: 16px;
}

.mr24 {
    margin-right: 24px;
}

.mr32 {
    margin-right: 32px;
}

.fb {
    font-weight: 700;
}

d-text {
    font-size: 14px;
    color: rgba(165, 172, 176, 1);
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
}

d-text[success] {
    color: #a0d911;
}

d-text[error] {
    color: #f5222d;
}

d-text[warning] {
    color: #fa8c16;
}

d-text[block] {
    display: block;
}

d-text[inline] {
    display: inline;
}

d-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    padding-bottom: 8px;
    display: block;
}

d-title span {
    color: #f5222d;
    padding-right: 4px;
}

d-split {
    height: 1px;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    display: inline-block;
}

d-split[dashed] {
    border-top-style: dashed;
}

d-status[type="circle"] {
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 22px;
}

d-status[type="circle"]::before {
    content: "";
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #a0d911;
}

d-status[type="circle"][danger]::before {
    background-color: #f5222d;
}

d-status[type="circle"][close]::before {
    background-color: rgba(0, 0, 0, 0.25);
}

d-status[type="button"] {
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #a0d911;
}

d-status[type="button"][danger] {
    background-color: #f5222d;
}

d-status[type="button"][close] {
    background-color: rgba(0, 0, 0, 0.25);
}

d-spin {
    width: 20px;
    height: 20px;
    clear: both;
    border: 2px rgba(225, 225, 225, 0.5) solid;
    border-top: 2px solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .7s infinite linear;
    animation: spCircRot .7s infinite linear;
    display: inline-block;
}

d-spin[size="large"] {
    width: 40px;
    height: 40px;
    border-width: 5px;
}

d-spin[size="small"] {
    width: 14px;
    height: 14px;
}

d-icon {
    width: 14px;
    height: 14px;
    background-image: url("../image/default/spirits.png");
    background-position: 0 0;
    display: inline-block;
}

d-icon[size="small"] {
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: 0 0;
    display: inline-block;
}

d-icon[size="large"] {
    width: 40px;
    height: 40px;
    background-image: url("../image/default/spirits.png");
    background-position: 0 0;
    display: inline-block;
}

d-icon[type="close"] {
    background-position: -576px 0;
}

d-icon[type="closePrimary"] {
    background-position: -48px -144px;
}

d-icon[type="closeDanger"] {
    background-position: -672px 0;
}

d-icon[type="closeDark"] {
    background-position: -624px 0;
}

d-icon[type="closeWhite"] {
    background-position: 0px -144px;
}

d-icon[type="checkbox"] {
    background-position: -384px 0;
}

d-icon[type="radio"] {
    background-position: -336px 0;
}

d-icon[type="forward"] {
    background-position: -288px 0;
}

d-icon[type="backward"] {
    background-position: -864px 0;
}

d-icon[type="up"] {
    background-position: -48px -96px;
}

d-icon[type="upSolid"] {
    background-position: -768px -144px;
}

d-icon[type="down"] {
    background-position: 0 -96px;
}

d-icon[type="downSolid"] {
    background-position: -720px -144px;
}

d-icon[type="first"] {
    background-position: -96px -192px;
}

d-icon[type="last"] {
    background-position: -336px -192px;
}

d-icon[type="pre"] {
    background-position: -144px -192px;
}

d-icon[type="next"] {
    background-position: -288px -192px;
}

d-icon[type="firstLight"] {
    background-position: 0 -192px;
}

d-icon[type="lastLight"] {
    background-position: -240px -192px;
}

d-icon[type="preLight"] {
    background-position: -48px -192px;
}

d-icon[type="nextLight"] {
    background-position: -192px -192px;
}

d-icon[type="calendar"] {
    background-position: -240px -48px;
}

d-icon[type="error"] {
    background-position: -288px -144px;
    width: 16px;
    height: 16px;
}

d-icon[type="errorClose"] {
    background-position: -480px 0;
}

d-icon[type="successCheck"] {
    background-position: -528px 0;
}

d-icon[type="warning"] {
    background-position: -384px -192px;
}

d-icon[type="more"] {
    background-position: -576px -144px;
}

d-icon[type="more"][active] {
    background-position: -624px -144px;
}

d-icon[type="portrait"] {
    background-position: -672px -144px;
}

d-radio {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

d-radio::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    top: 4px;
    display: inline-block;
    box-sizing: border-box;
}

d-radio[checked]::before {
    border: none;
}

d-radio[disabled] {
    color: rgba(0, 0, 0, 0.45);
}

d-radio[disabled]::before,
d-radio[checked][disabled]::before {
    border: 1px solid #d9d9d9;
    background: #f4f4f4;
}

d-radio-group d-radio {
    padding-right: 24px;
}

d-radio-group d-radio:last-child {
    padding-right: 0;
}

d-checkbox {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

d-checkbox::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    margin-right: 16px;
    position: relative;
    top: 3px;
    display: inline-block;
    box-sizing: border-box;
}

d-checkbox:hover::before,
d-checkbox[checked]::before {
    border: none;
}

d-checkbox[disabled] {
    color: rgba(0, 0, 0, 0.45);
}

d-checkbox[disabled]::before,
d-checkbox[checked][disabled]::before {
    border: 1px solid #d9d9d9;
    background: #f4f4f4;
}

d-checkbox-group d-checkbox {
    margin-right: 24px;
}

d-checkbox-group d-checkbox:last-child {
    margin-right: 0;
}

d-progress {
    width: 490px;
    display: inline-block;
}

d-progress>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

d-progress d-progress-title,
d-progress d-progress-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

d-progress d-progress-title {
    margin-top: 20px;
}

d-progress>d-progress-title d-text {
    color: rgba(0, 0, 0, 0.85);
}

d-progress d-icon {
    cursor: pointer;
}

d-progress d-icon:hover {
    width: 14px;
    height: 14px;
    background-image: url("../image/default/spirits.png");
    background-position: -624px 0;
    display: inline-block;
}

d-progress d-progress-bar {
    width: 100%;
    height: 8px;
    background-color: #f4f4f4;
    border-radius: 100px;
    display: inline-block;
    position: relative;
}

d-progress d-progress-bar d-progress-bar-inner {
    position: absolute;
    height: 100%;
    width: 56%;
    display: inline-block;
    border-radius: 100px;
}

d-progress[success] d-progress-bar-inner {
    width: 100%;
    background-color: #a0d911;
}

d-progress[error] d-icon {
    width: 14px;
    height: 14px;
    background-image: url("../image/default/spirits.png");
    background-position: -672px 0;
    display: inline-block;
}

d-progress[error] d-progress-bar-inner {
    width: 100%;
    background-color: #f5222d;
}

d-pagination {
    font-size: 0;
    display: inline-block;
}

d-pagination * {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

d-pagination d-text {
    display: inline-block;
    color: #999999;
    line-height: 32px;
    vertical-align: middle;
}

d-pagination d-pagination-num {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    margin-left: 10px;
}

d-pagination d-pagination-num d-icon {
    position: relative;
    vertical-align: middle;
    right: -3px;
}

d-pagination d-pagination-num d-text {
    display: inline-block;
    min-width: 32px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #d9d9d9;
    padding: 0 8px;
    box-sizing: border-box;
}

d-pagination d-pagination-num d-text.disabled {
    cursor: not-allowed;
}

d-pagination d-pagination-num d-text:last-child {
    border-right: none;
}

d-pagination d-pagination-num d-text.active {
    color: #fff;
    height: 32px;
    top: -1px;
    position: relative;
}

d-pagination d-pagination-num d-text.active:hover {
    color: #fff;
}

d-pagination input {
    width: 36px;
    height: 32px;
    vertical-align: middle;
    margin: 0 6px;
    text-align: center;
    text-indent: 0;
    margin-left: 10px;
}

d-pagination input::-webkit-outer-spin-button,
d-pagination input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

d-pagination input[type="number"] {
    -moz-appearance: textfield;
}

d-popover {
    position: absolute;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 8px 15px;
    right: -85px;
    top: 0px;
    min-width: 60px;
    min-height: 40px;
    border-radius: 2px;
    box-sizing: border-box;
}

d-popover::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background-color: #fff;
    border: 1px solid;
    border-color: transparent #d9d9d9 #d9d9d9 transparent;
    display: inline-block;
}

d-popover[direction="right"]::before {
    top: 11px;
    left: -5px;
    transform: rotate(135deg);
}

d-confirm,
d-alert,
d-pop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    z-index: 101;
}

d-alert-box {
    width: 400px;
    max-height: 280px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    z-index: 101;
    margin-top: 15%;
    box-shadow: 0 0 30px 0.6px rgba(0, 0, 0, 0.1);
}

d-alert-box .dialog-box-title {
    height: 58px;
    font-size: 18px;
    line-height: 26px;
    padding: 17px 24px;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
}

d-alert-box .dialog-box-title>span {
    font-size: 18px;
    line-height: 26px;
    color: black;
}

d-alert-box .box-title-r {
    float: right;
    cursor: pointer;
}

d-alert-box .dialog-box-content {
    font-size: 14px;
    line-height: 69px;
    padding: 36px 48px;
    min-height: 141px;
    box-sizing: border-box;
}

d-alert-box .dialog-box-content>p {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    color: black;
}

d-alert-box .dialog-box-content>p d-icon {
    margin-right: 8px;
    position: relative;
    top: 1px;
}

d-alert-box .dialog-box-footer {
    text-align: right;
    height: 81px;
    padding: 24px;
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
}

d-alert-box .dialog-box-footer>span {
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    background: #1fb5ac;
    color: #ffffff;
    cursor: pointer;
}

d-alert-box .dialog-box-footer>d-button:nth-child(2) {
    margin-left: 10px;
}

d-pop d-alert-box {
    width: 400px;
    height: 96px;
    margin-top: 10%;
}

d-pop d-alert-box div {
    line-height: 96px;
    text-align: center;
}

d-pop d-alert-box div d-icon {
    margin-right: 8px;
    position: relative;
    top: 4px;
}

d-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    z-index: 100;
}

d-hover {
    max-width: 560px;
    min-height: 56px;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    background: #434343;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    display: inline-block;
    position: fixed;
    z-index: 1002;
}

d-info-show {
    padding: 0 16px;
    background: #fff;
    display: block;
    border-bottom: 1px solid #d9d9d9;
}

d-info-show d-info-header {
    display: block;
    height: 64px;
    line-height: 64px;
    box-sizing: border-box;
    border-bottom: 1px solid #d9d9d9;
}

d-info-show d-info-header>span {
    font-weight: 700;
    vertical-align: middle;
}

d-info-show d-info-header>span:nth-child(1) {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
}

d-info-show d-info-header>span:nth-child(2) {
    float: right;
    color: rgba(0, 0, 0, 0.65);
}

d-info-show d-info-header d-icon {
    margin-left: 5px;
    position: relative;
    top: 6px;
    cursor: pointer;
}

d-info-show d-form {
    padding: 16px;
}

d-info-show d-form d-detail-item>d-text:nth-child(1) {
    width: 86px;
    padding-right: 24px;
    color: rgba(0, 0, 0, 0.45);
    font-weight: normal;
    text-align: left;
}

d-info-show d-form d-detail-item d-button {
    padding: 0;
    margin: 0;
    height: 22px;
    line-height: 22px;
}

d-node {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

d-node::before {
    content: '';
    width: 10px;
    position: absolute;
    top: 6px;
    left: 2px;
    border-top: 2px solid;
}

d-node[type="add"]::after {
    content: '';
    height: 10px;
    position: absolute;
    top: 2px;
    left: 6px;
    border-left: 2px solid;
}

d-node-box {
    display: block;
}

d-node-box>d-node-item {
    display: block;
}

d-node-box>d-node-item div {
    display: inline-block;
}

d-node-box>d-node-item * {
    margin-right: 8px;
}

d-node-box>d-node-item *:last-child {
    margin-right: 0;
}

d-node-box d-node {
    position: relative;
    top: 8px;
    float: right;
}

d-node-box d-node-content {
    display: block;
}

d-node-box d-node-content>d-node-item {
    display: block;
    margin-top: 16px;
}

d-node-box d-node-content>d-node-item * {
    margin-right: 8px;
}

d-node-box d-node-content>d-node-item *:last-child {
    margin-right: 0;
}

d-node-box d-node-content d-node-item:last-child {
    margin-bottom: 0;
}

d-node-box>d-node-item>d-text,
d-node-box d-node-item>d-text {
    font-size: 12px;
    cursor: pointer;
    line-height: 32px;
    font-weight: bold;
    float: right;
}

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

@keyframes spCircRot {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}


/* 组件 */

d-button {
    cursor: pointer;
    font-size: 14px;
    padding: 0 16px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.85);
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background-color: #f4f4f4;
    outline: none;
    user-select: none;
    box-sizing: border-box;
    display: inline-block;
}

d-button[type="primary"],
d-button[loading] {
    color: #fff;
}

d-button[type="primary"]:hover {
    color: #fff;
}

d-button[type="danger"] {
    background: #f5222d;
    border-color: #f5222d;
    color: #fff;
}

d-button[type="danger"]:hover {
    background: #ff4d4f;
    border-color: #ff4d4f;
    color: #fff;
}

d-button[type="danger"]:active {
    background: #cf1322;
    border-color: #cf1322;
}

d-button[loading]::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 8px;
    clear: both;
    border: 2px rgba(225, 225, 225, 0.5) solid;
    border-top: 2px #fff solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
    display: inline-block;
    position: relative;
    top: 3px;
}

d-button[type="link"],
d-button[type="link"]:hover,
d-button[loading][disabled],
d-button[loading][disabled]:hover {
    background-color: transparent;
    border-color: transparent;
}

d-button[type="link"]:hover[underline] {
    text-decoration: underline;
}

d-button[icon="add"],
d-button[icon="search"] {
    width: 32px;
    height: 32px;
    padding: 0;
}

d-button[icon="search"]::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -336px -96px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

d-button[icon="search"]:hover::before {
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -288px -96px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

d-button[icon="add"]::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -432px -96px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

d-button[icon="add"]:hover::before {
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -384px -96px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

d-button[disabled] {
    background-color: #f4f4f4;
    color: rgba(0, 0, 0, 0.45);
    cursor: not-allowed;
}

d-button[disabled]:hover {
    border: 1px solid #d9d9d9;
    color: rgba(0, 0, 0, 0.45);
}

input {
    display: inline-block;
    cursor: text;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #E6E6E6;
    text-indent: 10px;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box;
}

input[error] {
    border-color: #f5222d;
    box-shadow: none;
}

input[warning]:hover {
    border-color: #fa8c16;
    box-shadow: none;
}

input[warning]:focus {
    border-color: #fa8c16;
    box-shadow: 0 0 1px #fa8c16;
}

input[icon="loading"] {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

input[icon="error"] {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

input[icon="success"] {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

input[icon="warning"] {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

input[disabled] {
    background: #f4f4f4;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.45);
}

input[disabled]:hover {
    border-color: #d9d9d9;
}

input[size="small"] {
    width: 118px;
}

input[size="middle"] {
    width: 160px;
}

input[size="large"] {
    width: 328px;
}

input[size="larger"] {
    width: 496px;
}

d-input {
    display: inline-block;
    position: relative;
}

d-input input {
    display: inline-block;
    cursor: text;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    text-indent: 10px;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box;
}

d-input[error] input {
    border-color: #f5222d;
    box-shadow: none;
}

d-input[warning]:hover input {
    border-color: #fa8c16;
    box-shadow: none;
}

d-input[warning]:focus input {
    border-color: #fa8c16;
    box-shadow: 0 0 1px #fa8c16;
}

d-input[icon="loading"] input {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

d-input[icon="error"] input {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

d-input[icon="success"] input {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

d-input[icon="warning"] input {
    padding-right: 14px;
    background: url("../image/default/loading-primary-sm.gif") no-repeat right center;
    background-position-x: 467px;
}

d-input[disabled] input {
    background: #f4f4f4;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.45);
}

d-input[disabled]:hover input {
    border-color: #d9d9d9;
}

d-input[size="small"] input {
    width: 118px;
}

d-input[size="middle"] input {
    width: 160px;
}

d-input[size="large"] input {
    width: 328px;
}

d-input[size="larger"] input {
    width: 496px;
}

d-input d-spin,
d-input d-icon {
    position: absolute;
    right: 5px;
    top: 9px;
}

d-input d-icon[type="errorClose"] {
    cursor: pointer;
}

textarea {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #d9d9d9;
    width: 100%;
    height: 94px;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.85);
    font-family: "微软雅黑";
    outline: none;
    resize: none;
    display: inline-block;
    box-sizing: border-box;
}

textarea[size="small"] {
    width: 118px;
}

textarea[size="middle"] {
    width: 160px;
}

textarea[size="large"] {
    width: 328px;
}

textarea[size="larger"] {
    width: 496px;
}

d-list {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: block;
    position: relative;
}

d-list,
d-list * {
    box-sizing: border-box;
}

d-list d-checkbox {
    margin-right: 8px;
}

d-list d-list-header {
    width: 100%;
    height: 65px;
    padding: 16px 0;
    font-size: 0;
    display: inline-block;
}

d-list d-list-header d-list-filter {
    display: inline-block;
}

d-list d-list-header d-list-filter * {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
}

d-list d-list-header d-list-filter span {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

d-list d-list-header d-list-filter input,
d-list d-list-header d-list-filter d-button {
    vertical-align: top;
}

d-list d-list-header d-list-filter d-button {
    margin-left: 8px;
}

d-list d-list-header d-list-filter d-button:first-child,
d-list d-list-header d-list-filter d-input:first-child,
d-list d-list-header d-list-filter input:first-child {
    margin-left: 0;
}

d-list d-list-header d-list-operator {
    float: right;
}

d-list d-list-header d-list-operator d-button:first-child {
    margin-right: 4px;
}

d-list d-list-header d-list-operator d-button:last-child,
d-list d-list-header d-list-operator d-input:last-child,
d-list d-list-header d-list-operator input:last-child {
    margin-right: 0;
}

d-list d-list-body {
    display: flex;
    position: absolute;
    width: 100%;
    top: 65px;
    bottom: 56px;
    border: 1px solid #d9d9d9;
    justify-content: center;
    align-items: center;
}

d-list d-list-body list-empty {
    display: inline-block;
    width: 50%;
    height: 50%;
    background: url(/image/list_epmty.png) center no-repeat;
    background-size: contain;
}

d-list d-list-body>table {
    width: 100%;
    height: 100%;
    text-align: left;
    display: block;
}

d-list d-list-body>table thead {
    border-bottom: 1px solid #e8e8e8;
    background-color: #f4f4f4;
}

d-list d-list-body>table thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

d-list d-list-body>table thead tr th {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.45);
}

d-list d-list-body>table thead tr th:first-child {
    padding-left: 12px;
}

d-list d-list-body>table thead tr th.right {
    padding-right: 16px;
    text-align: right;
}

d-list d-list-body>table tbody {
    display: block;
    max-height: calc(100% - 49px);
    overflow-y: auto;
}

d-list d-list-body>table tbody>tr {
    cursor: pointer;
    padding-left: 8px;
    border-bottom: 1px solid #d9d9d9;
    display: table;
    width: 100%;
    table-layout: fixed;
}

d-list d-list-body>table tbody>tr td {
    padding: 8px 0;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

d-list d-list-body>table tbody>tr td:first-child {
    padding-left: 12px;
}

d-list d-list-body>table tbody>tr td span {
    display: inline-block;
    line-height: 14px;
}

d-list d-list-body>table tbody>tr td d-button {
    padding: 0;
    margin: 0 10px 0 0;
    height: 22px;
    line-height: 22px;
    vertical-align: bottom;
    text-align: left;
}

d-list d-list-body>table tbody>tr td d-button[type="link"][primary] {
    font-weight: bold;
}

d-list d-list-body>table tbody>tr td d-button[type="link"] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
}

d-list d-list-body>table th.operate,
d-list d-list-body>table td.operate {
    width: 14%;
}

d-list d-list-body>table th.operate d-button[type="link"],
d-list d-list-body>table td.operate d-button[type="link"] {
    width: initial;
}

d-list d-list-body>table th.operate d-icon,
d-list d-list-body>table td.operate d-icon {
    position: relative;
    top: 7px;
    width: 20px;
}

d-list d-list-body>table .listMore {
    width: 32px;
    height: 18px;
}

d-list d-list-footer {
    width: 100%;
    height: 56px;
    font-size: 0;
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: 12px 0 12px 10px;
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    border-top: none;
    background: #fff;
}

d-list d-list-footer d-list-operator {
    float: left;
}

d-list d-list-footer d-list-operator d-button {
    margin-right: 8px;
}

d-list d-list-footer d-list-operator d-text {
    line-height: 32px;
}

d-list d-list-footer d-list-operator d-checkbox::before {
    top: 2px;
    margin-right: 12px;
}

d-list d-list-footer d-pagination {
    float: right;
    margin-right: 12px;
}

d-list d-list-msg {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    margin-right: 8px;
    float: right;
    color: rgba(0, 0, 0, 0.65);
}

d-list d-list-msg d-text {
    line-height: 32px;
}

d-list[checked] d-list-body>table thead tr th:first-child {
    padding-left: 38px;
}

d-list[checked] d-list-body>table tbody>tr td:first-child d-button[type="link"] {
    width: 70%;
}

d-list[type="base"] table tbody tr:hover {
    background-color: #f4f4f4;
}

d-list[type="multi"] table,
table[type="multi"] {
    width: 100%;
}

d-list[type="multi"] table thead tr,
table[type="multi"] thead tr {
    background-color: #f4f4f4;
}

d-list[type="multi"] table thead tr th,
table[type="multi"] thead tr th {
    padding: 8px 0;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

d-list[type="multi"] table tbody>tr,
table[type="multi"] tbody>tr {
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
}

d-list[type="multi"] table tbody>tr td,
table[type="multi"] tbody>tr td {
    padding: 0;
}

d-list[type="multi"] table tbody>tr td:first-child,
table[type="multi"] tbody>tr td:first-child {
    padding-left: 0;
}

d-list[type="multi"] table tbody>tr d-button,
table[type="multi"] tbody>tr d-button {
    padding: 0;
    margin: 0 10px 0 0;
    height: 22px;
    line-height: 22px;
}

d-list[type="multi"] table table,
table[type="multi"] table {
    border: none;
    width: 100%;
}

d-list[type="multi"] table table thead,
table[type="multi"] table thead {
    border: none;
}

d-list[type="multi"] table table thead tr,
table[type="multi"] table thead tr {
    opacity: 0.8;
    border-left: 4px solid;
}

d-list[type="multi"] table table thead tr th,
table[type="multi"] table thead tr th {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

d-list[type="multi"] table table thead tr th:first-child,
table[type="multi"] table thead tr th:first-child {
    padding-left: 8px;
}

d-list[type="multi"] table table thead tr th.right,
table[type="multi"] table thead tr th.right {
    padding-right: 16px;
    text-align: right;
}

d-list[type="multi"] table table tbody tr,
table[type="multi"] table tbody tr {
    padding: 0;
}

d-list[type="multi"] table table tbody tr:last-child,
table[type="multi"] table tbody tr:last-child {
    border-bottom: none;
}

d-list[type="multi"] table table tbody tr td,
table[type="multi"] table tbody tr td {
    padding: 16px 0;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

d-list[type="multi"] table table tbody tr td:first-child,
table[type="multi"] table tbody tr td:first-child {
    padding-left: 12px;
}

d-list[type="multi"] table table tbody tr:hover,
table[type="multi"] table tbody tr:hover {
    cursor: pointer;
    background-color: #f4f4f4;
}

d-list[type="multi"] d-list-body>table>thead tr>th {
    font-weight: 700;
}

table[type="multi"] {
    border: 1px solid #d9d9d9;
}

table[type="multi"] thead {
    border: 1px solid #d9d9d9;
    background-color: #f4f4f4;
}

table[type="multi"] thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table[type="multi"] thead tr th:first-child {
    padding-left: 12px;
}

table[type="multi"] tbody {
    display: block;
    max-height: calc(100% - 49px);
    overflow-y: auto;
    overflow-x: hidden;
}

table[type="multi"] tbody tr {
    cursor: pointer;
    padding-left: 8px;
    border-bottom: 1px solid #d9d9d9;
    display: table;
    width: 100%;
    table-layout: fixed;
}

d-form {
    display: inline-block;
}

d-form d-form-item {
    display: block;
    padding-bottom: 24px;
}

d-form d-form-item d-input {
    width: 100%;
}

d-form d-form-item[validate-status="error"] d-select,
d-form d-form-item[validate-status="error"] input,
d-form d-form-item[validate-status="error"] d-input {
    border-color: #f5222d;
}

d-form d-form-item[validate-status="error"] d-select:hover {
    border-color: #f5222d;
    box-shadow: 0 0 2px #f5222d;
}

d-form d-form-item[validate-status="error"] d-form-tips {
    color: #f5222d;
}

d-form d-form-item[validate-status="error"] d-form-tips::before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("../image/default/spirits.png");
    display: inline-block;
    background-position: -288px -144px;
    position: relative;
    top: 4px;
    margin-right: 4px;
    background-size: auto;
}

d-form d-form-item[validate-status="warning"] d-select,
d-form d-form-item[validate-status="warning"] input,
d-form d-form-item[validate-status="warning"] d-input {
    border-color: #fa8c16;
}

d-form d-form-item[validate-status="warning"] d-select:hover {
    border-color: #fa8c16;
    box-shadow: 0 0 2px #fa8c16;
}

d-form d-form-item[validate-status="warning"] d-form-tips {
    color: #fa8c16;
}

d-form d-form-item d-form-tips {
    font-size: 12px;
    line-height: 20px;
    padding-top: 4px;
    display: block;
    position: absolute;
    color: rgba(0, 0, 0, 0.45);
}

d-form d-form-item d-form-tips[error] {
    color: #f5222d;
}

d-form d-form-item d-form-tips[warning] {
    color: #fa8c16;
}

d-form d-detail-item {
    display: block;
    margin-bottom: 16px;
}

d-form d-detail-item d-text {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
    display: inline-block;
    vertical-align: top;
}

d-form d-detail-item d-text:first-child {
    font-weight: 700;
    margin-right: 16px;
    width: 56px;
    text-align: right;
}

d-form d-detail-item d-text:nth-child(2) {
    max-width: 80%;
}

d-drawer-box {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

d-drawer-box[size="base"] d-drawer {
    width: 600px;
}

d-drawer-box[size="large"] d-drawer {
    width: 1000px;
}

d-drawer {
    display: inline-block;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    color: rgba(0, 0, 0, 0.85);
    z-index: 101;
}

d-drawer[size="base"] {
    width: 600px;
}

d-drawer[size="large"] {
    width: 1000px;
}

d-drawer d-drawer-title {
    padding: 0 24px;
    height: 62px;
    line-height: 62px;
    font-size: 18px;
    border-bottom: 1px solid #d9d9d9;
    display: block;
}

d-drawer d-drawer-content {
    display: block;
    padding: 36px 48px 16px 48px;
    overflow: auto;
    position: absolute;
    top: 64px;
    bottom: 80px;
    width: 100%;
    box-sizing: border-box;
}

d-drawer d-drawer-content d-split {
    margin-bottom: 20px;
}

d-drawer d-drawer-content d-list d-list-body {
    border: none;
}

d-drawer d-drawer-content d-list d-list-body>table>thead {
    border: 1px solid #d9d9d9;
}

d-drawer d-drawer-content d-list d-list-body>table>tbody>tr {
    border: 1px solid #d9d9d9;
    border-top: none;
}

d-drawer d-drawer-footer {
    position: absolute;
    bottom: 0;
    height: 80px;
    width: 100%;
    text-align: right;
    display: block;
    border-top: 1px solid #d9d9d9;
    padding: 24px 16px;
    box-sizing: border-box;
}

d-drawer d-drawer-footer d-button:first-child {
    margin-right: 10px;
}

d-drawer-box[type="middle"] d-drawer {
    width: 600px;
    min-height: 380px;
    display: inline-block;
    position: relative;
    top: 24%;
    left: 34%;
    border-radius: 4px;
    box-shadow: 0 0 30px 0.6px rgba(0, 0, 0, 0.1);
}

d-drawer-box[type="middle"] d-drawer-title {
    height: 57px;
    line-height: 57px;
}

d-drawer-box[type="middle"] d-drawer-content {
    position: static;
    min-height: 242px;
    max-height: 460px;
}

d-drawer-box[type="middle"] d-drawer-content d-form {
    position: relative;
    width: 100%;
    height: 100%;
}

d-drawer-box[type="middle"] d-drawer-footer {
    position: static;
}

d-drawer-box[type="middle"][special] d-drawer {
    width: 900px;
    height: 555px;
    left: 26.5%;
}

d-drawer-box[type="middle"][special] d-drawer d-drawer-content {
    padding: 24px 48px;
    overflow: auto;
    height: 416px;
    box-sizing: border-box;
}

d-drawer-box[type="middle"][special] d-list-footer {
    border: none;
}

d-drawer-box[type="middle"][special] d-list d-list-body {
    position: static;
}

d-dialog {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

d-dialog[size="base"] d-drawer {
    width: 600px;
}

d-dialog[size="large"] d-drawer {
    width: 1000px;
}

d-dialog d-dialog-content {
    display: inline-block;
    position: fixed;
    left: 36%;
    top: 26%;
    background: #fff;
    color: rgba(0, 0, 0, 0.85);
    z-index: 101;
    border-radius: 4px;
}

d-dialog d-dialog-content d-icon[type=close] {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

d-dialog d-dialog-content d-split {
    margin-bottom: 20px;
}

d-dialog d-dialog-content d-list d-list-body {
    border: none;
}

d-dialog d-dialog-content d-list d-list-body>table>thead {
    border: 1px solid #d9d9d9;
}

d-dialog d-dialog-content d-list d-list-body>table>tbody>tr {
    border: 1px solid #d9d9d9;
    border-top: none;
}

d-dialog d-dialog-content d-drawer-footer {
    position: absolute;
    bottom: 0;
    height: 80px;
    width: 100%;
    text-align: right;
    display: block;
    border-top: 1px solid #d9d9d9;
    padding: 24px 16px;
    box-sizing: border-box;
}

d-dialog d-dialog-content d-drawer-footer d-button:first-child {
    margin-right: 10px;
}

d-select {
    display: inline-block;
    width: 328px;
    padding-left: 12px;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-sizing: border-box;
}

d-select[size="small"] {
    width: 118px;
}

d-select[size="middle"] {
    width: 160px;
}

d-select[size="large"] {
    width: 328px;
}

d-select[size="larger"] {
    width: 496px;
}

d-select[type="base"] {
    height: 32px;
    line-height: 32px;
}

d-select[type="multi"] {
    min-height: 32px;
    cursor: text;
}

d-select::before {
    content: "";
    position: absolute;
    right: 9px;
    top: 12px;
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: 0 -96px;
    display: inline-block;
}

d-select:hover::before {
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -48px -96px;
    display: inline-block;
}

d-select d-select-box {
    font-size: 14px;
    min-height: 30px;
    line-height: 30px;
    cursor: text;
    outline: none;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}

d-select d-select-box d-button {
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    margin: 0 4px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

d-select d-select-box d-button:hover {
    border: 1px solid #d9d9d9;
    background-color: #f4f4f4;
    color: rgba(0, 0, 0, 0.85);
}

d-select d-select-box d-button::after {
    content: "";
    margin-left: 6px;
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -576px 0;
    display: inline-block;
    pointer-events: auto;
}

d-select d-select-box d-button:hover::after {
    width: 12px;
    height: 12px;
    background-image: url("../image/default/spirits.png");
    background-position: -624px 0;
    display: inline-block;
}

d-select[type="multi"] d-select-box:empty:before {
    content: attr(placeholder);
}

d-select[type="multi"] d-select-box:focus:before {
    content: none;
}

d-select[type="multi"] d-option-item[checked]::after {
    content: "";
    right: 14px;
    position: absolute;
    top: 11px;
}

d-select d-select-option {
    display: none;
    position: absolute;
    top: 34px;
    right: 0;
    width: 100%;
    max-height: 210px;
    overflow: auto;
    padding: 8px 0;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 2px;
    z-index: 100;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

d-select d-select-option d-option-item {
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

d-select d-select-option d-option-item:hover {
    height: auto;
    white-space: inherit;
}

d-upload-dragger {
    width: 490px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

d-upload-dragger d-upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 200px;
    cursor: pointer;
    border: 1px dashed #d9d9d9;
    background-color: #fafafa;
    box-sizing: border-box;
}

d-upload-dragger d-text {
    color: rgba(0, 0, 0, 0.85);
}

d-upload-dragger d-split {
    margin-top: 30px;
    margin-bottom: 5px;
}

d-upload-dragger div {
    text-align: center;
}

d-upload-dragger d-button {
    margin-top: 16px;
}

d-upload-img {
    display: block;
}

d-upload-img d-upload-box {
    display: inline-block;
    height: 88px;
}

d-upload-img d-upload-box d-upload-item {
    display: inline-block;
    margin-right: 8px;
    width: 88px;
    height: 88px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}

d-upload-img d-upload-box d-upload-item[error] {
    border-color: #f5222d;
}

d-upload-img d-upload-box d-upload-item i {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 88px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    display: none;
}

d-upload-img d-upload-box d-upload-item d-progress-circle {
    position: absolute;
    top: 16px;
    left: 16px;
}

d-upload-img d-upload-box d-upload-item:last-child {
    margin-right: 0;
}

d-upload-img d-upload-box d-upload-item::before {
    content: '';
    width: 88px;
    height: 88px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

d-upload-img d-upload-box d-upload-item.showMask::before {
    display: inline-block;
}

d-upload-img d-upload-box d-upload-item:hover::before {
    display: inline-block;
}

d-upload-img d-upload-box d-upload-item:hover i {
    display: inline-block;
}

d-upload-img d-upload-box img {
    display: block;
    width: 86px;
    height: 86px;
    border-radius: 4px;
}

d-upload-img d-upload-add {
    display: inline-block;
    position: relative;
    width: 88px;
    height: 88px;
    color: #fdfdfd;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 8px;
    border: 1px dashed #d9d9d9;
    box-sizing: border-box;
}

d-upload-img d-upload-add:hover {
    border-color: #04c0dd;
}

d-upload-img d-upload-add::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 42%;
    width: 16px;
    border-top: 2px solid #cacaca;
}

d-upload-img d-upload-add::after {
    content: '';
    position: absolute;
    top: 42%;
    left: 50%;
    height: 16px;
    border-left: 2px solid #cacaca;
}

d-upload-img d-text {
    color: rgba(0, 0, 0, 0.85);
}

d-upload-img d-split {
    margin-top: 30px;
    margin-bottom: 5px;
}

d-upload-img div {
    text-align: center;
}

d-upload-img d-button {
    margin-top: 16px;
}

d-upload-file {
    width: 490px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

d-upload-file d-upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 200px;
    cursor: pointer;
    border: 1px dashed #d9d9d9;
    background-color: #fafafa;
    box-sizing: border-box;
}

d-upload-file d-text {
    color: rgba(0, 0, 0, 0.85);
}

d-upload-file d-split {
    margin-top: 30px;
    margin-bottom: 5px;
}

d-upload-file div {
    text-align: center;
}

d-upload-file d-button {
    margin-top: 12px;
}

d-progress-tiny {
    width: 490px;
    display: inline-block;
    font-size: 0;
}

d-progress-tiny>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

d-progress-tiny d-progress-title,
d-progress-tiny d-progress-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

d-progress-tiny d-progress-title {
    margin-top: 16px;
}

d-progress-tiny d-progress-title:hover {
    background: #f4f4f4;
    cursor: pointer;
}

d-progress-tiny d-progress-title:hover d-icon {
    display: inline-block;
}

d-progress-tiny d-progress-title:hover .t-progress {
    display: none;
}

d-progress-tiny>d-progress-title d-text {
    color: rgba(0, 0, 0, 0.85);
}

d-progress-tiny d-icon {
    cursor: pointer;
    display: none;
}

d-progress-tiny d-icon:hover {
    width: 14px;
    height: 14px;
    background-image: url("../image/default/spirits.png");
    background-position: -624px 0;
    display: inline-block;
}

d-progress-tiny d-progress-bar {
    width: 100%;
    height: 4px;
    background-color: #f4f4f4;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    top: -4px;
}

d-progress-tiny d-progress-bar d-progress-bar-inner {
    position: absolute;
    height: 100%;
    width: 56%;
    display: inline-block;
    border-radius: 100px;
}

d-progress-tiny[error] d-progress-title d-text {
    color: #f5222d;
}

d-progress-circle {
    display: inline-block;
}

d-calendar {
    position: relative;
}

d-calendar d-calendar-picker {
    display: flex;
    justify-content: space-between;
    height: 32px;
    width: 496px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

d-calendar d-calendar-picker div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
}

d-calendar d-calendar-picker div:nth-child(1) {
    width: 52%;
    justify-content: space-around;
}

d-calendar d-calendar-picker div:nth-child(1) d-text {
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

d-calendar d-calendar-picker div:nth-child(2) {
    width: 47%;
    cursor: pointer;
    border-left: 1px solid #d9d9d9;
}

d-calendar d-calendar-picker div:nth-child(2):hover {
    background-color: #f5f5f5;
}

d-calendar d-calendar-picker div:nth-child(2) d-icon {
    width: 20px;
    height: 20px;
}

d-tree {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

d-tree * {
    padding: 0;
    margin: 0;
}

d-tree li {
    width: 100%;
    list-style: none;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: middle;
}

d-tree ul.tree-icon {
    width: 100%;
    background-color: #282b34;
    line-height: 40px;
    height: 40px;
}

d-tree ul.tree-icon li {
    border-right: 4px solid transparent;
}

d-tree ul.tree-icon li i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("../image/default/spirits.png");
    vertical-align: middle;
    cursor: pointer;
}

d-tree ul.tree-icon li.tree-operation i {
    background-position: -48px 0;
}

d-tree ul.tree-icon li.tree-operation.tree-select i {
    background-position: 0 0;
}

d-tree ul.tree-icon li.tree-operation.tree-selected i {
    background-position: 0 0;
}

d-tree ul.tree-icon li.tree-log i {
    background-position: -48px 0;
}

d-tree ul.tree-icon li.tree-log.tree-select i {
    background-position: 0 0;
}

d-tree ul.tree-icon li.tree-log.tree-selected i {
    background-position: 0 0;
}

d-tree ul.tree-icon li.tree-tools i {
    background-position: -48px 0;
}

d-tree ul.tree-icon li.tree-tools.tree-select i {
    background-position: 0 0;
}

d-tree ul.tree-icon li.tree-tools.tree-selected i {
    background-position: 0 0;
}

d-tree ul.tree-icon li span {
    font-size: 14px;
    color: #75767a;
    vertical-align: middle;
    display: inline-block;
    margin-left: 16px;
    cursor: pointer;
    width: 136px;
}

d-tree ul.tree-icon li.tree-select span {
    color: #fff;
}

d-tree ul.tree-icon li.tree-selected span {
    color: #fff;
}

d-tree ul.tree-icon li[level='0'] {
    padding-left: 24px;
}

d-tree ul.tree-icon li[level='1'] {
    padding-left: 48px;
}

d-tree ul.tree-icon li[level='2'] {
    padding-left: 48px;
}

d-tree ul.tree-icon li b {
    width: 40px;
    height: 40px;
    float: right;
    cursor: pointer;
}

d-tree ul.tree-icon li b::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 8px;
    left: 16px;
    width: 16px;
    height: 16px;
    background-image: url("../image/default/spirits.png");
}

d-tree ul.tree-icon li.tree-open b::after {
    background-position: -96px 0;
}

d-tree ul.tree-icon li.tree-open.tree-select b::after {
    background-position: -96px 0;
}

d-tree ul.tree-icon li.tree-close b::after {
    background-position: -144px 0;
}

d-tree ul.tree-icon li.tree-close.tree-select b::after {
    background-position: -144px 0;
}

d-tree ul.tree-icon li.tree-select {
    background-color: #21242d;
    border-right: 4px solid #21242d;
}

d-tree ul.tree-icon li.tree-selected {
    background-color: #181b22;
    border-right: 4px solid #04c0dd;
}

d-tree ul.tree-node {
    background-color: #fff;
}

.tree-box {
    background-color: #282b34;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 240px;
    overflow: auto;
    padding-top: 40px;
}

.tree-icon-w {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("../image/default/spirits.png");
    vertical-align: middle;
    cursor: pointer;
}

.project {
    background-position: -48px 0;
}

.treeMenu p.tree-box-active .project {
    background-position: 0 0;
}

.treeMenu p {
    font-size: 14px;
    position: relative;
    width: 240px;
    cursor: pointer;
    color: #75767a;
    box-sizing: border-box;
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
}

.treeMenu p .tree-icon-w {
    margin-left: 24px;
    margin-right: 16px;
}

.treeMenu p.tree-box-active {
    color: #fff;
}

.treeMenu p.tree-box-active {
    background-color: #181b22;
    border-right: 4px solid #04c0dd;
}

.treeMenu.select {
    background-color: #181b22;
    color: #fff;
}

.selected {
    background-color: #181b22;
    border-right: 4px solid #04c0dd;
}

.treeMenu {
    width: 100%;
    list-style: none;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: middle;
    overflow: hidden;
}

.treeMenu p .right {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url("../image/default/right.png") no-repeat;
}

.treeMenu p .right-active {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url("../image/default/right-active.png") no-repeat;
}

.treeMenu p .down {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url("../image/default/down.png") no-repeat;
}

.treeMenu p .down-active {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url("../image/default/down-active.png") no-repeat;
}

.ml48 {
    padding-left: 48px !important;
}

d-tab-card {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    background: #fafafa;
    overflow: hidden;
    padding: 0 16px;
    box-shadow: 0 6px 3px -2px rgba(0, 0, 0, 0.06);
    z-index: 2;
}

d-tab-card .close-tab-btn {
    width: 95px;
    height: 40px;
    position: absolute;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

d-tab-card .close-tab-btn d-icon {
    margin-top: 7px;
    cursor: pointer;
    margin-left: 5px;
}

d-tab-card .closeServePop {
    top: 120px !important;
}

d-tab-card .card-prev,
d-tab-card .card-next {
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
}

d-tab-card .card-prev d-icon,
d-tab-card .card-next d-icon {
    margin-top: 4px;
    margin-left: 2px;
}

d-tab-card .card-next {
    border-left: 0px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

d-tab-card d-tab-item-p {
    position: absolute;
    left: 56px;
    right: 136px;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

d-tab-card d-tab-item-p d-icon {
    opacity: 0;
}

d-tab-card d-tab-item-p d-tab-itemb {
    position: relative;
    float: left;
}

d-tab-card d-tab-item-p d-tab-itemb.active d-icon {
    opacity: 1;
}

d-tab-card d-tab-item-p d-tab-itemb:hover d-icon {
    opacity: 1 !important;
}

d-tab-card d-tab-item-p d-tab-itemb:hover span {
    color: #00d2f3;
}

d-tab-card d-tab-item-p d-tab-item {
    border-left: 1px solid #e8e8e8;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    padding: 10px 36px;
    float: left;
}

d-tab-card d-tab-item-p d-tab-item span {
    font-size: 14px;
    font-family: '黑体';
    color: rgba(0, 0, 0, 0.6);
}

d-tab-card d-tab-item-p d-tab-item.active {
    background: #00d2f3;
}

d-tab-card d-tab-item-p d-tab-item.active span {
    color: #ffffff;
}

d-tab-card d-tab-item-p d-tab-item:last {
    border-right: 1px solid #e8e8e8;
}

d-tab-card .card-next {
    position: absolute;
    right: 0;
}

d-tab-cardw {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    background: #fafafa;
    overflow: hidden;
    padding: 0 16px;
    box-shadow: 0 6px 3px -2px rgba(0, 0, 0, 0.06);
    z-index: 2;
}

d-tab-cardw .close-tab-btn {
    width: 95px;
    height: 40px;
    position: absolute;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

d-tab-cardw .close-tab-btn d-icon {
    margin-top: 7px;
    cursor: pointer;
    margin-left: 5px;
}

d-tab-cardw .closeServePop {
    top: 120px !important;
}

d-tab-cardw .card-prev,
d-tab-cardw .card-next {
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
}

d-tab-cardw .card-prev d-icon,
d-tab-cardw .card-next d-icon {
    margin-top: 4px;
    margin-left: 2px;
}

d-tab-cardw .card-next {
    border-left: 0px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

d-tab-cardw d-tab-item-p {
    position: absolute;
    left: 56px;
    right: 136px;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

d-tab-cardw d-tab-item-p d-icon {
    opacity: 0;
}

d-tab-cardw d-tab-item-p d-tab-itemb {
    position: relative;
    float: left;
}

d-tab-cardw d-tab-item-p d-tab-itemb.active d-icon {
    opacity: 100%;
}

d-tab-cardw d-tab-item-p d-tab-itemb:hover d-icon {
    opacity: 100% !important;
}

d-tab-cardw d-tab-item-p d-tab-itemb:hover span {
    color: #00d2f3;
}

d-tab-cardw d-tab-item-p d-tab-item {
    border-left: 1px solid #e8e8e8;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    padding: 10px 36px;
    float: left;
}

d-tab-cardw d-tab-item-p d-tab-item span {
    font-size: 14px;
    font-family: '黑体';
    color: rgba(0, 0, 0, 0.6);
}

d-tab-cardw d-tab-item-p d-tab-item.active {
    background: #00d2f3;
}

d-tab-cardw d-tab-item-p d-tab-item.active span {
    color: #ffffff;
}

d-tab-cardw d-tab-item-p d-tab-item:last {
    border-right: 1px solid #e8e8e8;
}

d-tab-cardw .card-next {
    position: absolute;
    right: 0;
}

/* d-tab-nav {
    display: block;
    height: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: 16px;
    padding: 0 16px;
}

tab-nav-header {
    width: 100%;
}

tab-nav-header,
tab-nav-h-l,
tab-nav-h-r {
    height: 100%;
}

tab-nav-h-l {
    width: 100%;
    display: flex;
    float: left;
    border-bottom: 1px solid #d9d9d9;
}

tab-nav-h-item {
    display: inline-block;
    width: 120px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    background: #f4f4f4;
    color: rgba(0, 0, 0, 0.65);
    border: 1px solid #d9d9d9;
    border-right: 0;
    border-bottom: 0;
}

tab-nav-h-item:hover {
    background: #ffffff;
}

tab-nav-h-item.active {
    position: relative;
    background: #ffffff;
    font-size: 16px;
    border-bottom: 0;
    border-bottom: 1px solid #fff;
    height: 52px;
}

tab-nav-h-item.active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    right: 0;
    top: -1px;
    width: 101%;
}

.d-tab-itemb:hover d-icon {
    opacity: 1;
} */

.containerLR {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 0;
    font-size: 0;
}

.containerLR-left {
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 23.85%;
    height: 100%;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: 22px;
}

.containerLR-left-top {
    padding: 24px 16px 16px;
    border-bottom: 1px solid #d9d9d9;
}

.containerLR-left-bottom {
    padding: 16px;
}

.containerLR-right {
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 75.8%;
    height: 100%;
    padding: 0 16px 0;
}

d-popover {
    display: inline-block;
    width: 100px;
    padding: 8px 0;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    position: fixed;
    z-index: 1004;
}

d-popover::before {
    content: '';
    display: none;
}

d-popover-item {
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    justify-content: center;
    cursor: pointer;
}

d-popover-item:hover {
    color: #04c0dd;
    background: #e6fffe;
}

.arrow-top-right {
    width: 8px;
    height: 8px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: -6px;
    background: #fff;
    right: 20px;
    transform: rotate(45deg);
}

.arrow-top-left {
    width: 8px;
    height: 8px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: -6px;
    background: #fff;
    left: 20px;
    transform: rotate(45deg);
}

.arrow-bottom-right {
    width: 15px;
    height: 15px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    bottom: -8px;
    background: #fff;
    right: 18px;
    transform: rotate(225deg);
}

.arrow-bottom-left {
    width: 15px;
    height: 15px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    bottom: -8px;
    background: #fff;
    left: 18px;
    transform: rotate(225deg);
}

.arrow-left-top {
    width: 15px;
    height: 15px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 18px;
    background: #fff;
    left: -9px;
    transform: rotate(315deg);
}

.arrow-left-bottom {
    width: 15px;
    height: 15px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    bottom: 18px;
    background: #fff;
    left: -9px;
    transform: rotate(315deg);
}

.arrow-right-top {
    width: 15px;
    height: 15px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    bottom: 18px;
    background: #fff;
    right: -9px;
    transform: rotate(135deg);
}

.arrow-right-bottom {
    width: 15px;
    height: 15px;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    bottom: 18px;
    background: #fff;
    right: -9px;
    transform: rotate(135deg);
}


/* 布局 */

.frame {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.frame-left {
    width: 240px;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.frame-brand {
    width: 100%;
    height: 64px;
}

.frame-menu {
    position: absolute;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding-top: 40px;
}

.frame-right {
    position: absolute;
    left: 240px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.frame-nav {
    width: 100%;
    height: 64px;
    background-color: #fff;
}

d-icon[type=portrait] {
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    float: right;
    margin-right: 16px;
    margin-top: 16px;
}

.frame-tab {
    width: 100%;
    height: 40px;
    background-color: #fff;
    position: relative;
}

.frame-workspace {
    position: absolute;
    top: 108px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    background-color: #fff;
    padding: 8px 16px 0;
    box-sizing: border-box;
}

.containerLR {
    overflow: auto;
    min-width: 870px;
}

.auto {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    min-width: 870px;
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-size: 0;
    padding: 0 16px;
    overflow: auto;
    min-width: 870px;
    box-sizing: border-box;
}