@font-face {
  font-family: 'DINMittelschrift';
  src: url('../font/DINMittelschrift.woff') format('woff'),
      url('../font/DINMittelschrift.eot') format('embedded-opentype'),
      url('../font/DINMittelschrift.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  src: url('../font/SourceHanSansCN-Medium.woff') format('woff'),
      url('../font/SourceHanSansCN-Medium.eot') format('embedded-opentype'),
      url('../font/SourceHanSansCN-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('../font/SourceHanSansCN-Regular.woff') format('woff'),
      url('../font/SourceHanSansCN-Regular.eot') format('embedded-opentype'),
      url('../font/SourceHanSansCN-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilmer-Bold';
  src: url('../font/Gilmer-Bold.woff') format('woff'),
      url('../font/Gilmer-Bold.eot') format('embedded-opentype'),
      url('../font/Gilmer-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.din {font-family: 'DINMittelschrift';}
html {font-size: calc(100vw / 1920);}
html, body {-webkit-text-size-adjust: none; overflow-x: hidden;}
html, body, input, select, input, textarea, button{font-family: 'Microsoft Yahei', '微软雅黑';}
body {font-size: 16px; line-height: 1.5;}
::-ms-clear, ::-ms-reveal{display: none;}
select::-ms-expand{ display: none; } 
input, button {border: 0; outline: none;}
dt {font-weight: normal;}
h1, h2, h3 {margin-top: 0;}
a:hover, a:active, a:link, a:visited {text-decoration: none;}
a:active, a:link, a:visited {color: #355dfc;}
img {max-width: 100%;}
ul {list-style: none; padding: 0;}
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.overhide {overflow: hidden;}
.trans-3 {transition: all .3s;}
.block {display: block;}
.mg0 {margin: 0 !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;} 
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

.weui-flex {display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.start {-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle {-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.end {-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.nobefore::before, .noafter::after {display: none !important;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;}
@media (min-width: 768px) {
  .container {width: 91%; padding: 0;}
}