.box{
	margin-top:10px;
	position:relative;
}
.clearfix p a{
	margin-left:10px;
}
.layui-tree li{
	padding-left:10px;
}
.layui-show i{
	position:absolute;
	left:20px;
}
.layui-show ul{
	margin-left:0px !important;
}
.tree-box{
	width: 20%;
	border: solid 1px #dcdcdc;
	border-top: solid 2px #009bec;
	background: #fff;
	min-height:600px;
	position: relative;
}
.tree-box>p{
	color: #333;
	font-size: 16px;
	border-bottom: #dcdcdc solid 1px;
	height: 40px;
	line-height: 40px;
	text-indent: 1em;
}
.tree-box>p>span{
	float: right;
	background: url('../img/ico2.png') no-repeat 0 -79px;
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 20px;
	margin-top: 10px;
	cursor: pointer;
}
.tree-box>p>span:hover{
	background-position-y:-107px; 
}
.tree-table{
	width: 79%;
	border-top:#009bec solid 2px;
	padding:0px;
    background: #fff;
	/*position: relative;*/
}
.tree-table>p{
	color: #333;
	font-size: 16px;
	height: 40px;
	background:url('../img/ico2.png') no-repeat 20px 10px;
	border: #dcdcdc solid 1px;
	border-top:none;
	line-height: 40px;
	padding-left:50px; 

}
 .layui-table-cell{
	height:28px !important;
} 
.layui-table td, .layui-table th{
	padding:0px 5px !important;
}
.check-box > span{
	height:17px !important;
}
.tree-table>p>a{
	color: #0070ca;
	/* font-weight: bold; */
}
.tree-table .layui-form1{
	/*position: absolute;*/
	width: 100%;
	/*left: 50%;*/
	/*margin-left: -50%;*/
	margin-top: 10px;
}
.tree-table .layui-form2{
width: 96%;
margin:20px auto;
}
.locat{
	margin-bottom: 10px;
}
.locat li{
	float: left;
	
	color: #333;
	font-size: 14px;
}
.locat li a{
	margin-right: 30px;
	color: #333;
	font-size: 14px;
}
.locat .layui-form-label{
	padding:0px;
	color: #333;
	font-size: 14px;
	width: auto;
}

.locat .layui-form-select .layui-input,.locat .layui-input, .locat .layui-select, .locat .layui-textarea{
	height: 24px;
	color: #999;
	font-size: 12px;
	font-family: "宋体";
	border-radius: 3px;
}
.locat .layui-form-item{
	margin-bottom: 0;
}
.locat .layui-btn{
	height: 24px;
	border: #dcdcdc solid 1px;
	font-size: 14px;
	color: #333;
	line-height: 0px;
	background-color: #fff;
	border-radius: 3px;
}
.locat .layui-btn:hover{
	background-color: #0070ca;
	color: #fff;

}
.layui-table tbody tr:hover, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even){
	background-color: #cfefff;
	color: #fff;
	font-size: 14px;
}
.layui-table thead tr{
	background-color: #009bec;
	color: #fff;
}

.layui-table tbody tr:hover td {
	color: #666 !important;
}
.layui-table .layui-table-cell{
	padding:0; 
}
.layui-table th{
	text-align: center;
	font-size:12px !important;
	font-family:Microsoft YaHei !important;
}
/* .locat .layui-form-label,.tree-table > p {
	margin-left:-15px;
	
}
#tableBox{
	margin-left:-15px;
} */
.link{
	border:#dcdcdc solid 1px;
	border-top:#009bec solid 2px;
    margin-bottom: 25px;
    background: #fff;
}
.link>p{
	border-bottom: #dcdcdc solid 1px;
	margin-left: 0px;
	height: 40px;
	line-height: 40px;
}
.link>p>a{
	margin-left: 20px;
	color: #333;
	font-size: 16px;
}
.link-box{
	padding: 12px 20px;
}
.link-box>div{
	/*background: url("../img/arrow.png") no-repeat -84px 0px;*/
	width: 20px;
	height: 33px;
	margin-top: 31px;
	cursor: pointer;
}
.link-box>div:hover{
	background-position-x: 0px;
}
.link-box>ul{
	width: 100%;
	margin:0 auto;
	overflow: hidden; 
	position: relative;
	left: 50%;
	margin-left: -49.5%;
}

.link-box>ul li{
	float: left;
	padding:5px;
	width: 23%;
}
.link-box2>ul li>a{
	border:#dcdcdc solid 1px;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	line-height: 158px;
	height: 100px;
	text-align: center;
	display: block;
	width: 100%;
	position: relative;
}

.link-box2>ul li>a{
	border:#dcdcdc solid 1px;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	line-height: 58px;
	height: 30px;
	text-align: center;
	display: block;
	width: 100%;
	position: relative;
}
.link-box>ul li>a>img{
	width: 100%;
	height: 100px;
	vertical-align:top;
} 
.tree-box-hover{
	position: absolute;
	background: #fff;
	width: 100%;
	border: #dcdcdc solid 1px;
	z-index: 999;
	top:47px;
	height: 492px;
	display: none;
}
.tree-box-hover>li{	
	background: url("../img/ico2.png") no-repeat 10px -69px ;	

}
.tree-box-hover>li:hover{
	background-position-y:-97px; 
	background-color: #eef7ff;	
}
.tree-box-hover>li>span{
	background: url("../img/ico2.png") no-repeat 100% -164px ;
	display: block;
	height: 34px;
	line-height: 34px;
	color: #333;	
	font-size: 14px;
	text-indent: 3em;
	cursor: pointer;

}

.tree-box-hover>li:hover span{
	background-position-y:-130px;
	border: solid 1px #dcdcdc;
	color: #0070ca;
	border-left: none;
	border-right: none;
}
.tree-box-hover-box{
	position: absolute;
	z-index: 999;
     /*height:498px;*/
	width: 80%;
	left:20%;
}
.tree-box-hover-box>li{
	padding:20px;
	display: none;
	border: #dcdcdc solid 1px;
	background: #fff;
	
}
	.tree-box-hover-box>li>ol{
		width: 70%;
	}
.tree-box-hover-box>li>ol>li{
	line-height: 30px;
	
}
.tree-box-hover-box>li>ol>li>span{
	display: block;
	color: #0070ca;
	font-size: 16px;
	

}
.tree-box-hover-box>li>ol>li>a{
	margin-right: 2.2%;
	color: #333;
	font-size: 14px;

}
.tree-box-hover-box>li>div.advertising{
	width: 22%;
	height: 240px;
	background: #f8f8f8;
	border: #dcdcdc solid 1px;
}
.layui-tree li i{
	color: #999;
}
.layui-tree li a i{
	display: none;
}
.tree-node-check {
	background-color: gainsboro;
}

/*商情价趋势图*/
.trend-table{	
	border:#dcdcdc solid 1px;
	border-top:#009bec solid 2px;
	padding:0px;
	/*height: 540px;*/
	background: #fff;
	margin-top: 10px;
}
.trend-table>p{
	color: #333;
	font-size: 16px;
	height: 40px;
	background:url('../img/ico2.png') no-repeat 20px 10px;
	border-bottom: #dcdcdc solid 1px;
	line-height: 40px;
	padding-left:50px; 

}
.trend-table>p>a{
	color: #0070ca;
	/* font-weight: bold; */
}
.trend-table-content{
	width: 95%;
	margin:20px auto;
}
.time-box{
	margin-bottom: 10px;
}
.time-box label{
	color: #333;
	font-size: 14px;

}
.time-box .layui-input{
	height: 24px;
	background: url("../img/ico2.png") no-repeat 100% -202px;
	border: solid 1px #dcdcdc;
	border-radius: 3px;
}
.time-box  .layui-btn{
	color: #666;
	font-size: 14px;
	background: #fff;
	height: 24px;
	line-height: 24px;
	margin-left:28px;
}
.time-box .layui-btn:hover{
	background: #0070ca;
	color: #fff;
	border-radius: 3px;
}
 .big-title{
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}
.small-title{
	color: #666;
	font-size: 12px;
	font-family: '宋体';
	text-align: center;
	line-height: 18px;
}
.small-title strong{
	color: #ff524f;
}
.local-title{
	color:#333;
	font-size:24px;
	margin:30px auto;
	font-weight:200;	
}
.local-box{
	margin-bottom:20px;
}
.li-local{
	width:20%;
}
.li-local>p{
	height:40px;
	background-color:#009bec;
	color:#fff;
	font-size:16px;
	text-indent:1em;
	line-height:40px;
}
.li-local>ol{
	border:#dcdcdc solid 1px;
	border-top:none;
	min-height:710px;
}
.li-local>ol>li{
	background: url("../img/ico2.png") no-repeat 100% -162px ;
	height:40px;
	text-indent:1em;
	line-height:40px;
	color:#333;
	font-size:14px;
	cursor:pointer;
}
.li-local>ol>li:hover,.li-local>ol>li.active{
	background-position:100% -128px;
	background-color:#ecf8ff;
	color:#009bec;
}
.table-local{
	width:79%;
}
.table-local>p{
	height:40px;
	background-color:#009bec;
	color:#fff;
	font-size:16px;
	text-indent:1em;
	line-height:40px;
}
.screening{
	margin-bottom:20px;
}
.screening>strong{
	color:#333;
	font-size:14px;
	font-weight:400;
}
.screening>ul>li,.screening>ol>li{
	float:left;
	margin-right:20px;
	cursor:pointer;
	
}
.screening>span{
	cursor:pointer;
}

.more{
	margin-bottom:20px;
	display:none;
	margin-left:43px;
}
.more li{
	float:left;
	font-size:14px;
    color:#333;
    margin-right:20px;
    cursor:pointer;
}
.brand>strong,.brand>ul>li,.brand>span{
	color:#333;
	font-size:14px;
}
.brand>ul>li:hover,.brand>ul>li.active{
	color:#009bec;
}
.brand>span{
	background: url("../img/down.png") no-repeat right -12px;
	width:46px;
}
.brand>span.active{
	background-position:right -29px;
}
