.collapse { margin-bottom: 8px; } .collapse .collapse-header-content a{ position: relative; display: block; height: 32px; line-height: 32px; text-indent: 32px; background-image: url("../image/up_bg.gif"); background-repeat: no-repeat; background-position: 6px; background-color: #B5B2B2; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border: 1px solid #bbb; } .collapse.collapsed .collapse-header-content a { background-image: url("../image/down_bg.gif"); } .collapse .collapse-content { display: none; overflow:hidden; } .collapse .collapse-content .content { padding: 10px 6px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; } .collapse.collapsed .collapse-content{ display: block; } .collapse .collapse-content .content a { display: block; line-height: 32px; } .collapse .collapse-content .content>ul>li>a { text-indent: .5em; } .collapse .collapse-content .content>ul>li>a:hover { background-color: #D3D3D6; } .collapse .collapse-content .content>ul>li>a.active { background-color: #8691F6; } .collapse .collapse-content .content>ul>li>a.active-thir { background-color: #D3D3D6; } .collapse .collapse-content .content a i.fa { margin-left: .5em; font-size: 20px; vertical-align: middle; } .collapse .collapse-content .content a.show i.fa { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ } .collapse .collapse-content .content a.show { background-color: #D3D3D6; } .collapse .collapse-content .content>ul>li>a.show+ul { display: block; } .collapse .collapse-content .content ul ul { display: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: .5em; } .collapse .collapse-content .content ul ul a{ text-indent: 1em; } .collapse .collapse-content .content ul ul a:hover { background-color: #e7e7ee; } .collapse .collapse-content .content ul ul a.active { background-color: #8691F6; color: #FFFFFF; } /* 徽章计数 */ .badge { display: inline-block; padding: 2px 12px; font-size: 12px; line-height: 18px; font-weight: bold; color: #fff; text-indent: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; text-decoration: none; } .badge.default { color: #333; background-color: #fff; border-color: #97A597; } .badge.default:hover { color: #627EF0; border-color: #9DBA9D; text-decoration: underline; } .badge.position-right { position: absolute; top: 50%; margin-top: -11px; right: 1em; }