@charset "UTF-8";
/* rem单位切换
---------------------------------------- */
/* 重置样式 */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

img {
  border: 0 none;
  vertical-align: top;
}

i,
em {
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

input,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
a:visited {
  text-decoration: none;
  color: #333;
}

:root {
  --primary: #2365bf;
  --red: #cb0000;
  --text-grey: #666666;
  --skeleton-grey: #ececec;
}

body {
  margin: 0 auto;
  background: #ffffff;
  font-size: 14px;
  font-family: "Microsoft YaHei", -apple-system, Helvetica, sans-serif;
  line-height: 1.5;
  color: #333;
  -webkit-text-size-adjust: 100% !important;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  max-width: 750px;
  min-width: 320px;
}

img {
  width: 100%;
  vertical-align: top;
}

/* html根元素大小
---------------------------------------- */
html {
  font-size: 20vw;
}
@media screen and (max-width: 320px) {
  html {
    font-size: 64px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 150px;
  }
}

.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}

.primary {
  color: var(--primary) !important;
}

.block {
  display: block;
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-0 {
  margin: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.m-5 {
  margin: 0.0231481481rem !important;
}

.p-5 {
  padding: 0.0231481481rem !important;
}

.ml-5 {
  margin-left: 0.0231481481rem !important;
}

.pl-5 {
  padding-left: 0.0231481481rem !important;
}

.mt-5 {
  margin-top: 0.0231481481rem !important;
}

.pt-5 {
  padding-top: 0.0231481481rem !important;
}

.mr-5 {
  margin-right: 0.0231481481rem !important;
}

.pr-5 {
  padding-right: 0.0231481481rem !important;
}

.mb-5 {
  margin-bottom: 0.0231481481rem !important;
}

.pb-5 {
  padding-bottom: 0.0231481481rem !important;
}

.m-10 {
  margin: 0.0462962963rem !important;
}

.p-10 {
  padding: 0.0462962963rem !important;
}

.ml-10 {
  margin-left: 0.0462962963rem !important;
}

.pl-10 {
  padding-left: 0.0462962963rem !important;
}

.mt-10 {
  margin-top: 0.0462962963rem !important;
}

.pt-10 {
  padding-top: 0.0462962963rem !important;
}

.mr-10 {
  margin-right: 0.0462962963rem !important;
}

.pr-10 {
  padding-right: 0.0462962963rem !important;
}

.mb-10 {
  margin-bottom: 0.0462962963rem !important;
}

.pb-10 {
  padding-bottom: 0.0462962963rem !important;
}

.m-15 {
  margin: 0.0694444444rem !important;
}

.p-15 {
  padding: 0.0694444444rem !important;
}

.ml-15 {
  margin-left: 0.0694444444rem !important;
}

.pl-15 {
  padding-left: 0.0694444444rem !important;
}

.mt-15 {
  margin-top: 0.0694444444rem !important;
}

.pt-15 {
  padding-top: 0.0694444444rem !important;
}

.mr-15 {
  margin-right: 0.0694444444rem !important;
}

.pr-15 {
  padding-right: 0.0694444444rem !important;
}

.mb-15 {
  margin-bottom: 0.0694444444rem !important;
}

.pb-15 {
  padding-bottom: 0.0694444444rem !important;
}

.m-20 {
  margin: 0.0925925926rem !important;
}

.p-20 {
  padding: 0.0925925926rem !important;
}

.ml-20 {
  margin-left: 0.0925925926rem !important;
}

.pl-20 {
  padding-left: 0.0925925926rem !important;
}

.mt-20 {
  margin-top: 0.0925925926rem !important;
}

.pt-20 {
  padding-top: 0.0925925926rem !important;
}

.mr-20 {
  margin-right: 0.0925925926rem !important;
}

.pr-20 {
  padding-right: 0.0925925926rem !important;
}

.mb-20 {
  margin-bottom: 0.0925925926rem !important;
}

.pb-20 {
  padding-bottom: 0.0925925926rem !important;
}

.m-25 {
  margin: 0.1157407407rem !important;
}

.p-25 {
  padding: 0.1157407407rem !important;
}

.ml-25 {
  margin-left: 0.1157407407rem !important;
}

.pl-25 {
  padding-left: 0.1157407407rem !important;
}

.mt-25 {
  margin-top: 0.1157407407rem !important;
}

.pt-25 {
  padding-top: 0.1157407407rem !important;
}

.mr-25 {
  margin-right: 0.1157407407rem !important;
}

.pr-25 {
  padding-right: 0.1157407407rem !important;
}

.mb-25 {
  margin-bottom: 0.1157407407rem !important;
}

.pb-25 {
  padding-bottom: 0.1157407407rem !important;
}

.m-30 {
  margin: 0.1388888889rem !important;
}

.p-30 {
  padding: 0.1388888889rem !important;
}

.ml-30 {
  margin-left: 0.1388888889rem !important;
}

.pl-30 {
  padding-left: 0.1388888889rem !important;
}

.mt-30 {
  margin-top: 0.1388888889rem !important;
}

.pt-30 {
  padding-top: 0.1388888889rem !important;
}

.mr-30 {
  margin-right: 0.1388888889rem !important;
}

.pr-30 {
  padding-right: 0.1388888889rem !important;
}

.mb-30 {
  margin-bottom: 0.1388888889rem !important;
}

.pb-30 {
  padding-bottom: 0.1388888889rem !important;
}

.m-35 {
  margin: 0.162037037rem !important;
}

.p-35 {
  padding: 0.162037037rem !important;
}

.ml-35 {
  margin-left: 0.162037037rem !important;
}

.pl-35 {
  padding-left: 0.162037037rem !important;
}

.mt-35 {
  margin-top: 0.162037037rem !important;
}

.pt-35 {
  padding-top: 0.162037037rem !important;
}

.mr-35 {
  margin-right: 0.162037037rem !important;
}

.pr-35 {
  padding-right: 0.162037037rem !important;
}

.mb-35 {
  margin-bottom: 0.162037037rem !important;
}

.pb-35 {
  padding-bottom: 0.162037037rem !important;
}

.m-40 {
  margin: 0.1851851852rem !important;
}

.p-40 {
  padding: 0.1851851852rem !important;
}

.ml-40 {
  margin-left: 0.1851851852rem !important;
}

.pl-40 {
  padding-left: 0.1851851852rem !important;
}

.mt-40 {
  margin-top: 0.1851851852rem !important;
}

.pt-40 {
  padding-top: 0.1851851852rem !important;
}

.mr-40 {
  margin-right: 0.1851851852rem !important;
}

.pr-40 {
  padding-right: 0.1851851852rem !important;
}

.mb-40 {
  margin-bottom: 0.1851851852rem !important;
}

.pb-40 {
  padding-bottom: 0.1851851852rem !important;
}

.m-45 {
  margin: 0.2083333333rem !important;
}

.p-45 {
  padding: 0.2083333333rem !important;
}

.ml-45 {
  margin-left: 0.2083333333rem !important;
}

.pl-45 {
  padding-left: 0.2083333333rem !important;
}

.mt-45 {
  margin-top: 0.2083333333rem !important;
}

.pt-45 {
  padding-top: 0.2083333333rem !important;
}

.mr-45 {
  margin-right: 0.2083333333rem !important;
}

.pr-45 {
  padding-right: 0.2083333333rem !important;
}

.mb-45 {
  margin-bottom: 0.2083333333rem !important;
}

.pb-45 {
  padding-bottom: 0.2083333333rem !important;
}

.m-50 {
  margin: 0.2314814815rem !important;
}

.p-50 {
  padding: 0.2314814815rem !important;
}

.ml-50 {
  margin-left: 0.2314814815rem !important;
}

.pl-50 {
  padding-left: 0.2314814815rem !important;
}

.mt-50 {
  margin-top: 0.2314814815rem !important;
}

.pt-50 {
  padding-top: 0.2314814815rem !important;
}

.mr-50 {
  margin-right: 0.2314814815rem !important;
}

.pr-50 {
  padding-right: 0.2314814815rem !important;
}

.mb-50 {
  margin-bottom: 0.2314814815rem !important;
}

.pb-50 {
  padding-bottom: 0.2314814815rem !important;
}

.m-55 {
  margin: 0.2546296296rem !important;
}

.p-55 {
  padding: 0.2546296296rem !important;
}

.ml-55 {
  margin-left: 0.2546296296rem !important;
}

.pl-55 {
  padding-left: 0.2546296296rem !important;
}

.mt-55 {
  margin-top: 0.2546296296rem !important;
}

.pt-55 {
  padding-top: 0.2546296296rem !important;
}

.mr-55 {
  margin-right: 0.2546296296rem !important;
}

.pr-55 {
  padding-right: 0.2546296296rem !important;
}

.mb-55 {
  margin-bottom: 0.2546296296rem !important;
}

.pb-55 {
  padding-bottom: 0.2546296296rem !important;
}

.m-60 {
  margin: 0.2777777778rem !important;
}

.p-60 {
  padding: 0.2777777778rem !important;
}

.ml-60 {
  margin-left: 0.2777777778rem !important;
}

.pl-60 {
  padding-left: 0.2777777778rem !important;
}

.mt-60 {
  margin-top: 0.2777777778rem !important;
}

.pt-60 {
  padding-top: 0.2777777778rem !important;
}

.mr-60 {
  margin-right: 0.2777777778rem !important;
}

.pr-60 {
  padding-right: 0.2777777778rem !important;
}

.mb-60 {
  margin-bottom: 0.2777777778rem !important;
}

.pb-60 {
  padding-bottom: 0.2777777778rem !important;
}

.w-full {
  width: 100%;
}
.w-screen {
  width: 100vh;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.flex-wrap-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.shadow {
  -webkit-box-shadow: 0 0 0.0740740741rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.0740740741rem rgba(0, 0, 0, 0.2);
}

.line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 导航 */
.nav {
  background-color: var(--primary);
  height: 0.5092592593rem;
  line-height: 0.5092592593rem;
  font-size: 0.1851851852rem;
}
.nav .item {
  position: relative;
  color: #ffffff;
}
.nav .item.active {
  font-weight: bold;
  font-size: 0.1944444444rem;
}
.nav .item.active::after {
  content: "";
  position: absolute;
  left: -0.0462962963rem;
  right: -0.0462962963rem;
  bottom: 0;
  height: 0.0185185185rem;
  background-color: #ffffff;
}

.main {
  position: relative;
  margin: -0.6481481481rem 0.1388888889rem 0.2777777778rem;
  background-color: #fff;
  border-radius: 0.0462962963rem;
}

/* 页脚 */
.footer {
  background-color: #f2f2f2;
  border-top: 0.0277777778rem solid var(--red);
  margin-top: 0.2777777778rem;
  padding-top: 0.2314814815rem;
}
.footer .suffix-top {
  font-size: 0.16rem;
  color: #666666;
  margin-bottom: 0.162037037rem;
}
.footer .suffix-top a {
  color: #666666;
  margin: 0 0.1296296296rem;
  cursor: pointer;
}
.footer .suffix-bottom {
  border-top: 1px solid #ccc;
  color: #999;
  font-size: 0.14rem;
  padding-top: 0.162037037rem;
  padding-bottom: 0.4166666667rem;
}
.footer .suffix-bottom a {
  color: #999;
}
.footer .suffix-bottom .l {
  margin-bottom: 0.0694444444rem;
}/*# sourceMappingURL=main.css.map */