@charset "UTF-8";
/* 重置样式 */
html {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
  display: block;
  margin: 0;
  padding: 0;
}

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

table,
th,
td {
  border: 1px solid black;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: 400;
}

dl,
ol,
ul {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
}

a:hover {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  blr: expression(this.onFocus=this.blur());
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

i {
  font-style: normal;
}

button,
input,
select,
textarea {
  resize: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

input {
  border-radius: 0;
}

input::-webkit-input-safebox-button {
  display: none;
  /*去掉搜狗浏览器密码软盘*/
}

body {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

/* 统一盒子尺寸计算 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ie版本过低 */
#web-ietip {
  width: 610px;
  height: 173px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(./ietip/browser.png) no-repeat center center;
  margin: 200px auto 0;
}

#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left;
}

/* 清除浮动 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

/* 超出省略 */
.ep1,
.ellipsis-1 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

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

.ep3,
.ellipsis-3 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ep4,
.ellipsis-4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.ep5,
.ellipsis-5 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.ep6,
.ellipsis-6 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.ep7,
.ellipsis-7 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.ep8,
.ellipsis-8 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.ep9,
.ellipsis-9 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

/* 颜色 */
.color-0 {
  color: #000;
}

.color-1 {
  color: #111;
}

.color-2 {
  color: #222;
}

.color-3 {
  color: #333;
}

.color-4 {
  color: #444;
}

.color-5 {
  color: #555;
}

.color-6 {
  color: #666;
}

.color-7 {
  color: #777;
}

.color-8 {
  color: #888;
}

.color-9 {
  color: #999;
}

.color-a {
  color: #aaa;
}

.color-b {
  color: #bbb;
}

.color-c {
  color: #ccc;
}

.color-d {
  color: #ddd;
}

.color-e {
  color: #eee;
}

.color-f {
  color: #fff;
}

.bg-0,
.bg-color-0 {
  background-color: #000;
}

.bg-1,
.bg-color-1 {
  background-color: #111;
}

.bg-2,
.bg-color-2 {
  background-color: #222;
}

.bg-3,
.bg-color-3 {
  background-color: #333;
}

.bg-4,
.bg-color-4 {
  background-color: #444;
}

.bg-5,
.bg-color-5 {
  background-color: #555;
}

.bg-6,
.bg-color-6 {
  background-color: #666;
}

.bg-7,
.bg-color-7 {
  background-color: #777;
}

.bg-8,
.bg-color-8 {
  background-color: #888;
}

.bg-9,
.bg-color-9 {
  background-color: #999;
}

.bg-a,
.bg-color-a {
  background-color: #aaa;
}

.bg-b,
.bg-color-b {
  background-color: #bbb;
}

.bg-c,
.bg-color-c {
  background-color: #ccc;
}

.bg-d,
.bg-color-d {
  background-color: #ddd;
}

.bg-e,
.bg-color-e {
  background-color: #eee;
}

.bg-f,
.bg-color-f {
  background-color: #fff;
}

/* 背景图 */
.bg-cover {
  background-size: cover;
  background-position: center;
}

.bg-contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 文本对齐 */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

/* 富文本样式控制 */
.rich-text * {
  max-width: 100%;
  text-wrap: wrap !important;
}

.rich-text img {
  height: auto;
  vertical-align: top;
}

/*编辑器盒子加editor-box这个类，editor-box以及里面的h1,h2,h3,h4,h5,h6,ul,ol,li,i.b,strong,p等标签的样式根据后台编辑器的默认样式而变*/
.editor-box {
  font-size: 16px;
  line-height: 1.5;
}

.editor-box h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
          margin-block-start: 0.67em;
  -webkit-margin-after: 0.67em;
          margin-block-end: 0.67em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box h2 {
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
          margin-block-start: 0.83em;
  -webkit-margin-after: 0.83em;
          margin-block-end: 0.83em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box h4 {
  display: block;
  -webkit-margin-before: 1.33em;
          margin-block-start: 1.33em;
  -webkit-margin-after: 1.33em;
          margin-block-end: 1.33em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box h5 {
  display: block;
  font-size: 0.83em;
  -webkit-margin-before: 1.67em;
          margin-block-start: 1.67em;
  -webkit-margin-after: 1.67em;
          margin-block-end: 1.67em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box h6 {
  display: block;
  font-size: 0.67em;
  -webkit-margin-before: 2.33em;
          margin-block-start: 2.33em;
  -webkit-margin-after: 2.33em;
          margin-block-end: 2.33em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box li {
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.editor-box i {
  font-style: italic;
}

.editor-box b {
  font-weight: bolder;
}

.editor-box strong {
  font-weight: bolder;
}

.editor-box p {
  display: block;
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

/* flex布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

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

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

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

.flex-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* rem - start */
.s0 {
  font-size: 0;
}

/* pc */
html {
  font-size: calc(100vw / 1920 * 100);
}

.s12 {
  font-size: 0.12rem;
}

@media (max-width: 1920px) {
  .s12 {
    font-size: 12px;
  }
}

.s13 {
  font-size: 0.13rem;
}

@media (max-width: 1816.61538px) {
  .s13 {
    font-size: 12.3px;
  }
}

.s14 {
  font-size: 0.14rem;
}

@media (max-width: 1728px) {
  .s14 {
    font-size: 12.6px;
  }
}

.s15 {
  font-size: 0.15rem;
}

@media (max-width: 1651.2px) {
  .s15 {
    font-size: 12.9px;
  }
}

.s16 {
  font-size: 0.16rem;
}

@media (max-width: 1584px) {
  .s16 {
    font-size: 13.2px;
  }
}

.s17 {
  font-size: 0.17rem;
}

@media (max-width: 1524.70588px) {
  .s17 {
    font-size: 13.5px;
  }
}

.s18 {
  font-size: 0.18rem;
}

@media (max-width: 1472px) {
  .s18 {
    font-size: 13.8px;
  }
}

.s19 {
  font-size: 0.19rem;
}

@media (max-width: 1424.84211px) {
  .s19 {
    font-size: 14.1px;
  }
}

.s20 {
  font-size: 0.2rem;
}

@media (max-width: 1382.4px) {
  .s20 {
    font-size: 14.4px;
  }
}

.s21 {
  font-size: 0.21rem;
}

@media (max-width: 1344px) {
  .s21 {
    font-size: 14.7px;
  }
}

.s22 {
  font-size: 0.22rem;
}

@media (max-width: 1309.09091px) {
  .s22 {
    font-size: 15px;
  }
}

.s23 {
  font-size: 0.23rem;
}

@media (max-width: 1277.21739px) {
  .s23 {
    font-size: 15.3px;
  }
}

.s24 {
  font-size: 0.24rem;
}

@media (max-width: 1248px) {
  .s24 {
    font-size: 15.6px;
  }
}

.s25 {
  font-size: 0.25rem;
}

@media (max-width: 1221.12px) {
  .s25 {
    font-size: 15.9px;
  }
}

.s26 {
  font-size: 0.26rem;
}

@media (max-width: 1196.30769px) {
  .s26 {
    font-size: 16.2px;
  }
}

.s27 {
  font-size: 0.27rem;
}

@media (max-width: 1173.33333px) {
  .s27 {
    font-size: 16.5px;
  }
}

.s28 {
  font-size: 0.28rem;
}

@media (max-width: 1152px) {
  .s28 {
    font-size: 16.8px;
  }
}

.s29 {
  font-size: 0.29rem;
}

@media (max-width: 1132.13793px) {
  .s29 {
    font-size: 17.1px;
  }
}

.s30 {
  font-size: 0.3rem;
}

@media (max-width: 1113.6px) {
  .s30 {
    font-size: 17.4px;
  }
}

.s31 {
  font-size: 0.31rem;
}

@media (max-width: 1096.25806px) {
  .s31 {
    font-size: 17.7px;
  }
}

.s32 {
  font-size: 0.32rem;
}

@media (max-width: 1080px) {
  .s32 {
    font-size: 18px;
  }
}

.s33 {
  font-size: 0.33rem;
}

@media (max-width: 1064.72727px) {
  .s33 {
    font-size: 18.3px;
  }
}

.s34 {
  font-size: 0.34rem;
}

@media (max-width: 1050.35294px) {
  .s34 {
    font-size: 18.6px;
  }
}

.s35 {
  font-size: 0.35rem;
}

@media (max-width: 1036.8px) {
  .s35 {
    font-size: 18.9px;
  }
}

.s36 {
  font-size: 0.36rem;
}

@media (max-width: 1024px) {
  .s36 {
    font-size: 19.2px;
  }
}

.s37 {
  font-size: 0.37rem;
}

@media (max-width: 1011.89189px) {
  .s37 {
    font-size: 19.5px;
  }
}

.s38 {
  font-size: 0.38rem;
}

@media (max-width: 1000.42105px) {
  .s38 {
    font-size: 19.8px;
  }
}

.s39 {
  font-size: 0.39rem;
}

@media (max-width: 989.53846px) {
  .s39 {
    font-size: 20.1px;
  }
}

.s40 {
  font-size: 0.4rem;
}

@media (max-width: 979.2px) {
  .s40 {
    font-size: 20.4px;
  }
}

.s41 {
  font-size: 0.41rem;
}

@media (max-width: 969.36585px) {
  .s41 {
    font-size: 20.7px;
  }
}

.s42 {
  font-size: 0.42rem;
}

@media (max-width: 960px) {
  .s42 {
    font-size: 21px;
  }
}

.s43 {
  font-size: 0.43rem;
}

@media (max-width: 951.06977px) {
  .s43 {
    font-size: 21.3px;
  }
}

.s44 {
  font-size: 0.44rem;
}

@media (max-width: 942.54545px) {
  .s44 {
    font-size: 21.6px;
  }
}

.s45 {
  font-size: 0.45rem;
}

@media (max-width: 934.4px) {
  .s45 {
    font-size: 21.9px;
  }
}

.s46 {
  font-size: 0.46rem;
}

@media (max-width: 926.6087px) {
  .s46 {
    font-size: 22.2px;
  }
}

.s47 {
  font-size: 0.47rem;
}

@media (max-width: 919.14894px) {
  .s47 {
    font-size: 22.5px;
  }
}

.s48 {
  font-size: 0.48rem;
}

@media (max-width: 912px) {
  .s48 {
    font-size: 22.8px;
  }
}

.s49 {
  font-size: 0.49rem;
}

@media (max-width: 905.14286px) {
  .s49 {
    font-size: 23.1px;
  }
}

.s50 {
  font-size: 0.5rem;
}

@media (max-width: 898.56px) {
  .s50 {
    font-size: 23.4px;
  }
}

.s51 {
  font-size: 0.51rem;
}

@media (max-width: 892.23529px) {
  .s51 {
    font-size: 23.7px;
  }
}

.s52 {
  font-size: 0.52rem;
}

@media (max-width: 886.15385px) {
  .s52 {
    font-size: 24px;
  }
}

.s53 {
  font-size: 0.53rem;
}

@media (max-width: 880.30189px) {
  .s53 {
    font-size: 24.3px;
  }
}

.s54 {
  font-size: 0.54rem;
}

@media (max-width: 874.66667px) {
  .s54 {
    font-size: 24.6px;
  }
}

.s55 {
  font-size: 0.55rem;
}

@media (max-width: 869.23636px) {
  .s55 {
    font-size: 24.9px;
  }
}

.s56 {
  font-size: 0.56rem;
}

@media (max-width: 864px) {
  .s56 {
    font-size: 25.2px;
  }
}

.s57 {
  font-size: 0.57rem;
}

@media (max-width: 858.94737px) {
  .s57 {
    font-size: 25.5px;
  }
}

.s58 {
  font-size: 0.58rem;
}

@media (max-width: 854.06897px) {
  .s58 {
    font-size: 25.8px;
  }
}

.s59 {
  font-size: 0.59rem;
}

@media (max-width: 849.35593px) {
  .s59 {
    font-size: 26.1px;
  }
}

.s60 {
  font-size: 0.6rem;
}

@media (max-width: 844.8px) {
  .s60 {
    font-size: 26.4px;
  }
}

.s61 {
  font-size: 0.61rem;
}

@media (max-width: 840.39344px) {
  .s61 {
    font-size: 26.7px;
  }
}

.s62 {
  font-size: 0.62rem;
}

@media (max-width: 836.12903px) {
  .s62 {
    font-size: 27px;
  }
}

.s63 {
  font-size: 0.63rem;
}

@media (max-width: 832px) {
  .s63 {
    font-size: 27.3px;
  }
}

.s64 {
  font-size: 0.64rem;
}

@media (max-width: 828px) {
  .s64 {
    font-size: 27.6px;
  }
}

.s65 {
  font-size: 0.65rem;
}

@media (max-width: 824.12308px) {
  .s65 {
    font-size: 27.9px;
  }
}

.s66 {
  font-size: 0.66rem;
}

@media (max-width: 820.36364px) {
  .s66 {
    font-size: 28.2px;
  }
}

.s67 {
  font-size: 0.67rem;
}

@media (max-width: 816.71642px) {
  .s67 {
    font-size: 28.5px;
  }
}

.s68 {
  font-size: 0.68rem;
}

@media (max-width: 813.17647px) {
  .s68 {
    font-size: 28.8px;
  }
}

.s69 {
  font-size: 0.69rem;
}

@media (max-width: 809.73913px) {
  .s69 {
    font-size: 29.1px;
  }
}

.s70 {
  font-size: 0.7rem;
}

@media (max-width: 806.4px) {
  .s70 {
    font-size: 29.4px;
  }
}

.s71 {
  font-size: 0.71rem;
}

@media (max-width: 803.15493px) {
  .s71 {
    font-size: 29.7px;
  }
}

.s72 {
  font-size: 0.72rem;
}

@media (max-width: 800px) {
  .s72 {
    font-size: 30px;
  }
}

.s73 {
  font-size: 0.73rem;
}

@media (max-width: 796.93151px) {
  .s73 {
    font-size: 30.3px;
  }
}

.s74 {
  font-size: 0.74rem;
}

@media (max-width: 793.94595px) {
  .s74 {
    font-size: 30.6px;
  }
}

.s75 {
  font-size: 0.75rem;
}

@media (max-width: 791.04px) {
  .s75 {
    font-size: 30.9px;
  }
}

.s76 {
  font-size: 0.76rem;
}

@media (max-width: 788.21053px) {
  .s76 {
    font-size: 31.2px;
  }
}

.s77 {
  font-size: 0.77rem;
}

@media (max-width: 785.45455px) {
  .s77 {
    font-size: 31.5px;
  }
}

.s78 {
  font-size: 0.78rem;
}

@media (max-width: 782.76923px) {
  .s78 {
    font-size: 31.8px;
  }
}

.s79 {
  font-size: 0.79rem;
}

@media (max-width: 780.1519px) {
  .s79 {
    font-size: 32.1px;
  }
}

.s80 {
  font-size: 0.8rem;
}

@media (max-width: 777.6px) {
  .s80 {
    font-size: 32.4px;
  }
}

.s81 {
  font-size: 0.81rem;
}

@media (max-width: 775.11111px) {
  .s81 {
    font-size: 32.7px;
  }
}

.s82 {
  font-size: 0.82rem;
}

@media (max-width: 772.68293px) {
  .s82 {
    font-size: 33px;
  }
}

.s83 {
  font-size: 0.83rem;
}

@media (max-width: 770.31325px) {
  .s83 {
    font-size: 33.3px;
  }
}

.s84 {
  font-size: 0.84rem;
}

@media (max-width: 768px) {
  .s84 {
    font-size: 33.6px;
  }
}

.s85 {
  font-size: 0.85rem;
}

@media (max-width: 765.74118px) {
  .s85 {
    font-size: 33.9px;
  }
}

.s86 {
  font-size: 0.86rem;
}

@media (max-width: 763.53488px) {
  .s86 {
    font-size: 34.2px;
  }
}

.s87 {
  font-size: 0.87rem;
}

@media (max-width: 761.37931px) {
  .s87 {
    font-size: 34.5px;
  }
}

.s88 {
  font-size: 0.88rem;
}

@media (max-width: 759.27273px) {
  .s88 {
    font-size: 34.8px;
  }
}

.s89 {
  font-size: 0.89rem;
}

@media (max-width: 757.21348px) {
  .s89 {
    font-size: 35.1px;
  }
}

.s90 {
  font-size: 0.9rem;
}

@media (max-width: 755.2px) {
  .s90 {
    font-size: 35.4px;
  }
}

.s91 {
  font-size: 0.91rem;
}

@media (max-width: 753.23077px) {
  .s91 {
    font-size: 35.7px;
  }
}

.s92 {
  font-size: 0.92rem;
}

@media (max-width: 751.30435px) {
  .s92 {
    font-size: 36px;
  }
}

.s93 {
  font-size: 0.93rem;
}

@media (max-width: 749.41935px) {
  .s93 {
    font-size: 36.3px;
  }
}

.s94 {
  font-size: 0.94rem;
}

@media (max-width: 747.57447px) {
  .s94 {
    font-size: 36.6px;
  }
}

.s95 {
  font-size: 0.95rem;
}

@media (max-width: 745.76842px) {
  .s95 {
    font-size: 36.9px;
  }
}

.s96 {
  font-size: 0.96rem;
}

@media (max-width: 744px) {
  .s96 {
    font-size: 37.2px;
  }
}

.s97 {
  font-size: 0.97rem;
}

@media (max-width: 742.26804px) {
  .s97 {
    font-size: 37.5px;
  }
}

.s98 {
  font-size: 0.98rem;
}

@media (max-width: 740.57143px) {
  .s98 {
    font-size: 37.8px;
  }
}

.s99 {
  font-size: 0.99rem;
}

@media (max-width: 738.90909px) {
  .s99 {
    font-size: 38.1px;
  }
}

.s100 {
  font-size: 1rem;
}

@media (max-width: 737.28px) {
  .s100 {
    font-size: 38.4px;
  }
}

/* 高分屏不继续放大 */
@media (min-width: 1921px) {
  html {
    font-size: 100px;
  }
}

/* 适配pad: 900~500 */
@media (max-width: 900px) {
  html {
    font-size: calc(900px / 1920 * 100);
  }
}

/* 移动端 */
@media (max-width: 500px) {
  html {
    font-size: calc(100vw / 750 * 100);
  }
  .s12 {
    font-size: 3.2vw;
  }
  .s13 {
    font-size: 3.28vw;
  }
  .s14 {
    font-size: 3.36vw;
  }
  .s15 {
    font-size: 3.44vw;
  }
  .s16 {
    font-size: 3.52vw;
  }
  .s17 {
    font-size: 3.6vw;
  }
  .s18 {
    font-size: 3.68vw;
  }
  .s19 {
    font-size: 3.76vw;
  }
  .s20 {
    font-size: 3.84vw;
  }
  .s21 {
    font-size: 3.92vw;
  }
  .s22 {
    font-size: 4vw;
  }
  .s23 {
    font-size: 4.08vw;
  }
  .s24 {
    font-size: 4.16vw;
  }
  .s25 {
    font-size: 4.24vw;
  }
  .s26 {
    font-size: 4.32vw;
  }
  .s27 {
    font-size: 4.4vw;
  }
  .s28 {
    font-size: 4.48vw;
  }
  .s29 {
    font-size: 4.56vw;
  }
  .s30 {
    font-size: 4.64vw;
  }
  .s31 {
    font-size: 4.72vw;
  }
  .s32 {
    font-size: 4.8vw;
  }
  .s33 {
    font-size: 4.88vw;
  }
  .s34 {
    font-size: 4.96vw;
  }
  .s35 {
    font-size: 5.04vw;
  }
  .s36 {
    font-size: 5.12vw;
  }
  .s37 {
    font-size: 5.2vw;
  }
  .s38 {
    font-size: 5.28vw;
  }
  .s39 {
    font-size: 5.36vw;
  }
  .s40 {
    font-size: 5.44vw;
  }
  .s41 {
    font-size: 5.52vw;
  }
  .s42 {
    font-size: 5.6vw;
  }
  .s43 {
    font-size: 5.68vw;
  }
  .s44 {
    font-size: 5.76vw;
  }
  .s45 {
    font-size: 5.84vw;
  }
  .s46 {
    font-size: 5.92vw;
  }
  .s47 {
    font-size: 6vw;
  }
  .s48 {
    font-size: 6.08vw;
  }
  .s49 {
    font-size: 6.16vw;
  }
  .s50 {
    font-size: 6.24vw;
  }
  .s51 {
    font-size: 6.32vw;
  }
  .s52 {
    font-size: 6.4vw;
  }
  .s53 {
    font-size: 6.48vw;
  }
  .s54 {
    font-size: 6.56vw;
  }
  .s55 {
    font-size: 6.64vw;
  }
  .s56 {
    font-size: 6.72vw;
  }
  .s57 {
    font-size: 6.8vw;
  }
  .s58 {
    font-size: 6.88vw;
  }
  .s59 {
    font-size: 6.96vw;
  }
  .s60 {
    font-size: 7.04vw;
  }
  .s61 {
    font-size: 7.12vw;
  }
  .s62 {
    font-size: 7.2vw;
  }
  .s63 {
    font-size: 7.28vw;
  }
  .s64 {
    font-size: 7.36vw;
  }
  .s65 {
    font-size: 7.44vw;
  }
  .s66 {
    font-size: 7.52vw;
  }
  .s67 {
    font-size: 7.6vw;
  }
  .s68 {
    font-size: 7.68vw;
  }
  .s69 {
    font-size: 7.76vw;
  }
  .s70 {
    font-size: 7.84vw;
  }
  .s71 {
    font-size: 7.92vw;
  }
  .s72 {
    font-size: 8vw;
  }
  .s73 {
    font-size: 8.08vw;
  }
  .s74 {
    font-size: 8.16vw;
  }
  .s75 {
    font-size: 8.24vw;
  }
  .s76 {
    font-size: 8.32vw;
  }
  .s77 {
    font-size: 8.4vw;
  }
  .s78 {
    font-size: 8.48vw;
  }
  .s79 {
    font-size: 8.56vw;
  }
  .s80 {
    font-size: 8.64vw;
  }
  .s81 {
    font-size: 8.72vw;
  }
  .s82 {
    font-size: 8.8vw;
  }
  .s83 {
    font-size: 8.88vw;
  }
  .s84 {
    font-size: 8.96vw;
  }
  .s85 {
    font-size: 9.04vw;
  }
  .s86 {
    font-size: 9.12vw;
  }
  .s87 {
    font-size: 9.2vw;
  }
  .s88 {
    font-size: 9.28vw;
  }
  .s89 {
    font-size: 9.36vw;
  }
  .s90 {
    font-size: 9.44vw;
  }
  .s91 {
    font-size: 9.52vw;
  }
  .s92 {
    font-size: 9.6vw;
  }
  .s93 {
    font-size: 9.68vw;
  }
  .s94 {
    font-size: 9.76vw;
  }
  .s95 {
    font-size: 9.84vw;
  }
  .s96 {
    font-size: 9.92vw;
  }
  .s97 {
    font-size: 10vw;
  }
  .s98 {
    font-size: 10.08vw;
  }
  .s99 {
    font-size: 10.16vw;
  }
  .s100 {
    font-size: 10.24vw;
  }
}

/* 灵活调整字号 */
/* vw */
/* 750是两倍手机宽度，所以手机端想要多少像素的时候，乘以2即可。 */
/* 例如想要15像素，那就写xs30 */
@media (max-width: 500px) {
  .xs12 {
    font-size: 1.6vw;
  }
  .xs13 {
    font-size: 1.73333vw;
  }
  .xs14 {
    font-size: 1.86667vw;
  }
  .xs15 {
    font-size: 2vw;
  }
  .xs16 {
    font-size: 2.13333vw;
  }
  .xs17 {
    font-size: 2.26667vw;
  }
  .xs18 {
    font-size: 2.4vw;
  }
  .xs19 {
    font-size: 2.53333vw;
  }
  .xs20 {
    font-size: 2.66667vw;
  }
  .xs21 {
    font-size: 2.8vw;
  }
  .xs22 {
    font-size: 2.93333vw;
  }
  .xs23 {
    font-size: 3.06667vw;
  }
  .xs24 {
    font-size: 3.2vw;
  }
  .xs25 {
    font-size: 3.33333vw;
  }
  .xs26 {
    font-size: 3.46667vw;
  }
  .xs27 {
    font-size: 3.6vw;
  }
  .xs28 {
    font-size: 3.73333vw;
  }
  .xs29 {
    font-size: 3.86667vw;
  }
  .xs30 {
    font-size: 4vw;
  }
  .xs31 {
    font-size: 4.13333vw;
  }
  .xs32 {
    font-size: 4.26667vw;
  }
  .xs33 {
    font-size: 4.4vw;
  }
  .xs34 {
    font-size: 4.53333vw;
  }
  .xs35 {
    font-size: 4.66667vw;
  }
  .xs36 {
    font-size: 4.8vw;
  }
  .xs37 {
    font-size: 4.93333vw;
  }
  .xs38 {
    font-size: 5.06667vw;
  }
  .xs39 {
    font-size: 5.2vw;
  }
  .xs40 {
    font-size: 5.33333vw;
  }
  .xs41 {
    font-size: 5.46667vw;
  }
  .xs42 {
    font-size: 5.6vw;
  }
  .xs43 {
    font-size: 5.73333vw;
  }
  .xs44 {
    font-size: 5.86667vw;
  }
  .xs45 {
    font-size: 6vw;
  }
  .xs46 {
    font-size: 6.13333vw;
  }
  .xs47 {
    font-size: 6.26667vw;
  }
  .xs48 {
    font-size: 6.4vw;
  }
  .xs49 {
    font-size: 6.53333vw;
  }
  .xs50 {
    font-size: 6.66667vw;
  }
  .xs51 {
    font-size: 6.8vw;
  }
  .xs52 {
    font-size: 6.93333vw;
  }
  .xs53 {
    font-size: 7.06667vw;
  }
  .xs54 {
    font-size: 7.2vw;
  }
  .xs55 {
    font-size: 7.33333vw;
  }
  .xs56 {
    font-size: 7.46667vw;
  }
  .xs57 {
    font-size: 7.6vw;
  }
  .xs58 {
    font-size: 7.73333vw;
  }
  .xs59 {
    font-size: 7.86667vw;
  }
  .xs60 {
    font-size: 8vw;
  }
  .xs61 {
    font-size: 8.13333vw;
  }
  .xs62 {
    font-size: 8.26667vw;
  }
  .xs63 {
    font-size: 8.4vw;
  }
  .xs64 {
    font-size: 8.53333vw;
  }
  .xs65 {
    font-size: 8.66667vw;
  }
  .xs66 {
    font-size: 8.8vw;
  }
  .xs67 {
    font-size: 8.93333vw;
  }
  .xs68 {
    font-size: 9.06667vw;
  }
  .xs69 {
    font-size: 9.2vw;
  }
  .xs70 {
    font-size: 9.33333vw;
  }
  .xs71 {
    font-size: 9.46667vw;
  }
  .xs72 {
    font-size: 9.6vw;
  }
  .xs73 {
    font-size: 9.73333vw;
  }
  .xs74 {
    font-size: 9.86667vw;
  }
  .xs75 {
    font-size: 10vw;
  }
  .xs76 {
    font-size: 10.13333vw;
  }
  .xs77 {
    font-size: 10.26667vw;
  }
  .xs78 {
    font-size: 10.4vw;
  }
  .xs79 {
    font-size: 10.53333vw;
  }
  .xs80 {
    font-size: 10.66667vw;
  }
  .xs81 {
    font-size: 10.8vw;
  }
  .xs82 {
    font-size: 10.93333vw;
  }
  .xs83 {
    font-size: 11.06667vw;
  }
  .xs84 {
    font-size: 11.2vw;
  }
  .xs85 {
    font-size: 11.33333vw;
  }
  .xs86 {
    font-size: 11.46667vw;
  }
  .xs87 {
    font-size: 11.6vw;
  }
  .xs88 {
    font-size: 11.73333vw;
  }
  .xs89 {
    font-size: 11.86667vw;
  }
  .xs90 {
    font-size: 12vw;
  }
  .xs91 {
    font-size: 12.13333vw;
  }
  .xs92 {
    font-size: 12.26667vw;
  }
  .xs93 {
    font-size: 12.4vw;
  }
  .xs94 {
    font-size: 12.53333vw;
  }
  .xs95 {
    font-size: 12.66667vw;
  }
  .xs96 {
    font-size: 12.8vw;
  }
  .xs97 {
    font-size: 12.93333vw;
  }
  .xs98 {
    font-size: 13.06667vw;
  }
  .xs99 {
    font-size: 13.2vw;
  }
  .xs100 {
    font-size: 13.33333vw;
  }
}

/* rem - end */
/* 媒体 */
/* 固定尺寸的图片 */
.c-pic {
  overflow: hidden;
  position: relative;
}

.c-pic .img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.c-pic .img img {
  display: none;
}

.media iframe,
.media img,
.media video {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.media-ratio {
  position: relative;
}

.media-ratio iframe,
.media-ratio img,
.media-ratio video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 字重 */
.f-Light {
  font-weight: lighter;
}

.f-Regular,
.f-Normal {
  font-weight: normal;
}

.f-Medium,
.f-SemiBold,
.f-DemiBold,
.f-Bold,
.f-Heavy {
  font-weight: bold;
}

/* 版心 */
.layout-full {
  margin-left: auto;
  margin-right: auto;
  width: 19.2rem;
  max-width: 100%;
}