/* 工具栏样式 */

/*浮动栏*/
#toolbar {
	width:70px; height:auto; position:fixed; left:49.5%; bottom:20px; margin-left:525px;
	z-index:556; background-color:#f5f5f5; box-shadow:0 2px 7px rgba(0,0,0,.6);
}

#toolbar > div {width:100%; height:40px; position:relative; margin-bottom:20px;}
#toolbar > div > span:first-child {
	width:100%; height:40px; display:block; padding-top:34px; box-sizing:border-box;
	background-repeat:no-repeat; background-position:center top; text-align:center; cursor:pointer;
}

.out span {color:#000;}
.hover span {color:#2ad4d3;}

/*个性图标*/
.out#t_signIn span {background-image:url(../images/icon/toolbar_contact_1.png);}
.out#t_favorite span {background-image:url(../images/icon/toolbar_start_1.png);}
.out#t_need span {background-image:url(../images/icon/toolbar_need_1.png);}
.out#t_news span {background-image:url(../images/icon/toolbar_news_1.png);}
.out#t_share span {background-image:url(../images/icon/toolbar_share_1.png);}
.out#t_comment span {background-image:url(../images/icon/toolbar_comment_1.png);}
.out#t_contact span {background-image:url(../images/icon/toolbar_contact_1.png);}
.out#t_advise span {background-image:url(../images/icon/toolbar_advise_1.png);}
.out#t_pack span {background-image:url(../images/icon/boolbar_pack_1.png);}
.out#t_shouqi {background-color:#2ad4d3;}

.hover#t_signIn span {background-image:url(../images/icon/toolbar_contact_2.png);}
.hover#t_favorite span {background-image:url(../images/icon/toolbar_start_2.png);}
.hover#t_need span {background-image:url(../images/icon/toolbar_need_2.png);}
.hover#t_news span {background-image:url(../images/icon/toolbar_news_2.png);}
.hover#t_share span {background-image:url(../images/icon/toolbar_share_2.png);}
.hover#t_comment span {background-image:url(../images/icon/toolbar_comment_2.png);}
.hover#t_contact span {background-image:url(../images/icon/toolbar_contact_2.png);}
.hover#t_advise span {background-image:url(../images/icon/toolbar_advise_2.png);}
.hover#t_pack span {background-image:url(../images/icon/boolbar_pack_2.png);}
.hover#t_shouqi {background-color:#11a3a2;}

#toolbar #t_service {height:40px; margin:0; padding:10px 0; text-align:center; line-height:1.5em;}
#toolbar #t_service a {color:#000;}
#toolbar #t_service a:hover {color:#2ad4d3;}
#toolbar #t_shouqi {height:5px; line-height:5px; color:#FFF; text-align:center; cursor:pointer; margin:0;}

/*子级项*/
.out > div {display:none;}
#toolbar > div > div {position:absolute; top:0; right:70px; background-color:#f5f5f5; box-shadow:0 2px 7px rgba(0,0,0,.6); z-index:555;}

/*收藏*/
#t_favorite > div {width:250px; height:auto; overflow:hidden; padding:10px; box-sizing:border-box;}
#t_favorite > div header {height:30px; font-size:18px; color:#2ad4d3; line-height:24px;}
#t_favorite > div nav a {
	height:40px; line-height:40px; display:block; background-color:#b7b5b6; border:1px solid #FFF;
	text-align:center; font-size:18px; color:#FFF; margin:1px 0;
}
#t_favorite >div nav a:hover {background-color:#2ad4d3; text-decoration:none;}

/*需求*/
#t_need > div {width:125px; height:auto; overflow:hidden;}
#t_need > div > a {height:45px; line-height:45px; display:block; font-size:16px; text-align:center; border-bottom:1px solid #e3e1e2; color:#000;}
#t_need > div > a:last-child {border:none;}
#t_need > div > a:hover {color:#27c5c4; text-decoration:none;}

/*通知*/
#t_news > div {width:250px; height:auto; overflow:hidden;}
#t_news > div header {width:100%; height:40px; clear:both; overflow:hidden; margin-bottom:10px;}
#t_news > div header div {
	width:50%; height:40px; line-height:40px; float:left; background-color:#dddbdc;
	text-align:center; font-size:18px; color:#898989;
}
#t_news > div header div.selected {color:#2ad4d3; background:none;}
#t_news > div ul {margin-bottom:10px; display:none;}
#t_news > div ul li {height:30px; line-height:30px; padding:0 15px; list-style:disc inside; color:#898989;}

/*分享*/
#t_share > div {width:600px; height:60px; padding:10px 0; text-align:center; font-size:0;}
#t_share > div img {height:60px; margin:0 5px;}

/*联系*/
#t_contact > div {width:600px; padding:10px 0;}
#t_contact ul {padding:0 10px; text-align:center; font-size:0;}
#t_contact li {margin:0 8px; height:80px; display:inline-block; font-size:14px;}
#t_contact li img {width:60px; height:60px;}

/*建议*/
#t_advise > div {width:250px; height:auto; overflow:hidden; padding:20px 10px; box-sizing:border-box; font-size:12px; top:auto !important; bottom:-20px;}
#t_advise > div header {margin-bottom:10px;}
#t_advise > div > div {margin-bottom:10px; float:left; clear:left;} 
#t_advise > div input {margin:0 5px 0 0; vertical-align:middle;}
#t_advise > div label {padding-right:15px;}
#t_advise > div button {width:50px; height:20px; border:none; border-radius:10px; background-color:#2ad4d3; float:right; clear:right; color:#FFF; margin-top:-5px; outline:none;}
#t_advise > div button:hover {background-color:#12abaa; cursor:pointer;}
#t_advise > div textarea {width:100%; height:85px; padding:5px; box-sizing:border-box; clear:both;}
#t_advise > div p {margin:10px 0 0 0; color:#838383;}