*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { 
	font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif!important; font-size: 14px;
}
h1 ,h2, h3, h4, h5, h6{
	font-weight: normal;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
a:hover{
	text-decoration: none;
}
img{
	border: 0;
}
input{
	text-transform:none;
	outline: none;
}
textarea{
	-webkit-appearance:none;
	text-transform:none;
	outline: none;
	resize: none;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height:0; 
	clear:both; 
	visibility: hidden;
}
.clearfix{
	*zoom:1;
}

/*section{background:#f8f8f8;}*/

.submit{ cursor:pointer;}

.fl{
	float: left;
}
.fr{
	float: right;/* font-size:12px;*/
}
.hid{
	overflow: hidden;
}

.row {
  	margin-right: -15px;
  	margin-left: -15px;
}
.row:before,
.row:after{
	display: table;
  	content: " ";
  	clear: both;
}
.h40{ height:40px;}

.grd{
	display:block;
	background:#f0f9eb;
	width:70px;
	color:#67c23a;
	border-radius:5px;
	padding:5px 2px;
	text-align: center;
}
.red{
	display:block;
	background:#17528e;
	width:70px;
	color:#fff;
	border-radius:5px;
	padding:5px 2px;
	text-align: center;
}
.yel{
	display:block;
	background:#fdf799;
	width:70px;
	color:#d4780c;
	border-radius:5px;
	padding:5px 2px;
	text-align: center;
}

@media (min-width: 1024px) and (max-width: 1024px) {
  	.container{
			padding-left: 15px;
			padding-right: 15px;
			margin-right: auto;
			margin-left: auto;
		}
		.container-fluid {
	  	padding-right: 15px;
	  	padding-left: 15px;
	  	margin-right: auto;
	  	margin-left: auto;
		}
}
@media (min-width: 1200px) {
  	.container {
  		padding: 0;
    	max-width: 1200px;
  	}
}
/*@media (min-width: 1400px) {
  	.container {
    	max-width: 1400px;
  	}
}*/


.visible-xs,
.visible-sm,
.visible-md{
  display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px){
  .hidden-pc {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}