*,
*::after,
*::before {
  /* margin: 0; */
  padding: 0;
  border-radius: 0;
  -webkit-box-sizing:  border-box;
  box-sizing: border-box;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  outline: none;
  text-decoration: none;
  color: inherit;
}

ul,
ol,
li {
  list-style: none;
  padding:0px;
}
em,
b,
i {
  font-style: normal;
  font-weight: normal;
}

img {
  display: inline-block;
  vertical-align: middle;
  margin-left:-1px;
}
p{
  margin:0px!important
}

html {
  overflow-x: hidden;
}
body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
  background-color: #ffffff;
  margin:0px;
  font-family: MicrosoftYaHei, MicrosoftYaHei!important;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}

.space-start{
    justify-content: start;
}
.space-between{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
.space-end{
    justify-content: end;
}
.space-center{
    justify-content: center;
}
.align-center{
    align-items: center;
}
.align-end{
    align-items:flex-end;
}

.wrap {
  flex-wrap: wrap;
}

.ft16{
    font-size:16px;
}
.cursor{
    cursor: pointer;
}
.red-line{
    margin:0 auto;
    width: 36px;
    height: 4px;
    margin-top:7px;
    margin-bottom:7px;
    background: #DC3F31;
}

.nav-active{
  color:#2B61AD!important;
  font-weight:bold!important;
}