/* 当前位置 */
.bp_map{
	margin:5px 0;
	padding:5px;
	font-family:"PingFang SC","Microsoft YaHei","arial","Hiragino Sans GB","Hiragino Sans GB W3";
}
.bp_map .icon{
	position:relative;
	top:2px;
}
.bp_map a{
	color:#666;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.bp_map a:hover{
	color:#333;
}


/* 当前筛选： */
.bp_select{
	background:#fcfcfc;
	border:1px solid #eee;
	display:flex;
	align-items:center;
	padding:5px;
	font-family:"PingFang SC","Microsoft YaHei","arial","Hiragino Sans GB","Hiragino Sans GB W3";
}
.bp_select .tt{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 5px;
}
.bp_select .param{
	display:flex;
}
.bp_select .param .item{
	height:24px;
	line-height:24px;
	border:1px solid #eee;
	padding:0 2px 0 5px;
	background:#fff;
	cursor:pointer;
	margin:0 5px;
}
.bp_select .param .item .cancel{
	display:inline-block;
	width:16px;
	height:16px;
	line-height:16px;
	margin:2px;
	text-align:center;
	font-size:12px;
	color:#f60;
	opacity:0.7;
}
.bp_select .param .item:hover{
	border:1px solid #ddd;
}
.bp_select .param .item:hover .cancel{
	opacity:1;
}
.bp_select .param .item .cancel:hover{
	background:#f60;
	color:#fff;
	opacity:1;
}
.bp_select .clear-attr{
	display:inline-block;
	margin-left:10px;
	cursor:pointer;
	color:#333;
	opacity:0.7;
}
.bp_select .clear-attr:hover{
	color:#f60;
	opacity:1;
}


/* 属性 */
.bp_attr{
	background:#fcfcfc;
	border:1px solid #eee;
	margin-top:10px;
	padding:10px;
	font-family:"PingFang SC","Microsoft YaHei","arial","Hiragino Sans GB","Hiragino Sans GB W3";
}
.bp_attr .item{
	display:flex;
	align-items:center;
}
.bp_attr .item .attr-title{
	margin-right:5px;
	white-space: nowrap;
}
.bp_attr .item .child{

}
.bp_attr .item .child a{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin:5px;
	text-decoration:none;
	border-radius:3px;
}
.bp_attr .item .child a:hover{
	background:#eee;
}
.bp_attr .item .child a.on{
	background:#1c7dc5;
	color:#fff;
}

/* 主要 */
.bp_down{
	margin:10px 0 30px 0;
	font-family:"PingFang SC","Microsoft YaHei","arial","Hiragino Sans GB","Hiragino Sans GB W3";
	display:flex;
}
/* --侧栏 */
.left{
	width:100%;
	max-width:230px;
	margin-right:15px;
	
}

.left .top-title{
	border:1px solid #e0e0e0;
	border-top: 2px solid #1c7dc5;
	height:36px;
	background-color:#f5f5f5;
	background-image: linear-gradient(#fff, #f5f5f5);
	padding:0 10px;
	display:flex;
	align-items:center;
	font-weight:700;
	font-size:14px;
	box-sizing:border-box;
}
.left .top-title img{
	margin-right:10px;
}
.left .top-title a{
	display:inline-block;
	float:right;
	font-weight:500;
	margin-left: auto;
	font-size:13px;
	text-decoration:none;
}
.left .top-title a:hover{
	color:#1c7dc5;
}

.left .item h4{
	height: 24px;
	line-height:24px;
    overflow: hidden;
    font: bold 12px/24px Arial;
	font-size:14px;
}

.left .item{
	padding:6px 10px;
	border:1px solid #e0e0e0;
	border-top:none;
	background:#fff;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	box-sizing:border-box;
}
.left .item:hover{
	background:#fafafa;
	
}
.left .classify .item .child{
	display:flex;
	flex-wrap:wrap;
}
.left .classify .item .child a{
	width:33.333%;
	font-size:14px;
	height:28px;
	line-height:28px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.left .classify .item .child a:hover{
	color:#1c7dc5;
}
.left .classify .item .child a.on{
	color:#1c7dc5;
	font-weight:700;
}

.left .sbar{
	margin-bottom:10px;
}
.left .sbar .box{
	padding:10px;
	border:1px solid #e0e0e0;
	border-top: 2px solid #1c7dc5;
	display:flex;
}
.left .sbar .box input{
	border:1px solid #999;
	outline:none;
	height:30px;
	line-height:30px;
	border-radius:5px 0 0 5px;
	padding:0 5px;
	border-right:none;
	width:100%;
	font-size:14px;
	font-family:"PingFang SC","Microsoft YaHei","arial","Hiragino Sans GB","Hiragino Sans GB W3";
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.left .sbar .box input.on{
	border-color:#1c7dc5;
}
.left .sbar .box button{
	background:#1c7dc5;
	border:1px solid #1c7dc5;
	color:#fff;
	width:60px;
	border-radius:0 5px 5px 0;
	font-family:"PingFang SC","Microsoft YaHei","arial","Hiragino Sans GB","Hiragino Sans GB W3";
	cursor:pointer;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.left .sbar .box button:hover{
	opacity:1;
}

/* --例表 */
.right{
	width:100%;
}

.right .leads{
	border:1px solid #e0e0e0;
	display:flex;
	background:#fcfcfc;
	width:100%;
	height:36px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.right .leads .item{
	height:34px;
	line-height:34px;
	padding:0 15px;
	border-right:1px solid #e0e0e0;
	cursor:pointer;
	box-sizing:border-box;
}
.right .leads .item a{
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}


.right .leads .item a:hover{
	color:#1c7dc5;
}

.right .leads .item.on{
	background:#fff;
	border-top:2px solid #1c7dc5;
	position:relative;
	height:36px;
	top:-1px;
}

.right .list{
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px;
}
.right .list .item-box{
	width:50%;
	box-sizing:border-box;
	padding:5px;
}
.right .list .item{
	display:flex;
	padding:10px;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #e0e0e0;
	position:relative;
	background:#fff;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.right .list .item .imgbox img{
	height:85px;
	width:85px;
	margin-right:10px;
	border-radius:3px;
	overflow:hidden;
}

.right .list .item .info{
	display:flex;
	flex-wrap:wrap;
}
.right .list .item h3{
	font-size: 14px;
    line-height: 14px;
	font-weight:500;
	margin:5px 0 5px 0;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.right .list .item .info span{
	display:inline-block;
	color:#999;
	line-height:20px;

}
.right .list .item .info span.m-r{
	margin-right: 12px;
}

.right .list .item .btn{
	position:absolute;
	display:inline-block;
	bottom:10px;
	right:10px;
	background:#6dad2c;
	height:28px;
	line-height:28px;
	padding:0 10px;
	color:#fff;
	border-radius:3px;
	border:1px solid #6baa2b;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.right .list .item .btn:hover{
	background:#649f28;
}
.right .list .item:hover{
	box-shadow:0 0 10px #eee;
}
.right .null-list{
	padding:10px;
}

/* 分页 */
.bphp_page{
	margin-top:12px;
	border:1px solid #e0e0e0;
	padding:8px;
	height:30px;
}
.bphp_page ul.pagination{
	overflow:hidden;
	float:left;
}
.bphp_page ul.pagination li{
	float:left;
	margin:0 2px;
}
.bphp_page ul.pagination li a{
	display:block;
	width:28px;
	height:28px;
	text-align:center;
	line-height:28px;
	border:1px solid #eee;
	color:#666;
	text-decoration:none;
	background:#fff;
	font-size:13px;
	border-radius:3px;
	margin:0px;
	padding:0px;
}
.bphp_page ul.pagination li.active a{
	background:#1c7dc5;
	border:1px solid #1c7dc5;
	color:#fff;
}
.bphp_page ul.pagination li.active a:hover{
	background:#1c7dc5;
	color:#fff;
	border-color:#1c7dc5;
}
.bphp_page ul.pagination li a:hover{
	background:#eee;
	color:#333;
	border-color:#eee;
}
.bphp_page ul.pagination li.disable a{
	background:#eee;
	color:#333;
}
.bphp_page ul.pagination li.disable a:hover{
	cursor:not-allowed;
}

.bphp_page .pagelist a.null{
	color:#ccc;
	background-color:#fafafa;
	border:1px solid #eee;
}
.bphp_page .pageCount{
	display:block;
	float:left;
	height:31px;
	line-height:31px;
	padding-left:10px;
	color:#666;
}