.c-black {
  color: #000000;
}
.c-black3 {
  color: #333333;
}
.c-black5 {
  color: #555555;
}
.c-black8 {
  color: #888888;
}
.c-yan {
  color: #1cbbb4;
}
.c-blue {
  color: #0081ff;
}
.c-purple {
  color: #6739b6;
}
.c-mauve {
  color: #9c26b0;
}
.c-pink {
  color: #e03997;
}
.c-brown {
  color: #a5673f;
}
.c-red {
  color: #e54d42;
}
.c-orange {
  color: #f37b1d;
}
.c-olive {
  color: #8dc63f;
}
.c-green {
  color: #39b54a;
}
.c-grey {
  color: #8799a3;
}
.c-yellow {
  color: #fbbd08;
}
.bg-black {
  background-color: #000000;
}
.bg-black3 {
  background-color: #333333;
}
.bg-black5 {
  background-color: #555555;
}
.bg-black8 {
  background-color: #888888;
}
.bg-yan {
  background-color: #1cbbb4;
}
.bg-blue {
  background-color: #0081ff;
}
.bg-purple {
  background-color: #6739b6;
}
.bg-mauve {
  background-color: #9c26b0;
}
.bg-pink {
  background-color: #e03997;
}
.bg-brown {
  background-color: #a5673f;
}
.bg-red {
  background-color: #e54d42;
}
.bg-orange {
  background-color: #f37b1d;
}
.bg-olive {
  background-color: #8dc63f;
}
.bg-green {
  background-color: #39b54a;
}
.bg-grey {
  background-color: #8799a3;
}
.bg-yellow {
  background-color: #fbbd08;
}
.font12 {
  font-size: 0.12rem;
}
.font14 {
  font-size: 0.14rem;
}
.font16 {
  font-size: 0.16rem;
}
.font18 {
  font-size: 0.18rem;
}
.font20 {
  font-size: 0.20rem;
}
.font24 {
  font-size: 0.24rem;
}
.font28 {
  font-size: 0.28rem;
}
.font32 {
  font-size: 0.32rem;
}
.font36 {
  font-size: 0.36rem;
}
.font40 {
  font-size: 0.40rem;
}
.font48 {
  font-size: 48px;
}
.font60 {
  font-size: 0.60rem;
}

html {
  font-size: 100px;
  font-family: "Lato", Helvetica, Arial, sans-serif, "Microsoft Yahei", "PingFangSC-Medium", "PingFang SC";
}

body {
  font-size: 0.14rem;
}

.middleContent {
	width: 68%;
	margin: 0 auto;
}

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

.banner {
  width: 100%;
}

.breadcrumb {
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}

.righttip {
  position:fixed;
  z-index:999;
  right:24px;
  bottom:200px;
}

.noimg {
  height: 100%;
  width: 100%;
  background: #efefef;
  color: #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new {
  background-color: #FFA531;
  border-radius: 10px 10px 10px 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  text-align: center;
  white-space: nowrap;
  margin-right: 4px;
}

.ql-align-center {
  text-align: center !important;
}

@media (max-width: 1366px) {
	.middleContent {
    width: 74%;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
	.middleContent {
    width: 80%;
    margin: 0 auto;
  }
}