@charset "UTF-8";
@media screen and (min-width: 320px) {
  html,body,input,button,select,textarea,p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  html,body,input,button,select,textarea,p {
    font-size: 12.5px;
  }
}
@media screen and (min-width: 374px) {
  html,body,input,button,select,textarea,p {
    font-size: 13px;
  }
}
@media screen and (min-width: 400px) {
  html,body,input,button,select,textarea,p {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 414px) {
  html,body,input,button,select,textarea,p {
    font-size: 14px;
  }
}
html,
body {
  -webkit-tap-highlight-color: transparent;
  font-family: Microsoft YaHei, Arial, sans-serif;
  background-color: #fff;
  color:#000;
}
html,
body,
iframe,
section,
header,
footer,
main,
h1,
h2,
h3,
h4,
h5,
h6,
nav,
menu,
dl,
dt,
dd,
ul,
ol,
li,
div,
p,
a,
img,
span,
strong,
em,
b,
small,
sub,
sup,
form,
input,
label,
button,
select,
option,
textarea,
canvas,
video,
audio,
table,
caption,
thead,
tbody,
tr,
th,
td {
  padding: 0;
  margin: 0;
}
html,
body,
iframe,
section,
header,
footer,
main,
h1,
h2,
h3,
h4,
h5,
h6,
nav,
menu {
  display: block;
}
ul,
ol {
  list-style: none;
}
img {
  vertical-align: middle;
  border-style: none;
}
a {
  background-color: transparent;
  color: #007aff;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}
a:active {
  color: #0062cc;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
b,
strong {
  font-weight: bold;
}
iframe {
  border: none;
}
audio,
video {
  display: inline-block;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
textarea {
  overflow: auto;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cell1_ {
  width: 8.33333333%;
}
.cell12_ {
  width: 100%;
}
.cell11_ {
  width: 91.66666667%;
}
.cell10_ {
  width: 83.33333333%;
}
.cell9_ {
  width: 75%;
}
.cell8_ {
  width: 66.66666667%;
}
.cell7_ {
  width: 58.33333333%;
}
.cell6_ {
  width: 50%;
}
.cell5_ {
  width: 41.66666667%;
}
.cell4_ {
  width: 33.33333333%;
}
.cell3_ {
  width: 25%;
}
.cell2_ {
  width: 16.66666667%;
}
.tal10_{
  width: 10%;
}
.tal15_{
  width: 15%;
}
.tal20_{
  width: 20%;
}
.tal25_{
  width: 25%;
}
.tal30_{
  width: 30%;
}
.tal35_{
  width: 35%;
}
.tal40_{
  width: 40%;
}
.tal45_{
  width: 45%;
}
.tal50_{
  width: 50%;
}
.tal55_{
  width: 55%;
}
.tal60_{
  width: 60%;
}
[class^='flexcol'],
[class^='flexrow'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flexcol {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  flex-flow: column;
}
.flexrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  flex-flow: row;
}
.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.flex2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.flex3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.flex4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  flex: 4;
}
.ellipsis {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}