html,body{
  padding: 0;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  font-size: 20px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  font-family: Helvetica;
  -webkit-overflow-scrolling: touch;
}

* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
i {
  font-style: normal;
}
img {
  border: none;
  object-fit: cover;
  vertical-align: top;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
  -moz-backface-visibility:hidden; 	/* Firefox */
  -ms-backface-visibility:hidden; 
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode:nearest-neighbor;
}
img.dis-select,
img.disSelect {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}

li {
  list-style: none;
}

button {
  border: 0;
  background-color: transparent;
  outline: none;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
select:required:invalid { 
  color: var(--color-c0);
}

input {
  cursor: pointer;
  outline: none;
  border-width: 0;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
input::-webkit-input-placeholder {
  color: var(--color-c0);
}
input:-moz-placeholder {
  color: var(--color-c0);
}
input::-moz-placeholder{
  color: var(--color-c0);
}
input:-ms-input-placeholder {
  color: var(--color-c0);
}
input[type="search"] {
  -webkit-appearance: none;
}
input::-webkit-search-cancel-button {
  display: none;
}

/* 清除select默认样式 */
select {
  border: none;
  background: transparent;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  outline: none;
}
option[value=""][disabled] {
  display: none;
}
.weight {
  font-weight: 500;
}
.weight-bold {
  font-weight: bold;
}
.disTable {
  display: table;
}
.disTable-cell {
  display: table-cell;
  vertical-align: middle;
}

.flex {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.flex-grow {
  flex: 1;
}
.flex-column {
  flex-direction: column;
}
.flex-flow {
  flex-flow: row wrap;
}
.flex-wrap {
  flex-flow: row nowrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
}

.flex-wrap-no-row {
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-justify-center {
  justify-content: center;
  -webkit-justify-content: center;
}
.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-align-center {
  align-items: center;
  -webkit-align-items: center;
}
.flex-start {
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
}
.flex-1{
  flex: 1;
}
.flex-2{
  flex: 2;
}

.fl,
.pull-left {
  float: left;
}
.fr,
.pull-right {
  float: right;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}


.dis-inline-block{
  display: inline-block;
}

.text-inherit {
  text-align: inherit;
}

.text-center {
  text-align: center;
}

.pointer {
  cursor: pointer;
}

.hide {
  display: none !important;
}


/*细线1px*/
.border-1px {
  position: relative;
}
.border-1px:before {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-radius: 0.4rem;
  border: 1px solid #4D576C;
  -webkit-transform:scale(0.5);
  -webkit-transform-origin: 0 0;
  transform: scale(0.5);
  transform-origin: 0 0;
}
.font-din {
  font-family: DIN Alternate;
}

/*单行省略号*/
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*多行省略号*/
.more-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*包含footer*/
/* footer {
  display: none;
  height: 7.5rem;
  width: 100%;
  background: var(--color-fff);
  text-align: center;
}  
footer ul {
  margin: 2.4rem auto 0.5rem auto;
  display: inline-block;
  overflow: hidden;
}
footer ul li {
  float: left;
  line-height: 1;
  border-right: 1px solid #bbbbbb;
}
footer ul li:last-child {
  border: none;
}
footer ul li a {
  color: var(--color-bbb);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
footer .copyright-box {
  color: var(--color-bbb);;
} */