提现页面完成

src/main/webapp/resources/css/pinganPay/pinganPay.css

@@ -12,6 +12,20 @@
 .pingan-pay {
     background-color: #f5f8fe;
 }
+
+a.next-step {
+    display: block;
+    width: 114px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    color: #fff;
+    border-radius: 2px;
+    background: #f44c0a;
+    font-size: 14px;
+    margin: 21px auto 33px;
+}
+
 .pingan-pay .pingan-pay-header {
     background-color: #fff;
     border: 1px solid #4290f7;
@@ -96,4 +110,224 @@
     color: #333;
     float: right;
     margin-right: 12px;
-}
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card {
+    margin-top: 20px;
+    padding: 34px 43px 41px 43px;
+    background: #fdf9f6;
+    font-size: 14px;
+    border-top: 2px solid #ff8522;
+    position: relative;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card  >img{
+    position: absolute;
+    top: -11px;
+    left: 144px;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists {
+    border-bottom: 1px dashed #fec79a;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item {
+    display: inline-block;
+    width: 288px;
+    margin: 0 39px 17px 0;
+    vertical-align: middle;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item:nth-child(3n) {
+    margin-right: 0;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .com-check-radio{
+    margin-top: 10px;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .card-info {
+    display: inline-block;
+    width: 263px;
+    height: 43px;
+    line-height: 43px;
+    background: #fff;
+    border-radius: 3px;
+    border: 1px solid #e5e5e5;
+    float: right;
+    cursor: pointer;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .card-info.active {
+    border: 1px solid #4290f7;
+    background: #f8fafd;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .card-info img {
+    margin: 0 10px;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .card-info span {
+    margin-right: 18px;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .card-info >div {
+    width: 166px;
+    display: inline-block;
+    float: right;
+}
+.pingan-pay .pingan-pay-content .pingan-pay-card .card-lists .card-list-item .card-info >div >i {
+    font-style: normal;
+    font-weight: bold;
+    color: #ff8522;
+    font-size: 18px;
+    margin-right: 10px;
+}
+
+/*第二步结算 start*/
+.pingan-pay .pingan-pay-accounting {
+    background: #fff;
+    padding: 21px 0 87px 0;
+}
+.pingan-pay .pingan-pay-accounting >span {
+    position: relative;
+    display: inline-block;
+    padding: 0 22px;
+    text-align: center;
+    height: 36px;
+    line-height: 36px;
+    color: #fff;
+    font-size: 16px;
+    background: #05a9f5;
+}
+.pingan-pay .pingan-pay-accounting >span::after {
+    content: '';
+    position: absolute;
+    right: -14px;
+    width: 36px;
+    height: 36px;
+    border-radius: 100%;
+    background: #05a9f5;
+}
+.pingan-pay .pingan-pay-accounting >span.wechat,
+.pingan-pay .pingan-pay-accounting >span.wechat::after{
+    background: #21bf01;
+}
+.pingan-pay .pingan-pay-accounting >span.alipay,
+.pingan-pay .pingan-pay-accounting >span.alipay::after{
+    background: #05a9f5;
+}
+.pay-recharge .pay-recharge-accounting >span.fastpay,
+.pay-recharge .pay-recharge-accounting >span.fastpay::after{
+    background: #f44c0a;
+}
+.pingan-pay .pingan-pay-accounting >span.withdraw {
+    background-image: -moz-linear-gradient(180deg, #1ea0fa 0%, #0b7bf4 100%);
+    background-image: -webkit-linear-gradient(180deg, #1ea0fa 0%, #0b7bf4 100%);
+    background-image: -ms-linear-gradient(180deg, #1ea0fa 0%, #0b7bf4 100%);
+    background-image: linear-gradient(90deg, #1ea0fa 0%, #0b7bf4 100%);
+}
+.pingan-pay .pingan-pay-accounting >span.withdraw::after{
+    background-image: -moz-linear-gradient(180deg, #0e7ff5 0%, #0a78f4 100%);
+    background-image: -webkit-linear-gradient(180deg, #0e7ff5 0%, #0a78f4 100%);
+    background-image: -ms-linear-gradient(180deg, #0e7ff5 0%, #0a78f4 100%);
+    background-image: linear-gradient(90deg, #0e7ff5 0%, #0a78f4 100%);
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area {
+    width: 710px;
+    margin: 0 auto;
+    border: 1px solid #e6f0fe;
+    font-size: 14px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-info {
+    background: #e6f0fe;
+    padding: 21px 0 56px 19px;
+    width: 710px;
+    margin-left: -1px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-info > p {
+    font-size: 16px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-info > div {
+    width: 352px;
+    height: 43px;
+    line-height: 43px;
+    margin-bottom: 10px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-info > div > span {
+    display: inline-block;
+    width: 84px;
+    text-align: right;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-info > div .accounting-price-area {
+    font-size: 18px;
+    display: inline-block;
+    background: #fff;
+    padding: 0 10px;
+    height: 30px;
+    line-height: 30px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-info > div > div {
+    border: none;
+    cursor: default;
+    border-radius: 2px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form {
+    height: 267px;
+    padding: 24px 0 0 19px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div {
+    margin-bottom: 12px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div > span:first-child {
+    display: inline-block;
+    width: 98px;
+    text-align: right;
+    margin-right: 16px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div > input {
+    width: 167px;
+    height: 30px;
+    display: inline-block;
+    border-radius: 2px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div > a {
+    font-size: 12px;
+    color: #4290f7;
+    margin-left: 14px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div .error-tip {
+    color: #f31a1a;
+    margin-left: 11px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div >img {
+    margin-left: 14px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div .pay-remind {
+    font-size: 12px;
+    color: #999;
+    margin: 12px 0 33px 118px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div .dynamic-code {
+    display: inline-block;
+    width: 126px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    border-radius: 2px;
+    background: #f44c0a;
+    color: #fff;
+    cursor: pointer;
+    margin-left: 10px;
+    outline: none;
+    font-size: 14px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div .dynamic-code.disabled {
+    background: #dedddd;
+    cursor: not-allowed;
+    color: #666;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form > div .dynamic-code.disabled span {
+    color: #f31a1a;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form .go-accounting {
+    text-align: center;
+    margin-top: 48px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form .go-accounting .dynamic-code {
+    width: 114px;
+}
+.pingan-pay .pingan-pay-accounting .accounting-input-area .accounting-input-form .go-accounting a {
+    font-size: 14px;
+    margin-left: 10px;
+}
+/*第二步结算 end*/

src/main/webapp/resources/js/pinganPay/controllers/forstore/withdraw_ctrl.js

@@ -1,6 +1,9 @@
 define([ 'app/app' ], function(app) {
     'use strict';
     app.register.controller('withdrawCtrl', ['$scope', '$rootScope', 'toaster', function ($scope, $rootScope, toaster ) {
+        $scope.step = 1;
+        $scope.setStep = function (step) {
+            $scope.step = step;
+        }
     }]);
-
 });

src/main/webapp/resources/view/pinganPay/forstore/recharge.html

@@ -1,6 +1,5 @@
 <style>
-    .pay-recharge .pay-recharge-content .pay-recharge-input,
-    .pay-recharge .pay-recharge-content .pay-recharge-card{
+    .pay-recharge .pay-recharge-content .pay-recharge-input {
         margin-top: 20px;
         padding: 34px 0 41px 14px;
         background: #fdf9f6;
@@ -8,8 +7,7 @@
         border-top: 2px solid #ff8522;
         position: relative;
     }
-    .pay-recharge .pay-recharge-content .pay-recharge-input >img,
-    .pay-recharge .pay-recharge-content .pay-recharge-card >img{
+    .pay-recharge .pay-recharge-content .pay-recharge-input >img {
         position: absolute;
         top: -11px;
         left: 144px;
@@ -26,68 +24,9 @@
         color: #f31a1a;
         margin-left: 27px;
     }
-    .pay-recharge .pay-recharge-content >a {
-        display: block;
-        width: 114px;
-        height: 30px;
-        line-height: 30px;
-        text-align: center;
-        color: #fff;
-        border-radius: 2px;
-        background: #f44c0a;
-        font-size: 14px;
-        margin: 21px auto 33px;
-    }
     .pay-recharge .pay-recharge-content >a.to-bank {
         width: 168px;
     }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists {
-        border-bottom: 1px dashed #fec79a;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item {
-        display: inline-block;
-        width: 288px;
-        margin: 0 54px 17px 0;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item:nth-child(3n) {
-        margin: 0;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .com-check-radio{
-        margin-top: 10px;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .card-info {
-        display: inline-block;
-        width: 263px;
-        height: 43px;
-        line-height: 43px;
-        background: #fff;
-        border-radius: 3px;
-        border: 1px solid #e5e5e5;
-        float: right;
-        cursor: pointer;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .card-info.active {
-        border: 1px solid #4290f7;
-        background: #f8fafd;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .card-info img {
-        margin: 0 10px;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .card-info span {
-        margin-right: 18px;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .card-info >div {
-        width: 166px;
-        display: inline-block;
-        float: right;
-    }
-    .pay-recharge .pay-recharge-content .pay-recharge-card .card-lists .card-list-item .card-info >div >i {
-        font-style: normal;
-        font-weight: bold;
-        color: #ff8522;
-        font-size: 18px;
-        margin-right: 10px;
-    }
     .pay-recharge .pay-recharge-content .pay-recharge-card .fast-pay-content {
         margin-top: 19px;
     }
@@ -117,42 +56,6 @@
         line-height: 16px;
     }
     /* 第二步 start */
-    .pay-recharge .pay-recharge-accounting {
-        background: #fff;
-        padding: 21px 0 87px 0;
-    }
-    .pay-recharge .pay-recharge-accounting >span {
-        position: relative;
-        display: inline-block;
-        padding: 0 21px;
-        text-align: center;
-        height: 36px;
-        line-height: 36px;
-        color: #fff;
-        font-size: 16px;
-        background: #21bf01;
-    }
-    .pay-recharge .pay-recharge-accounting >span::after {
-        content: '';
-        position: absolute;
-        right: -14px;
-        width: 36px;
-        height: 36px;
-        border-radius: 100%;
-        background: #21bf01;
-    }
-    .pay-recharge .pay-recharge-accounting >span.wechat,
-    .pay-recharge .pay-recharge-accounting >span.wechat::after{
-        background: #21bf01;
-    }
-    .pay-recharge .pay-recharge-accounting >span.alipay,
-    .pay-recharge .pay-recharge-accounting >span.alipay::after{
-        background: #05a9f5;
-    }
-    .pay-recharge .pay-recharge-accounting >span.fastpay,
-    .pay-recharge .pay-recharge-accounting >span.fastpay::after{
-        background: #f44c0a;
-    }
     .pay-recharge .pay-recharge-accounting .pay-qrcode {
         text-align: center;
     }
@@ -203,114 +106,6 @@
         font-size: 16px;
         margin-right: 15px;
     }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area {
-        width: 710px;
-        margin: 0 auto;
-        border: 1px solid #e6f0fe;
-        font-size: 14px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-info {
-        background: #e6f0fe;
-        padding: 21px 0 56px 19px;
-        width: 710px;
-        margin-left: -1px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-info > p {
-        font-size: 16px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-info > div {
-        width: 352px;
-        height: 43px;
-        line-height: 43px;
-        margin-bottom: 10px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-info > div > span {
-        display: inline-block;
-        width: 84px;
-        text-align: right;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-info > div .accounting-price-area {
-        font-size: 18px;
-        display: inline-block;
-        background: #fff;
-        padding: 0 10px;
-        height: 30px;
-        line-height: 30px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-info > div > div {
-        border: none;
-        cursor: default;
-        border-radius: 2px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form {
-        height: 267px;
-        padding: 24px 0 0 19px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div {
-        margin-bottom: 12px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div > span:first-child {
-        display: inline-block;
-        width: 98px;
-        text-align: right;
-        margin-right: 16px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div > input {
-        width: 167px;
-        height: 30px;
-        display: inline-block;
-        border-radius: 2px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div > a {
-        font-size: 12px;
-        color: #4290f7;
-        margin-left: 14px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div .error-tip {
-        color: #f31a1a;
-        margin-left: 11px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div >img {
-        margin-left: 14px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div .pay-remind {
-        font-size: 12px;
-        color: #999;
-        margin: 12px 0 33px 118px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div .dynamic-code {
-        display: inline-block;
-        width: 126px;
-        height: 30px;
-        line-height: 30px;
-        text-align: center;
-        border-radius: 2px;
-        background: #f44c0a;
-        color: #fff;
-        cursor: pointer;
-        margin-left: 10px;
-        outline: none;
-        font-size: 14px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div .dynamic-code.disabled {
-        background: #dedddd;
-        cursor: not-allowed;
-        color: #666;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form > div .dynamic-code.disabled span {
-        color: #f31a1a;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form .go-accounting {
-        text-align: center;
-        margin-top: 48px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form .go-accounting .dynamic-code {
-        width: 114px;
-    }
-    .pay-recharge .pay-recharge-accounting .accounting-input-area .accounting-input-form .go-accounting a {
-        font-size: 14px;
-        margin-left: 10px;
-    }
     /* 第二步 end */
 </style>
 <div class="pay-recharge pingan-pay">
@@ -346,7 +141,7 @@
                 <span class="remind-text">金额必须为整数或小数，小数点后不超过2位。</span>
             </div>
         </div>
-        <div class="pay-recharge-card" ng-show="rechargeType == 'fastpay' || rechargeType == 'netbank'">
+        <div class="pay-recharge-card pingan-pay-card" ng-show="rechargeType == 'fastpay' || rechargeType == 'netbank'">
             <img src="static/img/pingan/border.png" alt="">
             <div class="card-lists">
                 <div class="card-list-item active">
@@ -409,18 +204,6 @@
                         <span>储蓄卡</span>
                     </div>
                 </div>
-                <div class="card-list-item">
-                    <label class="com-check-radio">
-                        <input type="radio" name="radio">
-                        <label></label>
-                    </label>
-                    <div class="card-info">
-                        <img src="static/img/pingan/bank/bank-china.png" alt="">
-                        <span>中国银行</span>
-                        <span>**1414</span>
-                        <span>储蓄卡</span>
-                    </div>
-                </div>
                 <div class="card-list-item" ng-if="rechargeType == 'fastpay'">
                     <div class="card-info">
                         <img src="static/img/pingan/addcard.png" alt="">
@@ -493,10 +276,10 @@
                 </div>
             </div>
         </div>
-        <a href="javascript:void(0)" ng-if="rechargeType != 'netbank'" ng-click="goNext()">下一步</a>
-        <a href="javascript:void(0)" class="to-bank" ng-if="rechargeType == 'netbank'" >登录到网上银行充值</a>
+        <a href="javascript:void(0)" class="next-step" ng-if="rechargeType != 'netbank'" ng-click="goNext()">下一步</a>
+        <a href="javascript:void(0)" class="next-step to-bank" ng-if="rechargeType == 'netbank'" >登录到网上银行充值</a>
     </div>
-    <div class="pay-recharge-accounting" ng-if="step == 2">
+    <div class="pay-recharge-accounting pingan-pay-accounting" ng-if="step == 2">
         <span ng-bind="getText()" class="{{rechargeType}}">微信支付</span>
         <div class="pay-qrcode" ng-if="rechargeType == 'wechat' || rechargeType == 'alipay'">
             <p>距离二维码过期还剩<span class="red-text">13</span>秒，过期后请刷新页面重新获取二维码</p>

src/main/webapp/resources/view/pinganPay/forstore/withdraw.html

@@ -1,47 +1,184 @@
 <style>
     .pay-withdraw .pay-withdraw-content {
         background: #fff;
-        padding: 39px 75px;
+        padding: 39px 75px 0;
         border: 1px solid #4290f7;
     }
-   /* .pay-withdraw .pay-withdraw-content > p {
-        padding-left: 14px;
+    .pay-withdraw .pay-withdraw-content .pingan-pay-items a.active {
+        background: #fff;
     }
-    .pay-withdraw .pay-withdraw-content > p > span {
-        font-size: 16px;
-        margin-right: 28px;
+    .pay-withdraw .pay-withdraw-content .pingan-pay-card .pay-withdraw-input {
+        padding-top: 27px;
     }
-    .pay-withdraw .pay-withdraw-content > p > a {
+    .pay-withdraw .pay-withdraw-content .pingan-pay-card .pay-withdraw-input .withdraw-input-content input {
         display: inline-block;
-        width: 139px;
-        height: 42px;
-        line-height: 42px;
-        border: 1px solid #ff8522;
+        width: 152px;
+        height: 32px;
         border-radius: 3px;
+        font-size: 12px;
     }
-    .pay-withdraw .pay-withdraw-content > p > a img {
-        margin-left: 12px;
+    .pay-withdraw .pay-withdraw-content .pingan-pay-card .pay-withdraw-input .withdraw-input-content .red-text {
+        color: #f31a1a;
+        margin-left: 27px;
+    }
+    .pay-withdraw .pay-withdraw-content .pingan-pay-card .pay-withdraw-input .withdraw-input-content div{
+        margin-left: 70px;
+        font-size: 12px;
+        color: #666;
+        margin-top: 9px;
+        margin-bottom: 29px;
+    }
+    .pay-withdraw .pay-withdraw-accounting .accounting-input-area .accounting-input-info > div > span:nth-child(2) {
+        text-align: left;
+        margin-left: 5px;
+        width: auto;
     }
-    .pay-withdraw .pay-withdraw-content > p > a span {
-        font-size: 14px;
-        color: #333;
-        display: inline-block;
-        width: 90px;
-        text-align: center;
-    }*/
 </style>
 <div class="pay-withdraw pingan-pay">
     <div class="pingan-pay-header">
         <p>账户：<span>深圳市优软科技有限公司</span>&nbsp;&nbsp;哈哈哈</p>
         <p>账户余额：<span class="green-text">56.63</span>&nbsp;元</p>
     </div>
-    <div class="pay-withdraw-content pingan-pay-content">
+    <div class="pay-withdraw-content pingan-pay-content" ng-if="step == 1">
         <div class="pingan-pay-items">
             <span>提现到银行卡：</span>
-            <a href="javascript:void(0)" ng-class="{'active': rechargeType == 'netbank'}" ng-click="setRechargeType('netbank')">
+            <a href="javascript:void(0)" class="active">
                 <img src="static/img/pingan/netbank.png" alt="">
                 <span>银行卡</span>
             </a>
         </div>
+        <div class="pingan-pay-card">
+            <img src="static/img/pingan/border.png" alt="">
+            <div class="card-lists">
+                <div class="card-list-item active">
+                    <label class="com-check-radio">
+                        <input type="radio" name="radio" checked="checked">
+                        <label></label>
+                    </label>
+                    <div class="card-info">
+                        <img src="static/img/pingan/bank/bank-china.png" alt="">
+                        <span>中国银行</span>
+                        <span>**1414</span>
+                        <span>储蓄卡</span>
+                    </div>
+                </div>
+                <div class="card-list-item">
+                    <label class="com-check-radio">
+                        <input type="radio" name="radio">
+                        <label></label>
+                    </label>
+                    <div class="card-info">
+                        <img src="static/img/pingan/bank/bank-china.png" alt="">
+                        <span>中国银行</span>
+                        <span>**1414</span>
+                        <span>储蓄卡</span>
+                    </div>
+                </div>
+                <div class="card-list-item">
+                    <label class="com-check-radio">
+                        <input type="radio" name="radio">
+                        <label></label>
+                    </label>
+                    <div class="card-info">
+                        <img src="static/img/pingan/bank/bank-china.png" alt="">
+                        <span>中国银行</span>
+                        <span>**1414</span>
+                        <span>储蓄卡</span>
+                    </div>
+                </div>
+                <div class="card-list-item">
+                    <label class="com-check-radio">
+                        <input type="radio" name="radio">
+                        <label></label>
+                    </label>
+                    <div class="card-info">
+                        <img src="static/img/pingan/bank/bank-china.png" alt="">
+                        <span>中国银行</span>
+                        <span>**1414</span>
+                        <span>储蓄卡</span>
+                    </div>
+                </div>
+                <div class="card-list-item">
+                    <label class="com-check-radio">
+                        <input type="radio" name="radio">
+                        <label></label>
+                    </label>
+                    <div class="card-info">
+                        <img src="static/img/pingan/bank/bank-china.png" alt="">
+                        <span>中国银行</span>
+                        <span>**1414</span>
+                        <span>储蓄卡</span>
+                    </div>
+                </div>
+                <div class="card-list-item">
+                    <div class="card-info">
+                        <img src="static/img/pingan/addcard.png" alt="">
+                        <div><i>+</i>添加银行卡</div>
+                    </div>
+                </div>
+            </div>
+            <div class="pay-withdraw-input">
+                <div class="withdraw-input-content">
+                    提现金额：<input type="text" class="form-control" placeholder="请输入提现金额">&nbsp;&nbsp;元
+                    <span class="red-text">金额必须为整数或者小数，小数点后不超过两位。</span>
+                    <div>最多可提现至卡：55.55元</div>
+                </div>
+                <div>
+                    到账时间：次日到账
+                </div>
+            </div>
+        </div>
+        <a href="javascript:void(0)" class="next-step" ng-click="setStep(2)">下一步</a>
+    </div>
+    <div class="pay-withdraw-accounting pingan-pay-accounting" ng-if="step == 2">
+        <span class="withdraw">提现到银行卡</span>
+        <div class="accounting-input-area">
+            <div class="accounting-input-info">
+                <p>确认充值信息</p>
+                <div><span>银行卡信息：</span><span>胡晓琳</span></div>
+                <div>
+                    <span></span>
+                    <div class="card-info">
+                        <img src="static/img/pingan/bank/bank-china.png" alt="">
+                        <span>中国银行</span>
+                        <span>**1414</span>
+                        <span>储蓄卡</span>
+                    </div>
+                </div>
+                <div>
+                    <span>充值金额：</span>
+                    <div class="accounting-price-area">
+                        <span class="red-text">8000.00</span>&nbsp;&nbsp;元
+                    </div>
+                </div>
+                <div><span>到账时间：</span><span>次日到账（10月28日 24点前）</span></div>
+            </div>
+            <div class="accounting-input-form">
+                <div>
+                    <span>商城支付密码：</span>
+                    <input type="text" class="form-control">
+                    <a href="javascript:void(0)">忘记密码？</a>
+                    <span class="error-tip">请输入6位数字支付密码，还可以输入2次</span>
+                    <img src="static/img/pingan/input-success.png" alt="">
+                    <div class="pay-remind">请输入6位数字支付密码</div>
+                </div>
+                <div>
+                    <span>手机号码：</span>
+                    <span>123****1231</span>
+                </div>
+                <div>
+                    <span>动态验证码：</span>
+                    <input type="text" class="form-control" placeholder="请输入验证码">
+                    <a href="javascript:void(0)" class="dynamic-code">免费获取验证码</a>
+                    <a href="javascript:void(0)" class="dynamic-code disabled"><span>120&nbsp;s</span>后重新获取</a>
+                    <span class="error-tip">验证码错误</span>
+                    <img src="static/img/pingan/input-success.png" alt="">
+                </div>
+                <div class="go-accounting">
+                    <a href="javascript:void(0)" class="dynamic-code">确认充值</a>
+                    <a href="javascript:void(0)" ng-click="setStep(1)">选择其他银行卡</a>
+                </div>
+            </div>
+        </div>
     </div>
 </div>