input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

[v-cloak] {
  display: none !important;
}

.red {
  color: #F11F1F;
}

.blue {
  color: #019ddd;
}

.yellow {
  color: #F4854B;
}

.clearfix:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.dianzan_animate {
  animation: dianzanAnimate 4s;
}

@keyframes dianzanAnimate {
  0% {
    top: -20px;
    opacity: 1;
  }
  50% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: -100px;
    opacity: 0;
  }
}
.invoiceBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

.overFlowClass {
  overflow: hidden !important;
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mb_20 {
  padding-bottom: 1.3333333333rem;
}

.big_padding li {
  padding: 0 1.3333333333rem !important;
}

.hidden {
  display: none !important;
}

.line_bottom {
  position: relative;
}

.line_bottom::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e9e9e9;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  transition: all 0.2s 20ms;
  opacity: 0;
}

.clooseMask {
  opacity: 1;
}

.clooseInvoice {
  height: 0 !important;
}

.cloose {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAATRJREFUSA3dlUsOgjAQQC1hwQW8gjFx6d5EV56DcxEO4QVM3Ls0IV7BK/CRV4GUQttR48YmkNrOvAftFBeLv2lZlh3zPF9++0IwYPWciA4DVVWdyrI8fyMhFwasXqIFURRdlVL3pmk2n0p6OAxYMHl4xY1mBdziON6nafp4zfrvvtxB8KnEB4c5ErwrCcFnBVKJBO4UhCRSuFfgkjBOpXXVEiyGyR4AMJv1tAVzLXzdlmIQTmxQQFAnuQDWSUoVbRnvJGWsDxpJv2pBgbFELEvBxZtIT7xXYMA5/qz5jos+myyROPdgBj58Onxz9lLPCiQASQyyiUCaSLIkdiSQJAA2WyhnEIQCTajd9+VqgS/Ahrl+uxi6TOu63rZlt+pKcagWF2xunFOdJMmhK+EVzFHcr/70n/D0rk2hm85JAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 50%;
  background-color: #fff;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 0.6666666667rem;
  right: 0.8666666667rem;
  z-index: 99999;
  border-radius: 50%;
}

.btnBox {
  position: absolute;
  padding: 0.8666666667rem;
  background: #fff;
  width: 100%;
  bottom: 0;
  z-index: 999999;
}
.btnBox .btn {
  background-image: linear-gradient(37deg, #FF4848 0%, #F10215 100%);
  border-radius: 20px;
  height: 2.8rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 0;
  font-size: 1.0666666667rem;
}

.invoiceContent {
  width: 100%;
  max-width: 46.6666666667rem;
  height: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0rem;
  padding-bottom: 0.6666666667rem;
  background: #fff;
  border-radius: 0.6666666667rem 0.6666666667rem 0 0;
  transition: all 0.2s 200ms;
  overflow: hidden;
}
.invoiceContent .invoice {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
.invoiceContent .invoice .bigInvoice {
  padding-bottom: 4.5333333333rem;
}
.invoiceContent .invoice .invoiceTips {
  margin: 1.3333333333rem 0 2rem -1rem;
  font-size: 0.8rem;
  height: 2rem;
  display: flex;
  align-items: center;
  color: #F4854B;
  width: 23.3333333333rem;
  background: #FFF8F5;
  border-radius: 1rem;
  padding-left: 2rem;
}
.invoiceContent .invoice .invoiceTips span {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAAXNSR0IArs4c6QAAAtNJREFUSA3VlU1IVFEUx8+5zjTNGy2zIEjamJEFbTJoIRTUUqcW4bYgQqIPI0HEmTYFOqIiE9WmRS4iXAi50NmJbdq5i6Cyj2XRN5bvvRln3j2d8+wNb54z42SrLjL34/zPb84995wRoYZhpuKXQVMCgBQijBqJTHojN9xIYA2f7tDkPENEGwiI/4w6pU5FB2cXqvmqakaxadTHZVakejja8+6ZJvdM1pVGqJLBO0ciJN5odG7xXJBzQsx69kpzxVTkRs4czmvnLl/+RFlnhPkwqGuRxOyrcvayYDPV2U4a5zm2RkBc4PxOIehlAXDUDfxxgZPdAQhfwgQnI8nMiyB8HZhGureb2n6HQE3seCk2mHkQdJK9NdR1XQOl+Us/GFujrdg3bft16x7P0lYfX38nJ/J2JagAjOTcHUCVJqI9tm33+KGyLgGzSN6qFwC/Go3R8aA4uI+FQykEtAjhatBWArZHzzZLXhHpKV6ZXgmKg3vsn/nM0EX22UcT3VG/vQSsdK5tzYiv/aJqa36kJX5IXF1dbfXrSsCOxgNi5GaoGczMJfFxtOP6ylpGCZgU7JdDboA3MtcyUIGr1bjm6/mUgLk+j4ghigU3Ck9UbQ5pcG+HGtr9umIdZ1OdLQ7BWw53MZacO+YXVVtLJVmpOAdCew3Y0oyJmW+iL0bM+b0oj8Cd9rAaKGjjBuFmpEn2jdhUOOfZXTCNx3e5tYiwbNRvm/KMNc/RyCRfPauRBuh+d734uWAzTze52xoQ1Rj2Pv5ZM/CPMHbjyUf+Sb3HjN3Wsj0gx5gbjrcVQD/nLPyIhXe0YP8j82/BoucGaTKz1nuO3AhR3VFVABrj/IQBaWKzUAHzj9B3ubGw8uiMoznU9Yv/3UheXvLD5UW0+UEhLtlDzPkU4jYb5RpM8NMe5Bxtnul5cgFwoSS87f8zFzsvGPLKUGdNealPZsoyip0XBP/r/jfwGAjfWK1z8AAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100%;
  width: 0.7333333333rem;
  height: 1.0666666667rem;
  display: block;
  margin-right: 0.3333333333rem;
}
.invoiceContent .invoice .invoiceTitle {
  font-size: 1.0666666667rem;
  color: #333333;
  margin-top: 1.3333333333rem;
  padding-left: 4%;
}
.invoiceContent .invoice .chooseList {
  font-size: 0.8666666667rem;
  color: #333333;
  overflow: hidden;
  zoom: 1;
  box-sizing: border-box;
  margin-top: 0.2rem;
  margin-left: 4%;
}
.invoiceContent .invoice .chooseList li {
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  padding: 0 0.6666666667rem;
  background: #F6F6F6;
  border: 1px solid #F6F6F6;
  border-radius: 15px;
  margin: 0.6666666667rem 0.3333333333rem 0 0.3333333333rem;
}
.invoiceContent .invoice .chooseList .active {
  background: rgba(241, 2, 21, 0.05);
  border: 1px solid #F10215;
  border-radius: 15px;
  height: 2rem;
  line-height: 2rem;
}
.invoiceContent .invoice .historyBox {
  position: relative;
  z-index: 9999;
}
.invoiceContent .invoice .historyBox .companyTips {
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #999999;
  margin-top: 0.5333333333rem;
}
.invoiceContent .invoice .historyBox .historyTitle {
  font-size: 0.8666666667rem;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-top: 0.6666666667rem;
  margin-left: 4%;
  position: relative;
}
.invoiceContent .invoice .historyBox .historyTitle span {
  margin-right: 1.0666666667rem;
}
.invoiceContent .invoice .historyBox .historyTitle .open {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAAXNSR0IArs4c6QAAAR5JREFUOBGtUk1qAjEUfi+xi8LQrsIg7SHmAHoDF248hh6llHqIbl14g17AawylghkpWI3pe1EMYyYzEQwEkpfv5yX5AG4Yutcf6p4a3EBJh2qZj7RQBzdpncrEFOD2QRXG4BeAzU543Epph9n+e9XFF12A38fXl6OBpRdnhs24xmdd/FYDq1S23/0tLUAgxDV3Rpg2k6iBnUxktYZP6raIC9iCMYyNYaJ/sJH5B9jjNEas1VHMn005q9XOm8YbbEQ+SxZnIWqkEqqxmeAGHEciLOiNo9du6pSEDKAYP5mSAuFHzSCMowemrcL4Xp6oOY5psh4VxtcZtMXRk9NW1/F1BtUa39rjmCbuUS6+77w/PRGCps8g8/sMp4X4w2r/jtl2kCA7GqkAAAAASUVORK5CYII=) no-repeat center;
  background-size: 50%;
  width: 0.8rem;
  height: 0.4666666667rem;
  padding: 1.4666666667rem 0 1.4666666667rem 1.4666666667rem;
  position: absolute;
  right: 4%;
}
.invoiceContent .invoice .historyBox .historyTitle .delete {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAAXNSR0IArs4c6QAAARRJREFUOBGtVD0OgjAYtS4smkC8iAeQGziTOLExiw4eQjcmwg2YvYEX8BLsDKymvtdQAqEUUL6E0K99P5Q+ECtUmqYPIcRFSinY/1vQktC4R1F0W9di26XEqVdr7ThWBp7nXeH65sQSRS3Xdc/UUgZBEFSO4xzRFwsYFNSiZmPAQRiGBZxpohY490NV1KCW5uozUD0O5Q3ACddHA6beySGXGm1Ox4ALADxxi9ugieO45nbgPQOuApjgaZIO0tIQS44JYjQgECmIQeRurEUMsUMg64eV5/mmLMsXcr03CUCccfR1YkyYwR0QPBLfThxN4pyzGhAwEN9eHIk11agBSTjAJr54LcY4msRnz2VZ5uPHeJhD/AK7IVXGHJiv3wAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 50%;
  width: 0.8rem;
  height: 0.4666666667rem;
  padding: 1.4666666667rem 0 1.4666666667rem 1.4666666667rem;
  position: absolute;
  right: 4%;
}
.invoiceContent .invoice .historyBox .historyTitle .block {
  background: #F6F6F6;
  border-radius: 6px;
  display: block;
  padding: 0.3333333333rem 0.6666666667rem;
  width: 7.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.invoiceContent .invoice .historyBox .companyListBox {
  width: 92%;
  height: 0;
  overflow: hidden;
  transition: all 0.2s 20ms;
  position: absolute;
  top: 2.3333333333rem;
  left: 0;
  margin: 0.6666666667rem 4% 0;
  background: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 8px 8px;
}
.invoiceContent .invoice .historyBox .companyListBox .companyList {
  font-size: 1rem;
  color: #333333;
  background: #fff;
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin: 0 4%;
}
.invoiceContent .invoice .historyBox .companyListBox .companyList p {
  font-size: 0.9333333333rem;
  margin-bottom: 0.8666666667rem;
}
.invoiceContent .invoice .historyBox .companyListBox .companyList li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.3333333333rem 0;
  padding: 0.7333333333rem 0.8666666667rem;
  background: #F9F9F9;
  border-radius: 8px;
}
.invoiceContent .invoice .historyBox .companyListBox .companyList li span {
  max-width: 85%;
  flex: 1;
}
.invoiceContent .invoice .historyBox .companyListBox .companyList li i {
  width: 1rem;
  height: 1.3333333333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAAf9JREFUSA3tVz1Lw1AUbWKgDkGqSwcH6VYcnOsvsLOT0CFiaREE0cFNpKCjIDoU204ZCoLQTXFzdXByc3JScLKFFtLBxHPDu/ISYpsPFyWBx30559xz825e21clE+Jqt9vbkJ05jjM7Sa4oigV+v16vX07SEadOEwh+dVpR0pEGoxTGUwsjyuVyO/1+/wYrmrhiFLWgvQ3jqbRaraKqqmXbtpUwCUk1qOWg1p2GVdxhspTUMGw+amVQc49afY2xiZuw7ztsjUAdXoctagby/xf0bCjTNBfH4/Eh2m7WarWH31h2p9Mpob1GNps9MQzjlT09HyfLsrZA0JdFAaPMIordbnd+OBxuYFf28FDvMgfzPDbNuq7rV5VK5UPmULSBsQbvN+DHzHk2FFaqC4Ij6zKj0egAN02YfCczKbCm0DDM0fWSvF3cU5iVP8S8wDnKMsY4ylzgPErhQIO4YFo4buci56WtjtyyuAlpq+N2LnJe2urILYub8Cda/SRWx1FeLGMcZS5wHrhi/LDP+dX4W3KuaVoRp48jP0cYcaTxc0FepAksjNPCMo4zK36TarX6DM7x44QR58fJg7z8ON17zly4/yQQTzmDcI/EC8QXwmJcBfjsCi9Kd73Zx1MYT/cIocshLmA0WJg0krfs4Wk13lUPglMIBrIo4XxAnuQt+3wBPq+trzbfYNEAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
}
.invoiceContent .invoice .subForm {
  font-size: 0.9333333333rem;
  padding-right: 4%;
  padding-bottom: 1.3333333333rem;
  margin-left: 4%;
}
.invoiceContent .invoice .subForm li {
  height: 2.6666666667rem;
  margin-top: 0.6666666667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoiceContent .invoice .subForm li input {
  flex: 1;
  height: 100%;
  line-height: 1;
  padding: 0.7333333333rem 0.8666666667rem;
  background: #F9F9F9;
  border-radius: 8px;
  overflow: hidden;
}
.invoiceContent .invoice .subForm li span {
  width: 5.3333333333rem;
}

.tipsBox {
  display: flex;
  color: #999;
  font-size: 12px;
  margin-top: 10px;
  line-height: 20px;
}