.container[data-v-2df745c2] {
  width: 100%;
  overflow: hidden;
}
.middle[data-v-2df745c2] {
  width: 1200px;
  margin: 40px calc((100% - 1200px) / 2) 43px calc((100% - 1200px) / 2);
  min-height: 978px;
}
.catalogue[data-v-2df745c2] {
  width: 275px;
  float: left;
  height: 978px;
  background: #F9F9F9;
}
.subdirectory[data-v-2df745c2] {
  width: calc(100% - 275px);
  float: left;
  height: 978px;
  background-color: #FFF;
}
.article-details[data-v-2df745c2] {
  width: 925px;
  float: left;
  min-height: 978px;
  background-color: #FFF;
  padding: 0px 87px 40px 38px;
  margin-bottom: 43px;
}
.catalogue .uni-list .uni-list-cell[data-v-2df745c2] {
  font-size: 18px;
  color: #6B6B75;
  line-height: 36px;
  padding: 7px 22px;
  cursor: pointer;
  margin: 5px 0px;
}
.active[data-v-2df745c2] {
  border-left: 4px solid #0084F3;
  background: linear-gradient(270deg, rgba(0, 171, 250, 0) 0%, #e9f1f8 100%);
  color: #0084F3 !important;
  font-weight: bold;
}
.catalogue .uni-list .uni-list-cell[data-v-2df745c2]:nth-child(1) {
  font-size: 22px;
  color: #303039;
  padding: 17px 22px 21px 22px;
  cursor: default;
  margin: 0px 0px;
}
.catalogue .uni-list .uni-list-cell[data-v-2df745c2]:nth-child(1):hover {
  background: none;
}
.subdirectory .uni-list[data-v-2df745c2] {
  height: calc(100% - 98px);
  background-color: #fff;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.subdirectory .uni-list .uni-list-cell[data-v-2df745c2] {
  font-size: 18px;
  color: #6B6B75;
  line-height: 36px;
  padding: 7px 38px;
  cursor: pointer;
  margin: 5px 0px;
}
.subdirectory .uni-list .uni-list-cell[data-v-2df745c2]:nth-child(1) {
  font-size: 32px;
  color: #303039;
  padding: 40px 38px 25px 38px;
  line-height: 40px;
  cursor: default;
  margin: 0px;
}
.article-date[data-v-2df745c2] {
  color: #9E9FA9;
}
.splitter-bar[data-v-2df745c2] {
  width: 8px;
  height: 40px;
  background: linear-gradient(360deg, rgba(0, 171, 250, 0) 0%, #0084F3 100%);
  margin-right: 4px;
}
.subdirectory .uni-list .uni-list-cell[data-v-2df745c2]:hover {
  background-color: rgba(233, 241, 248, 0.3);
}
.subdirectory .uni-list .uni-list-cell[data-v-2df745c2]:nth-child(1):hover {
  background: none;
}
.s-subdirectory-floor[data-v-2df745c2] {
  width: calc(100% - 76px);
}
.article-title[data-v-2df745c2] {
  font-size: 28px;
  color: #303039;
  line-height: 50px;
  padding: 26px 0px 5px 0px;
}
.affiliation[data-v-2df745c2] {
  color: #9E9FA9;
  font-size: 12px;
  line-height: 25px;
  padding-bottom: 20px;
}