/*支付*/
.pay-body{width: 1200px;margin: 20px auto 20px auto;}
.pay-body .ptit{font-size: 16px;color: #0086f6;border-bottom: 1px solid #eee;padding: 10px 0; font-weight: 500; display: flex;align-items: center;height: 45px;line-height: 45px;}
.pay-body .ptit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin: 0 10px 0 1px;}
        
/* 在线支付 */
.online{border-radius: 8px;background: #fff;margin-top: 20px;}
.online-body{margin-top: 10px;padding: 20px 30px;}
.online-body .pnav{background: #EEF1F6;border-radius: 10px 10px 0 0;padding: 0 10px;}
.online-body .pnav ul{display: flex;}
.online-body .pnav ul li{font-size: 14px;color: #555; padding: 10px 35px;margin-right: 10px;}
.online-body .pnav .on{border-bottom: 2px solid #0086f6;color: #0086f6;font-weight: 500;}
.online-body .online-inp{border: 5px solid #EEF1F6;border-top: 0px; border-radius: 0 0 10px 10px;padding: 30px 20px;}
.pay-body .online{font-size: 13px;border-radius: 8px;background: #fff; }
.pay-body .online .item{display: flex;flex-wrap: nowrap;justify-content: flex-start;color: #152030;font-size: 13px;margin-bottom: 30px;}
.pay-body .online .item span{width: 90px;height: 35px;line-height: 35px;text-align: right;font-weight: 500;}
.pay-body .online .item .inp{padding: 3px 0;}
.pay-body .online .item input{border: 2px solid #e1e9f5;border-radius: 20px;padding: 2px 10px;margin-left: 5px;margin-right: 10px;line-height: 28px;font-size: 13px;color: #152030;}
.pay-body .online .item input:focus{outline: none;border-color: #5dabf5;}
.pay-body .online .sub{width: 240px;height: 35px;line-height: 35px;border-radius: 20px;color: #fff;font-size: 16px;text-align: center;background:linear-gradient(to left, rgb(0, 118, 245) 0%, rgb(0, 167, 250) 100%);margin-left: 50px;}
.pay-body .online .item .winp input{width: 280px;}
/*扫码支付*/
.scan{border-radius: 8px;background: #fff;margin-top: 20px;}
.scan-body img{width: 240px;overflow: hidden; margin: 30px 0 10px 30px;}

/*银行汇款*/
.card{border-radius: 8px;background: #fff;margin-top: 20px;}
.card-body{padding: 20px 30px;}
.card-body table{width: 100%;}
.card-body table th,.card-body table td{font-size: 13px;border: 1px solid #eee;height: 40px; line-height: 20px;color: #152030;text-align: center;}
.card-body table th{font-weight: 500;color: #69798c;}
.card-body table td{padding: 20px 10px;}
.card-body table .head{background: #f6f8fa;}
.card-body table .item:hover{background: #f5f5fa;}

/* 支付结果 */
.pay-result{width: 1200px;margin: 20px auto 20px auto; margin-top: 50px;padding: 10px;background: #fff;border-radius: 8px; line-height: 26px;font-size: 14px;color: #152030;}
.pay-result .success i{font-size: 48px;color: #0086f6;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 20px;text-align: center;}
.pay-result .success p{text-align: center;font-size: 16px;letter-spacing: 1px; color: #152030;}
.pay-result .info{margin-top: 20px; line-height: 26px;}
.pay-result .info dl{margin: 5px 0; display: flex;flex-wrap: nowrap;justify-content: center;font-size: 14px;}
.pay-result .info dl dt{text-align: right;color: #69798c;}
.pay-result .info dl dd{text-align: left;}
.pay-result .info a{width: 120px;height: 30px;line-height: 30px;border-radius: 20px; background: #0086f6;color: #fff;display: block;text-align: center;margin: 30px auto;}

.pay-result .error i{font-size: 48px;color: #69798c;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 20px;text-align: center;}
.pay-result .error{margin-bottom: 30px;}
.pay-result .error p{text-align: center;font-size: 14px;letter-spacing: 1px; color: #152030;}