body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 540px;
  min-width: 320px;
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  font-size: 0.5rem;
  font-style: normal;
  line-height: normal;
}
article {
  box-sizing: border-box;
}
i {
  margin: 0;
  padding: 0;
  font-style: normal;
}
p {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
a {
  /* 去除默认的下划线 */
  text-decoration: none;
  /* 去除旧版浏览器的点击后的外虚线框 */
  outline: none;
  /* 去除默认的颜色和点击后变化的颜色 */
  color: #000;
}
a:link {
  /*正常的未被访问过的链接*/
  text-decoration: none;
  outline: none;
  color: #000;
}
a:visited {
  /*已经访问过的链接*/
  text-decoration: none;
  outline: none;
  color: #000;
}
a:hover {
  /*鼠标划过(停留)的链接*/
  text-decoration: none;
  outline: none;
  color: #000;
}
a:active {
  /* 正在点击的链接*/
  text-decoration: none;
  outline: none;
  color: #000;
}
a:focus {
  /* 获得焦点的时候 鼠标松开时显示的颜色*/
  text-decoration: none;
  outline: none;
  color: #000;
}
.jump {
  /* 清除用户长按链接弹出新窗口菜单 */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
li {
  *zoom: 1;
  margin: 0;
  padding: 0;
}
li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
button {
  /* //边框清掉 */
  border: 0;
  outline: none;
  /* //背景颜色清掉 */
  background-color: transparent;
}
input {
  border: none;
  border-style: none;
  outline: none;
}
.container {
  width: 100%;
  max-width: 540px;
  min-width: 320px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.item-container-radius {
  border-radius: 0.5rem;
  background-color: #fef5e3;
  min-height: 4rem;
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.center-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.center-horizontal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.center-vertical-r {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.text-color-red {
  color: #b40000;
}
.text-color-green {
  color: #008e2c;
}
.single-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-hide-2 {
  /**对象作为伸缩盒子模型展示**/
  display: -webkit-box;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-box-orient: vertical;
  /**显示的行数**/
  -webkit-line-clamp: 2;
  /**隐藏超出的内容**/
  overflow: hidden;
}
.multi-hide-3 {
  /**对象作为伸缩盒子模型展示**/
  display: -webkit-box;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-box-orient: vertical;
  /**显示的行数**/
  -webkit-line-clamp: 3;
  /**隐藏超出的内容**/
  overflow: hidden;
}