.settlement{width:100%;height:100%;background:#f8f7fa;padding:10px 0;padding-bottom:66px;position:relative}.settlement .content{width:100%;height:100%;padding:0 10px;overflow-y:auto}.settlement .title{font-size:22px;color:#409eff;padding:20px 10px 10px}.settlement .item-box{background:#fff;width:100%;padding:20px 20px 16px;border:1px solid transparent;border-top:5px solid #409eff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-top:30px;border-radius:4px}.settlement .item_title{font-size:20px;padding-bottom:10px;border-bottom:1px solid #ccc}.settlement .item-cont{display:flex;flex-wrap:wrap;justify-content:space-between}.settlement .item-cell{display:flex;line-height:26px;width:calc(33.33333% - 13.33333px)}.settlement .item_name{font-weight:700;min-width:100px;width:100px}.settlement .footer-box{position:absolute;left:0;bottom:0;height:60px;padding:0 10px;display:flex;align-items:center;justify-content:flex-end;width:100%;border-top:1px solid #ccc;background:#fafafa}.settlement .footer-box .footer-cell{display:flex;align-items:center;padding-right:20px;color:#409eff;font-size:16px}.settlement .footer-box .footer-cell i{margin-left:10px}.settlement .user_pay_info{display:flex;justify-content:space-between;padding:10px 20px;border-top:1px solid #ccc;height:300px}.settlement .user_pay_right{min-width:400px;width:400px}.settlement .user_pay_cell_box,.settlement .user_pay_from_box{display:flex;align-items:center}.settlement .user_pay_cell_box{color:#666}.settlement .user_pay_cell_name{color:#333;font-weight:700;line-height:40px;padding-right:10px;white-space:nowrap}