#directory_toolbar{background:#fff;}
#toolbar_header{display:flex;align-items: center;;height:40px;padding:0 15px;position: relative;}
#toolbar_header #toolbar_title{font-size:16px;color:#222222;}
#toolbar_header #toolbar_contract{margin-left:15px;cursor: pointer;;width:20px;height:20px;background:url(../images/contract.svg);}
#toolbar_header #toolbar_del{cursor: pointer;position: absolute;right:15px;top:10px;width:20px;height:20px;background:url(../images/del.svg);}
#toolbar_content .item{line-height:28px;font-size:14px;}
#toolbar_content .item a{transition-duration:.3s;font-size:14px;color:#333;}
#toolbar_content .item a:hover{color:#000;text-decoration: underline;}
#toolbar_content .item span{margin-right:5px;}
#toolbar_content .item2{padding-left:15px;}
#toolbar_content .item3{padding-left:25px;}
#toolbar_content .item4{padding-left:35px;}
#toolbar_content .item5{padding-left:40px;}
#toolbar_content .item6{padding-left:50px;}

/* 风格一 */
.directory_toolbar1{background:#F9F9F9;margin-bottom:20px;border:1px solid #AAAAAA;border-radius:8px;}
.directory_toolbar1 #toolbar_content{padding:5px 15px 15px 15px;}
/* 风格二 */
.directory_toolbar2{margin-bottom:20px;padding:10px;}
.directory_toolbar2 #toolbar_header #toolbar_del{right:0;}
.directory_toolbar2 #toolbar_header{padding:0;}
.directory_toolbar2 #toolbar_content{position: relative;}
.directory_toolbar2 #toolbar_content:after{left:0px;top:0;content:"";background:#CCE0FF;position: absolute;height:100%;width:1px;z-index:1;}
.directory_toolbar2 #toolbar_content .item{padding:0 0 10px 20px;line-height:20px;;position: relative;}
.directory_toolbar2 #toolbar_content .item:after{position: absolute;width:8px;height:8px;content:"";background:#0066FF;position: absolute;left:-3px;top:5px;border-radius:8px;z-index:2;}
/* 风格三 */
.directory_toolbar3{margin-bottom:20px;border:1px solid #F1F1F2;border-bottom:0;}
.directory_toolbar3 #toolbar_header{background:#F8F8F8;}
.directory_toolbar3 #toolbar_content .item{padding:0 15px;border-bottom:1px solid #F1F1F2;overflow:hidden;}
.directory_toolbar3 #toolbar_content .item span{display:inline-block;text-align:center;margin-top:5px;background:#F1F1F2;font-size:14px;width:40px;height:20px;line-height:20px;}
/* 风格四 */
.directory_toolbar4{margin-bottom:20px;border:1px solid #F7F7F7;}
.directory_toolbar4 #toolbar_header{color:#fff;background:#F7F7F7}
.directory_toolbar4 #toolbar_content .item{padding:0 15px;line-height:30px;}
.directory_toolbar4 #toolbar_content .item:nth-child(2n){background:linear-gradient(90deg, rgba(239, 239, 239, 0.5) 0%, rgba(239, 239, 239, 0) 100%);}
.directory_toolbar4 #toolbar_content .item:nth-child(1){background: linear-gradient(90deg, rgba(255, 51, 51, 0.15) 0%, rgba(255, 51, 51, 0) 100%);}
.directory_toolbar4 #toolbar_content .item:nth-child(2){background: linear-gradient(90deg, rgba(255, 102, 0, 0.1) 0%, rgba(255, 102, 0, 0) 100%);}
.directory_toolbar4 #toolbar_content .item:nth-child(3){background: linear-gradient(90deg, rgba(250, 169, 14, 0.1) 0%, rgba(250, 169, 14, 0) 100%);}