/*

@auth:seo;

@date:20161205;

@description:弹性盒模型兼容性写�?

@function:

class:

{

	盒模型设置：       flex,

	水平垂直居中:      lvc

	水平居中:          lcenter

	水平居左:          lleft

	水平居右:          lright

	左右对齐,两端对齐: ljustify

	垂直居中:          vcenter

	顶部对齐（默认）:  vtop

	底部对齐:          vend

	上下对齐并铺�?    vstretch

	文本基线对齐:      vbaseline

	左到�?            lTor

	右到�?            rTol

	上到�?            tTob

	下到�?            bTot

	平均分布:          leve

}

 */



/*********************strat*********************/

/* 盒模�?*/

.flex {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}

/* ******************布局方式 ******************/

/* 水平垂直居中 */

.lvc {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

/* 水平居中 */

.lcenter {

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

}

/* 水平居左 */

.lleft {

    -webkit-box-pack: start;

    -moz-justify-content: flex-start;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

}

/* 水平居右 */

.lright {

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}

/* 左右对齐,两端对齐 */

.ljustify {

    -webkit-box-pack: justify;

    -moz-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}

/* 垂直居中 */

.vcenter {

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

}



/* 顶部对齐（默认） */

.vtop {

    -webkit-box-align: start;

    -moz-align-items: flex-start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

}

/* 底部对齐 */

.vend {

    -webkit-box-align: end;

    -moz-align-items: flex-end;

    -webkit-align-items: flex-end;

    align-items: flex-end;

}

/* 上下对齐并铺�?*/

.vstretch {

    -webkit-box-align: stretch;

    -moz-align-items: stretch;

    -webkit-align-items: stretch;

    align-items: stretch;

}

/* 文本基线对齐 */

.vbaseline {

    -webkit-box-align: baseline;

    -moz-align-items: baseline;

    -webkit-align-items: baseline;

    align-items: baseline;

}

/* *******************显示方向***************** */

/* 左到�?*/

.lTor {

    -webkit-box-direction: normal;

    -webkit-box-orient: horizontal;

    -moz-flex-direction: row;

    -webkit-flex-direction: row;

    flex-direction: row;

}

/* 右到�?*/

.rTol {

    -webkit-box-pack: end;

    -webkit-box-direction: reverse;

    -webkit-box-orient: horizontal;

    -moz-flex-direction: row-reverse;

    -webkit-flex-direction: row-reverse;

    flex-direction: row-reverse;

}

/* 上到�?*/

.tTob {

    -webkit-box-direction: normal;

    -webkit-box-orient: vertical;

    -moz-flex-direction: column;

    -webkit-flex-direction: column;

    flex-direction: column;

}

/* 下到�?*/

.bTot {

    -webkit-box-pack: end;

    -webkit-box-direction: reverse;

    -webkit-box-orient: vertical;

    -moz-flex-direction: column-reverse;

    -webkit-flex-direction: column-reverse;

    flex-direction: column-reverse;

}

/* 新版模式 */

/* 平均分布 */

.leve {

    -moz-justify-content: space-around;

    -webkit-justify-content: space-around;

    justify-content: space-around;

}