body {
  margin: 0;
  background-color: rgb(250, 250, 250);
}
::selection {
  color: white; /* 设置选中文字的颜色 */
  background-color: #409eff; /* 设置选中文字的背景颜色 */
}
.m-logo {
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  margin: 0 40px 0 40px;
  cursor: pointer;
  user-select: none;
}
.Navigation {
  background-color: rgb(255, 255, 255);
  font-size: 16px;
  height: 56px;
  display: flex;
  align-self: center;
  box-shadow: 0 4px 8px rgba(223, 129, 152, 0.05),
    /* 基础阴影 */ 0 12px 24px rgba(223, 129, 152, 0.05); /* 第二层阴影，更模糊，扩散更广 */
  width: 100%;
  min-width: 650px;
  margin-bottom: 20px;
}
.m_content {
  /* display: block; */
  align-self: center;
  justify-self: center;
  max-width: 600px;
  /* min-width: 600px; */
  min-height: 770px;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 42px);
  height: 100%;
  background-color: rgb(255, 255, 255);
  padding: 26px;
}
.m_footer {
  /* max-width: 650px; */
  width: 100%;
  height: 30px;
  /* background-color: rgb(255, 255, 255);
        box-shadow: 0px -6px 20px 0px rgba(0,0,0,0.08); */
  font-size: 14px;
  color: rgb(45, 45, 45);
  position: relative;
  bottom: 0;
  padding: 30px 0px;
}
/* 返回到顶部按钮的颜色 */
.el-icon-caret-top:before {
  color: rgb(223, 129, 152);
}

.m-span {
  font-size: 12px;
  margin-right: 4px;
  color: #909399;
}
.m-a {
  color: #909399;
  text-decoration: none;
  overflow: hidden;
  /* display: inline-block; */
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.m-a:hover {
  color: #71757b;
  text-decoration: underline;
}

.viewer-download::before {
  content: "download";
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAXBJREFUOE/VlDFLlmEUhq9ra3HoT0RDCOIQEQnVkJRQU4QQJEKBICKmNFWEODRHUxJEaDT1ExxUJFLQpSEcxJ+gIE13PPa9H6+f72cSLr7j85xz3ec+57yPnPHnGfM4x8Ak88AD4ADYVO+dpj2NlpP8AH4CM0APMAX0A88rqLrUJHAMmGQWuK7erCckmQOutc76gA9qW6At1KmS5COwrr47yWKStIRX63FHKkxSlN8CL9T1fwAnChCYVbeOVZjkPvAZWFCfddi9AYyrDzvOR4t1YFktMX/3MMkVYBF40lRZkkZgBU/yFdhRpyvgBvBG/dZkswV8rD7tcj8EjKl3K+AucEv91SVhABhRR7rcvwQuqpMVcBIYVO909OgL8B0oQo+AfeBSfaWS9JbFB4bVxfaUk6wAe8Ca+rrWn/fAVWD7sOm1wST5BNwGXqllOEcfhySlist1YGtoJfFCw5THgHn1d9fFPs3/elLMOX6+/tf6HzsPjRVd/9/RAAAAAElFTkSuQmCC");
}

@media screen and (max-width: 600px) {
  .Navigation {
    background-color: rgb(255, 255, 255);
    font-size: 16px;
    height: 56px;
    display: flex;
    align-self: center;
    box-shadow: 0 4px 8px rgba(223, 129, 152, 0.05),
      /* 基础阴影 */ 0 12px 24px rgba(223, 129, 152, 0.05); /* 第二层阴影，更模糊，扩散更广 */
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .m_content {
    /* display: block; */
    align-self: center;
    justify-self: center;
    max-width: calc(100% - 52px);
    min-height: 770px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    background-color: rgb(255, 255, 255);
    padding: 26px;
  }

  .m_footer {
    min-width: 100%;
    max-width: 100%;
    height: 30px;
    /* background-color: rgb(255, 255, 255);
        box-shadow: 0px -6px 20px 0px rgba(0,0,0,0.08); */
    font-size: 14px;
    color: rgb(45, 45, 45);
    position: relative;
    bottom: 0;
    padding: 30px 0px;
  }
}