html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
small,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details {
  margin: 0;
  padding: 0;
  font-family: PingFang;
}

li {
  list-style-type: none;
}

button {
  outline: none;
  background: transparent;
}

button:focus {
  outline: none;
}

input:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

img {
  width: 100%;
  display: block;
}
.page {
  width: 100%;
}
.page-containner {
  width: 100%;
}
.page-content {
  width: 1400px;
  margin: auto;
  height: 100%;
  position: relative;
}

.easyliao {
  cursor: pointer;
}

/* flex */
.flex{
  display: flex;
}
.flex-c-c{
  align-items: center;
}
.flex-r-c{
  justify-content: center;
}
.flex-r-b{
  justify-content: space-between;
}
.flex-r-a{
  justify-content: space-around;
}
.flex-column{
  flex-direction: column;
}

/* swiper */
.swiper {
  width: 100%;
  height: 100%;
}
/* 输入框 */
input{
  width: 100%;
  height: 100%;
  border: 0 solid;
  background: inherit;
  outline: none;
  padding: 0 10px;
  font-size: 16px;
}
/* 隐藏 */
.page-hidden{
  opacity: 0;
}
/* 提示 */
.page-tips{
  position: fixed;
  z-index: 10000000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 18%;
  left: 0;

}
.page-tetx{
  max-width: 300px;
  background: rgba(202, 107, 43, 0.2);
  padding: 8px 12px;
  border-radius: 10px;
  color: red;
}


.page-swiper-bullet{
  width: var(--page-swiper-bullet-width,var(--page-swiper-bullet-size,10px));
  height: var(--spage-swiper-bullet-height,var(--page-swiper-bullet-size,10px));
  border-radius: 5px;
  background: #898989;
}
.page-swiper-bullet-active{
  width: var(--page-swiper-bullet-width,var(--page-swiper-bullet-size,39px));
  height: var(--spage-swiper-bullet-height,var(--page-swiper-bullet-size,9px));
  border-radius: 5px;
  background: #4d56e0;
}