<table class="cdf" style="width:100%">
    <tbody>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Consignee:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            <#if orderInfo.consigneeCompany??>
                ${orderInfo.consigneeCompany!''}
                <br></br>
            </#if>
            ${orderInfo.consignee!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            AWB NO.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.plNo!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Date of shipment:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.zgDate!''}</td>
    </tr>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Phone No.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.consigneePhone!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            </th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            </td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Order NO.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.orderNo!''}</td>
    </tr>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Shipper Name:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            <#if orderInfo.consignorCompany??>
                ${orderInfo.consignorCompany!''}
                <br></br>
            </#if>
            ${orderInfo.consignor!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
        </th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
        </td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Place of Delivery:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.objectiveName!''} </td>
    </tr>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Phone No.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.consignorPhone!''}</td>
    </tr>
    </tbody>
</table>
<!--主要信息-->
<table class="def" style="width:100%; border-collapse: collapse;">
    <tbody>
    <tr style="height:68px;border:2px solid #333;font-family: 'Times New Roman';">
        <th
                style="width:50px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ITEM NO.</th>
        <th
                style="width:100px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            MARK</th>
        <th
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            DESCRIPTION OF GOODS</th>
        <th
                style="width:53px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            Received Ctns</th>
        <th
                style="width:53px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            Repacked Ctns</th>
        <th
                style="width:90px;font-size:12px;border:2px solid #333;text-align: center;font-family: 'Times New Roman';">
            Gross Weight (Kg)</th>
        <th
                style="width:90px;font-size:12px;border:2px solid #333;text-align: center;font-family: 'Times New Roman';">
            Volume weight（Kg）</th>
    </tr>
    <!--货物信息-->
    <#list dataList as item>
        <tr style="height:68px;border:2px solid #333;font-family: 'Times New Roman';">
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.index!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.mark!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.desc!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.num!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.num1!''}</td>
            <!--重量体积-->
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.volume!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.weight!''} </td>
        </tr>
    </#list>
    <!--总计-->
    <#--    <tr style="height:25px;border:2px solid #333;font-family: 'Times New Roman';">-->
    <#--        <td colspan="3"-->
    <#--            style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">-->
    <#--            <!--TOTAL COLLECT AT DESTINATION-->
    <#--&ndash;&gt;-->
    <#--            TOTAL IN FREIGHT AND CLEARING-->
    <#--        </td>-->
    <#--        <td-->
    <#--                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">-->
    <#--            ${totalItemMap.totalNum!''}</td>-->
    <#--        <!--重量体积&ndash;&gt;-->
    <#--        <td-->
    <#--                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">-->
    <#--            ${totalItemMap.totalVolume!''}</td>-->
    <#--        <td-->
    <#--                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">-->
    <#--            ${totalItemMap.totalWeight!''}</td>-->
    <#--        <!--海运费&ndash;&gt;-->
    <#--        <td-->
    <#--                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">-->
    <#--            ${totalItemMap.totalSeaFreight!''} </td>-->
    <#--        <!--清关费&ndash;&gt;-->
    <#--        <td-->
    <#--                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">-->
    <#--            ${totalItemMap.totalClearanceFreight!''} </td>-->
    <#--    </tr>-->
    <!--edit by liuyc 20211016 代收货款-->

    <!--保价费-->
    <!--订单其他费用合计信息-->

    <!--<tr style="height:25px;border:2px solid #333;font-family: 'Times New Roman';">
<td colspan="3" style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
    TOTALS
</td>
<td colspan="5" style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
    <table style="width:100%;border:none;">
        604USD																		,171390NGN						</table>
</td>
</tr>-->
    <tr style="height:25px;border:2px solid #333;font-family: 'Times New Roman';">
        <td colspan="3"
            style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            TOTAL COLLECT AT DESTINATION
        </td>
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">

            ${totalItemMap.totalNum!''}
        </td>
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">

            ${totalItemMap.totalNum!''}
        </td>
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">

            ${totalItemMap.totalVolume!''}
        </td>
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">

            ${totalItemMap.totalWeight!''}
        </td>

    </tr>
    <!--edit by liuyc 20210529 -->
    <!---->
    </tbody>
</table>
<!--账户信息-->
<table class="efg" style="width:100%;margin-bottom: 2rem;">
    <tbody>
    <tr style="height:25px;font-family: 'Times New Roman';">
        <th
                style="width:35%;text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman'">
            New Account Details:</th>
        <th
                style="width:20%;text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman'">
            Account Name:</th>
        <th
                style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman'">
            DE YOHANNCE UNITED EXPRESS</th>
    </tr>
    <#if acctList?? && (acctList?size > 0) >
        <#list acctList as item>
            <tr style="height:25px;font-family: 'Times New Roman';">
                <td
                        style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman';">
                    ${item.detail!''}</td>
                <td
                        style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman';">
                    ${item.name!''}</td>
                <td
                        style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman';">
                    ${item.company!''}</td>
            </tr>
        </#list>
    </#if>
    </tbody>
</table>