@charset"utf-8";
/*公共样式*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

body {
  font-size: 14px;
  font-family: "Microsoft YaHei", 'Arial';
  color: #666;
  background: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /*修正手持设备字体变化*/
}

textarea{
  font-family: "Microsoft YaHei", 'Arial';
}

body, html {
  width: 100%;
}

h1, h2, h3, h4, h5, h6, img, ol, ul, li, a, span, p, i, em, div, body, html {
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
  font-weight: normal;
}

input, button {
  border: 0;
}

input::-webkit-search-cancel-button {
  display: none;
}

input[type=search]::-ms-clear {
  display: none;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic/*ie7 解决图片缩放失真问题*/
}

a {
  outline: none;
  text-decoration: none;
  color: #666;
  background: transparent;
  /*修正win8系统IE连接灰色背景*/
}

a:active {
  star: expression(this.onFocus=this.blur());
}

/*去掉点击链接时的虚线外框*/

a:focus {
  outline-style: none;
  -moz-outline-style: none;
}

/*清楚浮动*/

.clearfix:after {
  content: " ";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  *zoom: 1;
}

/*省略号*/

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis-2,
.ellipsis_2{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis-3,
.ellipsis_3{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ellipsis-5 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.ellipsis-7 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

/* float */

.fl {
  float: left;
}

.fr {
  float: right;
}

/**去掉input默认样式**/

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.img-fluid{
  max-width: 100%;
}

.w-100{
  width: 100%!important;
}
.pb-0{
  padding-bottom: 0!important;
}
.mb-0{
  margin-bottom: 0!important;
}
.mt-0{
  margin-top: 0!important;
}
.text-center{
  text-align: center;
}
.hover-image img{
  transition: transform 0.5s ease;
}
.hover-image:hover img{
  transform: scale(1.2);
}