@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}
body{ font-size:12px; text-align:left;}

.zzsc{width:150px; margin:20px auto; position:relative}
.zzsc p{width:144px; height:24px; line-height:24px; padding-left:4px; border:1px solid #ccc; color:#807a62; cursor:pointer}
.zzsc ul{width:148px; margin-top:2px; border:1px solid #ccc; position:absolute; display:none}
.zzsc ul li{height:24px;cursor:pointer; position:relative;}
.zzsc ul li.dot{ background:url(http://demo.zzsc.com/2014/select1224/images/right.gif) no-repeat 135px center;}
.zzsc ul li span{ width:138px; height:24px; line-height:24px; padding-left:10px; display:block; left:0; top:0; position:absolute;}
.zzsc ul li dl{ width:130px;height:auto; overflow:hidden;position:absolute; left:148px; top:0;border:1px solid #ccc; background:#ccc; color:#fff;display:none; }
.zzsc ul li dl dd{border-bottom:1px solid #fff; padding-left:10px;height:24px; line-height:24px; }
.zzsc ul li dl dd:hover{ background:#bbb;}
.zzsc ul li:hover{ background:#ccc; color:#fff;}