@charset "UTF-8";
/* 页面 */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html {
  overflow-x: auto;
}

body {
  min-width: 1200px;
}

html,
body,
div,
a,
p,
input,
span {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none;
  border: none;
  color: #333;
}

input {
  text-decoration: none;
  outline: none;
  border: none;
  color: #333;
  background: none;
}

textarea {
  text-decoration: none;
  outline: none;
  border: none;
  resize: none;
}

/* 主题 */
body {
  font-size: 16px;
  color: #333;
}

.maincolor {
  color: #ea4f6c;
}

/* 布局 */
.flex {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.flex > div,
.flex > span,
.flex > img {
  flex: none;
}

.fln {
  flex: none;
}

.flex .fla {
  flex: auto;
}

.coln {
  flex-flow: column nowrap;
}

.colw {
  flex-flow: column wrap;
}

.rown {
  flex-flow: row nowrap;
}

.roww {
  flex-flow: row wrap;
}

.jcc {
  justify-content: center;
}

.jcsb {
  justify-content: space-between;
}

.jcsa {
  justify-content: space-around;
}

.jcfs {
  justify-content: flex-start;
}

.jcfe {
  justify-content: flex-end;
}

.aic {
  align-items: center;
}

.aifs {
  align-items: flex-start;
}

.aife {
  align-items: flex-end;
}

.aib {
  align-items: baseline;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}