* {
  box-sizing: border-box;
}
.flow {
  position: relative;
}
.flow::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
[v-cloak] {
  display: none;
}
* {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
img {
  max-width: 100%;
}
button,
input,
textarea {
  outline: none;
}
.content {
  width: 1130px;
  margin: 0 auto;
}
body {
  min-width: 1200px;
  font-family: '微软雅黑', sans-serif;
  color: black;
}
#app .el-table td {
  font-size: 14px;
}
#app .el-table th {
  background-color: #f6f6f6;
  font-size: 14px;
}
@media (max-width: 1000px) {
  body {
    min-width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .main {
    width: 100%;
    overflow: hidden;
  }
  .content {
    width: 95%;
  }
  html {
    font-size: 19.04px;
  }
}
@media (max-width: 800px) {
  html {
    font-size: 17.63px;
  }
}
@media (max-width: 700px) {
  html {
    font-size: 16.32px;
  }
}
@media (max-width: 600px) {
  html {
    font-size: 15.11px;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 13.99px;
  }
}
@media (max-width: 400px) {
  html {
    font-size: 12.96px;
  }
}
@media (max-width: 320px) {
  html {
    font-size: 12px;
  }
}
.banner {
  overflow: hidden;
}
.totalNum,
.totalList {
  display: none;
}
/* 外面盒子样式---自己定义 */
.page_div {
  color: #666;
  margin: 20px 0;
  text-align: center;
}
/* 页数按钮样式 */
.page_div button {
  display: inline-block;
  min-width: 30px;
  height: 28px;
  cursor: pointer;
  color: #666;
  font-size: 13px;
  line-height: 28px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin: 0 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#firstPage,
#lastPage,
#nextPage,
#prePage {
  width: 50px;
  color: #A58F5A;
  border: 1px solid #A58F5A;
}
#nextPage,
#prePage {
  width: 70px;
}
.page_div .current {
  background-color: #A58F5A;
  border-color: #A58F5A;
  color: #FFF;
}
/* 页面数量 */
.totalPages {
  margin: 0 10px;
}
.totalPages span,
.totalSize span {
  color: #A58F5A;
  margin: 0 5px;
}
/*button禁用*/
.page_div button:disabled {
  opacity: 0.5;
  cursor: no-drop;
}
@media (max-width: 1000px) {
  /* 外面盒子样式---自己定义 */
  .page_div {
    margin: 2rem 1rem 1rem 0;
  }
  /* 页数按钮样式 */
  .page_div button {
    min-width: 1.6rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
    margin: 0.2rem;
  }
  #firstPage,
  #lastPage,
  #nextPage,
  #prePage {
    width: 2.5rem;
  }
  #nextPage,
  #prePage {
    width: 3.5rem;
  }
  /* 页面数量 */
  .totalPages {
    margin: 0 0.3rem;
  }
  .totalPages span,
  .totalSize span {
    margin: 0 0.2rem;
  }
}
.anime {
  opacity: 0 !important;
  position: relative;
  top: 30px;
  transition: 1s top, 1s opacity;
}
.anime.anime-show {
  opacity: 1 !important;
  top: 0;
}
.anime .anime-list-opacity {
  opacity: 0 !important;
  transition: 1s opacity;
}
.anime .anime-list-opacity.anime-opacity-show {
  opacity: 1 !important;
}
.anime-left .anime-left-list {
  opacity: 0 !important;
  position: relative;
  left: 30px;
  transition: 1s left, 1s opacity;
}
.anime-left .anime-left-list.anime-left-list-1 {
  transition-delay: 0s;
}
.anime-left .anime-left-list.anime-left-list-2 {
  transition-delay: 0.15s;
}
.anime-left .anime-left-list.anime-left-list-3 {
  transition-delay: 0.3s;
}
.anime-left .anime-left-list.anime-show {
  opacity: 1 !important;
  left: 0;
}
.anime-delay .anime-delay-list {
  opacity: 0 !important;
  position: relative;
  top: 30px;
  transition: 1s top, 1s opacity;
}
.anime-delay .anime-delay-list.anime-delay-1 {
  transition-delay: 0s;
}
.anime-delay .anime-delay-list.anime-delay-2 {
  transition-delay: 0.15s;
}
.anime-delay .anime-delay-list.anime-delay-3 {
  transition-delay: 0.3s;
}
.anime-delay .anime-delay-list.anime-delay-4 {
  transition-delay: 0.45s;
}
.anime-delay .anime-delay-list.anime-delay-5 {
  transition-delay: 0.6s;
}
.anime-delay .anime-delay-list.anime-delay-6 {
  transition-delay: 0.75s;
}
.anime-delay .anime-delay-list.anime-show {
  opacity: 1 !important;
  top: 0;
}
