.view{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.overflow-y{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.overflow-x{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.hide{
  display: none !important;
}
[v-cloak]{
  display: none;
}
/**  弹性盒flex **/
.row{
  display: flex;
  flex-direction: row;
}
.col{
  display: flex;
  flex-direction: column;
}
.flex{
  flex: 1;
}
.fw-w{
  flex-wrap: wrap;
}
.jc-sb{
  justify-content: space-between;
}	
.jc-fs{
  justify-content: flex-start;
}
.jc-c{
  justify-content: center;
}
.jc-ar{
  justify-content: space-around;
}
.jc-fe{
  justify-content: flex-end;
}
.ai-fs{
  align-items: flex-start;
}
.ai-c{
  align-items: center;
}
.ai-fe{
  align-items: flex-end;
}
/**  背景 **/
.bg-center{
  background-position: center;
}
.bg-left{
  background-position: left;
}
.bg-right{
  background-position: right;
}
.bg-rn{
  background-repeat: no-repeat;
}
.bg-rx{
  background-repeat: repeat-x;
}
.bg-ry{
  background-repeat: repeat-y;
}

/**  内边距 **/
.pd-10{
  padding: 10px;
}
.pd-20{
  padding: 20px;
}
.pd-30{
  padding: 30px;
}
.pd-50{
  padding: 50px;
}
.pd-t-30{
  padding-top: 30px;
}
.pd-l-40{
  padding-left: 40px;
}
.pd-l-60{
  padding-left: 60px;
}
.pd-tb-5{
  padding: 5px 0;
}
.pd-tb-10{
  padding: 10px 0;
}
.pd-tb-15{
  padding: 15px 0;
}
.pd-tb-20{
  padding: 20px 0;
}
.pd-tb-30{
  padding: 30px 0;
}
.pd-tb-50{
  padding: 50px 0;
}
.pd-lr-5{
  padding: 0 5px;
}
.pd-lr-20{
  padding: 0 20px;
}
.pd-lr-10-b-10{
  padding: 0 10px 10px 10px;
}
.pd-tb-10-l-60{
  padding: 10px 0 10px 60px;
}
.pd-tb-5-lr-10{
  padding: 5px 10px;
}
.pd-tb-5-lr-20{
  padding: 5px 20px;
}
.pd-tb-10-lr-20{
  padding: 10px 20px;
}
.pd-tb-15-lr-10{
  padding: 15px 10px;
}
.pd-tb-20-lr-10{
  padding: 20px 10px;
}
.pd-tb-20-lr-120{
  padding: 20px 120px;
}
.pd-tb-100-lr-200{
  padding: 100px 200px;
}

/**  外边距 **/
.mg-20{
  margin: 20px;
}
.mg-t-20{
  margin-top: 20px;
}
.mg-t-60{
  margin-top: 60px;
}
.mg-r-5{
  margin-right: 5px;
}
.mg-r-10{
  margin-right: 10px;
}
.mg-r-20{
  margin-right: 20px;
}
.mg-r-22{
  margin-right: 22px;
}
.mg-r-50{
  margin-right: 50px;
}
.mg-l-5{
  margin-left: 5px;
}
.mg-l-20{
  margin-left: 20px;
}
.mg-l-60{
  margin-left: 60px;
}
.mg-l-80{
  margin-left: 80px;
}
.mg-b-10{
  margin-bottom: 10px;
}
.mg-b-40{
  margin-bottom: 40px;
}
.mg-tb-20{
  margin: 20px 0;
}
.mg-lr-15{
  margin: 0 15px;
}
.mg-lr-20{
  margin: 0 20px;
}
.mg-tb-5-lr-20{
  margin: 5px 20px;
}

/**  定位 **/
.relative{
  position: relative;
}
.absolute{
  position: absolute;
}

/**  字体大小 **/
.ft-14{
  font-size: 14px;
}
.ft-16{
  font-size: 16px;
}
.ft-18{
  font-size: 18px;
}
.ft-20{
  font-size: 20px;
}
.ft-30{
  font-size: 30px;
}

/** 行高 **/
.lin-h-14{
  line-height: 14px;
}
.lin-h-16{
  line-height: 16px;
}
.lin-h-18{
  line-height: 18px;
}
.lin-h-20{
  line-height: 20px;
}
.lin-h-30{
  line-height: 30px;
}

/** 字体粗细 **/
.fw-normal{
  font-weight: normal;
}
.fw-bold{
  font-weight: bold;
}

/** 背景颜色 **/
.bc-fff{
  background-color: #FFF;
}
.bc-e8374e{
  background-color: #e8374e;
}
.bc-f6f6f6{
  background-color: #f6f6f6;
}
.bc-f9f9f9{
  background-color: #f9f9f9;
}
.bc-147ae2{
  background-color: #147ae2;
}

/**  文字颜色 **/
.tc-fff{
  color: #FFF;
}
.tc-aaa{
  color: #aaa;
}
.tc-147ae2{
  color: #147ae2;
}
.tc-8691a5{
  color: #8691a5;
}
.tc-666666{
  color: #666666;
}
.tc-8f8f8f{
  color: #8f8f8f;
}

/**  文本对齐 **/
.t-center{
  text-align: center;
}
.t-left{
  text-align: left;
}
.t-right{
  text-align: right;
}

/** 文字溢出缩略 **/
.wd-break{
  word-break: break-all;
}
.ole{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.el-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.el-3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/** 边框 **/
.br-e8e8e8{
  border: 1px solid #e8e8e8;
}
.br-939daf{
  border: 1px solid #939daf;
}
.br-b-e8e8e8{
  border-bottom: 1px solid #e8e8e8;
}
.bx-shadow{
  box-shadow: 1px 1px 10px #aaa;
}

/** 圆角 **/
.br-5{
  border-radius: 5px;
}
.br-10{
  border-radius: 10px;
}

/** 手势 **/
.pointer{
  cursor: pointer;
}

/** 其他公共部分 **/
.clean-btn{
  border: none;
  outline: none;
}
.width-100{
  width: 100%;
}
.max-w-50{
  max-width: 50%;
}
.max-w-200{
  max-width: 200px;
}
.height-100{
  height: 100vh;
}
.height-180{
  height: 180px;
}
.share-img{
  width: 40px;
  height: 40px;
}

/* 头部公共部分 */
.icon-query{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../style/icons/icon-query.png) no-repeat center center / 100%;
}
.icon-return-home{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../style/icons/icon-return-home.png) no-repeat center center / 100%;
}
.icon-mine{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../style/icons/icon-mine.png) no-repeat center center / 100%;
}
.icon-logout{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../style/icons/icon-logout.png) no-repeat center center / 100%;
}
.content-left{
  width: 300px;
  border-right: 1px solid #e8e8e8;
}
.profile-photo-big{
  width: 130px;
  height: 130px;
}
.query-input{
  width: 300px;
}
.profile-photo{
  width: 40px;
  height: 40px;
}
.operation{
  top: 60px;
  right: 20px;
  box-shadow: 1px 1px 10px #aaa;
  z-index: 10;
}

#logoutBox,
#loginBox {
	display: none;
}

/* 重写lay-ui样式 */
.layui-layer-btn .layui-layer-btn0{
	background-color: #147ae2 !important;
	border-color: #147ae2 !important;
  color: #fff;
}
.layui-layer-btn .layui-layer-btn1{
	background-color: #147ae2 !important;
	border-color: #147ae2 !important;
  color: #fff;
}
.layui-btn-normal{
  background-color: #147ae2 !important;
}
.layui-badge, .layui-badge-dot, .layui-badge-rim{
  background-color: #e8374e !important;
}