/* 银行汇款 */.pay-body{margin:60px 12px 0 12px;border-radius:8px;background:#fff;padding-bottom:30px}.pay-body .nav{padding:5px;border-bottom:0 solid #eee;color:#152030;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:10px}.pay-body .nav .item{cursor:pointer;font-weight:600;border-radius:10px;padding:8px 0;flex:1;font-size:14px;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;justify-content:center;flex-wrap:nowrap;transition:all .3s ease}.pay-body .nav .item:not(.on):hover{transform:translateY(5px)}.pay-body .nav .item i{font-size:18px;font-weight:600}.pay-body .nav .item span{font-weight:600;margin-top:5px}.pay-body .nav .item:nth-child(1) i{font-size:22px}.pay-body .nav .item:nth-child(3) i{font-size:24px}.pay-body .nav .on{color:#006ff6;border-bottom:5px solid #006ff6;transform:translateY(8px)}.pay-body .nav .online-nav{background:#c6f0de;color:#096}.pay-body .nav .scan-nav{background:#c4e8f5;color:#027897}.pay-body .nav .bank-nav{background:#cce0ff;color:#0052cc}.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{font-weight:600;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:14px;color:#bbb;cursor:pointer}.pay-body .card .tit .zd i{font-size:14px;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{font-weight:500;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:260px;display:block;margin:0 auto}.pay-body .online{padding:10px 25px}.pay-body .online .item{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;color:#152030;font-size:14px;margin:25px 0}.pay-body .online .item .tit i{margin-right:3px}.pay-body .online .item .tit .product{font-size:12px}.pay-body .online .item .tit .money{font-size:16px}.pay-body .online .item:nth-child(1){margin-top:0}.pay-body .online .item span{height:35px;line-height:35px;text-align:left;color:#69798c;font-size:14px;font-weight:600}.pay-body .online .item .inp{width:100%}.pay-body .online .item input{width:100%;padding:8px 10px;border-radius:10px;border:2px solid #e1e9f5;line-height:28px;font-size:14px;font-weight:600;color:#152030}.pay-body .online .item input:hover{border-color:#5dabf5}.pay-body .online .item input:focus{outline:0;border-color:#5dabf5;box-shadow:0 2px 5px #bcdbf5,0 3px 6px #7bb9f4}.pay-body .online .item .money{font-size:14px}.pay-body .online .item .money input{font-size:16px}.pay-body .online .sub{cursor:pointer;width:100%;height:45px;line-height:45px;border-radius:30px;color:#fff;font-size:16px;text-align:center;background-color:#0086f6;margin:40px auto;user-select:none;letter-spacing:1px;border:2px solid #fff;font-weight:600;background:#0086f6;background:linear-gradient(135deg,#40a0ef 0,#0086f6 100%);background:-webkit-linear-gradient(135deg,#40a0ef 0,#0086f6 100%);text-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 4px 12px #98cbf4,0 2px 4px #0086f6;transition:all .3s ease}.pay-body .online .sub:hover{background:linear-gradient(135deg,#98cbf4 0,#0086f6 100%);box-shadow:0 6px 16px #8ec6f4,0 3px 6px #0086f6;transform:translateY(-1px)}.pay-body .online .sub:active{background:linear-gradient(135deg,#98cbf4 0,#0086f6 100%);box-shadow:0 2px 8px #98cbf4;transform:translateY(1px)}.pay-body .online .sub::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out}.pay-body .online .sub:active::after{width:200px;height:200px;opacity:1;transition:0s}input::placeholder,textarea::placeholder{color:#c8c9cc;opacity:1}input::placeholder,textarea::-moz-placeholder{color:#c8c9cc;opacity:1}input::placeholder,textarea::-ms-input-placeholder{color:#c8c9cc}input::placeholder,textarea::-webkit-input-placeholder{color:#c8c9cc}