.rkjl{ top: 155px; left: 20px; right: 20px; width: auto; height: calc(100vh - 185px); background-color: #fff; border-radius: 0 0 10px 10px; } .rkjl .mui-scroll{ padding: 0 8px; background-color: #fff; } .record-box{ box-shadow: 0 0 4px rgba(0,64,40,.1); margin: 0 20px; overflow: hidden; } .record-box .total{ padding: 0 15px; line-height: 45px; height: 45px; overflow: hidden; font-size: 15px; color: #178255; font-weight: bold; background-color: #e7f2ee; border-radius: 10px 10px 0 0; } .record-box .total b{ font-size: 22px; margin: 0 12px; } .m-record .item{ padding-bottom: 9px; border-bottom: 1px solid #eee; } .m-record .id{ font-size: 16px; color: #000; padding: 15px 0; } .m-record .g-listb2 .con{ justify-content: space-between; } .m-record .g-listb2 .con span, .m-record .g-listb2 .con b{ font-size: 15px; } .m-record .g-listb2 .con em{ font-size: 20px; font-style: normal; } .m-record .time{ font-size: 13px; color: #666; margin-top: -5px; } .g-listb2 .con { padding: 0 8px; margin: 0 4px 10px; }