@import 'classes';

view,text {
  @include box-sizing(border-box);
}

/*布局*/

/* for scrollView  布局 */
.MainContent {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.BottomBlock {
  position: relative;
  display: flex;
  flex: 1;
  overflow: auto;
}
.scroll-pos {
  position:absolute;
  top:0;
  bottom: 0;
  left: 0;
  right:0;
}
/* for scrollView  布局 */

/* 垂直居中  */
.pos-middle {
  position: absolute;
  width: 100%;
  top: 50%;
  @include transform(translate(0,-50%));
}
/* 垂直居中 end*/

.flex-row {
  @include flexbox();
  @include flex-direction(row);
  @include align-items(center);
}
.flex-row-between {
  @include align($justify-content:space-between);
}
.flex-row-end {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.flex-column {
  @include flexbox();
  @include flex-direction(column);
}
.flex-column-between {
  @include flex-direction(column);
  @include align($align-items:flex-start,$justify-content:space-between);
}
.flex-1 {
  @include flex();
}
.flex-full {
  @include flex();
  width: 100%;
}
.space-around {
  @include justify-content(space-around);
}
.align-column {
  @include align($justify-content:flex-start);
}
.align-top {
  margin-top:6rpx;
  margin-right:10rpx;
  @include align-self(flex-start);
}
/* 布局 end*/


/* 设置距离 */
.pdtb-40 {
  padding: 40rpx 0;
}
.pb22 {
  padding-bottom: 22rpx;
}
.pb40 {
  padding-bottom: 40rpx;
}
.pb140 {
  padding-bottom: 140rpx;
}
.pl30 {
  padding-left: 30rpx;
}
.pl40 {
  padding-left: 40rpx;
}
.hauto {
  height: auto;
}
.h86 {
  height: 86rpx;
}
.h106 {
  height: 106rpx;
}
.h-full {
  height: 100%;
}
.mrtb-10 {
  margin: 10rpx 0;
}
.mrtb-20 {
  margin: 20rpx 0;
}
.mrtb-40 {
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}
.mt0 {
  margin-top: 0rpx;
}
.mt10 {
  margin-top: 10rpx;
}
.mt20 {
  margin-top: 20rpx;
}
.mt30 {
  margin-top: 30rpx;
}
.mt40 {
  margin-top: 40rpx;
}
.mt50 {
  margin-top: 50rpx;
}
.mr10 {
  margin-right: 10rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.mr30 {
  margin-right: 30rpx;
}
.mb12 {
  margin-bottom: 12rpx;
}
.mb20 {
  margin-bottom: 20rpx;
}
.mb30 {
  margin-bottom: 30rpx;
}
.ml20 {
  margin-left: 20rpx;
}
.ml30 {
  margin-left: 30rpx;
}
/* 设置距离  end*/

.limit-one {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.limit-six {
  @include ellipsis($line-clamp:6);
}
.line-del {
  text-decoration:line-through;
}
.set-max-width {
  max-width: 60%;
}
.ftbold {
  font-weight: bold;
}