@charset "utf-8";

/* 本案例代码begin */
.left_nav{ width:180px; padding:0px; background:#fff;}
.left_nav dl dt{ width:146px; height:32px; line-height:32px; background:url(../images/long.png) no-repeat 12px center #7abef6; padding-left:35px; color:#fff; margin-bottom:4px;}
.left_nav dl dd{ width:146px; height:30px; position:relative;}
.left_nav dl dd .nav_right{ width:300px; height:auto; overflow:hidden; position:absolute; left:125px; top:0px; padding:0px 5px 10px 5px;background:#fff; display:none; border:1px solid #ccc;}
.left_nav dl dd .nav_right a{ width:110px;height:20px; line-height:20px; text-align:left; color:#666;padding-left:40px; background:url(../images/nav_right_bg.png) no-repeat 20px center; display:block; float:left; margin-top:10px; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd .nav_right a:hover{ width:110px;height:20px; line-height:20px; text-align:left; color:#fff;padding-left:40px; background:url(../images/nav_right_bg2.png) no-repeat 20px center #7abef6; text-decoration:none;}
.left_nav dl dd a.nav_left{width:167px; height:29px; line-height:29px; background:url(../images/left_nav_dt_bg.png) no-repeat 105px center #E0E0E0; padding-left:13px; display:block; border-bottom:1px solid #fff;color:#3C4347; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd a.nav_left:hover{background:url(../images/left_nav_dt_bg2.png) no-repeat 105px center #E6238F; color:#fff; text-decoration:none;}

.pp{ width:190px;}
.pp li{ padding:1px 1px 1px 0px; width:190px; height:28px; margin-bottom:1px solid #fff; line-height:30px;}
.pp li a{ background: #eee; height:28px; width:165px; display:block; padding-left:15px; text-align:left;}
.pp li a:hover{ background:#999999;}