*{
	font-family:"Microsoft Yahei","微软雅黑";	
	font-size:12px;
	font-weight:normal;
}
dl,dt,dd{
font-weight:normal;	
}
ul,li,ol{
	list-style:none;	
}
body,html,dl,ul,li,dt,dd,p,form,input,select,.h1, .h2, .h3, h1, h2, h3{
	margin:0;
	padding:0;	
}
.navbar-default{
	background-color: #eee;
}
body { padding-bottom: 50px !important; background: #eee;}
.left{
	float: left;
}
.right{
	float: right;
}
.form-control{
	box-shadow: none;
	border: none;
}
.clear{
	clear:both;
}
.big-submit-button {
    width: 70%;
    display: block;
    background-color: rgba(27, 174, 141, 1);
    border-radius: 5px;
    margin: 20px auto;
    border: 1px solid rgba(27, 174, 141, 1);
    height: 30px;
    font-family: PingFang-SC-Medium;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}
.h3-title{
	background: #fff;
	height: 50px;
	line-height: 50px;
	font-size:20px;
	color:#333;
	border-bottom:1px solid #eee;
	padding:0 10px;
}
.h3-title a{
	font-size: 16px;
	color: #999;
	float: right;
}
.h3-title span{
	font-size: 20px;
	color: #ff4f01;
	
}
.no-data{
	margin:15px auto;
	text-align: center;
	font-size: 14px;
}
.media{margin: 0;border-bottom:1px solid #eee;}
.media-left{
	width: 22%;
	float: left;
	margin:10px;
	padding: 0;
	
}
.media-body{float:left;width: 67%;margin:10px 10px 10px 0;}
.media-heading{
	font-size:14px;
	line-height: 22px;
}
.media-body p b{
	float: left;
	color:#1baf8d;
	border:1px solid #1baf8d;
	font-style: normal;
	padding: 2px;
	font-size: 12px;
	border-radius: 2px;
	font-weight: normal;
}
.media-body p span{
	float: right;
	padding: 2px;
	color: #999;
}



.float-l{
	float:left;	
}
.float-r{
	float:right;	
}
img{
	max-width:100%;	
}
a:hover{
	text-decoration:none;	
}


.circle{
	width:100%;
	height:auto;
	border-radius:50%;
}


.navbar{
	min-height:40px;	
}
.navbar-fixed-bottom{
	background:#fff;
	color:#f1f1f1;	
}
.footer{
	
	line-height:40px;
}
.footer a{color:#fff;}



#history,.history2 {
    background-clip: padding-box;
    background-color: #fff;
    
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
	
}
.form-control:focus{
	border: none;
	box-shadow:0;
}
#history li,.history2 li{
	color:#666;
	padding: 0 7px;
	line-height:30px;
	
}
#history li:last,.history2 li:last{
	border:none;
}

.vf_home{
	background:rgba(0, 0, 0, 0) url("../images/home.png") no-repeat center 100%;
	background-size: 80% auto;
}

.vf_home_focus{
	background:url("../images/vf_home_focus.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_monitor{
	background:rgba(0, 0, 0, 0) url("../images/monitor.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_monitor_focus{
	background:url("../images/vf_monitor_focus.png") no-repeat center 100%;
	background-size: 80% auto;
}


.vf_usercenter{
	background:rgba(0, 0, 0, 0) url("../images/usercenter.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_usercenter_focus{
	background:url("../images/vf_usercenter_focus.png") no-repeat center 100%;
	background-size: 80% auto;
}

.vf_news{
	background:rgba(0, 0, 0, 0) url("../images/news.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_news_focus{
	background:url("../images/vf_news_foucs.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_goodslist{
	background:rgba(0, 0, 0, 0) url("../images/footer-service.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_goodslist_focus{
	background:url("../images/vf_goodslist_focus.png") no-repeat center 100%;
	background-size: 80% auto;
}
.vf_xiangmu{
	background:rgba(0, 0, 0, 0) url("../images/footer-xiangmu.png") no-repeat center 100%;
	background-size: 80% auto;
}
.footer div a i {
    display: block;
    height: 25px;
    margin: auto;
    width: 25px;
}
.footer div a span {
    display: block;
    height: 20px;
    margin: auto;
	line-height:20px;
	color:#8b8989;
}
.footer div a {
    color: #333;
    display: block;
    font-size: 12px;
    height: 45px;
    margin: auto;
    position: relative;
    text-align: center;
}


#search-box{
	background: #1baf8d;
}
h3.top-title{
	background: #1bae8d;
	text-align: center;
	color: #fff;
	height: 44px;
	font-size: 16px;
	line-height: 44px;
	font-family: "微软雅黑","microsoft yahei";
}

.top-title-left{
	width: 15%;
	height: 45px;
	float:left;
	text-align: center;
}

.top-title-left a{
	display: block;
	height: 45px;
	font-size: 16px;
	color: #fff;
}
.top-title-left a i{
	display: block;
	height: 45px;
	font-size: 30px;
	line-height: 45px;

}
.top-title-center{
	width: 70%;
	float:left;
	height: 45px;
	font-size: 18px;
	text-align: center;
}
.top-title-right{
	width: 15%;
	float:left;
	height: 45px;
	text-align: center;
}
.font{
	float:right;
}

.font-12{
	font-size: 12px;
}
.font-13{
	font-size: 13px;
}
.font-14{
	font-size: 14px;
}
.font-15{
	font-size: 15px;
}
.font-16{
	font-size: 16px;
}
.font-17{
	font-size: 17px;
}
.font-18{
	font-size: 18px;
}
.font-19{
	font-size: 19px;
}
.font-20{
	font-size: 20px;
}
.line-height-30{
	line-height: 30px;
}
.line-height-40{
	line-height: 40px;
}
.line-height-45{
	line-height: 45px;
}
.h10{
	height: 10px;
}
.h20{
	height: 20px;
}
.h30{
	height: 30px;
}
.h40{
	height: 40px;
}
.h50{
	height: 50px;
}
.h60{
	height: 60px;
}

.height-30{
	line-height: 30px;
}
.height-40{
	line-height: 40px;
}
.height-45{
	line-height: 45px;
}

.margin-0-10{
	margin:0 10px;
}
.margin-0-15{
	margin:0 15px;
}
.margin-0-20{
	margin:0 20px;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
background-color:#1bae8d;
border-color:#1bae8d;	
}
.pagination>li>a, .pagination>li>span{
	color:#1bae8d;
	padding: 4px 8px;
}

.pagination{
	margin:5px 0;
}
.page{
	position: fixed;
	left: 5%;
	bottom:40px;
}