/*------reset---------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  /*font-family: "Georgia", Tahoma, Sans-Serif;*/
  /*font-family:Arial,Helvetica,sans-serif;font-size:100%;*/
  vertical-align: baseline;
}

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

/*-----------------*/
/*--------flex------*/
.flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
}
.flex-wrap{
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flex-top {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
}

.flex-mid {
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}

.flex-bottom {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
}

.flex-left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
}

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

.flex-right {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
}

.flex-dir-heng {
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}

.flex-dir-shu {
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.flex-1 {
  flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
}

/*外边距*/
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px
}

.ml-30 {
  margin-left: 30px
}
.mr-5{
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px
}

.mr-20 {
  margin-right: 20px
}

.mr-30 {
  margin-right: 30px
}

.mt-20 {
  margin-top: 20px
}
.mt-10 {
  margin-top: 10px
}


.mb-10 {
  margin-bottom: 10px
}
.fs-12{font-size: 12px}
.fs-14{font-size: 14px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}
.fs-20{font-size: 20px}

/*颜色*/
.danger{  color: #F56C6C;  }
.warn{  color: #E6A23C;  }
.blue{  color: #409EFF;  }
.success{  color: #67C23A;  }
.info{  color: #909399;  }
.white{  color: #fff;  }

.w-200{width: 200px}
.w-380{width: 380px}
.w-180{width: 180px}

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

.smart-main-search-container{
  padding: 5px 10px;
  background: #f2f2f2;
  border-radius: 5px;


}
.smart-main-search-container>div{
  margin: 5px;
}
.notice{
  width: 40px;
  height:40px;
  position: relative;
}
.notice img{
  width: 20px;
  height: 20px;
}
.notice .noticeNum{
  position: absolute;
  height: 16px;
  line-height: 16px;
  background: red;
  color: #fff;
  padding: 0 4px;
  min-width: 16px;
  font-size: 12px;
  text-align: center;
  left: 25px;
  top: 0px;
  border-radius: 8px;
}