.page-content {border-left:none;}
.panel .panel-heading .caption-title { font-size: 20px;  font-weight: bold;  }
.tabbable-line-wrapper {  border-bottom: 1px solid #eee;}
.form-group-null{height: 74px;}
.alert .alert-icon{width: 60px;}
.alert .alert-content {  width: 80%;  margin-top: 10px;}

.icon{ display: inline-block; width: 18px;height: 18px;  vertical-align: bottom;}
.icon.income-white{ background: url(/images/icon/income-white.png) no-repeat;background-size: 18px 18px;}
.icon.income-green{ background: url(/images/icon/income-green.png) no-repeat;background-size: 18px 18px;}
.icon.income-invoices-green{ background: url(/images/icon/income-invoices-green.png) no-repeat;background-size: 18px 18px;}

.icon.pay-white{ background: url(/images/icon/pay-white.png) no-repeat;background-size: 18px 18px;}
.icon.pay-red{ background: url(/images/icon/pay-red.png) no-repeat;background-size: 18px 18px;}
.icon.pay-invoices-red{ background: url(/images/icon/pay-invoices-red.png) no-repeat;background-size: 18px 18px;}

/* breadcrumb 导航条2 */
svg{vertical-align:-0.2rem}
.arrow-left{font-size: 16px;cursor: pointer;color: #848fad;padding: 6px;border-radius: 14px;}
.arrow-left:hover {background-color: #e6e8f3;}

/* 导航视图 */
.view {font-size: 14px;  background: #f9f9f9; padding: 17px;  color: #777777;  border-bottom: 1px solid #f0f1f2;margin-bottom: 0px;  }
.view a {  font-size: 14px;  color: #444444;  }
.view a.active{color:#2196f3;font-weight:700; font-size: 15px;}

/* 删除线(中横线) */
.line-through{text-decoration:line-through}

/* 表格高亮 */
.gdt_success{
    background: -moz-linear-gradient(top, #cbf9de 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbf9de), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #cbf9de 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #cbf9de 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #cbf9de 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #cbf9de 0%,#ffffff 100%);
}
.gdt_warning{
    background: -moz-linear-gradient(top, #ef82354f 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef82354f), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #ef82354f 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #ef82354f 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #ef82354f 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #ef82354f 0%,#ffffff 100%);
}

/* 变量定义 */
:root{
    --bs-blue: #2cabe3;
    --bs-purple: #6610f2;
    --bs-pink: #e83e8c;
    --bs-red: #ff5050;
    --bs-orange: #fb8c00;
    --bs-yellow: #ffc36d;
    --bs-green: #11aa66;
    --bs-teal: #20c997;
    --bs-cyan: #4fc3f7;
    --bs-white: #fff;
    --bs-gray: #8a8b8c;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f7fafc;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #a1aab2;
    --bs-gray-600: #8898aa;
    --bs-gray-700: #525f7f;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #fb8c00;
    --bs-success: #07bf29;
    --bs-info: #2196f3;
    --bs-warning: #ffc107;
    --bs-danger: #ff5050;
    --bs-light: #f7fafc;
    --bs-dark: #343a40;
    --bs-inverse: #4c5667;
    --bs-megna: #01c0c8;
    --bs-light-danger: #ffcaca;
    --bs-light-success: #E6FFE3;
    --bs-light-warning: #ffedd4;
    --bs-light-primary: #f9dbb5;
    --bs-light-info: #cfecfe;
    --bs-light-inverse: #f6f6f6;
    --bs-light-megna: #e0f2f4;
    --bs-light-gray: #e9eaea;
    --bs-primary-rgb: 112, 124, 210;
    --bs-gray-rgb: 136, 152, 170;
    --bs-success-rgb: 44, 208, 126;
    --bs-info-rgb: 44, 171, 227;
    --bs-warning-rgb: 255, 195, 109;
    --bs-danger-rgb: 255, 80, 80;
    --bs-light-rgb: 247, 250, 252;
    --bs-dark-rgb: 52, 58, 64;
    --bs-cyan-rgb: 79, 195, 247;
    --bs-orange-rgb: 251, 140, 0;
    --bs-purple-rgb: 221,221,255;
    --bs-inverse-rgb: 76, 86, 103;
    --bs-megna-rgb: 1, 192, 200;
    --bs-light-danger-rgb: 255, 202, 202;
    --bs-light-success-rgb: 230, 255, 227;
    --bs-light-warning-rgb: 255, 237, 212;
    --bs-light-primary-rgb: 198, 205, 253;
    --bs-light-info-rgb: 207, 236, 254;
    --bs-light-inverse-rgb: 246, 246, 246;
    --bs-light-megna-rgb: 224, 242, 244;
    --bs-light-gray-rgb: 230, 245, 245;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
}

/*字体粗细*/
.fb{font-weight:bold;}
.fn{font-weight:normal;}

/*背景颜色*/
.bg-primary{background-color: var(--bs-primary) !important;  }
.bg-gray{background-color: var(--bs-gray)  !important;  }
.bg-success{background-color: var(--bs-success)  !important;  }
.bg-info{background-color: var(--bs-info)  !important;  }
.bg-warning{background-color: var(--bs-warning)  !important;  }
.bg-danger {background-color: var(--bs-danger)  !important;  }
.bg-light {background-color: var(--bs-light)  !important;  }
.bg-dark {background-color: var(--bs-dark)  !important;  }
.bg-cyan {background-color: var(--bs-cyan)  !important;  }
.bg-orange {background-color: var(--bs-orange)  !important;  }
.bg-purple {background-color: var(--bs-purple)  !important;  }
.bg-pink {background-color: var(--bs-pink)  !important;  }
.bg-inverse {background-color: var(--bs-inverse)  !important;  }
.bg-megna {background-color: var(--bs-megna)  !important;  }
.bg-light-danger {background-color: var(--bs-light-danger)  !important;  }
.bg-light-success {background-color: var(--bs-light-success)  !important;  }
.bg-light-warning {background-color: var(--bs-light-warning)  !important;  }
.bg-light-primary {background-color: var(--bs-light-primary)  !important;  }
.bg-light-info {background-color: var(--bs-light-info)  !important;  }
.bg-light-inverse {background-color: var(--bs-light-inverse)  !important;  }
.bg-light-megna {background-color: var(--bs-light-megna)  !important;  }
.bg-light-gray {background-color: var(--bs-light-gray)  !important;  }
.bg-black {background-color: var(--bs-black-rgb)  !important;  }
.bg-white {background-color: var(--bs-white)  !important;  }

/*透明背景颜色*/
.bg-rgb-primary {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-primary-rgb),1) !important;  }
.bg-rgb-gray {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-success {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-info {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-warning {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-danger {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-dark {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-cyan {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-orange {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-purple {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-inverse {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-inverse-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-megna {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-megna-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-danger {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-danger-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-success {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-success-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-warning {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-warning-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-primary {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-primary-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-info {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-info-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-inverse {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-inverse-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-megna {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-megna-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-light-gray {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-gray-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-black {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;  }
.bg-rgb-white {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;  }

/*边框颜色*/
.b-none{border:none}
.b-danger{border: 1px solid #ff5050 !important;}
.b-success{border: 1px solid #07c160 !important;}
.b-warning{border: 1px solid #ffc36d !important;}
.b-info {border: 1px solid #2196f3;}
.b-primary{border: 1px solid #fb7944;}
.b-burlywood{border:1px solid burlywood}
.b-purple{border: 1px solid purple; }
.b-gray {border: 1px solid #b5b7b9;}
.b-gray-dark {border: 1px solid #999}
.b-white{border:1px solid #FFFFFF;}
.b-light-danger{border: 1px solid #ffcaca;}
.b-blue-dodger{border:1px solid dodgerblue;}
.b-blue-dark{border:1px solid #091350}
.b-gold {border: 1px solid #FFD700}
.bl-gray {border-left: 1px solid #e0e0e0;}
.bl-gray-dark{border-left: 1px solid #999;}

/* 圆角 */
.br{border-radius: 50%}
.br3{border-radius: 3px}
.br5{border-radius: 5px}
.br10{border-radius: 10px}
.br20{border-radius: 20px}
.br24{border-radius: 24px}
.brn {  border-radius: 0 !important;  }
.brx { border-radius: 1px !important;  }
.brm { border-radius: 2px !important;  }
.brl { border-radius: 4px !important;  }
.brxl {border-radius: 1rem !important;  }
.brxxl {border-radius: 2rem !important;  }

/* 边框 */
.border-right {border-right: 1px solid rgba(120, 130, 140, 0.13) !important;}
.border-right-0 {border-right: 0 !important;  }
.border-top {border-top: 1px solid rgba(120, 130, 140, 0.13) !important;}
.border-top-0 {border-top: 0 !important;  }
.border-bottom {border-bottom: 1px solid rgba(120, 130, 140, 0.13) !important;  }
.border-bottom-0 {border-bottom: 0 !important;  }

/* 圆圈 */
.round{line-height: 28px; width: 28px; height: 28px;display: inline-block!important;text-align: center!important;}
.round-x{line-height: 18px; width: 18px; height: 18px;}
.round-m{line-height: 45px; width: 45px; height: 45px;}
.round-l{line-height: 65px; width: 60px; height: 60px;}
.round-xl{line-height: 75px; width: 72px; height: 72px;}

/* 圈粗细 */
.bw{border-style: solid;border-width:1px !important; }
.bwx{border-style: solid;border-width:2px !important;}
.bwm{border-style: solid;border-width:3px !important;}
.bwl{border-style: solid;border-width:4px !important;}

/* 定位 */
.rel{position: relative;}
.abs{position: absolute;}

/* 图片大小 对齐方式 */
.imgtop{vertical-align:text-top;}
.imgmid{vertical-align:middle;}
.imgbot{vertical-align:text-bottom;}
.img-10{width: 10px;height: 10px}
.img-12{width: 12px;height: 12px}
.img-14{width: 14px;height: 14px}
.img-16{width: 16px;height: 16px}
.img-18{width: 18px;height: 18px}
.img-20{width: 20px;height: 20px}
.img-22{width: 22px;height: 22px}
.img-24{width: 24px;height: 24px}
.img-26{width: 26px;height: 26px}
.img-28{width: 28px;height: 28px}
.img-30{width: 30px;height: 30px}
.img-32{width: 32px;height: 32px}
.img-36{width: 36px;height: 36px}
.img-38{width: 38px;height: 38px}
.img-42{width: 42px;height: 42px}
.img-48{width: 48px;height: 48px}
.img-52{width: 52px;height: 52px}
.img-64{width: 64px;height: 64px}
.img-72{width: 72px;height: 72px}

/* 文本眼色 */
.text-gray{color: var(--bs-gray) !important;}
.text-green {color: var(--bs-green) !important;}
.text-purple{color: var(--bs-purple) !important;}
.ellipsis {  white-space: nowrap; /* 确保文本在一行内显示 */  overflow: hidden; /* 隐藏溢出的内容 */  text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */  }

/* 线 */
.line-through{text-decoration: line-through;}
/* 分割线 */
.line-gray{width: 100%;height: 1px;border-top: 1px solid #e0e0e0;}

/* self button */
.btn-light-info {
    background-color: #cfecfe;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-light-info:hover {
    background-color: #2cabe3;
    border-color: #2cabe3;
    color: #fff !important;
}
.btn-light-info:hover svg,
.btn-light-info:hover i {  color: #fff !important;  }

/*
 * General: Miscellaneous
 * ----------------------
 */
.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}
.description-block.margin-bottom {  margin-bottom: 25px;  }
.description-block > .description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
}
.description-block > .description-text {
    text-transform: uppercase;
    font-size: 13px;
}

/*
 * Component: Small Box
 * --------------------
 */
.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    position: relative;
    display: block;
    margin-bottom: 20px;color: #fff;
}

.small-box > .inner {
    padding: 10px;
}

.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.small-box > .small-box-footer:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.15);
}

.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.small-box p {
    font-size: 15px;
}

.small-box p > small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}

.small-box h3, .small-box p {
    z-index: 5;
}

.small-box .icon-box {
    transition: all 0.3s linear;
    position: absolute;
    top: -3px;
    right: 10px;
    z-index: 0;
    font-size: 72px;
    color: rgba(0, 0, 0, 0.15);
}

.small-box:hover {
    text-decoration: none;
}

.small-box:hover .icon {
    font-size: 95px;
}

@media (max-width: 767.98px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon-box {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}

/*
 * Component: Info Box
 * -------------------
 */
.info-box {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    padding: .5rem;
    min-height: 80px;
    background: #ffffff;
}

.info-box .progress {
    background-color: rgba(0, 0, 0, 0.125);
    margin: 5px 0;
    height: 2px;
}

.info-box .progress .progress-bar {
    background-color: #ffffff;
}

.info-box-icon {
    border-radius: 0.25rem;
    display: block;
    width: 70px;
    text-align: center;
    font-size: 30px;
}

.info-box-icon > img {
    max-width: 100%;
}

.info-box-content {
    padding: 5px 10px;
    flex: 1;
}

.info-box-number {
    display: block;
    font-weight: 700;
}

.progress-description,
.info-box-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box.bg-primary, .info-box.label-primary,
.info-box.bg-primary-gradient {
    color: #ffffff;
}

.info-box.bg-primary .progress-bar, .info-box.label-primary .progress-bar,
.info-box.bg-primary-gradient .progress-bar {
    background-color: #ffffff;
}

.info-box.bg-secondary,
.info-box.bg-secondary-gradient {
    color: #ffffff;
}

.info-box.bg-secondary .progress-bar,
.info-box.bg-secondary-gradient .progress-bar {
    background-color: #ffffff;
}

.info-box.bg-success, .info-box.alert-success, .info-box.label-success,
.info-box.bg-success-gradient {
    color: #ffffff;
}

.info-box.bg-success .progress-bar, .info-box.alert-success .progress-bar, .info-box.label-success .progress-bar,
.info-box.bg-success-gradient .progress-bar {
    background-color: #ffffff;
}

.info-box.bg-info, .info-box.alert-info, .info-box.label-info,
.info-box.bg-info-gradient {
    color: #ffffff;
}

.info-box.bg-info .progress-bar, .info-box.alert-info .progress-bar, .info-box.label-info .progress-bar,
.info-box.bg-info-gradient .progress-bar {
    background-color: #ffffff;
}

.info-box.bg-warning, .info-box.alert-warning, .info-box.label-warning,
.info-box.bg-warning-gradient {
    color: #1F2D3D;
}

.info-box.bg-warning .progress-bar, .info-box.alert-warning .progress-bar, .info-box.label-warning .progress-bar,
.info-box.bg-warning-gradient .progress-bar {
    background-color: #1F2D3D;
}

.info-box.bg-danger, .info-box.alert-danger,
.info-box.alert-error, .info-box.label-danger,
.info-box.bg-danger-gradient {
    color: #ffffff;
}

.info-box.bg-danger .progress-bar, .info-box.alert-danger .progress-bar, .info-box.alert-error .progress-bar, .info-box.label-danger .progress-bar,
.info-box.bg-danger-gradient .progress-bar {
    background-color: #ffffff;
}

.info-box.bg-light,
.info-box.bg-light-gradient {
    color: #1F2D3D;
}

.info-box.bg-light .progress-bar,
.info-box.bg-light-gradient .progress-bar {
    background-color: #1F2D3D;
}

.info-box.bg-dark,
.info-box.bg-dark-gradient {
    color: #ffffff;
}

.info-box.bg-dark .progress-bar,
.info-box.bg-dark-gradient .progress-bar {
    background-color: #ffffff;
}

.info-box-more {
    display: block;
}

.progress-description {
    margin: 0;
}

/*
 * Component: Social Widgets
 * -------------------------
 */
.card-widget {
    border: none;
    position: relative;
}

.widget-user .widget-user-header {
    padding: 1rem;
    height: 120px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.widget-user .widget-user-desc {
    margin-top: 0;
}

.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px;
}

.widget-user .widget-user-image > img {
    width: 90px;
    height: auto;
    border: 3px solid #ffffff;
}

.widget-user .card-footer {
    padding-top: 40px;
}

.widget-user-2 .widget-user-header {
    padding: 1rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
}

.widget-user-2 .widget-user-desc {
    margin-top: 0;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
    margin-left: 75px;
}

.widget-user-2 .widget-user-image > img {
    width: 65px;
    height: auto;
    float: left;
}

/* tag */
.tag{  display: inline-block;  padding: 2px 3px 1px;  border-radius: 2px !important;  font-size: 13px;}
.tag-default,.tag-gray {
    color: var(--bs-gray) !important;
    border: 1px solid #8898aa;
    background-color: var(--bs-light-gray) !important;
}

.tag-primary {
    color: #ee3900;
    border: 1px solid #fb7944;
    background-color: var(--bs-light-primary)  !important;
}

.tag-success {
    color: #07bf29;
    border: 1px solid #07c160 !important;
    background-color: var(--bs-light-success)  !important;
}

.tag-warning {
    color: #d39e00;
    border: 1px solid #ffc36d !important;
    --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-warning-rgb), var(--bs-bg-opacity)) !important;
}

.tag-danger {
    color: #d01530;
    border: 1px solid #ff5050 !important;
    --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-danger-rgb), var(--bs-bg-opacity)) !important;
}

.tag-info {
    color: #2196f3;
    border: 1px solid #2196f3;
    background-color: var(--bs-light-info)  !important;
}

.tag-purple {
    color: var(--bs-purple) !important;
    border: 1px solid purple;
    --bs-bg-opacity: 1;  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

/* 定义无边框 */
.tabbable-unline .nav-tabs{    border-bottom: 1px solid #eee;  height: 39px;}
.tabbable-unline > .nav-tabs li.active {
    border-bottom: none;
}
.tabbable-unline > .nav-tabs li:hover:not(.active) {
    border-bottom: none;
}
.tabbable-unline > .nav-tabs li > a {
    background-color: #f5f5f5;
    color: #777777;
    padding: 8px 15px;
}
.tabbable-unline > .nav-tabs li.active > a {
    color: #3F3F3F;
    background: #fff;
    border-left: 1px solid #f5f4f4;
    border-right: 1px solid #f5f4f4;
    font-weight: 700;
    z-index: 10;
}

/* 定义timeline */
.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto;
}
.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #e9ecef;
}
.timeline > .timeline-item {
    position: relative;
    margin-bottom: 20px;
}
.timeline > .timeline-item:before,
.timeline > .timeline-item:after {
    content: " ";
    display: table;
}
.timeline > .timeline-item:after {
    clear: both;
}
.timeline > .timeline-item > .timeline-panel {
    position: relative;
    width: 46%;
    padding: 10px 15px;
    border: 1px solid rgba(120, 130, 140, 0.13);
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.timeline > .timeline-item > .timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid rgba(120, 130, 140, 0.13);
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(120, 130, 140, 0.13);
}
.timeline > .timeline-item > .timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -7px;
    border-top: 7px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
}
.timeline > .timeline-item > .timeline-badge {
    z-index: 10;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
}
.timeline > .timeline-item.timeline-inverted > .timeline-panel {
    left: 0;
    right: 0;
    margin-left: auto;
}
.timeline > .timeline-item.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -8px;
    border-right-width: 8px;
    border-left-width: 0;
}
.timeline > .timeline-item.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -7px;
    border-right-width: 7px;
    border-left-width: 0;
}
.tiemline .timeline-heading p{margin-bottom: 7px}
.timeline-badge.primary {background-color: #707cd2;  }
.timeline-badge.success {background-color: #2cd07e;  }
.timeline-badge.warning {background-color: #ffc36d;  }
.timeline-badge.danger {background-color: #ff5050;  }
.timeline-badge.info {background-color: #2cabe3;  }
.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400;font-size: 14px; margin-bottom:6px
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-left:before {
    left: 30px;
}
.timeline-left > .timeline-item > .timeline-badge {
    left: 30px;
    top: 9px;
}
.timeline-left > .timeline-item > .timeline-panel {
    width: calc(100% - 65px);
    margin-left: 70px;
}
.timeline-right:before {
    right: 30px;
    left: auto;
}
.timeline-right > .timeline-item > .timeline-badge {
    right: 5px;
    top: 9px;
    left: auto;
}
.timeline-right > .timeline-item > .timeline-panel {
    margin-right: 85px;
    width: calc(100% - 80px);
}

.cd-horizontal-timeline .events a {
    padding-bottom: 6px;
    color: #2cabe3;
}

.cd-horizontal-timeline .filling-line,
.cd-horizontal-timeline .events a.selected::after {
    background: #2cabe3;
}

.cd-horizontal-timeline .events a.selected::after {
    border-color: #2cabe3;
}

.cd-horizontal-timeline .m-t-40 {
    margin-top: 40px !important;
}

/* wkf-task */
.task-person .timeline {padding: 0}
.task-person .timeline-left > .timeline-item > .timeline-badge {top: 0;}
.task-title{border-bottom: 1px solid #eee;  padding-bottom: 5px;font-size:16px;margin-bottom: 15px;font-weight: bold}
.task-box{border-right: 1px solid #eee;}
.task-box .task-detail{min-height: 380px;}
.task-box .task-detail .task-remark > p{line-height: 180%;}
.task-person{border-left:1px solid #eee;height: 728px}