.payIndex{width:100%;height:100%;background:#f8f7fa;padding:10px 0;padding-bottom:66px;position:relative}.payIndex .content{width:100%;height:calc(100% - 150px);padding:0 10px;overflow-y:auto}.payIndex .title{font-size:22px;color:#409eff;padding:20px 10px 10px}.payIndex .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}.payIndex .item_title{font-size:20px;padding-bottom:10px;border-bottom:1px solid #ccc}.payIndex .item-cont{display:flex;flex-wrap:wrap;justify-content:space-between}.payIndex .item-cell{display:flex;line-height:26px;width:calc(33.33333% - 13.33333px)}.payIndex .item_name{font-weight:700;min-width:100px;width:100px}.payIndex .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}.payIndex .footer-box .footer-cell{display:flex;align-items:center;padding-right:20px;color:#409eff;font-size:16px}.payIndex .footer-box .footer-cell i{margin-left:10px}.payIndex .user_pay_info{display:flex;justify-content:space-between;padding:10px 20px;border-top:1px solid #ccc;height:150px}.payIndex .user_pay_right{min-width:400px;width:400px}.payIndex .user_pay_cell_box,.payIndex .user_pay_from_box{display:flex;align-items:center}.payIndex .user_pay_cell_box{color:#666}.payIndex .user_pay_cell_name{color:#333;font-weight:700;line-height:40px;padding-right:10px;white-space:nowrap}