.height-44 {
  height: 44px;
  line-height: 44px;
}
.height-38 {
  height: 38px;
  line-height: 38px;
}
.height-60 {
  height: 60px;
  /* line-height: 60px; */
}
.font-size-14 {
  font-size: 14px;
}
.font-size-18 {
  font-size: 18px;
}


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

.pointer {
  cursor: pointer;
}
.underline:hover {
  text-decoration: underline;
}

.pt-10 {
  padding-top: 10px !important
}
.pt-20 {
  padding-top: 20px !important
}
.pt-30 {
  padding-top: 30px !important
}
.pt-60 {
  padding-top: 60px !important
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.px-10 {
  padding:0 10px;
}
.px-20 {
  padding:0 20px !important
}
.px-25 {
  padding:0 25px !important
}
.px-30 {
  padding:0 30px !important
}
.pl-10 {
  padding-left: 10px !important
}
.pl-15 {
  padding-left: 15px !important
}
.pl-20 {
  padding-left: 20px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-60 {
  padding-left: 60px;
}
.pr-20 {
  padding-right: 20px;
}
.pl-60 {
  padding-left: 60px;
}
.mt-10 {
  margin-top: 10px !important
}
.mt-20 {
  margin-top: 20px  !important
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-10 {
  margin-bottom: 10px !important
}
.mb-20 {
  margin-bottom: 20px !important
}
.mb-30 {
  margin-bottom: 30px !important
}
.mb-50 {
  margin-bottom: 50px !important
}
.mr-24 {
  margin-right: 24px !important
}
.mr-20 {
  margin-right: 20px !important
}
.mr-40 {
  margin-right: 40px !important
}



/* flex布局相关 */
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap:wrap
}
.flex-nowrap {
  flex-wrap:nowrap
}
.align-items-center {
  align-items:center
}
.align-items-flex-end {
  align-items:flex-end
}
.justify-content-space-between {
  justify-content: space-between;
}
.flex-shrink-0 {
  flex-shrink:0
}
.flex-shrink-1 {
  flex-shrink:1
}
.flex-1 {
  flex:1
}
/*  */


.w-0 {
  width:0
}
.w-45 {
  width:45%
}
.w-55 {
  width:55%
}
.w-50 {
  width:50%
}
.w-30 {
  width:30%
}
.w-35 {
  width:35%
}
.w-65 {
  width:65%
}
.w-70 {
  width:70%
}
.w-180-px {
  width:180px
}
.w-282-px {
  width:282px
}
.h-260-px {
  height:260px
}

.one-line {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.three-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
}