@charset "utf-8";
/* CSS Document */
/*---------------
[1] header  [2] footer
[3] block   [4] form
---------------*/

.body { background-color: #f6f7f8; }
.header, .main, .footer { width: 100%; }
.header { height: 90px; background-color: #f7f8fa; border-bottom: 1px solid #afafaf; overflow: hidden; }
.headerInner, .secInner, .footerInner { width: 1002px; margin: 0 auto; }
.footer { padding: 30px 0; background-color: #525e69; border-top: 1px solid #4c5862; }

/*============ header ============*/
.header .logo { display: block; float: left; width: 158px; height:62px; margin-top: 12px; background: url(../../images/index/logo.png) no-repeat 0 0; overflow: hidden; text-indent: -9999em; }
.header .nav { float: right; background: url(../../images/index/nav_bg.gif) repeat-x 0 0; }

.header .nav ul { display: inline-block; *display:inline; *zoom:1;}
.nav ul li { float: left; padding: 29px 15px; height: 90px; border-right: 1px dashed #bbbcbd; }
.nav ul li.fstItem { border-left: 1px dashed #bbbcbd; }
.nav ul li a { display: block; width:80px; height:32px; overflow:hidden; cursor:pointer; background:url(../../images/index/lt_nav.png) no-repeat; text-indent:-9999em; line-height:1;}
.nav ul li a.lk_home{ background-position: 0 0;}
.nav ul li.cur a.lk_home ,.nav ul li a.lk_home:hover{background-position: -82px 0;}
.nav ul li a.lk_account{ background-position: 0 -36px;}
.nav ul li.cur a.lk_account span,.nav ul li a.lk_account:hover{background-position: -82px -36px;}
.nav ul li a.lk_recharge{ background-position: 0 -69px;}
.nav ul li.cur a.lk_recharge,.nav ul li a.lk_recharge:hover {background-position: -82px -69px;}
.nav ul li a.lk_cstService{ background-position: 0 -105px;}
.nav ul li.cur a.lk_cstService ,.nav ul li a.lk_cstService:hover {background-position: -80px -105px;}

/*============ footer ============*/
.footer a, .footer a:visited { color: #ffffff; }
.f_link { float: left; width: 248px; height: 51px; margin-top: 25px; background: url(../../images/f_logo.png) no-repeat 0 0; }
.f_link .jbt_link, .f_link .ltyx_link { display: block; float: left; height: 51px; text-indent: -9999em; }
.f_link .jbt_link { width: 105px; margin-right: 25px; }
.f_link .ltyx_link { width: 118px; }
.f_txt { padding-left: 298px; color: #a4b6c6; margin-bottom: -10px; }
.f_txt p { margin-bottom: 5px; }
.f_txt p.txt_icp { color: #ffffff; }
.f_txt p.txt_icp a img { vertical-align:middle;}
.f_service{font-size:13px; color:#ffffff;}

/*============ block ============*/
.sec_columns2:after, .sec_columns3:after, .sec_columns4:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.sec_columns2, .sec_columns3, .sec_columns4 { *zoom:1;}
.sec_columns2 .sec_col01, .sec_columns2 .sec_col02 { float: left; width: 50%; }
.sec_columns3 .col, .sec_columns3 .sec_col01, .sec_columns3 .sec_col02, .sec_columns3 .sec_col03 { float: left; width: 33.33333%; }
.sec_columns4 .col { width: 25%; float: left; }

/*============ form ============*/
.error_msg { padding: 5px 2px; border: 1px solid #e3cb9f; background-color: #faffc6; text-align: center; font-size: 12px; color: #de5a3f; }
.pwholder { position: absolute; display: block; height: 14px; line-height: 14px; color: #535353; top: 7px; font-size: 14px; left: 0; text-align: left; }