.recordBox {
    width: 644px;
    margin-left: 20px;
    height: 680px;
    padding-top: 24px;

}

.zhituiMsg {
    width: 643px;
    height: 119px;
    background: rgba(245, 245, 247, 1);
    border: 1px solid rgba(224, 224, 231, 1);
    border-radius: 10px;
    padding-top: 18px;
}

.zhituiMsg img {
    margin-right: 20px;
    width: 27px;
    height: 29px;
}

.topTitle {
    line-height: 28px;
    font-size: 14px;
 
    font-weight: bold;
    color: rgba(159, 133, 130, 1);
}

/* 直推情况 */
.zhituiItem>div:first-child {
    font-size: 18px;
 
    font-weight: bold;
    color: rgba(248, 104, 82, 1);
    margin-top: 19px;
}

.zhituiItem>div:nth-of-type(2) {
    font-size: 12px;
 
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.zhituiDetail {
    margin-top: 30px;
    margin-bottom: 10px;
}

.zhituiDetail h4 {
    font-size: 14px;
 
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 0;
}

.zhituiData {
    width: 120px;
    height: 30px;
    background: rgba(254, 247, 246, 1);
    border: NaNpx solid rgba(252, 187, 177, 1);
    border-radius: 15px;
    font-size: 14px;
 
    font-weight: 500;
    color: rgba(248, 104, 82, 1);
    line-height: 30px;
    text-align: center;
}

.zhituiData img {
    margin-left: 8px;
}


/* 表格 */
thead {
    height: 30px !important;
    line-height: 30px;
}

thead th {
    font-size: 14px;
 
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
    width: 20% !important;
    padding: 0 !important;
    background-color: #F5F5F7;
    border: 0 !important;
    text-align: center;
}

.table td,
.table th {
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

th {
    text-align: center;
}

td {
    text-align: center;
}

tbody tr {
    height: 46px;
}

tbody th {
    font-size: 14px;
 
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.zt_box img,
.jt_box img {
    width: 20px;
    height: 18px;
}

.zt_box>tr>td,
.jt_box>tr>td {
    font-size: 14px;
    font-weight: 400;
}

.zt_box {
    height: 400px !important;
    overflow-y: auto !important;
}

.zt_box>tr * {
    cursor: pointer;
}

.jt_box>tr * {
    cursor: pointer;
}


/* 分页按钮 */
.page-active {
    background: skyblue !important;
    color: #fff !important;
}

.page-active:hover {
    background: skyblue !important;
    color: #fff !important;
}

/* 日历控件 */
/* #datetimepicker1 {
    width: 300px;
} */
/* 日历控件 */
.calendar {
    outline: none;
    margin-right: 40px;
    width: 163px;
    height: 30px;
    background: rgba(254, 247, 246, 1);
    border: 1px solid rgba(252, 187, 177, 1);
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
 
    font-weight: 500;
    color: rgba(248, 104, 82, 1);
}

.calendar::placeholder {
    text-align: center;
    font-size: 14px;
 
    font-weight: 500;
    color: rgba(248, 104, 82, 1);
    text-indent: -20px
}

/* ie */
.calendar::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(248, 104, 82, 1);
}

.ui-calendar-pannel>span:nth-child(2),
.ui-calendar-pannel>span:nth-child(3),
.ui-calendar-pannel>span:nth-child(5) {
    display: none;
}

.ui-calendar-pannel>span:nth-child(1),
.ui-calendar-pannel>span:nth-child(6) {
    width: 27% !important;
}

/* 日历 */
.riliBox {
    position: relative;
}

.riliImg {
    position: absolute;
    right: 55px;
    top: 7px;
    width: 20px;
    /* 穿透 */
    pointer-events: none;
}

.active_bg {
    background-color: #f5f6f7c2;
}

/* 非本月不可选 */
.noThisMonth{
    color: #B5B5B5 !important;
    pointer-events: none;
    background-color: #eeeeee !important;
}