/* 银行汇款 */
.pay-body{margin:50px 12px 0 12px;border-radius: 8px; background: #fff;padding-bottom: 30px;}
.pay-body .nav{height: 65px;border-bottom: 1px solid #eee;color: #152030;display: flex;flex-wrap: nowrap;justify-content:space-between;}
.pay-body .nav div{flex: 1;font-size: 14px; box-sizing: border-box;text-align: center;display: flex;flex-direction: column;justify-content: center;flex-wrap: nowrap;}
.pay-body .nav div i{font-size: 16px;margin-bottom: 5px;}
.pay-body .nav div:nth-child(1) i{font-size: 22px;margin-bottom: 0px;}
.pay-body .nav div:nth-child(3) i{font-size: 24px;margin-bottom: 0px;}
.pay-body .nav .on{color: #006ff6;border-bottom: 2px solid #006ff6;}

.pay-body .card{border:1px solid #eee;border-radius: 5px;padding-bottom: 20px;margin: 10px;}
.pay-body .card .card-body{padding: 10px;}
.pay-body .card .tit{border-radius: 3px 3px 0 0;padding: 10px 10px;font-size: 14px;background: #eee; display: flex;flex-wrap: nowrap;justify-content: space-between;}
.pay-body .card .tit .name{color: #006ff6;display: flex;justify-content: start;align-items: center;}
.pay-body .card .tit .name i{margin-right: 5px;font-size: 16px;}
.pay-body .card .tit .zd{font-size: 12px;color: #bbb;}
.pay-body .card .tit .zd i{font-size: 12px;color: #bbb;margin-left: 5px;}

.pay-body .card .on .down{display: none;}
.pay-body .card .on .up{display: inline;}
.pay-body .card .off .down{display: inline;}
.pay-body .card .off .up{display: none;}
.pay-body .card .on .card-body{display: block;}
.pay-body .card .off .card-body{display: none;}

.pay-body .card-body .pcon{margin-bottom: 10px;border-bottom: 1px dotted #eee; font-size: 14px;display: flex;flex-direction: column;line-height: 26px;color: #152030;}
.pay-body .card-body .pcon span{color: #555;}

/* 扫码支付 */
.pay-body .nav-body .scan{padding: 20px 10px;}
.pay-body .nav-body .scan img{width: 240px;display: block;margin: 0 auto;}

/* 在线支付 */
.pay-body .online{padding: 10px;}
.pay-body .online .item{display: flex;flex-wrap: nowrap;justify-content: flex-start;color: #152030;font-size: 14px;margin: 30px 0;}
.pay-body .online .item span{width: 22%;height: 35px;line-height: 35px;text-align: right;}
.pay-body .online .item .inp{flex: 1;}
.pay-body .online .item input{width: 90%;padding: 3px 10px; border-radius: 20px; border: 2px solid #e1e9f5; margin-left: 0px;line-height: 28px;font-size: 14px;color: #152030;}
.pay-body .online .item input:hover{border-color: #5dabf5;}
.pay-body .online .item input:focus{outline: none;border-color: #5dabf5;}
.pay-body .online .sub{width: 90%;height: 35px;line-height: 35px;border-radius: 20px;color: #fff;font-size: 16px;text-align: center;background-color: #ff9a14;margin: 30px auto;}