/* pages/finance/voucher/voucher.wxss */ .information_box{ width: 80%; margin: 0 auto; } .information_box view{ margin-bottom: 15px; display: flex; } .information_box view text{ color: #ffffff; line-height: 1; display: block; } .information_box view text:nth-child(1){ border-left: 3px solid #ffffff; padding-left: 10px; } .pure_top{ height: 150px; } .pure_top::after { height: 150px; } .main-box{ background: #ffffff; padding: 20px; width: 94%; margin: 0 auto; border-radius: 10px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16); } .tab1{ background-color: #ed7105; color: #ffffff; line-height: 1; display: inline-block; padding: 5px 12px; border-radius: 50px; } .tab2{ background-color: #a2be66; display: inline-block; line-height: 18px; width: 18px; height: 18px; color: #ffffff; text-align: center; border-radius: 50%; margin-right: 5px; } .tit_box{ display: flex; justify-content: space-between; margin-bottom: 10px; } .voucher_box{ border-bottom: 1px dashed #e1e1e1; margin-top: 10px; } .tab_box{ flex-shrink: 0; width: 100px; } .tit{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; } .money{ color: #e63a37; } .moneyCount{ width: 94%; margin: 0 auto; border-bottom: 1px dashed #e1e1e1; padding: 20px; } .moneyCount view{ display: flex; justify-content: space-between; margin-top: 10px; }