body { font-size: 12px; }
a span { cursor: pointer; }
.icon { overflow: hidden; display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; line-height: 0; font-size: 0; }
.show-icon { width: 9px; height: 5px; background-position: -148px 0; vertical-align: middle; }
.login-icon, .reg-icon { width: 19px; height: 19px; vertical-align: middle; }
.login-icon { background-image: url(../images/login-icon.png); display: inline-block; }
.reg-icon { background-image: url(../images/reg-icon.png); display: inline-block; }
.account-icon { background-position: -48px 0; }
.protect-icon { background-position: -68px 0; }
.pay-icon { background-position: -88px 0; }
.service-icon { background-position: -108px 0; }
.other-icon { background-position: -128px 0; }
.hot-icon { margin: 9px 0 0 4px; width: 22px; height: 12px; background-position: -167px 0; vertical-align: top; }

.clear { font-size: 0; line-height: 0; overflow: hidden; clear: both; height: 0; }

/* 统一头部样式开始 */
.header_wrap { position: relative; z-index: 2; width: 100%; min-width: 960px; background-color: #17aff5; }
.header_inner { position: relative; margin: 0 auto; height: 70px; width: 960px; }
.logo { float: left; padding-top:10px;}
    .logo img { height: 50px }
.logo_jia { padding-left: 7px; }
.nav_box { float: right; }
    .nav_box .nav_li { float: left; height: 70px; }
        .nav_box .nav_li a.nav_a { display: inline-block; padding: 0 15px; height: 55px; line-height: 70px; font-size: 16px; font-family: 'Microsoft Yahei'; color: #ffffff; }
        .nav_box .nav_li:nth-child(1) a.nav_a:hover, .nav_box .curr:nth-child(1) a.nav_a { text-decoration: none; }
        .nav_box .nav_li:nth-child(2) a.nav_a:hover, .nav_box .curr:nth-child(2) a.nav_a { text-decoration: none; }
        .nav_box .nav_li:nth-child(3) a.nav_a:hover, .nav_box .curr:nth-child(3) a.nav_a { text-decoration: none; }
        .nav_box .nav_li:nth-child(4) a.nav_a:hover, .nav_box .curr:nth-child(4) a.nav_a { text-decoration: none; }
        .nav_box .nav_li:nth-child(5) a.nav_a:hover, .nav_box .curr:nth-child(5) a.nav_a { text-decoration: none; }
        .nav_box .nav_li:nth-child(6) a.nav_a:hover, .nav_box .curr:nth-child(6) a.nav_a { text-decoration: none; }
    .nav_box .curr { position: relative; z-index: 101; }
        .nav_box .curr a.nav_a { position: relative; z-index: 101; border-bottom: 2px solid #ffffff; }
    .nav_box .min_w a.nav_a { width: 42px; text-align: center; }
#all_serve_li, #all_game_li { position: relative; }
.nav_box .nav_login, .nav_box .nav_register { float: left; padding: 0 0 0 20px; height: 70px; line-height: 70px; font-size: 12px; font-family: Simsun; }
.nav_box .nav_login { _display: inline; }
    .nav_box .nav_login a.nav_a { color: #ffffff; }
.nav_box .nav_register a.nav_a { color: #ffffff; }
.nav_box .login_ok { position: relative; float: left; padding: 5px 0 0 5px; color: #ffffff; width: 232px; height: 65px; line-height: 65px; font-size: 12px; text-align: right; }
    .nav_box .login_ok a.nav_a { background-color: #666; color: #fff; padding: 3px 5px; margin-left: 5px; white-space: nowrap; text-decoration: none; }
/* 全服务菜单 */
.all_serve { overflow: hidden; position: absolute; top: 70px; right: -1px; _right: -2px; z-index: 100; width: 330px; font-size: 12px; }
    .all_serve dl { float: left; width: 109px; height: 100%; margin-right: 1px; background-color: #fff; }
        .all_serve dl dd { height: 40px; line-height: 40px; }
            .all_serve dl dd a { color: #000000; width: 109px; height: 40px; display: block; text-align: center; }
                .all_serve dl dd a:hover, .all_game dl dd a:hover { color: #4aa7f8; text-decoration: none; }

/* ----------------------- main_warp -------------------------- */
.main_warp { position: relative; z-index: 1; padding: 53px 0; background: url(../images/main-bg.png) no-repeat scroll 0 0 #fff; }
.shadow-top, .shadow-btm { overflow: hidden; margin: 0 auto; height: 9px; width: 976px; line-height: 0; font-size: 0; background-repeat: no-repeat; background-position: 0 0; }
.shadow-top { background-image: url(../images/shadow-top.png); }
.shadow-btm { background-image: url(../images/shadow-btm.png); }

.main_inner { position: relative; margin: 0 auto; padding: 0 9px; width: 958px; background: url(../images/shadow-cen.png) repeat-y scroll 0 0; }
.sidebar { height: 120px; }
    .sidebar li { float: left; margin: 4px; }
        .sidebar li.active { width: 100px; background: url(/images/nav-arrow.png) no-repeat bottom; }
        .sidebar li a { display: block; width: 100px; height: 104px; line-height: 104px; color: #666; font-size: 12px; }
            .sidebar li a:hover { color: #fff; text-decoration: none; }
        .sidebar li h2 { overflow: hidden; position: relative; padding-left: 65px; width: 119px; height: 80px; border-bottom: 1px solid #e7e7e7; color: #85c2fb; font-weight: bold; font-size: 20px; font-family: '\5FAE\8F6F\96C5\9ED1','Microsoft Yahei'; }
            .sidebar li h2 .data-icon { position: absolute; left: 17px; top: 23px; width: 38px; height: 38px; background-position: -148px -22px; }
            .sidebar li h2 span { display: block; margin-top: 30px; _margin-top: 26px; }
            .sidebar li h2 label { display: block; font-family: Arial; font-size: 10px; font-weight: 200; }
.menu_title { position: relative; height: 40px; cursor: pointer; }
.item_total { display: none; position: absolute; right: 50px; top: 10px; padding: 2px 8px; background: #cecece; color: #fff; border-radius: 10px; font-family: arial; font-size: 12px; }
.menu_title h3 { padding-left: 24px; line-height: 39px; background: #f7f7f7 url(../images/menu_title_arrow.png) no-repeat right 0; font-size: 14px; font-weight: bold; color: #666666; border-bottom: 1px solid #e7e7e7; }
    .menu_title h3.active { background-color: #e7e7e7; background-position: right -40px; border-bottom: 1px solid #ededed; }

span.aq_state { position: absolute; padding: 3px 5px; background: #ff754f; color: #fff; top: 10px; right: 30px; border-radius: 3px; }
.icon_01 { background: url(/images/nav-phone.png) no-repeat; }
.icon_03 { background: url(/images/nav-fcm.png) no-repeat; }
.icon_04 { background: url(/images/nav-ques.png) no-repeat; }
.icon_05 { background: url(/images/nav-pwd.png) no-repeat; }
.icon_06 { background: url(/images/nav-pwdtwo.png) no-repeat; }
.icon_07 { background: url(/images/nav-pay.png) no-repeat; }
.icon_08 { background: url(/images/nav-payinfo.png) no-repeat; }
.icon_09 { background: url(/images/nav-index.png) no-repeat; }

.icon_01:hover, li.active a.icon_01 { }
.icon_02:hover, li.active a.icon_02 { }
.icon_03:hover, li.active a.icon_03 { }
.icon_04:hover, li.active a.icon_04 { }
.icon_05:hover, li.active a.icon_05 { }
.icon_06:hover, li.active a.icon_06 { }
.icon_07:hover, li.active a.icon_07 { }
.icon_08:hover, li.active a.icon_08 { }
.icon_09:hover, li.active a.icon_09 { }

.more_menu { padding-right: 10px; height: 30px; line-height: 30px; text-align: right; border-bottom: 1px solid #e7e7e7; }
    .more_menu a { color: #666; }

/* ------------------ Main Content --------------------------- */

.main_content { margin: 0 auto; width: 740px; }

/* 面包屑导航 */
.sub_nav { margin: 0 45px; padding: 34px 0 27px; border-bottom: 1px solid #e7e7e7; }
    .sub_nav a, .sub_nav i, .sub_nav span { display: inline-block; vertical-align: middle; }
    .sub_nav a { color: #85c2fb; font-weight: bold; }
    .sub_nav i { margin: 0 5px; width: 6px; height: 9px; background-position: -157px -6px; }
    .sub_nav span { color: #999; }
.main_content #ifm { margin-left: 18px; width: 700px; }

.login_ok .top_set { padding-right: 15px; background: url(../images/top_set_ico.png) no-repeat right 0; }
.open_name .top_set { background: url(../images/top_set_ico.png) no-repeat right -17px; }
.head_set { text-align: left; display: none; position: absolute; top: 41px; right: -3px; width: 310px; }
.open_name .head_set { display: block; }
.head_set .name_now { position: relative; padding: 12px 22px 0; height: 48px; line-height: 48px; color: #333; border-bottom: 0; background: url(../images/top_pop_tit.png) no-repeat center 0; }
.head_set .name_box { padding: 0 10px 10px; background: url(../images/top_pop_cont.png) no-repeat center bottom; }
    .head_set .name_box .name_list { position: relative; margin: 0 12px; height: 31px; line-height: 31px; color: #666; border-bottom: 1px solid #e8e8e8; }
.head_set .set_btm { padding: 10px 12px; height: 18px; }
    .head_set .set_btm a { float: left; padding: 0 3px; color: #3397f6; height: 18px; line-height: 18px; border-radius: 2px; }
        .head_set .set_btm a:hover, .head_set .set_btm a.btm_btn1 { background-color: #44a4ff; color: #fff; text-decoration: none; }
    .head_set .set_btm span { float: left; _display: inline; margin: 0 10px; width: 1px; height: 18px; background-color: #e8e8e8; }
.head_set .set_ico { overflow: hidden; position: absolute; display: inline-block; background-image: url(../images/name_icon.png); background-repeat: no-repeat; }
.head_set .set_phone { top: 6px; right: 4px; width: 13px; height: 18px; background-position: 0 -22px; }
.head_set .name_now .set_phone { top: 28px; right: 27px; background-position: 0 0; }
.head_set .set_email { top: 8px; right: 5px; width: 15px; height: 11px; background-position: -34px -26px; }
.head_set .name_now .set_email { top: 28px; right: 25px; background-position: -34px -4px; }
.head_set .set_pers { top: 9px; right: 5px; width: 16px; height: 16px; background-position: -15px -23px; }
.head_set .name_now .set_pers { top: 28px; right: 25px; background-position: -15px -1px; }


/* ------------------ footer Style --------------------------- */

#cyou_bottom { border-top: 1px solid #ccc; padding: 18px 0 18px; height: 71px; min-width: 980px; width: 100%; }
#cyou_bottom_main { margin: 0 auto; width: 1068px; height: 71px; font: 12px/20px "宋体",Tahoma,Geneva,sans-serif; color: #aaa; }
.cyou_bottom_logo { float: left; padding: 3px 0 0 23px; }
    .cyou_bottom_logo a { display: inline-block; width: 176px; height: 50px; background: url("/images/fflogo.png") no-repeat; background-size: cover; }
.cyou_bottom_sprite { float: left; padding: 23px 0 0 21px; }
.beian { float: left; width: 35px; height: 35px; background: url("../images/cyou_copyright_sprite.png") no-repeat scroll 0 0; }
.stamp { float: left; width: 35px; height: 35px; margin-left: 16px; background: url(../images/stamp.png) no-repeat scroll 0 0; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i0.cy.com/www/main/20140526/stamp.png",sizingMethod="crop"); }
.cyou_bottom_cont { float: left; padding-left: 18px; }
    .cyou_bottom_cont p { height: 25px; line-height: 25px; }
    .cyou_bottom_cont a { color: #aaa; }
        .cyou_bottom_cont a:hover { color: #006dc1; }
.cyou_bottom_right a { background-image: url(../images/cyou_copyright_sprite.png); background-repeat: no-repeat; height: 48px; }