body {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}
.pc-version {
  display: block;
}
.pad-version {
  display: none !important;
}
.mobile-version {
  display: none !important;
}
.text-overflow {
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/* 布局 */
.row {
  display: flex;
  flex-flow: row wrap;
}
.row > [class^="col-"] {
  display: block;
  position: relative;
  min-height: 30px;
}
/* 1~24 */
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.6666667%;
  max-width: 41.6666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.6666667%;
  max-width: 66.6666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-10 {
  flex: 0 0 91.6666667%;
  max-width: 91.6666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 间距 */
.m-0 {
  margin: 0 !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.p-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}

/* 小屏幕 */
@media screen and (max-width: 760px) {
  body {
    overflow-x: hidden;
  }
  .mobile-version {
    display: block !important;
  }
  .pc-version {
    display: none !important;
  }
  .pad-version {
    display: none !important;
  }
}
@media screen and (min-width: 761px) and (max-width: 1439px) {
  body {
    overflow-x: hidden;
  }
  .mobile-version {
    display: none !important;
  }
  .pc-version {
    display: none !important;
  }
  .pad-version {
    display: block !important;
  }
}