/*超出文本隐藏*/
.text_ellipsis {
	white-space: nowrap;
	/* 不换行 */
	overflow: hidden;
	/* 超出隐藏 */
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
}

/*两行文本超出隐藏...*/
.text_ellipsis_2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 指定显示文本的行数 */
	overflow: hidden;
	/* 超出隐藏 */
}

/*三行文本超出隐藏...*/
.text_ellipsis_3 {
      display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* 指定显示文本的行数 */
	overflow: hidden;
	/* 超出隐藏 */
}


.container{
    padding:0;
    margin:0;
}
.m-t-10{
    margin-top: 10px;
}
.m-l-10{
    margin-left: 10px;
}
.m-r-10{
    margin-right: 10px;
}
.m-t-20{
    margin-top: 20px;
}
.m-t-30{
    margin-top: 30px;
}
.m-t-40{
    margin-top: 40px;
}
.m-t-60{
    margin-top: 60px;
}
.bg-gray{
    background: #EBEBEB;
}
.p-l-10{
    padding-left: 10px;
}
.p-r-10{
      padding-right: 10px;
}
.p-b-10{
    padding-bottom: 10px;
}
.p-t-10{
    padding-top: 10px;
}
.p-l-0{
      padding-left: 0px;
}
.p-r-0{
      padding-right: 0px;
}
.p-10{
      padding: 10px;
}

















/* [atom-style css class] https://github.com/MatrixAge/atom.css */

/*========layout========*/

/*====flex====*/
/*box-sizing:允许您以特定的方式定义匹配某个区域的特定元素。 box-sizing: content-box|border-box|inherit;*/
/*content-box:在宽度和高度之外绘制元素的内边距和边框。border_box 为元素设定的宽度和高度决定了元素的边框盒*/
/*border_box为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制,即宽度和高度之内绘制边框。*/
.border_box {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
}

.content_box {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
}

.flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}

.flex_row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
}

.flex_row_reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.flex_column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
}

.flex_column_reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
/*自动换行,多行显示*/
.flex_wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/*默认,单行显示*/
.flex_nowrap {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex_wrap_reverse {
      -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
/*主轴上居中对齐*/
.justify_center {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
}
/*主轴靠左对齐*/
.justify_start {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
}
/*主轴靠右对齐*/
.justify_end {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
}
/*主轴两边对齐*/
.justify_between {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
}
/*主轴中间部分均匀排布*/
.justify_around {
      -ms-flex-pack: distribute;
      justify-content: space-around;
}
/* 均匀排列每个元素,每个元素之间的间隔相等*/
.justify_evenly {
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
/*默认*/
.justify_initial {
      -webkit-box-pack: initial;
      -ms-flex-pack: initial;
      justify-content: initial;
}
/*方向轴垂直居中*/
.align_center {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
}
/*方向轴靠前居中*/
.align_start {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
}
/*方向轴靠底居中*/
.align_end {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
}
/*方向轴自动填充*/
.align_stretch {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
}
/*方向轴容器基线上*/
.align_baseline {
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
}
/*默认值*/
.align_initial {
      -webkit-box-align: initial;
      -ms-flex-align: initial;
      align-items: initial;
}

.line_clamp_1 {
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
}

.line_clamp_2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 2;
}

.line_clamp_3 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 3;
}

.line_clamp_4 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 4;
}

.line_clamp_5 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 5;
}

/*====flex====*/

/*====float====*/

.left {
      float: left;
}

.right {
      float: right;
}

.clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
}

.clearfix {
      display: inline-table;
}

.clearfix {
      zoom: 1;
}

/*====float====*/

/*====position====*/

.margin_center {
      margin: auto;
}
/*水平居中*/
.margin_xcenter {
      margin: 0 auto;
}
/*垂直居中*/
.margin_ycenter {
      margin: auto 0;
}
/*文本图片等水平居中*/
.text_center {
      text-align: center;
}
/*文本图片左对齐*/
.text_left {
      text-align: left;
}
/*文本图片等右对齐*/
.text_right {
      text-align: right;
}
/*文本图片等两端对齐*/
.text_justify {
      text-align: justify;
}

.text_last_center {
      text-align: center;
}

.text_last_left {
      text-align: left;
}

.text_last_right {
      text-align: right;
}

.text_last_justify {
      text-align: justify;
}

.absolute {
      position: absolute;
}

.relative {
      position: relative;
}

.fixed {
      position: fixed;
}
/*默认值,无定位*/
.static {
      position: static;
}
/*粘性定位,使用条件限制过多*/
.sticky {
      position: -webkit-sticky;
      position: sticky;
}