@charset "utf-8";

/*announce_box*/
.announce_box{width: 100%; height: 20px; line-height: 20px; text-align: center; background: #ebb64b; margin-bottom: 15px;}
.announce_box a{ color: #ffffff; text-decoration: underline;}
.announce_box a:hover{ text-decoration: none;}
/*leftbar*/
#leftbar{ float: left; position: relative; width: 366px; margin-right: 14px; overflow: hidden;}
.area_list{ overflow: hidden; position: relative; margin: 0 0 15px;}
.area_list li{ float: left; margin-right: 3px; width: 120px; height: 35px; line-height: 35px; text-align: center;}
.area_list li a{ display: block; cursor: pointer; width: 100%; height: 100%; font-family: 'Microsoft YaHei'; font-size: 14px; color: #ffffff}
.area_list li.area_game{ background: #bd4a3e;}
.area_list li.area_vip{ background: #9346b0;}
.area_list li.service_search{ background: #2cafb7; margin-right: 0}
/*main*/
#main{ float: left; position: relative; width: 580px;}
.service_list{  overflow: hidden; position: relative; margin: 0 0 3px;}
.service_list li{ float: left; margin-right: 3px; margin-bottom: 3px; width: 120px; height: 106px; overflow: hidden; cursor: pointer; }
.service_list li a{ float: left; display: block; width: 120px; height: 100%; cursor: pointer; }
.service_list li#data_change{ background: #dd569c;}
.service_list li#data_change a{ background-position: 0 -42px;}
.service_list li#data_change.others a{ background: url(../images/data_change_s.jpg) left center no-repeat;}
.service_list li#data_change.active a{ background: url(../images/data_cur.gif) left center no-repeat;}
.service_list li#data_change .cont a{ background: #be1b6f;}
.service_list li#find_pwd{ background: #4aab24;}
.service_list li#find_pwd a{ background-position: -121px -42px;}
.service_list li#find_pwd.others a{background: url(../images/find_pwds.jpg) left center no-repeat;}
.service_list li#find_pwd.active a{background: url(../images/find_cur.gif) left center no-repeat;}
.service_list li#find_pwd .cont a{ background: #369013;}
.service_list li#pay_prob{ background: #ea7831; margin-right: 0}
.service_list li#pay_prob a{ background-position: -242px -42px;}
.service_list li#pay_prob.others a{ background: url(../images/pay_prob_s.jpg) left center no-repeat;}
.service_list li#pay_prob.active a{ background: url(../images/pay_cur.gif) left center no-repeat;}
.service_list li#pay_prob .cont a{ background: #ca5811;}
.service_list li#game_prob{ background: #e69c04;}
.service_list li#game_prob a{ background-position: 0 -149px;}
.service_list li#game_prob.others a{background: url(../images/game_promb_s.jpg) left center no-repeat;}
.service_list li#game_prob.active a{background: url(../images/game_cur.gif) left center no-repeat;}
.service_list li#game_prob .cont a{ background: #be8000;}
.service_list li#compl{ background: #3a9bdf;}
.service_list li#compl a{ background-position: -121px -149px;}
.service_list li#compl.others a{ background: url(../images/comp_s.jpg) left center no-repeat;}
.service_list li#compl.active a{ background: url(../images/comp_cur.gif) left center no-repeat;}
.service_list li#compl .cont a{ background: #0f7cc8;}
.service_list li#faq{ background: #9dd100; margin-right: 0}
.service_list li#faq a{ background-position: -242px -149px;}
.service_list li#faq.others a{ background: url(../images/faq_s.jpg) left center no-repeat;}
.service_list li#faq.active a{ background: url(../images/faq_cur.gif) left center no-repeat;}
.service_list li#faq .cont a{ background: #83ae00;}
.cont{ display: none; line-height: 2em; color: #ffffff; padding: 5px 5px 0 0; position: absolute; top: 0; left: 120px; width: 110px; height: 106px; overflow: hidden;}
.service_list li .cont a{ display: block; cursor: pointer; width: 68px; height: 12px; text-align: center; line-height: 12px; padding: 5px 0; color: #ffffff; position: absolute; top: 73px; right: 10px;} 
/*focus*/
#focus { height: 223px; overflow: hidden; position: relative; width: 366px; margin: 15px 0 6px;}
.focusImg { height: 223px; position: relative; width: 366px; z-index: 0; }
.focusImg a, .focusImg img { display: block; }
.slider { bottom: 15px; overflow: visible; position: absolute; right: 15px; width: auto; z-index: 1; }
.slider a { background:  #202020; cursor: pointer; display: block; float: left; height: 13px; margin-right: 4px; overflow: hidden; position: relative; width: 13px; }
.slider a:hover, .slider a.current { background:  #2a88d0; }
/*fastWay*/
.fastWay{ position: relative; overflow: hidden; margin: 0 0 15px; width: 580px; height: 202px; background: url(../images/fast_way.jpg) center top no-repeat; float: left;}
.fastWay h2{ height: 35px; width: 100%; font-size: 16px; font-family: 'Microsoft YaHei'; text-align: center; line-height: 35px; color: #3e6687;}
.fastWay ul{ overflow: hidden; padding: 15px 0 0;}
.fastWay ul li{ float: left; line-height: 2em; text-align: center; text-align: left; text-indent: 32px;}
.fastWay ul li a{ color: #808080; display: block; width: 100%;}
.fastWay ul li h3{ font-size: 14px; color: #404040; padding: 0 0 3px;}
.fastWay ul li.colum1{ width: 135px;}
.fastWay ul li.colum2{ width: 143px;}
.fastWay ul li.colum3{ width: 154px;}
.fastWay ul li.colum4{ width: 148px;}
.fastWay ul li a:hover,.bill_detail:hover{ text-decoration: underline;}
/*searchBox*/
.searchBox{ overflow: hidden; padding: 10px 15px; width: 550px; background: #fcfcfc; float: left; margin: 0 0 15px;}
.seacPut{ display: block; float: left; width: 360px; padding: 0 5px; height: 26px; border: 1px solid #d5d5d5; line-height: 26px;}
.seachBtns{ padding-left: 10px; margin-right: 10px}
.seachBtns .sub_btns input{ height: 28px;}
.cy_knoled{ display: block; float:left; cursor: pointer; color: #2a88d0; width: 55px; background: url(../images/cy_knowledge.jpg) left center no-repeat; padding: 0 0 0 18px; height: 28px; line-height: 28px;}
/*accordin*/
.accordin_box {width:532px; height:223px; background:#eef7fb; overflow:hidden; float: left; margin-right: 1px;}
#accordin {position:relative; height:223px; width:532px; overflow:hidden;}
.accordin_box #accordin h3 { width:48px; height:223px; margin-left: 1px; float:left; _display:inline; text-indent:-9999px; cursor:pointer; background:url(../images/sprite.jpg) no-repeat; opacity:0.8; filter:alpha(opacity=80);}
#accordin h3.current, #accordin h3:hover {opacity:1; filter:alpha(opacity=100);}
#accordin h3.s1 {background-position:0 -256px;}
#accordin h3.s2 {background-position:-49px -256px;}
#accordin h3.s3 {background-position:-98px -256px;}
#accordin h3.s4 {background-position:-147px -256px;}
#accordin div.panelAcc {position:relative; display:block; float:left; width:336px; height:223px; display:none}
#accordin .f1 {background:url(../images/compu.jpg) no-repeat;}
#accordin .f2 {background:url(../images/telphone.jpg) no-repeat;}
#accordin .f3 {background:url(../images/dialog.jpg) no-repeat;}
#accordin .f4 {background:url(../images/peop.jpg) no-repeat;}
#accordin div i{ display: block; float: left; width: 180px; height: 100%;}
#accordin div h4{ float: left; width: 125px; font-size: 16px; font-family: 'Microsoft YaHei'; line-height: 2em; color: #3d6687; padding-top: 40px;}
#accordin div p{ color: #7e7e7e; line-height: 2em; width: 125px; float: left; overflow: hidden; }
#accordin div p span{ display: block; width: 38px; float: left; color: #ea7831; line-height: 12px; padding-top: 6px;}
#accordin div p em,.starIcon{ display: block; float: left; width: 16px; height: 24px; height: 22px\0; background: url(../images/star.jpg) center center no-repeat;}
.quick_way{ display: block; width: 48px; height: 223px; position: absolute; bottom: 0; right: -1px; cursor: pointer; background-position: -196px -256px;} 
.accLeftBox{ float: left; width: 125px; overflow: hidden; padding: 85px 5px 42px 30px;}
#accordin div p.rightAcc{ width: 156px; padding: 20px 5px 0;}
/*logined_wraps*/
.logined_wraps{ width: 100%; background: #fcfcfc; margin: 0 0 15px; position: relative; height: 124px;}
.logined_wraps h5{ text-align: center; height: 22px; line-height: 22px; background: #eef7fb; color: #869bab;} 
.logined_inner{ padding: 5px 10px 10px; line-height: 20px; color: #808080; overflow: hidden;}
.nobill{ background: url(../images/nobill_bg.jpg) center bottom no-repeat;}
.result{ font-size: 14px; overflow: hidden; width: 100%;} 
.bill_detail{ display: block; width: 60px; color:#808080; position: absolute; line-height: 2em; top: 30px; right: 10px; }
.mypass{ width: 295px; float: left; margin-right: 15px;}
.small_p{ float:left; width: 135px;}
.mysafe{width: 270px; float: left;}
.logined_inner p a{ color: #2a88d0; text-decoration: underline;}
.logined_inner p a:hover{ text-decoration: none;}
.logined_wraps .links{ overflow: hidden; padding: 6px 0 0; float: left;}
.logined_wraps .links li{ width: 78px; height: 18px; float: left; margin: 0 2px 2px 0; line-height: 16px;line-height: 18px\0;*line-height: 18px;_line-height: 16px;}
.logined_wraps .links li a{ display: block; cursor: pointer; width: 100%;  text-align: center; height: 100%; color: #ffffff; background: #4097db;}
.logined_wraps .links li.alr_bind a{ background: #c0e2f6;}
.float_elem{ display: block; float: left;}
.starIcon{background: url(../images/w_star.jpg) center center no-repeat;}