* {
  padding: 0;
  margin: 0;
}

body {
  min-width: 1400px;
}

li, a {
  list-style: none;
  text-decoration: none;
  color: #000;
}

input {
  outline: none;
}

img {
  display: block;
}

.w-1200 {
  width: 1200px;
  margin: 0 auto;
}
.mt-50 {
  margin-top: 50px;
}
.mt-40 {
  margin-top: 40px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-20 {
  margin-left: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.fl {
  float: left;
}

.fr {
  float: right;
}
.bold {
  font-weight: bold;
}
.cl:after, .clearfix:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.cl, .clearfix {
  zoom: 1
}

.relative {
  position: relative;
}

.bg-gray {
  background: #f3f5f9;
}
.bg-white {
  background: #fff;
}