/* pages/wodeBillDetail/index.wxss */ @import "../townsMan/index.wxss"; page { /* background-color: #fff; */ background-color: #f5f5f5; padding-top: 10px; } .container{ overflow: hidden; /* margin-top: 10px; */ background-color: #fff; } .menuBorder { position: absolute; width: 72px; margin-left: -36px; } .totalPriceInfoContainer { padding: 0px 10px 0 10px; } .totalPriceInfo { position: relative; min-height: 161px; padding: 20px 16px 0px 20px; box-sizing: border-box; background-color: #f4faff; border-radius: 8px; } .totalPriceInfo .share{ position: absolute; right: 12px; top: 12px; width: 50px; height: 50px; text-align: center; background-color: transparent; } .taxPrecent, .beforePrice { position: relative; width: 50%; /* flex: 1; */ padding: 12px 0; } .beforePrice { /* padding-left: 50px; */ text-indent: 50px; } .taxPrecent::after { content: ""; display: block; position: absolute; width: 1px; height: 16px; right: 0; top: 50%; transform: translateY(-50%); background-color: #ccc; } .footer { position: relative; padding: 10px 0 0 0; } .footer::after { content: ""; display: block; position: absolute; width: calc(100% + 40px); height: 1px; background-color: #fff; top: 0; left: -20px; } .weui-half-screen-dialog__hd::after { content: ""; display: block; position: absolute; width: calc(100% + 48px); height: 1px; bottom: 0; left: -24px; background-color: #e2e2e2; } .weui-half-screen-dialog { height: 676px; bottom: 0; top: unset; border-radius: 8px 8px 0px 0px; padding: 0 16px 36px; } .weui-cell { padding: 0; padding-top: 16px; font-size: 16px; } .weui-cell::before { display: none; } .weui-half-screen-dialog__ft { padding-bottom: 0; } .weui-half-screen-dialog__btn-area .weui-btn { width: 200px; height: 36px; line-height: 36px; background: #1890ff; border-radius: 25px; padding: 0; } .footerBox { /* height: 84px; */ position: fixed; display: flex; justify-content: space-between; width: calc(100% - 20px); bottom: -1px; padding: 12px 15px 32px; align-items: center; background-color: #fff; /* border-top: 1px solid #ccc; */ box-shadow: 0px -1px 0px 0px rgba(153, 153, 153, 0.1); } .footerBox .weui-btn { width: 98px; height: 36px; line-height: 36px; font-weight: normal; background: #1890ff; border-radius: 18px; padding: 0; margin: 0; } .total { height: calc(100vh - 89px); /* padding-bottom: 200px; */ } .nottotal { height: calc(100vh - 10px); /* margin-bottom: 0px; */ } /* .billList{ margin-bottom: 200px; } */ .weui-half-screen-dialog__title{ max-width:320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }