﻿/*---顶导航---*/
#topnav ul{ background:url(../app_images/ul_bg_01.gif) repeat-x; line-height:26px;}
#topnav li{ float:right; margin:0 2px;}
#topnav .leftside1{ background:url(../app_images/ul_bg_left1.gif) no-repeat left top; padding:0 0 0 10px;}
#topnav .rightside1{ padding:0 6px 0 0;}
#topnav .none .leftside1{ background:none;}
#topnav li a:hover{ color:#f50; text-decoration:none;}
#personal #topnav1,#tophome #topnav0,#group #topnav2,#topshop #topnav3,#about #topnav4,#investor #topnav5,#personal_en #topnav1,#tophome_en #topnav0,#group_en #topnav2,#about_en #topnav3,#investor_en #topnav4{ background:url(../app_images/ul_bg_on1.gif) repeat-x;}
#personal #topnav1 .leftside1,#tophome #topnav0 .leftside1,#group #topnav2 .leftside1,#topshop #topnav3 .leftside1,#about #topnav4 .leftside1,#investor #topnav5 .leftside1,#personal_en #topnav1 .leftside1,#tophome_en #topnav0 .leftside1,#group_en #topnav2 .leftside1,#about_en #topnav3 .leftside1,#investor_en #topnav4 .leftside1{ background:url(../app_images/ul_bg_left3.gif) no-repeat left top; padding:0 0 0 15px;}
#personal #topnav1 .rightside1,#tophome #topnav0 .rightside1,#group #topnav2 .rightside1,#topshop #topnav3 .rightside1,#about #topnav4 .rightside1,#investor #topnav5 .rightside1,#personal_en #topnav1 .rightside1,#tophome_en #topnav0 .rightside1,#group_en #topnav2 .rightside1,#about_en #topnav3 .rightside1,#investor_en #topnav4 .rightside1{ background:url(../app_images/ul_bg_right3.gif) no-repeat right top; padding:0 15px 0 0;}
#logobox{ margin:8px 0 10px 20px;}
#logo{ background:url(/app_images/logo_pa.gif); width:208px; height:19px;}
#logo a{ width:208px; height:19px; display:block;}
#bank_logo a{display:block; height:36px; width:190px;}
.logo_pinganone{ background:url(/app_images/logo_pa_pinganone.gif); width:302px; height:19px;}
.logo_pinganone a{ width:208px; height:19px; display:block;}

#personal #topnav1 a,#tophome #topnav0 a,#group #topnav2 a,#topshop #topnav3 a,#about #topnav4 a,#investor #topnav5 a,#personal_en #topnav1 a,#tophome_en #topnav0 a,#group_en #topnav2 a,#about_en #topnav3 a,#investor_en #topnav4 a{ color:#f30;}

#simple_header{ background:url(../app_images/ul_bg3.gif) 0 bottom repeat-x; padding:0 0 45px 0;}
#simple_header #logo{ margin:5px 0 0 10px;}
#simple_topnav{ background:url(../app_images/ul_bg2.gif) repeat-x;}
#simple_topnav ul{ padding:0 20px 0 0;}
#simple_topnav li{ float:right; position:relative; height:22px; background:url(../app_images/nav_m.gif) repeat-x; padding:7px 20px;}
#simple_topnav .nav_l2,.nav_r2{ position:absolute; height:22px; width:12px;}
#simple_topnav .nav_l2{ background:url(../app_images/nav_l.gif); left:0; top:0;}
#simple_topnav .nav_r2{ background:url(../app_images/nav_r.gif); right:0; top:0;}
#simple_topnav li a:hover{ text-decoration:none;}

/*主导航*/
#mainnav{ height:34px; line-height:34px;}
#mainnav2{ background:url(../app_images/bg_nav3.gif) repeat-x 0 -16px; height:18px;}
#mainnav a{ font-weight:bold; color:#333; text-decoration:none;}
#mainnav a:hover{ color:#f50;}
#mainnav ul{ background:url(../app_images/bg_nav3.gif) repeat-x; padding:0 0 0 20px; height:34px;}
#mainnav li{ float:left; background:url(../app_images/bg_nav1.gif) repeat-x; padding:0 18px 0 17px; position:relative; height:34px;}
#mainnav .leftside2,#mainnav .rightside2{ height:34px; position:absolute; top:0;}
#mainnav .leftside2{ background:url(../app_images/li_bg_l1.gif); left:0; width:6px;}
#mainnav .rightside2{ background:url(../app_images/li_bg_r1.gif); right:0; width:8px;}

#insurance #mainnav0,#ebank #mainnav1,#creditcard #mainnav2,#stock #mainnav3,#futures #mainnav4,#intrust #mainnav5,#vipclub #mainnav7,#shop #mainnav8,#financial #mainnav9,#caifu #mainnav6,#pingan #mainnav10,#fund #mainnav11{ background:url(../app_images/bg_nav2.gif) repeat-x; padding:0 21px 0 17px;z-index:100;}
#insurance #mainnav0 .leftside2,#ebank #mainnav1 .leftside2,#creditcard #mainnav2 .leftside2,#stock #mainnav3 .leftside2,#futures #mainnav4 .leftside2,#intrust #mainnav5 .leftside2,#vipclub #mainnav7 .leftside2,#shop #mainnav8 .leftside2,#financial #mainnav9 .leftside2,#caifu #mainnav6 .leftside2,#pingan #mainnav10 .leftside2,#fund #mainnav11 .leftside2{ background:url(../app_images/li_bg_l2.gif); width:13px; left:-8px;}
#insurance #mainnav0 .rightside2,#ebank #mainnav1 .rightside2,#creditcard #mainnav2 .rightside2,#stock #mainnav3 .rightside2,#futures #mainnav4 .rightside2,#intrust #mainnav5 .rightside2,#vipclub #mainnav7 .rightside2,#shop #mainnav8 .rightside2,#financial #mainnav9 .rightside2,#caifu #mainnav6 .rightside2,#pingan #mainnav10 .rightside2,#fund #mainnav11 .rightside2{ background:url(../app_images/li_bg_r2.gif); width:16px; right:-5px;}
#insurance #mainnav0 a,#ebank #mainnav1 a,#creditcard #mainnav2 a,#stock #mainnav3 a,#futures #mainnav4 a,#intrust #mainnav5 a,#vipclub #mainnav7 a,#shop #mainnav8 a,#financial #mainnav9 a,#caifu #mainnav6 a,#pingan #mainnav10 a,#fund #mainnav11 a{ color:#f50;}
#insurance #mainnav1,#ebank #mainnav2,#creditcard #mainnav3,#stock #mainnav11,#fund #mainnav4,#futures #mainnav5,#intrust #mainnav6,#caifu #mainnav7,#vipclub #mainnav8,#shop #mainnav9{ padding:0 18px 0 13px;}
#insurance #mainnav1 .leftside2,#ebank #mainnav2 .leftside2,#creditcard #mainnav3 .leftside2,#stock #mainnav11 .leftside2,#fund #mainnav4 .leftside2,#futures #mainnav5 .leftside2,#intrust #mainnav6 .leftside2,#caifu #mainnav7 .leftside2,#vipclub #mainnav8 .leftside2,#shop #mainnav9 .leftside2,#financial #mainnav10 .leftside2{ background:none;}
#insurance #mainnav0 .leftside2{ background:url(../app_images/li_bg_l3.gif); width:13px; left:-8px;}
#pingan #mainnav10 .rightside2{ background:url(../app_images/li_bg_r4.gif); width:13px; right:-5px;}

#mainnav6 .rightside2{ right:0 !important;}
*+#mainnav8 .rightside2{ right:0 !important;}
*html #mainnav9 .rightside2,#mainnav8 .rightside2{ right:-1px;}
*html #mainnav6 .rightside2{ right:-1px !important;}

#help_header,#carinsuranceapply_header{ background:url(../app_images/header/header_bg1.gif) repeat-x; height:67px;}
.top_line{ background:#FF8B00; height:4px; font-size:1px; width:752px; float:right;}
#help_header #logobox{ margin:15px 0 0 100px;}
#line_box{ position:relative; height:4px;}
#line_box .top_line{ position:absolute; right:0; top:0; width:722px;}

/*---活动页面头部样式---*/
#eservice_wrapper,#campaign_wrapper,#carinsuranceapply_wrapper{ width:1004px; margin:0 auto; background:#fff;}
#eservice_header,#campaign_header{ background:url(../app_images/header/header_bg2.gif) repeat-x; height:62px;  }
#eservice_header .out_box,#campaign_header .out_box,#carinsuranceapply_header .out_box{ width:780px; margin:0 auto 0 auto; padding:15px 0 0 0;}
#eservice_header #logo,#campaign_header #logo,#carinsuranceapply_header #logo{ float:left; background:url(../app_images/logo2.jpg); width:128px; height:27px;}
#eservice_header #logo a,#campaign_header #logo a,#carinsuranceapply_header #logo a{ width:128px; height:27px;}
#eservice_mainnav,#campaign_mainnav{ float:left;}
#carinsuranceapply_mainnav{ float:right;}
#eservice_mainnav ul,#campaign_mainnav ul{ margin:5px 0 0 480px;}
#carinsuranceapply_mainnav ul{ width:390px;}
#eservice_mainnav li,#campaign_mainnav li,#carinsuranceapply_mainnav li{ float:left; background:url(../app_images/header/nav_m1.gif) repeat-x; height:23px; line-height:23px; position:relative; padding:0 10px;}
#carinsuranceapply_mainnav li{ margin:0 2px;}
#eservice_mainnav .nav_l,#eservice_mainnav .nav_r,#campaign_mainnav .nav_l,#campaign_mainnav .nav_r,#carinsuranceapply_mainnav .nav_l,#carinsuranceapply_mainnav .nav_r{ position:absolute; height:23px;}
#eservice_mainnav .nav_l,#campaign_mainnav .nav_l,#carinsuranceapply_mainnav .nav_l{ width:7px; height:23px; background:url(../app_images/header/nav_l1.gif); left:0; top:0;}
#eservice_mainnav .nav_r,#campaign_mainnav .nav_r,#carinsuranceapply_mainnav .nav_r{ width:7px; height:23px; background:url(../app_images/header/nav_r1.gif); right:0; top:0;}
#eservice_mainnav a,#campaign_mainnav a,#carinsuranceapply_mainnav a{ text-decoration:none;}
#eservice_footer,#campaign_footer{ background:#F4F4F4; padding:3px 0; text-align:center;}


/*版权*/
#footer{ border-top:1px #C1C1C1 solid; text-align:center; padding:15px 0; color:#666;}
#footer div{ line-height:20px;}
#img_box img{ margin:0 5px;}
#simple_wrapper #footer{ border-bottom:1px #C1C1C1 solid; margin:8px 0 0 0;}

/*toaheard*/
#toa_header{ background:url(../app_images/bg4.gif) repeat-x left bottom;}
#toa_logo{ padding:13px 0 23px 18px;}
#toa_logo a{background:url(../app_images/toa_logo.jpg) no-repeat;width:268px; height:32px;display:block;}
#toa_footer{ border-top:1px #C1C1C1 solid; text-align:center; padding:15px 0; color:#666; width:788px; margin:auto;}
#toa_footer div{ line-height:20px;}

/*wanlitongheard*/
#wlt_logo{ background:url(../app_images/wlt_logo.jpg); width:332px; height:28px; float:left;}
#wlt_logo a{ width:332px; height:28px; display:block;}
#wlt_mainnav{ float:left; width:440px;}
#wlt_mainnav ul{ margin:5px 0 0 20px;}
#wlt_mainnav li{ float:right; background:url(../app_images/header/nav_m1.gif) repeat-x; height:23px; line-height:23px; position:relative; padding:0 10px;}
#wlt_mainnav .nav_l,#wlt_mainnav .nav_r{ position:absolute; height:23px;}
#wlt_mainnav .nav_l{ width:7px; height:23px; background:url(../app_images/header/nav_l1.gif); left:0; top:0;}
#wlt_mainnav .nav_r{ width:7px; height:23px; background:url(../app_images/header/nav_r1.gif); right:0; top:0;}
#wlt_mainnav a{ text-decoration:none;}

/*20110120*/
/*顶部导航样式*/
#topnav{background:#eee;}
#topnav ul{padding-right:9px;}
#topnav li{float:right; margin:0 3px; line-height:22px; height:22px;}
#topnav li.split{width:2px; font-size:1px; background:url(/app_images/pingan/v20/header/header.gif) no-repeat 0 5px;}
#topnav a{color:#666; text-decoration:none;}
#topnav a:hover{color:#666; text-decoration:underline;}
#wanlitong .wanlitong a,#viptop .vipnav a, #investor .investor a, #topabout .topabout a, #topshop .topshop a,
#group .group a, #personal .personal a, #tophome .tophome a,#wap .wapnav a,#one .onenav a /*焦点样式*/
{color:#f05a23; text-decoration:none;}
#wanlitong .wanlitong a:hover,#viptop .vipnav a:hover, #investor .investor a:hover, #topabout .topabout a:hover, #topshop .topshop a:hover,
#group .group a:hover, #personal .personal a:hover, #tophome .tophome a:hover,#wap .wapnav a:hover,#one .onenav a:hover
{color:#f05a23; text-decoration:underline;}

/*logo区样式_NEW*/
#header #logo_general{margin:12px 12px 12px 20px; height:19px;}
#header #logo_general li{float:left;}
#header #logo_general .general_logo{width:208px; height:19px; background:url(/app_images/logo_pa.gif) no-repeat;}

/*主导航样式*/
#general_nav, #general_nav .nav_ll, #general_nav .nav_rr, #general_nav .split, #general_nav ul li, #general_nav ul li.focus a, #general_nav ul li.focus .ll_side, #general_nav ul li.focus .rr_side,#general_nav ul li .ll_side{background:url(/app_images/pingan/v20/header/top_nav.jpg) no-repeat;}
#general_nav{background-position:0 -40px; background-repeat:repeat-x; height:36px; position:relative;}
#general_nav .nav_ll{position:absolute; background-position:0 0; width:10px; height:36px; left:0; top:0;}
#general_nav .nav_rr{position:absolute; background-position:0 -80px; width:10px; height:36px; right:0; top:0;}
#general_nav ul{ line-height:36px; margin-left:20px;}
#general_nav ul li{float:left; position:relative; margin:0 3px; background-position:0 -40px; background-repeat:repeat-x;}
#general_nav ul li .split{position:absolute; right:-4px; top:0; background-position:0 -120px; width:2px; height:36px;}
#general_nav ul li a{padding:0 18px; display:block; background-position:0 -40px; background-repeat:repeat-x; color:#ffffff; font-weight:bold; font-size:14px;}
#general_nav ul li a:hover{text-decoration:none;}
#general_nav ul li.focus a{background-position:0 -200px; background-repeat:repeat-x; color:#e24800;}
#general_nav ul li.focus .main_ll{background-position:0 -160px; width:10px; height:36px; position:absolute; left:0; top:0;}
#general_nav ul li.focus .main_rr{background-position:0 -240px; width:10px; height:36px; position:absolute; right:0; _right:-1px; top:0;}
#general_nav_id1 .general_nav_id1 a, #general_nav_id2 .general_nav_id2 a, #general_nav_id3 .general_nav_id3 a, #general_nav_id4 .general_nav_id4 a, #general_nav_id5 .general_nav_id5 a, #general_nav_id6 .general_nav_id6 a, #general_nav_id7 .general_nav_id7 a, #general_nav_id8 .general_nav_id8 a, #general_nav_id9 .general_nav_id9 a, #general_nav_id10 .general_nav_id10 a
{background:url(/app_images/pingan/v20/header/top_nav.jpg) no-repeat 0 -200px; background-repeat:repeat-x; color:#e24800;}
#general_nav_id1 .general_nav_id1 .main_ll, #general_nav_id2 .general_nav_id2 .main_ll, #general_nav_id3 .general_nav_id3 .main_ll, #general_nav_id4 .general_nav_id4 .main_ll, #general_nav_id5 .general_nav_id5 .main_ll, #general_nav_id6 .general_nav_id6 .main_ll, #general_nav_id7 .general_nav_id7 .main_ll, #general_nav_id8 .general_nav_id8 .main_ll, #general_nav_id9 .general_nav_id9 .main_ll, #general_nav_id10 .general_nav_id10 .main_ll
{background:url(/app_images/pingan/v20/header/top_nav.jpg) no-repeat 0 -160px; width:10px; height:36px; position:absolute; left:0; top:0;}
#general_nav_id1 .general_nav_id1 .main_rr, #general_nav_id2 .general_nav_id2 .main_rr, #general_nav_id3 .general_nav_id3 .main_rr, #general_nav_id4 .general_nav_id4 .main_rr, #general_nav_id5 .general_nav_id5 .main_rr, #general_nav_id6 .general_nav_id6 .main_rr, #general_nav_id7 .general_nav_id7 .main_rr, #general_nav_id8 .general_nav_id8 .main_rr, #general_nav_id9 .general_nav_id9 .main_rr, #general_nav_id10 .general_nav_id10 .main_rr
{background:url(/app_images/pingan/v20/header/top_nav.jpg) no-repeat 0 -240px; width:10px; height:36px; position:absolute; right:0; _right:-1px; top:0;}
