导航栏效果应用

.skin-box-bd .menu-list{background:none;}.all-cats{background:url(http://tu.taobaocdn.com/s1/407908261/350/zx/all_cat) no-repeat;max-width:123px;width:123px;_width:123px;}.skin-box-bd,.menu,.all-cats .link{background:none;border-color:#DDD;}.skin-box-bd .menu-list .menu .title{color:#FFF;cursor:pointer;}.skin-box-bd .menu-list .menu{border:none;}.skin-box-bd .popup-content .cats-tree .fst-cat{border:none;height:28px;}.all-cats .link{width:123px;padding:0;background:none;border:none;color:#FFF;font-size:12px;font-weight:700;}.all-cats .link .title{margin-left:0;color:#FFF;cursor:pointer;text-indent:-999em;}.all-cats .link .popup-icon{background:none;font-family:"黑体";border:5px solid;border-color:#FFF #B40005 #B40005 #B40005;margin-top:14px;font-size:0;width:0;height:0;display:none;}.menu-list{width:808px;}.menu-list .link{padding:0 20px;border:none;border-left:1px solid #A10101;color:#FFF;font-size:12px;font-weight:normal;background:none;}.menu-list .link .popup-icon{background:none;display:block;float:right;font-family:"黑体";border:4px solid;border-color:#FFFFFF #C10101 #C10101 #C10101;margin-top:14px;font-size:0;width:0;height:0;}.all-cats-hover .link,.menu-list .menu-hover .link{background:none;}.all-cats-hover .link .popup-icon,.menu-list .menu-hover .link .popup-icon{border-color:#FFFFFF #C10101 #C10101 #C10101;}.menu-list .menu-selected .link{background:none;}.menu-list .menu-selected .link .title{background:none;}.popup-content{border:none;background:#111;}.popup-content .cats-tree{margin:0;padding:0 0 10px 0;background:none;}.popup-content .cats-tree .has-children{background:none;}.popup-content .cats-tree .fst-cat-hd{height:28px;line-height:28px;border-bottom:none;}.popup-content .cats-tree .fst-cat-icon{display:none;}.popup-content .cats-tree .has-children .fst-cat-icon{background:none;font-family:"黑体";border:3px solid;border-color:#111 #111 #111 #FFF;margin:12px 12px 0 0;font-size:0;width:0;height:0;float:right;display:block;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-hd{background:#B40005;height:28px;line-height:28px;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{border-color:#B40005 #B40005 #B40005 #FFF;}.popup-content .cats-tree .fst-cat-name{font-weight:normal;color:#FFF;text-indent:20px;padding:0;height:28px;line-height:28px;}.popup-content .cats-tree .snd-pop-inner{background:#B40005;}.popup-content .cats-tree .snd-cat-hd-hover{background:none;}.popup-content .cats-tree .snd-cat-hd a{color:#FFF;font-weight:normal;font-size:12px;}.popup-content .cats-tree .snd-cat-hd a:hover{text-decoration:underline;}.menu-popup-cats{padding:8px 0;}.menu-popup-cats .sub-cat a{color:#FFF;font-weight:normal;font-size:12px;text-indent:15px;}.menu-popup-cats .sub-cat-hover{color:#FFF;background:#B40005;}

.skin-box-bd .menu-list{background:none;}.all-cats{background:url(http://img04.taobaocdn.com/imgextra/i4/541366289/T2FRf0XgBbXXXXXXXX_!!541366289.jpg) no-repeat;max-width:123px;width:123px;_width:123px;}.skin-box-bd,.menu,.all-cats .link{background:none;border-color:#DDD;}.skin-box-bd .menu-list .menu .title{color:#FFF;cursor:pointer;font-family:"微软雅黑";font-size:14px;}.skin-box-bd .menu-list .menu{border:none;}.skin-box-bd .popup-content .cats-tree .fst-cat{border:none;height:28px;}.all-cats .link{width:123px;padding:0;background:none;border:none;color:#FFF;font-size:12px;font-weight:700;}.all-cats .link .title{margin-left:0;color:#FFF;cursor:pointer;text-indent:-999em;}.all-cats .link .popup-icon{background:none;font-weight:bold;font-family:"微软雅黑";border:5px solid;border-color:#FFF #e3393c #e3393c #e3393c;margin-top:14px;font-size:0;width:0;height:0;display:none;}.menu-list{width:808px;}.menu-list .link{padding:0 20px;border:none;border-left:0px solid #A10101;color:#FFF;font-size:12px;font-weight:normal;background:none;}.menu-list .link .popup-icon{background:none;display:block;float:right;font-family:"微软雅黑";border:4px solid;border-color:#FFFFFF #e3393c #e3393c #e3393c;margin-top:14px;font-size:0;width:0;height:0;}.all-cats-hover .link,.menu-list .menu-hover .link{background:none;}.all-cats-hover .link .popup-icon,.menu-list .menu-hover .link .popup-icon{border-color:#FFFFFF #e3393c #e3393c #e3393c;}.menu-list .menu-selected .link{background:none;}.menu-list .menu-selected .link .title{background:none;}.popup-content{border:none;background:#e3393c;}.popup-content .cats-tree{margin:0;padding:0 0 10px 0;background:none;}.popup-content .cats-tree .has-children{background:none;}.popup-content .cats-tree .fst-cat-hd{height:28px;line-height:28px;border-bottom:none;}.popup-content .cats-tree .fst-cat-icon{display:none;}.popup-content .cats-tree .has-children .fst-cat-icon{background:none;font-family:"微软雅黑";border:3px solid;border-color:#111 #111 #111 #FFF;margin:12px 12px 0 0;font-size:0;width:0;height:0;float:right;display:block;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-hd{background:#e3393c;height:28px;line-height:28px;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{border-color:#e3393c #e3393c #e3393c #FFF;}.popup-content .cats-tree .fst-cat-name{font-weight:normal;color:#FFF;text-indent:20px;padding:0;height:28px;line-height:28px;}.popup-content .cats-tree .snd-pop-inner{background:#e3393c;}.popup-content .cats-tree .snd-cat-hd-hover{background:none;}.popup-content .cats-tree .snd-cat-hd a{color:#FFF;font-weight:normal;font-size:12px;}.popup-content .cats-tree .snd-cat-hd a:hover{text-decoration:underline;}.menu-popup-cats{padding:8px 0;}.menu-popup-cats .sub-cat a{color:#FFF;font-weight:normal;font-size:12px;text-indent:15px;}.menu-popup-cats .sub-cat-hover{color:#FFF;background:#e3393c;}