@charset "utf-8";

.main {
  background: url(../images/background.png) no-repeat;
  background-size: cover;
  min-height: calc(100% - 128px - 310px);
  min-width: 1200px;
  padding-bottom: 40px;
}

.main .tab {
  float: left;
  margin-right: 33px;
}

.main .tab li {
  width: 172px;
  height: 54px;
  margin-bottom: 18px;
  background: url(../images/tab-p.png) no-repeat;
  background-size: cover;
}

.main .tab .on{
  background: url(../images/tab-on.png) no-repeat;
  background-size: cover;
}

.main .tab .on a{
  color: #E52926;
}

.main .tab li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 54px;
  text-align: center;
}


.navigation {
  padding: 30px 0;
}

.navigation li {
  float: left;
}

.navigation li:nth-child(1) {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
}

.navigation li:nth-child(2) {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
}