.swp-drawer-box {
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    /*line-height: 1.15;*/
}
.swp-drawer-box .el-drawer{
    /*滚动不了*/
    overflow: visible;
}
/*.swp-drawer-box .el-button:focus, .el-button:hover {
    color: #fff;
}*/
.detail-main {
    position: relative;
    height: 100%;
    padding: 32px 40px 0;
    overflow: hidden;
    background-color: #fff;
}
.detail-main.no-padding {
    padding: 0;
}
.vux-flexbox {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
}
.vux-flex-row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.vux-flex-col, .vux-flex-row {
    -webkit-box-direction: normal;
}
.d-container {
    position: relative;
    height: 100%;
}
.wk-detail-header {
    padding: 32px 32px 0;
}
.wk-detail-header-subtitle {
    margin-bottom: 2px;
    font-size: 14px;
    color: #6b778c;
}
.wk-detail-header-left, .wk-detail-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wk-detail-header-title {
    overflow: hidden;
    font-size: 24px;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.d-container-body {
    margin-top: 8px;
    flex: 1;
    height: 0;
    padding: 0 32px 16px;
    overflow-y: auto;
}
.detail-head-base {
    position: relative;
    padding: 16px;
    background-color: #f4f5f7;
    border-radius: 3px;
}
.detail-head-base .base-item {
    flex: 0 0 20%;
    overflow: hidden;
}
.detail-head-base .base-title {
    color: #6b778c;
}
.text-one-line {
    white-space: nowrap;
}
.text-one-ellipsis, .text-one-line {
    overflow: hidden;
    text-overflow: ellipsis;
}
.detail-head-base .base-value {
    min-height: 14px;
    margin-top: 8px;
}
.d-container-body .top-padding {
    padding-top: 16px;
}
.close-btn {
    margin-right: 0 !important;
    font-size: 26px !important;
    position: absolute;
    top: 160px;
    left: -40px;
    z-index: 0;
    padding: 6px !important;
    /*background-color: #0052cc !important;*/
    /*border-color: #0052cc !important;*/
    color:#fff !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.el-form--flex {
    padding: 0;
    margin: 16px 0 0;
}
.el-form--flex.el-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swp-drawer-box .el-input.is-disabled .el-input__inner {
    color:#606266;
}
.d-container-body .left-right-wrap > .left {
    flex: 1;
    padding-right: 40px;
    overflow: hidden;
}
.d-container-body .left-right-wrap > .right {
    flex-shrink: 0;
    width: 280px;
}

.log {
    position: relative;
    margin-top: 40px;
}
.log .log-group {
    margin-top: 15px;
}
.log .log-group .log-group__title {
    width: 70px;
    padding-top: 15px;
    margin-right: 15px;
    text-align: center;
}
.log .log-group .log-group__title .time-day {
    font-size: 24px;
}
.log .log-group .log-group__title .time-month {
    margin-top: 5px;
    font-size: 14px;
}
.vux-flexbox .vux-flexbox-item {
    flex: 1;
    width: 0;
    min-width: 20px;
}
.fl-c {
    position: relative;
    padding: 12px 0 8px 16px;
    background-color: #fff;
}
.fl-b {
    margin-top: 8px;
    /*margin-left: 40px;*/
}
.fl-b .fl-b-content {
    line-height: 18px;
    letter-spacing: 1px;
    word-wrap: break-word;
    /*white-space: pre-wrap;*/
}
.log-fields-view {
    margin-top: 8px;
}
.cell-hd {
    margin-right: 8px;
}
.cell-label {
    color: #42526e;
}
.fl-h .fl-h-b .fl-h-name {
    font-weight: 500;
}
.fl-h .fl-h-b .fl-h-name .realname {
    color: #172b4d;
}
.fl-h .fl-h-b .fl-h-time {
    margin-top: 2px;
    color: #6b778c;
}
.swp-drawer-box .half{
    width: 50%;
}