body{ padding-top: 70px;}
.tip{display: none;}
.invoice-container{padding: 15px; background-color: #f4f1ed;}
.content{ width: 100%; margin: 0 auto; border-top: 0.5px solid #000;}
.content .logo-area{overflow: hidden;}
.content .logo-area .left{ float: left; margin-top: 15px; width: 65%;}
.content .logo-area .left .logo{ width: 250px;}
.content .logo-area .right{float: right; width: 30%;}
.content .logo-area .right p{text-align: center; margin: 0;font-size: 12px;}
.content .logo-area .right p.invoice{font-size: 39px;}

.company{overflow: hidden;  margin-top: 30px;}
.company .my-info{float: left; width: 50%;}
.company .other-info{float: right; width: 50%;}
.company p{font-size: 12px; width: 100%;}

.table{width: 100%;  margin-top: 30px; font-size: 12px; border-collapse: collapse;table-layout: fixed;}
.table input{font-size: 12px; height: 25px;}
.table thead{height: 30px;}    
.table thead th{border: 1px solid #fff; background: #dc0000; color: #fff;}
.table th.col-index, .table td.col-index { width: 30px; min-width: 30px; max-width: 30px; text-align: center; }
.table th.col-details, .table td.col-details {  padding: 10px; word-wrap: break-word;  word-break: break-word; }     
.table th.col-qty,.table td.col-qty { width: 60px;min-width: 60px;text-align: center;}
.table th.col-price, .table td.col-price {width: 100px;min-width: 100px;text-align: center;}
.table th.col-total,.table td.col-total { width: 120px;min-width: 120px;text-align: right;padding-right: 15px;}
.table tbody td{min-height: 40px;border: 1px dashed #ccc;}
.table tbody tr td:nth-child(1){border-left: none;}
.table tbody tr td:last-child{border-right: none;}
.table tbody tr:nth-child(1) td{border-top: none;}
.table tbody tr:last-child td{border-bottom: none;}
.operate-box{margin: 0 auto; width: 80px; height: 35px;}


.bank_info{width: 100%; margin-top: 50px; font-size: 12px;}
.bank_info p{margin: 2px;}
.bank_info .rule_title{ margin-bottom: 20px;}


.subtotal-box{ width: 230px; height: 130px; float: right;}
.subtotal-box .top-sub{ width: 100%; height: 80px; background:#000; color: #fff;}
.subtotal-box .top-sub input{font-size: 12px; height: 25px;}
.subtotal-box .bottom-sub{ width: 100%; height: 50px;background: #dc0000; text-align: center; line-height: 50px; color: #fff; font-size: 16px; font-weight: bold;}    
.subtotal-box .top-sub .subtal{ width: 100%; height: 40px; line-height: 40px; font-size: 12px;}
.subtotal-box .top-sub .subtal .l{width: 130px; height: 40px; text-align: left; float: left; font-weight: bold; padding-left: 5px;}
.subtotal-box .top-sub .subtal .r{width: 87px; height: 40px; text-align: right; float: right; padding-right: 5px;font-weight: bold;}
.subtotal-box .top-sub .tax{ width: 100%; height: 40px; line-height: 40px; font-size: 12px;}
.subtotal-box .top-sub .tax .l{width: 130px; height: 40px; text-align: left; float: left; font-weight: bold; padding-left: 5px;}
.subtotal-box .top-sub .tax .r{width: 87px; height: 40px; text-align: right; float: right; padding-right: 5px;font-weight: bold;}



.end-box{ width: 100%; margin-top: 50px;}
.end-box .end-content{ width: 70%; float: left;}
.end-box .end-content p{font-size: 12px; margin: 0;}
.end-box .end-content .term{ font-size: 14px;}
.end-box .end-content .day{ margin-top: 30px;}
.end-box .end-content .day input{ width: 40px; display: inline;}
.end-box .end-content .c{margin:15px 0;}
.end-box .end-content .thank{ font-size: 16px; color: #dc0000; font-weight: bold;}
.end-box .sign{width: 30%; float: left; font-size: 12px; padding-top: 133px;}


@media screen and (max-width: 1500px) {
    .tip{display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; align-items: center; justify-content: center; font-size: 30px;}
    
}