dsProject/dsPay/Invoice-master/index.css

p,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

.fl {
  float: left;
}
.fz10 {
  font-size: 10px;
}
.fz12 {
  font-size: 12px;
}
.fz16 {
  font-size: 16px;
}

.black {
  color: #000;
}

.orange {
  color: #ab6226;
}

.l-s1 {
  letter-spacing: 1px;
}

.l-s2 {
  letter-spacing: 2px;
}

.l-s38 {
  letter-spacing: 38px;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.ovh {
  overflow: hidden;
}

.ps-r {
  position: relative;
}

.m-l14 {
  margin-left: 14px;
}
.m-r20 {
  margin-right: 20px;
}
.ps-al-203,
.ps-al-260,
.ps-al-306,
.ps-al-394,
.ps-al-489,
.ps-al-607,
.ps-al-638 {
  position: absolute;
  bottom: 0;
  left: 203px;
}
.ps-al-306 {
  left: 306px;
}

.ps-al-260 {
  left: 260px;
}

.ps-al-394 {
  left: 394px;
}

.ps-al-489 {
  left: 489px;
}

.ps-al-638 {
  left: 638px;
}

.ps-al-607 {
  left: 607px;
}

.ps-al-203 {
  left: 203px;
}

.lh19 {
  line-height: 19px;
}

.lh20 {
  line-height: 20px;
}

.lh24 {
  line-height: 24px;
}

.lh29 {
  line-height: 29px;
}

.lh34 {
  line-height: 34px;
}

.invoice-body {
  width: 814px;
  height: 526px;
  background: #fff;
  padding: 10px 24px 30px 30px;
  font-size: 10px;
  font-family: "宋体";
  margin: 0 auto;
}

.invoice-body-up {
  margin: 0 auto 12px;
  width: 760px;
  height: 100px;
}

.invoice-body-up-left {
  width: 230px;
  height: 100%;
}

.invoice-body-up-left-img {
  padding: 0 0 6px 16px;
}

.invoice-body-up-center {
  width: 298px;
}

.invoice-body-up-center-title {
  font-size: 24px;
  margin: 24px 0 12px;
}

.invoice-body-up-center-border {
  border-top: 2px solid #902121;
  border-bottom: 2px solid #b46a6a;
  height: 1px;
}

.invoice-body-up-right {
  width: 210px;
  padding-left: 20px;
}

.w29 {
  width: 29px;
  height: 100%;
  min-height: 10px;
}
.w31 {
  width: 31px;
  height: 100%;
  min-height: 10px;
}
.w44 {
  width: 44px;
  height: 100%;
  min-height: 10px;
}
.w46 {
  width: 46px;
  height: 100%;
  min-height: 10px;
}

.w50 {
  width: 50px;
  height: 100%;
  min-height: 10px;
}

.w57 {
  width: 57px;
  height: 100%;
  min-height: 10px;
}
.w74 {
  width: 74px;
  height: 100%;
  min-height: 10px;
}
.w77 {
  width: 77px;
  height: 100%;
  min-height: 10px;
}
.w81 {
  width: 81px;
  height: 100%;
  min-height: 10px;
}
.w88 {
  width: 88px;
  height: 100%;
  min-height: 10px;
}
.w90 {
  width: 90px;
  height: 100%;
  min-height: 10px;
}
.w91 {
  width: 91px;
  height: 100%;
  min-height: 10px;
}
.w95 {
  width: 95px;
  height: 100%;
  min-height: 10px;
}
.w97 {
  width: 97px;
  height: 100%;
  min-height: 10px;
}
.w117 {
  width: 117px;
  height: 100%;
  min-height: 10px;
}

.w118 {
  width: 118px;
  height: 100%;
  min-height: 10px;
}

.w126 {
  width: 126px;
  height: 100%;
  min-height: 10px;
}

.w150 {
  width: 150px;
  height: 100%;
  min-height: 10px;
}

.w160 {
  width: 160px;
  height: 100%;
  min-height: 10px;
}

.w170 {
  width: 170px;
  height: 100%;
  min-height: 10px;
}

.w192 {
  width: 192px;
  height: 100%;
  min-height: 10px;
}

.w203 {
  width: 203px;
  height: 100%;
  min-height: 10px;
}

.w204 {
  width: 204px;
  height: 100%;
  min-height: 10px;
}

.w212 {
  width: 212px;
  height: 100%;
  min-height: 10px;
}
.w215 {
  width: 215px;
  height: 100%;
  min-height: 10px;
}
.w360 {
  width: 360px;
  height: 100%;
  min-height: 10px;
}

.w552 {
  width: 552px;
  height: 100%;
  min-height: 10px;
}

.t-i4 {
  text-indent: 4px;
}

.invoice-right-label {
  display: inline-block;
  text-align-last: justify;
  text-align: justify;
}

.invoice-table {
  border: 1px solid #902121;
  width: 758px;
  height: 353px;
  margin: 0 auto;
}

.invoice-table-header {
  height: 78px;
  border-bottom: 1px solid #902121;
  width: 100%;
}

.invoice-table-header-left {
  width: 24px;
  border-right: 1px solid #902121;
  color: #ab6226;
  height: 72px;
  padding: 6px 0 0 2px;
}

.invoice-table-header-center1 {
  width: 398px;
  border-right: 1px solid #902121;
  height: 78px;
  padding-left: 8px;
}

.invoice-table-header-right {
  width: 252px;
  height: 78px;
  padding: 0 20px 0 24px;
  word-break: break-all;
}

.invoice-table-content {
  height: 166px;
}

.invoice-table-content-header {
  height: 20px;
  width: 100%;
}
.invoice-map{
  height: 128px;
}

.invoice-table-content-center {
  height: 16px;
  line-height: 16px;
}

.invoice-table-content-bottom {
  height: 18px;
}

.border-right-height {
  border-right: 1px solid #902121;
  height: 100%;
}

.invoice-table-content2 {
  height: 29px;
  border-bottom: 1px solid #902121;
  border-top: 1px solid #902121;
  width: 100%;
}

.invoice-table-bottom {
  height: 78px;
  width: 100%;
}

.invoice-table-footer {
  margin: 10px auto;
  width: 758px;
}

.invoice-list {
  width: 795px;
  background: #ffffff;
  padding: 55px 35px 30px 38px;
  font-size: 14px;
  font-family: "宋体";
  margin: 0 auto;
}
.invoice-list-title {
  height: 58px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #ab6226;
}
.invoice-list-header {
  height: 100px;
  width: 739px;
  overflow: hidden;
  padding-left: 6px;
}
.invoice-list-header-name {
  height: 30px;
}
.invoice-list-header-name1 {
  width: 310px;
}
.invoice-list-header-name2 {
  width: 258px;
}
.invoice-list-table {
  width: 744px;
  border: 2px solid #902121;
  margin-bottom: 24px;
}
.invoice-list-table-title {
  border-bottom: 2px solid #c58c8c;
  width: 100%;
  height: 18px;
  line-height: 18px;
  color: #ab6226;
  text-align: center;
  overflow: hidden;
  font-size: 12px;
}
.invoice-list-table-title1,
.invoice-list-table-title2,
.invoice-list-table-title3,
.invoice-list-table-title4,
.invoice-list-table-title5,
.invoice-list-table-title6,
.invoice-list-table-title7,
.invoice-list-table-title8 {
  float: left;
  width: 30px;
  min-height: 18px;
  border-right: 1px solid #c58c8c;
}

.invoice-list-table-title2 {
  width: 214px;
}
.invoice-list-table-title3 {
  width: 72px;
}
.invoice-list-table-title4 {
  width: 43px;
}
.invoice-list-table-title5 {
  width: 76px;
}
.invoice-list-table-title6 {
  width: 80px;
}
.invoice-list-table-title7 {
  width: 90px;
}
.invoice-list-table-title8 {
  width: 28px;
}
.invoice-list-table-title9 {
  float: left;
  width: 96px;
}
.invoice-table-map {
  height: 900px;
  overflow: hidden;
  position: relative;
}
.invoice-border-line1,
.invoice-border-line2,
.invoice-border-line3,
.invoice-border-line4,
.invoice-border-line5,
.invoice-border-line6,
.invoice-border-line7,
.invoice-border-line8 {
  position: absolute;
  height: 100%;
  bottom: 0;
  border-right: 1px solid #c58c8c;
}
.invoice-border-line1 {
  left: 30px;
}
.invoice-border-line2 {
  left: 245px;
}
.invoice-border-line3 {
  left: 318px;
}
.invoice-border-line4 {
  left: 362px;
}
.invoice-border-line5 {
  left: 439px;
}
.invoice-border-line6 {
  left: 520px;
}
.invoice-border-line7 {
  left: 611px;
}
.invoice-border-line8 {
  left: 640px;
}
.invoice-table-map-item {
  width: 100%;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
}
.invoice-table-bottom1 {
  width: 100%;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
}
.invoice-table-bottom2 {
  width: 100%;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  border-top: 1px solid #c58c8c;
}
.invoice-table-bottom2-left {
  min-height: 40px;float: left;width: 30px;border-right: 1px solid #c58c8c;text-align: center;color: #ab6226;line-height: 40px;
}
.invoice-table-bottom2-right {
  min-height: 40px;
  float: left;
  width: 700px;
  text-align: left;
}
.invoice-table-footer{
  overflow:hidden;margin: 0 auto;width:744px;
}
.invoice-table-footer-left{
  float: left;width: 460px;
}
.invoice-table-footer-right{
  float: left;width: 240px;
}