@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
li{list-style-type:none;}
img{border:none; }
a{text-decoration: none; color:#2e2e2e;}
a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:0; }



body{ background:#f8f8f8; font-family:"微软雅黑";}
.pay_header{height: 76px; background: #FFF; border-bottom:3px solid #e5e5e5;}
.pay_header_mian{ width:1000px; height:76px; margin:0 auto;}
.pay_header_logo a{ width:190px; height:76px; background:url(../images/logo1.png) no-repeat; float:left;text-indent: -10000pt;}
.pay_header_img{ width:125px; height:76px; background:url(../images/pay_header_img.jpg) no-repeat;float:left;}

/*wrap*/
.pay_wrap{ color: #333;}
.pay_content{ width:1000px;height:100%; margin:0 auto; background:#8bdaf0;border-left:2px solid #74cbe3; overflow: hidden;}
/*pay_left*/
.pay_left{ width:202px; height:100%; background:#8bdaf0; float:left;}
.pay_left_list ul{ height:340px;}
.pay_left_list ul li{ height:45px;font-size:14px; font-family:"微软雅黑"; position:relative; top:24px;text-indent:32px; line-height:45px; cursor:pointer;}
.pay_left_list ul li:hover{color:#EC5C00}
.left_li_yes{width:204px; height:45px;background:#FFF url(../images/left_nav_img.png) no-repeat; display:block; color:#EC5C00;}/*选择状态*/
.left_li_psan{}

/*pay_right*/
.pay_right{ width:796px; height:100%; float:right; background:#FFF;border-left:2px solid #74cbe3; }
.pay_right_account{ width:704px; margin:0 auto; }
/*登录前展示*/
.pay_right_login{ height:96px; border-bottom:1px dashed #e5e5e5;}
.pay_right_login p{ font-size:16px; color:#F00; line-height:96px; float:left;}
.pay_right_login ul{ line-height:96px; float:right; font-size:14px;}
.pay_right_login ul li{ float:left;}
.pay_right_login ul li a{ color:#43bac9;}
/*登录后展示*/
.pay_right_loged{height:96px; border-bottom:1px dashed #e5e5e5;}
.pay_right_loged ul li{ float:left;margin-top:39px;}
.pay_right_loged ul .loged_account{ color:#F00; font-weight:bold; }
.pay_right_loged p a{ float:right; margin-top:39px; font-size:14px; color:#43bac9;}
/*选择软件*/
.pay_right_game{ margin-top:29px; }
.pay_right_game dl dt{ float:left; font-size:16px;}
.pay_right_game dl dd{height:40px; }
.select_game{ float:left; margin-left:20px;}
.select_server{ float:right; margin-right:130px;}
.select_game,.select_server{ width:200px; height:40px; background:url(../images/btn.gif) no-repeat; cursor:pointer;}
.select_game a{}
.select_game a span,.select_server a span{color:#FFF; line-height:40px; margin-left:24px;}

/*选择软件隐藏*/
#games{ position:relative; top:38px; left:100px; }
.game_arrow{ width:11px; height:10px; background:url(../images/game_arrow.gif) no-repeat; position:absolute; top:4px; left:10px; }
.game_hide{ width:560px; height:264px; background:#FFF; border:1px solid #42b9f0; position:absolute;z-index:100; margin-top:14px; overflow:hidden; }
.btn_close1{ width:23px; height:23px; background:url(../images/btn_close.gif) no-repeat; display:block; position:absolute; top:3px; right:8px;}
.game_classify{ width:560px; height:30px; background:#42b9f0;}
.game_classify ul{ padding-left:12px;}
.game_classify ul li{ width:80px; height:28px; line-height:32px; float:left; color:#FFF; font-size:15px; text-align:center; cursor:pointer;}
.game_classify ul .no{ background:#FFF; color:#118dc6; border-bottom:2px solid #ffa200;}

.pay_game_plate{ height:234px; overflow-y:auto; }
.pay_game_plate_list{ margin:12px 0 0 16px; overflow:hidden;}
.pay_game_letter{ width:18px; height:18px; float:left; padding:2px; text-align:center; line-height:18px; background: #CCC;}
.letter_list{ width:470px; margin-left:24px;}
.letter_list a{ width:86px; height:26px; display:block; float:left; text-align: right; font-size:13px; margin-left:26px; cursor:pointer; }
.letter_list a:hover{width:86px; height:26px; color:#f00;}
/*选择软件服务器隐藏*/
#servers{position:relative; top:38px; right:274px;}
.server_arrow{ width:11px; height:10px; background:url(../images/game_arrow.gif) no-repeat; position:absolute; margin-top:4px; margin-left:14px;}
.server_hide{ width:758px; height:264px; background:#FFF; border:1px solid #42b9f0; position:absolute;z-index:100; margin-top:14px; overflow:hidden; left:35%; }
.btn_close2{ width:23px; height:23px; background:url(../images/btn_close.gif) no-repeat; display:block; position:absolute; top:3px; right:8px;}
.server_classify{ width:758px; height:30px; background:#42b9f0;}
.server_classify ul{ padding-left:12px;}
.server_classify ul li{ width:96px; height:28px; line-height:32px; float:left; color:#FFF; font-size:15px; text-align:center; cursor:pointer;}
.server_classify ul .no{ background:#FFF; color:#118dc6; border-bottom:2px solid #ffa200;}

.pay_server_plate{ height:234px; overflow-y:auto; }
.pay_server_plate_list{ margin:12px 0 0 16px; overflow:hidden;}
.pay_server_plate_list a{width:100px; height:26px; display:block; float:left; text-align: right; font-size:13px; line-height:26px; cursor:pointer;}
.pay_server_plate_list a:hover{width:100px; height:26px; color:#F00;}
/*选择金额*/
.pay_right_quota{ width:704px; height:150px;margin-top:52px;}
.pay_right_quota dl dt{ float:left;}
.pay_right_quota dl dd{ float:left; width:500px; margin-left:20px;}
.pay_right_quota dl dd ul li{ width:98px; height:38px;  text-align:center; line-height:38px; float:left; cursor:pointer; }
.quota_li_yes{background:url(../images/right_1.png) no-repeat;border:1px solid #42b9f0;}/*选择状态*/
.quota_li_no{border:1px solid #dcdcdc;}/*默认状态*/
.pay_right_quota dl dd p{ line-height:30px;}
.pay_right_quota dl dd p span{ color:#F00;}
.pay_right_quota dl dd p strong{ margin-left:16px; color:#42b9f0; font-weight:normal}
/*选择银行*/
.pay_right_bank{ margin-top:39px; width:704px; height:108px;}
.pay_right_bank dl dt{ float:left;}
.pay_right_bank dl dd{float:left; width:538px; margin-left:20px;}
.pay_right_bank dl dd ul li{ width:128px; height:28px; float:left; margin:0px 4px 6px 0px; cursor:pointer;}
.pay_right_bank dl dd ul li:hover{border: 1px solid #42b9f0; width:128px; height:28px;}
.bank_li_yes{ background:url(../images/right_2.png) no-repeat, url(../images/yh_1.gif) no-repeat;border:1px solid #42b9f0;}/*选择状态*/
.bank_li_no{border:1px solid #dcdcdc; background: url(../images/yh_4.gif) no-repeat;}/*默认状态*/

/*选择购买卡类型*/
.top-up_card{ width:704px; height:100px;margin-top:30px;}
.top-up_card dl dt{ float:left;}
.top-up_card dl dd{ float:left; width:500px; margin-left:5px;}
.top-up_card dl dd ul li{ width:110px; height:80px;  text-align:center; line-height:38px; float:left;margin:0px 10px 6px 0px;
cursor:pointer; }
.card_li_yes{border:1px solid #42b9f0;}/*选择状态*/
.card_li_no{border:1px solid #dcdcdc;}/*默认状态*/

/*购买卡号和密码*/
 .pay_account{ margin-top:20px;}
.pay_account ul li{ margin-bottom:8px; margin-left:20px; font-size:16px;}
.pay_account ul li input{ width:200px; height:28px;text-indent:8px;}

/*立即购买*/
.pay_right_btn{ margin-top:49px; margin-left:92px;}
.pay_right_btn p{ font-size:24px;}
.pay_right_btn p span{ color:#F00;}
.pay_right_btn .pay_btn{ margin-top:32px; width:154px; height:50px; background:url(../images/pay_btn.gif) no-repeat;}
.pay_right_btn .pay_btn a{width:154px; height:50px; display:block; font-size:22px; text-align:center; line-height:50px; color:#FFF;}

/*提交*/
.pay_right_submit{ margin-top:49px; margin-left:101px;}
.pay_right_submit .pay_submit{ margin-top:32px; width:154px; height:50px; background:url(../images/pay_btn.gif) no-repeat;}
.pay_right_submit .pay_submit a{width:154px; height:50px; display:block; font-size:22px; text-align:center; line-height:50px; color:#FFF;}

/*购买说明*/
.pay_right_explain{ margin-top:34px; font-size:12px; border-top:1px dashed #e5e5e5;}
.pay_right_explain .explain_box{ margin:20px;}
.pay_right_explain .explain_box p{ line-height:26px; color:#878787;}
.pay_right_explain .explain_box p span{ color:#F00;}


/**购买信息再次确认弹窗**/
.dialog{}
.mask{background:#000000;height:100%;_height:1080px;width:100%;position:fixed;z-index:98;left:0;top:0;
	 filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;_position:absolute;}
.confirm_con{ width:440px; background:#FFF; position:fixed; z-index:999;left:38%;top:20%;_position:absolute;/*ie6*/}
.confirm_header{ width:440px; height:46px; background:#42b9f0;}
.confirm_header img{ position:relative; top:6px; left:10px;}
.confirm_header span{ color:#FFF; font-size:20px; line-height:46px; margin-left:14px;}
.confirm_close{ width:40px; height:40px; background:#FFF url(../images/confirm_close.gif); position:absolute; right:8px; text-indent:-10000pt;}

.details_list{ margin:30px 50px; overflow:hidden; padding-bottom:44px;}
.details_list ul{ width:398px;}
.details_list ul li{ float:left; line-height:36px;}
.details_list ul .form{ width:100px;}
.details_list ul .form1{ width:200px;}
.details_list ul .form1 span{ color:#F00;}

.confirm_btn{ width:440px; height:100px; background:#f2f2f2; font-size:20px; text-align:center; line-height:40px; }
.confirm_btn1 a{ width:135px; height:40px; background:#ffa200; border:2px solid #ffc561; color:#FFF; float:left; margin:24px 0 0 80px;}
.confirm_btn2 a{ width:80px; height:40px; background:#FFF; border:2px solid #c9c9c9; color:#000; float:right; margin:24px 80px 0 0;}



/*footer*/
.footer{ height:150px; background:#FFF; border-top:2px solid #e5e5e5;}
.footer_content{ width:1000px; margin:0 auto;font-size:13px; color:#888; text-align:center;}
.footer_content p{ line-height:32px; margin-top:26px;}
.footer_content p a{ color:#888;}

/*Selection*/
.Selection{padding-left: 50px;}
/*.pay_account,.top-up_card,.pay_right_submit{padding-left:50px;}*/

.pay_right_quota  ul li.quota_li_no:hover {border:2px solid #42b9f0;width:96px; height:36px;line-height:36px;}
.top-up_card ul li.card_li_no:hover {border:1px solid #42b9f0;}