/* 重设样式 */
body, html {
	height: 100%;
	-webkit-tap-highlight-color: transparent
}
body {
	font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input, select, textarea {
	font-size: 100%;
}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var,i {
	font-size:100%;
	font-style: normal;
	font-weight: normal;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
	text-align: left;
}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;font-weight: normal;
}
q:before, q:after {
	content: '';
}
/* 统一上标和下标 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
	text-decoration:none;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
ul,ol,menu,li{list-style:none}
.clearfix:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clearfix {
    *zoom: 1;
}
/* 告诉苹果不用内置苹果ui */
input[type="submit"],input[type="button"],button,input,textarea {border: none;-webkit-appearance : none ;}


/* 文字省略 */

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

.multi-ellipsis-l2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.multi-ellipsis-l3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 暂无 */

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

.empty-img {
  padding-top: 2.13333rem;
}

.empty-img img {
  width: 4rem;
  height: 4rem;
  display: block;
}

.empty-text {
   padding: 0.4rem 0  2.13333rem;;
  font-size: 0.34666rem;
  color: #848484;
}
/* 安全区 */

.safearea-bottom {
  width: 100%; 
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
.safearea-bottom   {
  height: calc(constant(safe-area-inset-bottom) * 3);   
  height: calc(env(safe-area-inset-bottom) * 3);	
	
}
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) {
.safearea-bottom   {
  height: calc(constant(safe-area-inset-bottom) * 3);   
  height: calc(env(safe-area-inset-bottom) * 3);	
}
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) {
.safearea-bottom   {
  height: calc(constant(safe-area-inset-bottom) * 2);   
  height: calc(env(safe-area-inset-bottom) * 2);	
}
}