<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SendAlipayBankPayment.aspx.cs" Inherits="Hidistro.UI.Web.SendAlipayBankPayment" %>
 <%@ Register TagPrefix="Hi" Namespace="Hidistro.UI.Common.Controls" Assembly="Hidistro.UI.Common.Controls" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
  <Hi:Script ID="Script2" runat="server" Src="/utility/jquery-1.3.2.min.js" />

   <script>
       $(function () {
           $("input[name='radiobank']").bind("click", function () {
               $("#hdbank").val(this.value)
               $(".icon").not($(this).next("span").addClass("check")).removeClass("check");
           });
       })
      
   </script>
    <style>
    .clear{ clear:both;}
    ul,li{list-style:none;}
    body{margin:0;padding:0 0 12px 0;font-size:12px; color:#383836;line-height:1.8;font-family:"Arial","宋体";}
    .header,.content,.btn{width:980px;margin:0px auto;}
 
    .header .logo,.header .logo .logo-span{background:url(utility/pics/new-btn-fixed.png) 999px 999px no-repeat;margin:5px;}
    .header .logo {float: left;text-indent: -999px;height: 33px;width: 96px;background-position:0 0;}
    .header .logo .logo-span{display: block;width: 74px;height: 33px;margin-left: 95px;background-color: #fff;background-position: -70px -35px;}
    
    .content{ background-color:#F4F4F4;height:auto;overflow:hidden;}
    .content h1{margin-left:20px;font-size:14px;color:#7E4626;height:30px;line-height:30px;}
    .content hr{border:1px solid #cccccc;}
    .blank{width:970px;margin:5px auto;}
    .blank li{float:left;width:230px;margin:10px 0px;height:36px;line-height:36px;}
    .icon{width:200px;float:right;display:inline-block;background:url(utility/pics/combo.png);height:36px;line-height:36px;
           position:relative; background-repeat:no-repeat;white-space: nowrap;overflow: hidden; cursor:pointer;}
    .ICBC{ background-position:0 -540px;}
    .check{border:1px solid #FFAA33;}
    .ABC{background-position:0px 0px;}
    .BOCB2C{background-position:0px -110px;}
    .CCB{background-position:0px -147px;}
    .SPDB{background-position:0px -795px;}
    .CMB{background-position:0px -326px;}
    .CIB{background-position:0px -255px;}
    .GDB{background-position:0px -470px;}
    .CMBC{background-position:0px -363px;}
    .COMM{background-position:0px -400px;}
    .CITIC{background-position:0px -290px;}
    .HZCBB2C{background-position:0px -508px;}
    .CEBBANK{background-position:0px -220px;}
    .SHBANK{background-position:0px -688px;}
    .NBBANK{background-position:0px -580px;}
    .SPABANK{background-position:0px -760px;}
    .BJRCB{background-position:0px -75px;}
    .FDB{background-position:0px -435px;}
    .POSTGC{background-position:0px -612px;}
    .btn{text-align:center;margin:20px auto;}
    .btnsubmit{font-weight:700;background:url(utility/pics/new-btn-fixed.png) 0px -162px no-repeat;width:155px;height:35px;line-height:35px;color:#ffffff;}
    </style>

</head>
<body>
    <form id="form1" runat="server">
    <input type="hidden" value="ICBCB2C" id="hdbank" runat="server" />
    <div class="header">
        <div class="logo"><span class="logo-span"></span></div>
    </div>
    <div class="content clear">
        <h1>选择支付方式</h1>
        <div class="blank">
            <ul>
                <li><input type="radio" name="radiobank" checked="checked" value="ICBCB2C" title="中国工商银行"/><span class="icon ICBC check"></span></li>
                <li><input type="radio" name="radiobank" value="ABC" title="中国农业银行" /><span class="icon ABC"></span></li>
                <li><input type="radio" name="radiobank" value="BOCB2C" title="中国银行" /><span class="icon BOCB2C"></span></li>
                <li><input type="radio" name="radiobank" value="CCB" title="中国建设银行" /><span class="icon CCB"></span></li>
                <li><input type="radio" name="radiobank" value="SPDB" title="上海浦东发展银行" /><span class="icon SPDB"></span></li>
                <li><input type="radio" name="radiobank" value="CMB" title="招商银行" /><span class="icon CMB"></span></li>
                <li><input type="radio" name="radiobank" value="CIB" title="兴业银行" /><span class="icon CIB"></span></li>
                <li><input type="radio" name="radiobank" value="GDB" title="广发银行" /><span class="icon GDB"></span></li>
                <li><input type="radio" name="radiobank" value="CMBC" title="中国民生银行" /><span class="icon CMBC"></span></li>
                <li><input type="radio" name="radiobank" value="COMM" title="交通银行" /><span class="icon COMM"></span></li>
                <li><input type="radio" name="radiobank" value="CITIC" title="中信银行" /><span class="icon CITIC"></span></li>
                <li><input type="radio" name="radiobank" value="HZCBB2C" title="杭州银行" /><span class="icon HZCBB2C"></span></li>
                <li><input type="radio" name="radiobank" value="CEBBANK" title="中国光大银行" /><span class="icon CEBBANK"></span></li>
                <li><input type="radio" name="radiobank" value="SHBANK" title="上海银行" /><span class="icon SHBANK"></span></li>
                <li><input type="radio" name="radiobank" value="NBBANK" title="宁波银行" /><span class="icon NBBANK"></span></li>
                <li><input type="radio" name="radiobank" value="SPABANK" title="平安银行" /><span class="icon SPABANK"></span></li>
                <li><input type="radio" name="radiobank" value="BJRCB" title="北京农村商业银行" /><span class="icon BJRCB"></span></li>
                <li><input type="radio" name="radiobank" value="FDB" title="富滇银行" /><span class="icon FDB"></span></li>
                <li><input type="radio" name="radiobank" value="POSTGC" title="中国邮政储蓄银行" /><span class="icon POSTGC"></span></li>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="btn"><asp:Button ID="btnSubmit" runat="server" Text="我　要　支　付" CssClass="btnsubmit"/>
        <input id="orderId" name="orderId" type="hidden" value="<%=orderId %>"/></div>
    </div>
    </form>
</body>
</html>
