<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>彩票中国--我的账户--会员中心</title>
    
	<meta http-equiv="pragma" content="no-cache"/>

	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
	<meta http-equiv="description" content="This is my page"/>
	<link href="<%=request.getContextPath()%>/letoula/useraccount/css/touzhu.css" rel="stylesheet" type="text/css" />
  </head>
  
  <body>
  	<div class='buy_rec'>
  		<b class='e_addMoney'></b>
  		<ul class='my_cos'>
  			<li><a href="addMoney.jsp" class='cur'>网上支付</a></li>
  		</ul>
  	</div>

  	
	<div class='rge_box'>
		<div class='r_level'>
			<b class='e_mark'></b>
			温馨提示：网上充值免手续费！如果您没有开通网上支付功能请带齐您的开户资料到银行柜台申请办理。
		</div>
		<form action="<%=request.getContextPath()%>/TradeAction.do?action=prePaidApplyNew" id='sub_confirm' method="post">
		<div class='selt_bank'>
			<ul>
				<li><span class='dud108 fxn'>充值金额：</span>
					<span class='sp_r'>
						<input type='text' name='czMoney' class='gray' id='cz_money' onkeyup="this.value=this.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1');" />
					</span>存入至少5元
				</li>
				<li>
					<span class='dud108 fxn'>选择网上银行：</span>
					<span class='sp_r'>
						<input type="radio" name="payType" id="pat" class="rdo3" value="zhifubao"  checked="checked" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon cft'></span>
						</label>
					</span>
				</li>
			</ul>
		</div>
		<div class='add_bank clearfix'>
			<ul>
				<li>
					<input type="radio" name="payType" id="pat" value="BOCB2C" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon zgyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="ICBCB2C" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon gsyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="CMB" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon zsyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="CCB" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon jsyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="ABC" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon nyyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="SPDB" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon pdyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="CIB" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon xyyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="GDB" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon gdfz'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="SDB" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon szfz'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="CMBC" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon msyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="COMM" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon jtyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="CITIC" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon zxyh'></span>
						</label>
				</li>
				<!--<li>
					<input type="radio" name="payType" id="pat" value="HZCBB2C" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon hzyh'></span>
						</label>
				</li>-->
				<li>
					<input type="radio" name="payType" id="pat" value="CEBBANK" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon gdyh'></span>
						</label>
				</li>
				<!--<li>
					<input type="radio" name="payType" id="pat" value="SHBANK" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon shyh'></span>
						</label>
				</li>
				<li>
					<input type="radio" name="payType" id="pat" value="NBBANK" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon nbyh'></span>
						</label>
				</li>-->
				<li>
					<input type="radio" name="payType" id="pat" value="SPABANK" class="text_radio1" />
						<label class='icon-box' id='img_1' for="bank1">
							<span class='icon payh'></span>
						</label>
				</li>
			</ul>
		</div>
		<div class='add_bank_btn'>
			<a href="javascript:checkform()" class='btn_Dora_b star_btn'>下一步</a>
		</div>
		</form>
		
<!--提示层-->
<div class="tips_m" style="width:375px; " id="blk2">
    <div class="tips_b">
         <div class="tips_box">
         	<div class="tips_title">
                 <h2>温馨提示</h2>
                 <span class="closes"><a href="javascript:seaDetails('blk2','h')" id="close1">关闭</a></span>
             </div>
             <p>
             	<b class='def'></b>
             	<strong class='errorMsg'>存入金额至少为5元</strong>
             </p>
             <p><input type='button' class='btn_Dora_b' id='yclass_alert_ok' onclick=seaDetails('blk2','h') value='关 闭' /></p>
            
         </div>
    </div>
</div>  

</div>



  </body>
  </html>
<script type='text/javascript' src='<%=request.getContextPath()%>/letoula/js/plugin/library.js'></script>
<script type='text/javascript'>
	
	function checkform(){
		
		var money = document.getElementById('cz_money').value;
		
		if(parseInt(money) < 5 || money.length <= 0){
			
			seaDetails('blk2','s','存入金额至少为5元')
			return;
		}
		
		document.getElementById('sub_confirm').submit();
	}
	
	
	function seaDetails(nd,sh,txt){
		var off_top=document.documentElement.scrollTop;
		var off_left=document.documentElement.scrollLeft; 
        document.getElementById(nd).style.top=(off_top+50)+"px";
        document.getElementById(nd).style.left=(document.body.clientWidth-500)+"px";
        $('.eroorMsg').text(txt);
		sh == 's' ? $('#bd,#'+nd+'').show() : $('#bd,#'+nd+'').hide();
	}
</script>