#detailLine {
    position: relative;
    overflow: visible;
    min-height: 100px;
}

#detailLine .table {
    max-height: 250px;
    overflow-y: auto;
    min-width: 821px;
}

#detailLine .part {
    position: relative;
    display: flex;
    min-width: 821px;
    /* min-width: 1236px; */
}

#detailLine .part input {
    width: 100%;
    padding: 0 8px;
    text-align: inherit;
    font-size: 10px;
    height: 23px;
    border: 1px solid #DBDBDB;
}

#detailLine .part select {
    width: 100%;
}

#detailLine .part .required::before {
    content: '*';
    color: red;
}

#detailLine .title{
    background-color: #FFFCF2;
}

#detailLine .part.title .name{
    text-align: center;
    color: #8C5302;
}

#detailLine .part .name {
    margin: 4px 8px;
}

#detailLine .part .xmmc {
    width: 19%;
}

#detailLine .part .ggxh {
    width: 11%;
}

#detailLine .part .xmdw {
    width: 10%;
}

#detailLine .part .xmsl {
    width: 8%;
    text-align: right;
}

#detailLine .part .xmdj {
    width: 13%;
    text-align: right;
}

#detailLine .part .xmje {
    width: 13%;
    text-align: right;
}

#detailLine .part .sl {
    width: 9%;
    text-align: center;
}

#detailLine .part .se {
    width: 12%;
    text-align: right;
}

#detailLine .part .cz {
    width: 30px;
    text-align: left;
    margin-right: 10px;
}

#detailLine .part .cz .del {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url('../img/del.png') no-repeat;
    cursor: pointer;
}

#detailLine .btn {
    display: inline-block;
    height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    border: 1px solid #5582F3;
    line-height: 18px;
    color: #5582F3;
    cursor: pointer;
}

#detailLine .addDeduction{
    display: none;
}

#detailLineTotal .total {
    width: 100%;
    height: 30px;
    padding-left: 5px;
    line-height: 28px;
    text-align: left;
    color: #8C5302;
    border-top: 1px solid  rgb(141, 85, 5);
    background-color: #FFFCF2;
}

#detailLineTotal .total .total-l {
    display: inline-block;
    width: 60%;
}

#detailLineTotal .total .total-m {
    display: inline-block;
    width: 20%;
    text-align: center;
}

#detailLineTotal .total .total-r {
    display: inline-block;
    text-align: right;
    width: 15%;
    /* margin-right: 50px; */
}
#detailLineTotal .amountTaxTotal div{
    display: inline-block;
    margin-right: 10px;
}

#detailLineTotal .amountTaxTotalUppercase{
    margin-right: 30px;
}

#detailLine .item-index {
    display: inline-block;
    width: 35px;
    padding-top: 7px;
    /* padding-left: 5px; */
    text-align: center;
    color: #8C5302;
}
#detailLine .drop-down {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 37px;
    width: 212px;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);

}
#detailLine .drop-down ul {
    max-height: 168px;
    padding-top: 5px;
    margin-bottom: -3px;
    margin-right: -8px;
    overflow: scroll;
}
#detailLine .drop li {
    width: 100%;
    padding: 5px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
#detailLine .drop li:hover {
    background: #f5f5f5;
}