.nely-box
{/*垂直布局并居中*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.nely-box-inline
{
    display: inline-flex;
}
.nely-reav
{
    position: relative;
}
.nely-vpac
{/*垂直布局并居中*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.nely-1
{/*子元素占据剩余的空间*/
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.nely-2
{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.nely-pac
{/*子元素上下左右居中*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.nely-ac
{/*子元素垂直居中*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.nely-align-start
{/*子元素垂直上对齐*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: flex-start;
}
.nely-align-end
{/*子元素垂直下对齐*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: flex-end;
}
.nely-align-baseline
{/*项目的第一行文字的基线对齐*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: baseline;
}
.nely-align-stretch
{/*（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: stretch;
}
.nely-pc
{/*子元素水平居中*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.nely-pack-start
{/*子元素水平左对齐  默认值*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: flex-start;
}
.nely-pe
{/*子元素水平右对齐*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: flex-end;
}
.nely-pj
{/*子元素水平两端对齐*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.nely-pa
{/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: space-around;
}
.nely-wrop
{/*nowrap（默认）：不换行。wrap自动换行，第一行在上面*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: wrap;
}
.nely-wrop-reverse
{/*nowrap（默认）：不换行。wrap-reverse自动换行，第一行在下面*/
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: wrap-reverse;
}