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

.game_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;}
.game_page li { width:110px; height:28px; float:left; background:url(../../images/mypay/pay_page_off.jpg) no-repeat; margin-right:5px; display:inline;}
.game_page li a {width:110px; height:28px; float:left; text-align:center; line-height:28px;}
.game_page li.select { background:url(../../images/mypay/pay_page_on.jpg) no-repeat;}
.game_page li.select a:link,.game_page li.select a:visited {color:#434343 !important;text-decoration:none}
.game_page li.select a:active,.game_page li.select a:hover {color:#434343 !important;text-decoration:none}

.game_tit2 { width:667px; height:26px; float:left; font-size:14px; line-height:26px; background:url(../../images/tit_sg.gif) no-repeat 15px center; padding-left:30px; color:#434343; clear:both;}
.game_tit2 a { float:right; padding-right:20px; font-size:12px; font-weight:100;}



.game_cont {width:655px; float:left; clear:both; border:1px solid #dddddd; padding:20px; margin-bottom:20px;}
.game_sub { width:655px; height:200px; float:left; clear:both; overflow:hidden; border-bottom:1px dashed #dddddd; margin-bottom:17px;}
.sub_left { width:195px; float:left;}
.sub_left .game_pro { width:195px; height:151px; float:left; clear:both; overflow:hidden; margin-bottom:10px;}
.sub_left .offical_web { width:70px; height:26px; float:left; background:url(../../images/offical_web.gif) no-repeat; margin-left:20px;}
.sub_left .start_game { width:70px; height:26px; float:left; background:url(../../images/payit.gif) no-repeat; margin-left:10px;}

.sub_right { width:440px; float:right;}
.sub_right h3 { width:430px; height:32px; line-height:32px; font-weight:bold; font-size:12px; text-align:left; padding-left:10px;color:#434343; border-bottom:1px dotted #CCCCCC;}
.sub_right ul {width:430px; height:90px; float:left; padding-top:20px; border-bottom:1px dotted #CCCCCC;}
.sub_right ul li { width:187px; height:27px; float:left; background:url(../../images/game_sv_bg.gif) no-repeat; margin-left:15px; margin-bottom:15px; line-height:27px; padding-left:10px; display:inline;}
.sv_name { width:100px; height:27px; float:left; text-align:left;}
.ingame { width:67px; height:27px; float:right;}

.sub_right .sv_log { width:425px; height:40px; float:left; line-height:40px; text-align:left; padding-left:15px; clear:both; overflow:hidden;}

.game_sub_s { width:655px;  float:left; clear:both; overflow:hidden;  margin-bottom:17px;}
.history_login { width:440px; border-collapse:collapse; margin-top:20px;}
.history_login 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_login td { height:28px; line-height:28px; text-align:center; border:1px solid #e2e2e2; color:#434343; font-size:12px; background:#ffffff;}



.form_cont { width:665px; float:left; clear:both; overflow:hidden; border:1px solid #d9d9d9; padding:15px; margin-bottom:16px;}

.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;}


.game_page2 { width:697px; height:28px; float:left; clear:both; background:url(../../images/mypay/gry_line.gif) bottom repeat-x; margin-bottom:10px; margin-top:12px;}
.game_page2 li { width:110px; height:28px; float:left; background:url(../../images/mypay/pay_page_off.jpg) no-repeat; margin-right:5px; display:inline;}
.game_page2 li a {width:110px; height:28px; float:left; text-align:center; line-height:28px;}
.game_page2 li.select { background:url(../../images/mypay/pay_page_on.jpg) no-repeat;}
.game_page2 li.select a:link,.game_page li.select a:visited {color:#434343 !important;text-decoration:none}
.game_page2 li.select a:active,.game_page li.select a:hover {color:#434343 !important;text-decoration:none}




.card_flash { width:695px; height:194px; float:left; clear:both; overflow:hidden}
.flash_pd { width:695px; height:194px; float:left; clear:both; overflow:hidden;border:1px solid #dedede; margin-bottom:20px;}

.game_tit3 {  width:697px; height:28px; float:left; clear:both; background:url(../../images/gry_line.gif) bottom repeat-x; }

.game_tit3 span {font-size:14px; line-height:28px; color:#434343; float:left; background:url(../../images/tit_sg.gif) no-repeat 15px center;  padding-left:30px;}

.T_Menu_01 { width:230px; height:28px; float:right; overflow:hidden;}
.T_Menu_01 li { width:110px; height:28px; float:left; background:url(../../images/mypay/pay_page_off.jpg) no-repeat; margin-right:5px; display:inline; text-align:center; line-height:28px; font-size:12px; color:#a0a0a0;}
.T_Menu_01 li.selectd { background:url(../../images/mypay/pay_page_on.jpg) no-repeat; color:#434343;}

.card_cont { width:695px;float:left; clear:both; border:1px solid #dcdcdc; border-top:none; margin-bottom:20px;}
.card_cont ul { width:695px; float:left; padding-top:30px; height:300px;}
.card_cont ul li { width:135px; height:167px; float:left; margin-left:30px; margin-bottom:30px; display:inline;position:relative}
.card_boximg { width:127px; height:105px; float:left; clear:both; overflow:hidden; border:1px solid #d2d2d2; padding:3px; position:relative; z-index:0; background:#FFF;}
.card_boximg a { width:127px; height:105px; display:block; position:absolute; z-index:10;}
.mask1 {width:127px; height:105px; position:absolute; z-index:9; background:url(../../images/mycard/mask1.png) left 82px no-repeat;}
.mask2 {width:127px; height:105px; position:absolute; z-index:9; background:url(../../images/mycard/mask2.png) left 82px no-repeat;}
.sate_1 {width:127px; height:105px; position:absolute; z-index:8; background:url(../../images/mycard/sate_1.png) right top no-repeat;}
.sate_2 {width:127px; height:105px; position:absolute; z-index:8; background:url(../../images/mycard/sate_2.png) right top no-repeat;}
.sate_3 {width:127px; height:105px; position:absolute; z-index:8; background:url(../../images/mycard/sate_3.png) right top no-repeat;}


<!--.card_boximg img { width:127px; height:105px; position:absolute; left:3px;top:3px; }
.card_cont ul li .p { width:130px; height:49px; float:right;position:relative; right:0; top:0;}
.card_cont ul li .p span { color:#F60; padding:0 5px; font-family:Arial, Helvetica, sans-serif;}
-->
.card_boximg img { width:127px; height:105px;}
.card_cont ul li p { width:135px; height:49px; float:left; clear:both; overflow:hidden; color:#959595; text-align:center; line-height:22px; padding-top:5px;}
.card_cont ul li p span { color:#F60; padding:0 5px; font-family:Arial, Helvetica, sans-serif;}

.form_cont { width:665px; float:left; clear:both; overflow:hidden; border:1px solid #d9d9d9; padding:15px; margin-bottom:16px;}
.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;}

.copy:link,.copy:visited { color:#69C;text-decoration:none}
.copy:active,.copy:hover {color:#FF0000;text-decoration:none}

.enter:link,.enter:visited { color:#6C0;text-decoration:none}
.enter:active,.enter:hover {color:#FF0000;text-decoration:none}

<!--.wg_list {  width:697px; height:316px; float:left; clear:both; overflow:hidden;  }
.wg_list li { width:210px; height:113px; float:left; background:#f1f1f1; border:1px solid #d3d3d3; padding:5px; margin-left:8px; margin-bottom:30px; display:inline; overflow:hidden;}
.wg_list li p { width:70px; float:right; font-size:12px; text-align:center; line-height:20px; padding-left:0px; padding-top:15px; text-align:center; overflow:hidden;}
.wg_list li p a { font-weight:bold;}
-->


.wg_list {  width:697px; height:316px; float:left; clear:both; overflow:hidden;  }
.wg_list li { width:210px; height:113px; float:left; background:#f1f1f1; border:1px solid #d3d3d3; padding:5px; margin-left:8px; margin-bottom:30px; display:inline; overflow:hidden;}
.wg_list li p { width:70px; float:left; font-size:12px; text-align:left; line-height:20px; padding-left:5px; padding-top:15px; text-align:center;}
.wg_list li p a { font-weight:bold;}


.card_min { width:697px; float:left; clear:both; overflow:hidden;}
.card_min .card_left { width:474px; float:left; padding-bottom:15px;}
.card_nav { width:470px; height:40px; background:url(../../images/mycard/cnav.gif) top no-repeat; padding-left:4px; margin-bottom:10px; overflow:hidden;}
.card_nav a { width:110px; height:40px; float:left; overflow:hidden; margin-right:8px;}

.cnv_1:link,.cnv_1:visited { }
.cnv_1:active,.cnv_1:hover { background:url(../../images/mycard/cnav.gif) -4px bottom no-repeat}
.cnv_2:link,.cnv_2:visited { }
.cnv_2:active,.cnv_2:hover { background:url(../../images/mycard/cnav.gif) -122px bottom no-repeat}
.cnv_3:link,.cnv_3:visited { }
.cnv_3:active,.cnv_3:hover { background:url(../../images/mycard/cnav.gif) -240px bottom no-repeat}
.cnv_4:link,.cnv_4:visited { margin-right:0px;}
.cnv_4:active,.cnv_4:hover { background:url(../../images/mycard/cnav.gif) -358px bottom no-repeat;margin-right:0px;}

.card_det { width:474px; height:190px; float:left; clear:both; overflow:hidden;}
#albox { width:93px; height:190px; float:left;}
.al_1 { background:url(../../images/mycard/c1.gif) no-repeat right 35px;}
.al_2 { background:url(../../images/mycard/c2.gif) no-repeat right 35px;}
.al_3 { background:url(../../images/mycard/c3.gif) no-repeat right 35px;}

.det_box { width:370px; height:190px; float:right;}
.det_box p { width:370px; height:70px; line-height:70px; text-align:center; font-size:16px;font-family:"微软雅黑","Microsoft YaHei";}
.det_box p strong { color:#F00;}
.det_box p i { font-style:normal; padding:0 4px; color:#F30;}
.inp_cont { width:350px; height:24px; float:left; clear:both; overflow:hidden; margin-bottom:20px; padding-left:20px;}
.pt_1 { width:264px; height:22px; float:left; border:1px solid #999; padding:0 3px; line-height:22px; }
.pt_2 { width:59px; height:20px; float:left; margin-left:5px; display:inline; border:none; background:url(../../images/mycard/card_copy.gif); margin-top:2px; cursor:pointer;}
.card_min .card_right { width:213px; float:right;}
.spdt { width:370px; height:28px; line-height:28px; text-align:center; font-size:12px; color:#666; float:left;}

.card_start { width:96px; height:31px; float:left; clear:both; overflow:hidden; margin-left:135px;}
.card_start:link,.card_start:visited { background:url(../../images/mycard/card_entergame.gif) top no-repeat;text-decoration:none}
.card_start:active,.card_start:hover { background:url(../../images/mycard/card_entergame.gif) bottom no-repeat;text-decoration:none}

.det_box2 { width:370px; height:190px; float:right;}
.det_box2 p { width:370px; padding-top:50px; line-height:24px;  text-align:center;font-size:16px;font-family:"微软雅黑","Microsoft YaHei"}
.det_box2 p a { font-size:12px !important;}




.card_form { width:300px; height:152px; margin:0 auto; padding-top:38px;}
.cardnum { width:300px; height:40px; text-align:center; margin-bottom:20px;}
.cardnum b { font-size:14px; color:#434343; padding:0 4px;}
.cardnum span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#a40000; font-size:35px;}
.inp_y { width:300px; height:24px; float:left; overflow:hidden; clear:both; margin-bottom:18px;}
.inp_y p { width:85px; height:24px; float:left; font-size:14px; text-align:right; padding-right:5px; line-height:24px; color:#434343;}
.inp_y select { width:174px; height:22px; float:left; border:1px solid #dedede; padding:0 3px; line-height:22px; color:#333;}
.inp_y2 { width:300px; height:31px; float:left; clear:both; overflow:hidden;}
.inp_y2 input { width:102px; height:31px;  border:none; float:left; margin-left:99px; display:inline; cursor:pointer;}

.c_down { background:url(../../images/mycard/cbt.gif) bottom; }
.c_up { background:url(../../images/mycard/cbt.gif) top; }
.c2_down { background:url(../../images/mycard/cbt2.gif) bottom; }
.c2_up { background:url(../../images/mycard/cbt2.gif) top; }

.stop1 {width:102px; height:31px;  border:none; float:left; margin-left:99px; display:inline; background:url(../../images/mycard/cbt33.gif) no-repeat;}
.stop {width:102px; height:31px;  border:none; float:left; margin-left:99px; display:inline; background:url(../../images/mycard/cbt3.gif) no-repeat;}



.game_tit5 { width:444px; height:26px; float:left; font-size:14px; line-height:26px; background:url(../../images/it_sg.gif) no-repeat 15px center; padding-left:30px; color:#434343; clear:both;}
.card_intro { width:442px; border:1px solid #dedede; float:left; clear:both; overflow:hidden; font-size:12px; padding:15px; padding-top:8px;}
.card_intro p { font-size:12px; line-height:24px; margin:10px 0; color:#444;}
.card_intro h3 { width:432px; height:30px; border-bottom:1px solid #069; font-size:14px; font-weight:bold; padding-left:10px; line-height:29px; color:#036;}
.card_intro p b { color:#900}
.card_intro p img { border:1px solid #999;}

.card_intro table { margin:0 auto; border-collapse:collapse;}
.card_intro table th { border:1px solid #D1D1D1; background:#EEE; line-height:26px; padding:3px 10px; padding:3px; text-align:center;color:#222;}
.card_intro table td { border:1px solid #D1D1D1; line-height:26px;  padding:3px 10px;text-align:center; color:#222;}



#card_sata { width:156px; height:20px; float:left; clear:both; overflow:hidden; padding-left:57px; padding-top:20px; color:#900; margin-bottom:20px;}
.cs1 { background:url(../../images/mycard/card_sata1.gif) no-repeat;}
.cs2 { background:url(../../images/mycard/card_sata2.gif) no-repeat;}
.cs3 { background:url(../../images/mycard/card_sata3.gif) no-repeat;}
.cs4 { background:url(../../images/mycard/card_sata4.gif) no-repeat;}
.cs5 { background:url(../../images/mycard/card_sata5.gif) no-repeat;}
.cs6 { background:url(../../images/mycard/card_sata6.gif) no-repeat;}

.card_subinfo { width:201px; float:left; clear:both; overflow:hidden; border:1px solid #dedede; padding:5px; margin-bottom:10px;}
.sub_img { width:197px; height:95px; padding:1px; border:1px solid #dedede; float:left; clear:both; overflow:hidden;}
.sub_infor2 { width:201xp; height:78px; float:left; clear:both; border-bottom:1px solid #dedede; padding-top:8px;}
.sub_infor2 li { width:196px; height:26px; float:left; line-height:26px; padding-left:5px; color:#626262;}
.sub_infor2 li span { color:#900; font-family:Arial, Helvetica, sans-serif;}

.card_data { width:201px; float:left; clear:both; overflow:hidden;}
.card_data h4 { width:201px; height:30px; float:left; clear:both; line-height:30px; overflow:hidden;color:#626262; font-size:12px}
.card_data p { height:20px; line-height:20px; width:100%; float:left; color:#060;}


.game_tit4 { width:171px; height:26px; float:left; font-size:12px; line-height:26px; background:url(../../images/tit_sg.gif) no-repeat 15px center; padding-left:30px; color:#434343; clear:both;}

.card_list { width:211px; float:left; clear:both; overflow:hidden; border:1px solid #dedede; padding:4px 0; margin-bottom:10px;}
.card_list li { width:196px; float:left; clear:both; overflow:hidden; height:24px; line-height:24px; padding-left:15px; background:url(../../images/sign.gif) no-repeat 8px 10px;}

.wg_list2 {  width:201px; height:316px; float:left; clear:both; overflow:hidden;  }
.wg_list2 li { width:189px; height:113px; float:left; background:#f1f1f1; border:1px solid #d3d3d3; padding:5px; display:inline; overflow:hidden;}
.wg_list2 li p { width:48px; float:left; font-size:12px; text-align:left; line-height:20px; padding-left:5px; padding-top:15px; text-align:center}
.wg_list2 li p a { font-weight:bold; }