.art-design-container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
}
.art-design-container .side-list {
  width: 190px;
  padding-top: 57px;
}
.art-design-container .side-list li {
  width: 190px;
  height: 50px;
  line-height: 50px;
  background-color: #f6c5cc;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-weight: 600;
}
.art-design-container .side-list li:hover {
  background-color: #a7404e;
  color: #fff;
}
.art-design-container .side-list li:hover a {
  color: #fff;
}
.art-design-container .side-list li a {
  color: #992e3c;
  font-size: 18px;
}
.art-design-container .side-list .active {
  background-color: #a7404e;
  color: #fff;
  font-size: 18px;
}
.art-design-container .side-list .active a {
  color: #fff;
}
.art-design-container .list-main {
  flex: 1;
  vertical-align: top;
  padding-left: 22px;
}
.art-design-container .list-main .list-content {
  width: 100%;
  border: 2px solid #f2f2f2;
  color: #a7404e;
  margin-bottom: 40px;
}
.art-design-container .list-main .list-content ul {
  padding-left: 22px;
  min-height: 793px;
}
.art-design-container .list-main .list-content li {
  border-bottom: 1px dashed #e8e7e7;
  height: 60px;
  line-height: 60px;
}
.art-design-container .list-main .list-content li span {
  font-size: 12px;
  float: right;
  margin-right: 22px;
}
.art-design-container .list-main .list-content a {
  color: #a7404e;
}