.flex-box {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-wrap {flex-wrap: wrap;}
.flex {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-2 {-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}
.flex-3 {-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}
.flex-half {flex:0 0 49.9%;}

/*导航*/
.bbxsubnav {
	padding-top:5px;
	line-height:20px;
	height:40px;
}
.bbxsubnav img {
	border-radius: 5px;
}
.bbxsubnav .toolname a{
	padding-left:5px;
	height:20px;
}
.bbxsubnav .tofav {
	background: url(image/fav_grey.gif) no-repeat 0px 2px;
	height:20px;
}
.bbxsubnav .faved {
	background: url(image/fav.gif) no-repeat 0px 2px;
	height:20px;
}
.bbxsubnav .tofav a, .bbxsubnav .faved a{
	padding-left:18px;
}
.bbxsubnav .favnum{ float: left; margin-left: 8px; padding-left: 8px; width: 50px; height: 21px; line-height: 21px; overflow:hidden; background: url(image/re_unsolved.gif) no-repeat 0 0; font-size: 12px; font-weight: 400; text-align:center}

/*杂物*/
.more {width:39px !important; height:11px; margin-top:8px;background:url(image/more.gif) no-repeat 0 0 }
.more a{ display:block; text-indent:-9999px;}

.tip_box {
	margin: 0 auto 25px;
	width: 600px;
	padding: 7px 45px;
	border: 1px solid #dbefff;
	font-size: 12px;
	text-align: left;
	background: #fcfeff url(image/i_tip.png) no-repeat 25px 9px;
	line-height: 20px;
}

/*百宝箱列表*/
.toolslist li{float:left;width:225px;position:relative; margin:0 1px 0 5px;display:inline;height: 65px;padding: 0 2px 0 0;z-index: 8;}
.toolslist li a{display: block;font-size: 14px;cursor: pointer;height:40px;padding:7px 6px 6px 4px;border:1px solid #fff;line-height:40px;overflow:hidden;text-decoration:none;}
.toolslist li a:hover{border-color:#C8E5FA;background:#f2faff;}
.toolslist li a p{line-height:20px;height:20px;margin-left:45px;overflow:hidden;}
.toolslist li a p .lrecommend{ width:30px; height:20px; background: url(image/jingxuan.gif) no-repeat 0px 3px; margin-left:5px;}
.toolslist li a img {float: left;vertical-align: top;border-radius: 5px;max-width:40px;}
.toolslist li:hover a{border-color:#C8E5FA;background:#f2faff;color:#fd5151; border-radius:5px;}
.toolslist li em{position:absolute;left:110px;top:-15px;display:inline-block;width:40px;height:27px;background-position:0 -151px;z-index:10;}

/*搜索框*/
.bbx_search_form{
	background-image: url(image/bg_repeat.png);
	background-repeat: repeat-x;
	background-position: 0 -36px;
	border: 1px #ffac42 solid;
	height: 55px;
	margin-bottom: 5px;
	padding-top: 10px;
	border-radius: 5px;
}
.bbx_search_form select{
	margin-top: 3px;
	padding: 4px;
}
.bbx_search_form_pre {
	float: left;
	font-size: 14px;
	padding-top: 5px;
	text-align: right;
	width: 260px;
}
.bbx_search_form_area {
	float: left;
	width: 320px;
}
.bbx_search_form_input {
	background: #fff;
	border-color: #555 #ccc #ccc #555;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	line-height: 1;
	padding: 3px 2px;
	width: 310px;
	margin-top: 3px;
}
.bbx_search_form button {
	margin-top: 3px;
}
/*新搜索框*/
.bbx-search-wrap{
	width: 40%;
	margin: auto;
}
.bbx-search {
	width: 100%;
	position: relative;
	display: flex;
}
.bbx-search select{
	border: 3px solid #00B4CC;
	border-left: none;
	border-right: none;
}
.bbx-search .searchTerm {
	width: 100%;
	border: 3px solid #00B4CC;
	border-right: none;
	padding: 5px;
	height: 20px;
	border-radius: 5px 0 0 5px;
	outline: none;
	color: #9DBFAF;
	font-size: 16px;
}
.bbx-search .searchTermM {
	width: 100%;
	border: 3px solid #00B4CC;
	border-right: none;
	border-left: none;
	padding: 5px;
	height: 20px;
	border-radius: 0px 0 0 0px;
	outline: none;
	color: #9DBFAF;
	font-size: 16px;
}
.bbx-search .searchTerm:focus, .bbx-search .searchTermM:focus{
	color: #00B4CC;
}
.bbx-search .searchButton {
	width: 40px;
	height: 36px;
	border: 1px solid #00B4CC;
	background: #00B4CC;
	text-align: center;
	color: #fff;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	font-size: 20px;
}

/*评分*/
.rate, .ratesv, .rate_big { display: inline-block; width: 60px; height: 16px; line-height: 16px; background: url(image/rate.png) no-repeat 0 0; }
	.rate span, .ratesv span, .rate_big span { display: inline-block; background: url(image/rate.png) no-repeat 0 -16px; }
.ratep { border-radius: 0 3px 3px 0; display: inline-block; width: 60px; height: 10px; line-height: 10px; background: url(image/pn_v2.png) no-repeat 0 0; }
	.ratep span { border-radius: 0 3px 3px 0; display: inline-block; background: url(image/pn_v2.png) no-repeat 0 -48px; }
	.ml .rate span { float: left; }
.ratesv { background-position: 0 -32px; }
	.ratesv span { background-position: 0 -48px; }
.rate_big { margin-right: 5px; width: 85px; cursor: pointer; background-position: 0 -68px; }
	.rate_big span { background-position: 0 -92px; }
	.scored { cursor: default; }
.report { padding-left: 16px; background: url(image/ico_report.png) no-repeat 0 50%; }
.rateline { padding: 5px 0px; width: 300px; }
.rateline div { border-radius: 5px; padding: 5px 15px; border: 1px dotted #DEEFFB; margin-right: 10px; float: left; padding-top:6px;text-align: center; }
.rateline div .rate { text-align: left; }

/* pubTab */
.pub_tab{}
.pub_tab li{display:inline;float:left;margin-right:13px;}
.pub_tab li a{height:37px;line-height:37px;padding-left:3px;text-align:center;display:block;color:#348bcf;font-size:14px;background:url(image/pub_tab.png) no-repeat 0 0;}
.pub_tab li a span{display:block;background:url(image/pub_tab.png) no-repeat right 0px;*zoom:1;}
.pub_tab li a:hover{background-position:0 -37px;color:#fff; text-decoration:none;}
.pub_tab li a:hover span{background-position:100% -37px; cursor:pointer;}
.pub_tab li.last{margin-right:0;}