<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>深圳增值税普通发票</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
<style>
.fontColor {
color: #38adff;
font-size: 12px!important;
}
.my_project_laydate {
cursor: pointer;
}
.mfs-del {
font-size: 24px;
color: #ff7374;
}
.mfs-add {
font-size: 24px;
}
.mfs-bx-titile {
color: #38ADFF;
font-size: 24px;
position: relative;
padding-bottom: 13px;
height: 65px;
line-height: 65px;
text-align: center;
letter-spacing: 3px;
border-bottom-style: double;
border-bottom-width: 4px;
width: 300px;
}
.mfs-bx-titile2 {
color: #38ADFF;
font-size: 20px;
letter-spacing: 7px;
}
.mfs-bx-lay {
margin: 10px 20px;
}
.bill-file {
margin: 10px 0;
}
.bill-file label {
color: #38ADFF;
font-size: 12px;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
.bill-file .file-btns {
display: inline-block;
}
.bill-file .file-btns .layui-btn {
border: 1px solid #38adff;
color: #38adff;
}
.bill-file .file-btns .btn-qrcode {
margin-left: 60px;
}
.bill-file .file-btns .layui-btn:hover {
color: #fff;
background-color: #38adff;
}
.bill-file .file-btns .layui-btn + .layui-btn {
margin-left: 40px;
}
.mfs-bx-submit {
height: 30px;
line-height: 30px;
background-color: #687586;
font-size: 12px;
}
.fapiao {
width: 60%;
border: 1px solid #866f4f;
text-align: center;
margin: 0 auto;
font-size: 12px;
}
.fapiao input, textarea {
width: 90%;
border: 0;
}
.fapiaoTable {
width: 100%;
}
.shuli {
width: 20px;
border-right: 1px solid #866f4f;
padding: 10px 10px;
}
.shuli2 {
width: 20px;
padding: 10px 10px;
border-right: 1px solid #866f4f;
border-left: 1px solid #866f4f;
}
.BuyTable {
width: 100%;
}
.BuyTable input, textarea {
border: 0;
width: 90%;
}
.BuyTableName {
padding: 2px 2px;
padding-bottom: 0px;
width: 20%;
}
.GoodsTable {
width: 100%;
border: 1px solid #866f4f;
border-right: none;
border-left: none;
text-align: center;
}
.GoodsTable td {
border-right: 1px solid #866f4f;
}
.GoodsTotal {
border-top: 1px solid #866f4f;
}
.BuyTableContent {
width: 80%;
}
.TextArea {
padding: 5px 2px 5px 15px;
}
.mfs-bx {
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
height: 100px;
margin-left: 41%;
width: 60%;
}
.TableTitle {
font-size: 12px;
float: left;
margin-left: 70px;
margin-top: 25px;
}
.TableTitle input {
border: none;
}
.mfs-bx-header {
float: left;
width: 251px;
}
.TableFooter {
width: 60%;
text-align: center;
margin: 0 auto;
}
.TableFooter input {
border: none;
width: 15%;
}
</style>
</head>
<body>
<div class="layui-fluid">
<div class="layui-card-body layui-card">
<div class="mfs-bx">
<div class="mfs-bx-header ">
<span class="mfs-bx-titile" id="title">深圳增值税普通发票
</span>
<span class="mfs-bx-titile2" id="Span1">发票联
</span>
</div>
<div class="TableTitle">
<table>
<tr>
<td>发票代码:</td>
<td>
<input type="text" /></td>
</tr>
<tr>
<td>发票号码:</td>
<td>
<input type="text" /></td>
</tr>
<tr>
<td>开票日期:</td>
<td>
<input type="text" /></td>
</tr>
<tr>
<td>校 验 码:</td>
<td>
<input type="text" /></td>
</tr>
</table>
</div>
</div>
<div class="fapiao">
<table class="fapiaoTable">
<tr>
<td colspan="1" class="shuli">购买方</td>
<td colspan="4" style="width: 50%">
<table class="BuyTable">
<tr>
<td class="BuyTableName">名 称:</td>
<td class="BuyTableContent">
<input type="text" /></td>
</tr>
<tr>
<td class="BuyTableName">纳税人识别号:</td>
<td class="BuyTableContent">
<input type="text" /></td>
</tr>
<tr>
<td class="BuyTableName">地址、 电话:</td>
<td class="BuyTableContent">
<input type="text" /></td>
</tr>
<tr>
<td class="BuyTableName">开户行及账号:</td>
<td class="BuyTableContent">
<input type="text" /></td>
</tr>
</table>
</td>
<td class="shuli2">密码区</td>
<td colspan="4">
<tab