@charset "utf-8";
/**
 * @Author   zcool
 * @Date     2017-11-20
 */

/* 浮动与清浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}



/*rbl20190710*/
/*  布局专用 by pmingjie */


/*多行*/

.flex-wrap {
  flex-wrap: wrap;
}


/*单行*/

.flex-nowrap {
  flex-wrap: nowrap;
}


/*水平居中*/

.justify-center {
  justify-content: center;
}
/*文字对齐*/
.align-baseline {
  align-items:baseline ;
}
/*垂直居中*/
.align-center{
  align-items:center;
}
/*靠上*/
.align-start{
  align-items:flex-start;
}
/*靠下*/
.align-end{
  align-items:flex-end;
}
.align-baseline{
  align-items:baseline;
}
/*两侧贴边*/

.flex-between {
  justify-content: space-between;
}


/*两侧有间居*/

.flex-around {
  justify-content: space-around;
}


/*靠左*/

.flex-start {
  justify-content: flex-start;
}
/*靠右*/
.flex-end {
  justify-content: flex-end;
}

/*行*/

.flex-container-row {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
/*起点右边*/
.flex-container-row-reverse {
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;

}

/*列*/

.flex-container-column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.position{
  margin-bottom: 0.4rem;

}
.position-left{
  width: 1.98rem;
  height: 1.98rem;
  position: relative;
  padding: 1px 1px 1px 0.34rem;
  box-sizing: border-box;
  text-align: left;
}
.position-left img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.position-left .title{
  font-size: 0.32rem;
  font-weight: bold;
  color: #fff;
  margin: 0.25rem 0 0.1rem;
}
.position-left .text{
  font-size: 0.22rem;
  color: #fff;
}
.position-right {

}