@charset"utf-8";

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  font-size: 100px;
  font-family: Microsoft YaHei,PingFang SC;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none
}

body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  padding: 0;
  margin: 0
}

ul,
li {
  list-style-type: none
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  *zoom: 1
}

a {
  text-decoration: none;
  color: #969696
}

a:hover {
  text-decoration: none
}

ul,
ol {
  list-style: none
}

img {
  width: 100%;
  border: none;
}

a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent
}

.fl {
  float: left
}

.fr {
  float: right
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent
}

.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.line2 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.wrap {
  flex-wrap: wrap
}

.row {
  display: flex;
  align-items: center
}

.row-center {
  display: flex;
  align-items: center;
  justify-content: center
}

.row-end {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.row-between {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.row-around {
  display: flex;
  align-items: center;
  justify-content: space-around
}

.column {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.column-around {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around
}

.column-end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end
}

.column-between {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

.ml5 {
  margin-left: 0.05rem
}

.ml10 {
  margin-left: 0.1rem
}

.ml20 {
  margin-left: 0.2rem
}

.ml30 {
  margin-left: 0.3rem
}

.mr5 {
  margin-right: 0.05rem
}

.mr10 {
  margin-right: 0.1rem
}

.mr20 {
  margin-right: 0.2rem
}

.mr30 {
  margin-right: 0.3rem
}

.mt5 {
  margin-top: 0.05rem
}

.mt10 {
  margin-top: 0.1rem
}

.mt20 {
  margin-top: 0.2rem
}

.mt30 {
  margin-top: 0.3rem
}

.mb5 {
  margin-bottom: 0.05rem
}

.mb10 {
  margin-bottom: 0.1rem
}

.mb20 {
  margin-bottom: 0.2rem
}

.mb30 {
  margin-bottom: 0.3rem !important;
}

.xxl {
  font-size: 0.36rem
}

.xl {
  font-size: 0.34rem
}

.lg {
  font-size: 0.32rem
}

.md {
  font-size: 0.3rem
}

.nr {
  font-size: 0.28rem
}

.sm {
  font-size: 0.26rem
}

.xs {
  font-size: 0.24rem
}

.xxs {
  font-size: 0.22rem
}