@charset "utf-8";
/* CSS Document */


/* 我要充值_充值历史_充值说明标签 */
.pay_page { width:697px; height:28px; float:left; clear:both; background:url(../../images/mypay/gry_line.gif) bottom repeat-x; margin-bottom:33px; margin-top:12px;}
.pay_page li { width:110px; height:28px; float:left; background:url(../../images/mypay/pay_page_off.jpg) no-repeat; margin-right:5px; display:inline;}
.pay_page li a {width:110px; height:28px; float:left; text-align:center; line-height:28px;}
.pay_page li.select { background:url(../../images/mypay/pay_page_on.jpg) no-repeat;}
.pay_page li.select a:link,.pay_page li.select a:visited {color:#434343 !important;text-decoration:none}
.pay_page li.select a:active,.pay_page li.select a:hover {color:#434343 !important;text-decoration:none}



/* 充值产品_充值方式选择部分 */
.step_select { width:669px; height:83px; float:left; background:url(../../images/mypay/aro3.gif) no-repeat 22px center; padding-left:22px; margin-bottom:38px; overflow:hidden;}
.step_select li { width:123px; height:82px; float:left; margin:0 20px; display:inline;}
.clm { margin:0 !important;}

.step_select li div { width:123px; height:82px; float:left;}
.step_select li div a { width:121px; height:80px; float:left; clear:both; overflow:hidden; border:1px solid #a40000; position:relative;}
.step_select li div a img { width:121px; height:80px; position:absolute; z-index:1;}
.step_select li div a .mask1 { width:121px; height:80px; position:absolute; background:url(../../images/mypay/changegame.png) no-repeat; z-index:10;}
.step_select li div a .mask2 { width:121px; height:80px; position:absolute; background:url(../../images/mypay/change_pay.png) no-repeat; z-index:10;}

.step1 { background:url(../../images/mypay/buy_menu.gif) left top no-repeat;}
.step2 { background:url(../../images/mypay/buy_menu.gif) left -82px no-repeat;}
.step3 { background:url(../../images/mypay/buy_menu.gif) left -164px no-repeat;  }
.step4 { background:url(../../images/mypay/buy_menu.gif) left -246px no-repeat;}
.select .step1 { background:url(../../images/mypay/buy_menu.gif) left top no-repeat;}
.select .step2 { background:url(../../images/mypay/buy_menu.gif) right -82px no-repeat;}
.select .step3 { background:url(../../images/mypay/buy_menu.gif) right -164px no-repeat;}
.select .step4 { background:url(../../images/mypay/buy_menu.gif) right -246px no-repeat;}

.pro_tit { width:697px; height:22px; float:left; clear:both; overflow:hidden; background:url(../../images/mypay/gry_line.gif) center 29px repeat-x; padding-top:8px; margin-bottom:22px;}
.pro_tit h2 { height:22px; float:left; padding-left:8px; font-size:14px; color:#434343; }
.pro_tit h2 span { padding-left:5px; font-weight:100; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a0a0a0;}

.pro_list { width:697px; float:left; clear:both;}
.pro_list li { width:154px; height:91px; float:left; margin:0 10px; margin-bottom:25px; display:inline;}
.pro_list li a { width:152px; height:89px; float:left; clear:both; overflow:hidden;}
.pro_list li a img { width:152px; height:89px;}
.pro_list li a:link,.pro_list li a:visited {border:1px solid #eaeaea;}
.pro_list li a:active,.pro_list li a:hover {border:1px solid #ff7e00;}



/* 充值方式选择 */
.path_list { width:697px; float:left; clear:both; margin-bottom:20px;}
.path_list li { width:185px; height:129px; float:left; margin:0 23px; margin-bottom:30px; display:inline;}
.path_list li a { width:183px; height:127px; float:left; clear:both; overflow:hidden;}
.path_list li a img { width:183px; height:127px;}
.path_list li a:link,.path_list li a:visited {border:1px solid #eaeaea;}
.path_list li a:active,.path_list li a:hover {border:1px solid #ff7e00;}


/* 充值通道选择 */
.pay_type { width:695px; height:28px; float:left; clear:both; overflow:hidden; border:1px solid #d9d9d9; background:url(../../images/mypay/pay_lan_bg.jpg) repeat-x; margin-bottom:20px;}
.sel_info1 { height:28px; float:left; line-height:28px; padding-left:35px; background:url(../../images/mypay/sign.gif) no-repeat 11px 8px; color:#434343;}
.sel_info1 span { color:#a40000; font-weight:bold;}
.sel_info2 { height:28px; float:left; line-height:28px; padding-left:20px;color:#434343;}
.sel_info2 span { color:#a40000; font-weight:bold;}
.sel_info3 { height:28px; float:right; line-height:28px; color:#434343; line-height:28px; padding-right:15px;}
.sel_info3 span { color:#a40000; padding-right:8px; padding-left:3px; line-height:28px;}


/* 表单框架 */
.form_cont { width:665px; float:left; clear:both; overflow:hidden; border:1px solid #d9d9d9; padding:15px; margin-bottom:16px;}
.form_cont h3 { width:663px; height:33px; border:1px dashed #d9d9d9; border-bottom:none; float:left; clear:both; overflow:hidden; background:url(../../images/mypay/form_cont_tit_bg.gif) repeat-x; font-size:14px; color:#434343;}
.form_cont .fm1 { width:599px;border:1px dashed #d9d9d9; float:left; clear:both; overflow:hidden; background:#f4f4f4; padding-left:64px; padding-top:21px; padding-bottom:22px;}
.form_cont .fm2 { width:663px;border:1px dashed #d9d9d9; float:left; clear:both; overflow:hidden; background:#f4f4f4; padding-top:21px; padding-bottom:22px;}
.form_cont .fm3 { width:663px;border:1px dashed #d9d9d9; float:left; clear:both; overflow:hidden; background:#f4f4f4; padding-top:21px; padding-bottom:22px;}
.form_cont .fm4 { width:623px;border:1px dashed #d9d9d9; float:left; clear:both; overflow:hidden; background:#f4f4f4; padding-top:21px; padding-bottom:22px; padding-left:40px;}


.form_cont dl { width:665px;  clear:both; overflow:hidden;}
.form_cont dt { width:633px; height:30px; line-height:30px; clear:both; overflow:hidden;font-weight:bold; font-size:12px; background:#EEE; border:1px solid #D1D1D1; padding-left:30px; margin-bottom:8px; color:#600;}
.form_cont dd { width:625px;  clear:both; padding:8px 20px; font-size:12px; color:#666; line-height:24px;}
.form_cont dd h2 { font-size:12px; color:#060;}
.form_cont dd p { margin-bottom:8px;}



/* 银行选择 */
.fm2 ul { width:663px; float:left; clear:both;}
.fm2 ul li { width:200px; height:48px; float:left; margin:0 10px; display:inline; margin-bottom:10px;}
.fm2 ul li * { vertical-align:middle;}
.fm2 ul li img { width:169px; height:45px; border:1px solid #dddddd; margin-left:5px; cursor:pointer;}
.fm2 h4 { width:650px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#F00; margin-bottom:20px; padding-left:8px;}

/* 账号及服务器 */
.inp1 {
	width:500px;
	height:26px;
	float:left;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
.inp1 label { width:106px; height:26px; float:left; overflow:hidden; line-height:26px; text-align:right; color:#434343; font-size:14px; padding-right:8px;}
.inp1 input { width:205px; height:24px; float:left;overflow:hidden; border:1px solid #dddddd; padding:0 3px; line-height:24px; color:#666; text-align:left;}
.inp1 select { width:208px; height:24px; float:left; border:1px solid #dddddd; padding-left:3px; line-height:24px; color:#666; text-align:left;}
.inp1 span {
	width:215px;
	height:26px;
	float:left;
	text-align:left;
	line-height:26px;
	padding-left:15px;
	color:#ff0000;
}
.inp1 b { width:170px; height:26px; float:left;overflow:hidden; text-align:left; line-height:26px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#434343;}
.spw { width:260px !important}
.spc { color:#900!important; }

/* 第三部标题背景 */
.f_t0 { height:33px; padding-left:36px; float:left; overflow:hidden; clear:both; text-align:left; line-height:33px;}
.f_t1 { height:33px; padding-left:36px; background:url(../../images/mypay/num.gif) no-repeat 13px 0px; float:left; overflow:hidden; clear:both; text-align:left; line-height:33px;}
.f_t2 { height:33px; padding-left:36px; background:url(../../images/mypay/num.gif) no-repeat 13px -33px; float:left; overflow:hidden; clear:both; text-align:left; line-height:33px;}
.f_t3 { height:33px; padding-left:36px; background:url(../../images/mypay/num.gif) no-repeat 13px -66px; float:left; overflow:hidden; clear:both; text-align:left; line-height:33px;}

/* 确认按钮 */
.sub_cont { width:567px; height:31px; float:left; clear:both; overflow:hidden; padding-left:130px; margin-bottom:15px;}
.sub_cont .file { width:160px; height:31px; float:left; overflow:hidden; color:#434343;}
.sub_cont .file * { vertical-align:middle;}
.sub_cont .tijiao { width:137px; height:31px; float:left; border:0; background:url(../../images/mypay/pay_submit.jpg) no-repeat; cursor:pointer;}

/* 确认按钮2 */
.sub_cont2 { width:537px; height:34px; float:left; clear:both; overflow:hidden; padding-left:160px; margin-bottom:15px;}
.return { width:130px; height:34px; float:left; overflow:hidden; background:url(../../images/mypay/pay_return.gif); border:none; cursor:pointer;}
.cfm { width:214px; height:34px; float:left; overflow:hidden; background:url(../../images/mypay/pay_cofm.gif) no-repeat; border:none; margin-left:30px; display:inline; cursor:pointer;}


/* 订单号码 */
.book_num { width:590px; height:29px; float:left; clear:both; overflow:hidden; background:#FFF; border:1px solid #dddddd; text-align:center; color:#434343; font-weight:bold; line-height:29px; font-size:14px; margin-left:35px; display:inline; margin-bottom:26px;}
.book_num span { color:#900; padding:0 15px;}

/* 充值结束提示 */
.alert_box { width:411px; height:176px; float:left; clear:both; overflow:hidden; background:url(../../images/mypay/alter.jpg) no-repeat; margin-left:56px; display:inline; padding-left:136px;}
.alert_box h4 { width:319px; height:30px; text-align:center; float:left; clear:both; overflow:hidden; color:#ff0000; line-height:30px; margin-bottom:43px; font-size:14px;}
.alert_box p { width:319px; float:left; line-height:26px; font-size:14px; padding-left:40px;}



.data_search { width:697px; height:24px; float:left; clear:both; overflow:hidden; margin-bottom:28px;}
.data_search span { float:left; padding:0 8px; height:24px; line-height:24px; color:#333333;}
.data_search select { width:100px; height:22px; float:left; overflow:hidden; border:1px solid #7f9db9; line-height:22px; color:#6b6b6b;}
.data_search b { float:left; padding:0 8px; height:22px; line-height:22px;}
.data_search input { width:90px; height:20px; float:left; overflow:hidden; margin-left:10px; cursor:pointer; display:inline;boder:1px solid #4d4d4d; text-align:center;}

.data_search .djcx { width:86px; height:24px; float:left; background:url(../../images/mypay/data_serch_button.gif) no-repeat; border:none;}


.history_list { width:665px; border-collapse:collapse;}
.history_list th { height:28px; line-height:28px; text-align:center; border:1px solid #e2e2e2; color:#434343; font-size:12px;background:url(../../images/mypay/pay_data_table_hr.gif) repeat-x}
.history_list td { height:28px; line-height:28px; text-align:center; border:1px solid #e2e2e2; color:#434343; font-size:12px; background:#ffffff;}
.pay_history_bg { background:url(../../images/mypay/pay_tablecot_bg.gif) bottom repeat-x;}



/* 底部说明 */
.sp_info { width:665px; float:left; clear:both; overflow:hidden; border:1px solid #dddddd; background:#ffffff; padding:0 15px; margin-bottom:15px;}
.sp_info h3 { width:665px; height:30px; border-bottom:1px dashed #cbcbcb ; color:#434343; font-size:14px; line-height:30px; margin-bottom:8px;}
.sp_info p { line-height:26px; color:#959595; text-align:left; padding-bottom:5px;}