.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    list-style: none outside none;
}

.flex-sp-b {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex-sp-a {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.flex-sp-s {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.flex-sp-c {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex-sp-e {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.flex-sp-s {
    justify-content: stretch;
    -webkit-justify-content: stretch;
}

.flex-ai-s {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flex-ai-c {
    -webkit-align-items: center;
    align-items: center;
}

.flex-ai-e {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-row {
    flex-direction: row;
    -ms-flex-direction: row
}

.flex-column {
    flex-direction: column;
    -ms-flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}
.positionR{
    position: relative;
}
.positionA{
    position: absolute;
}
.positionF{
    position: fixed;
}
.tac{
    text-align: center;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}
.taj {
    text-align: justify;
}
.height-full{
    height: 100%;
}
.width-full{
    width: 100%;
}
.width-half {
    width: 50%;
}
.box-border{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.fs12{
    font-size: 12px;
}
.fs13{
    font-size: 13px;
}
.fs14{
    font-size: 14px;
}
.fs15{
    font-size: 15px;
}
.fs16{
    font-size: 16px;
}
.fs17{
    font-size: 17px;
}
.fs18{
    font-size: 18px;
}
.fs19{
    font-size: 19px;
}
.fs20{
    font-size: 20px;
}
.fs24{
    font-size: 24px;
}
.fs30{
    font-size: 30px;
}
.fs48 {
    font-size: 48px;
}
.plr30{
    padding-left: 30px;
    padding-right: 30px;
}
.plr100{
    padding-left: 100px;
    padding-right: 100px;
}
.lh30 {
    line-height: 30px;
}
.lh36{
    line-height: 36px;
}
.lh60{
    line-height: 60px;
}
.lh80 {
    line-height: 80px;
}
.lh100{
    line-height: 100px;
}
.h130 {
    height: 130px;
}
.mt15{
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25{
    margin-top: 25px;
}
.mt30{
    margin-top: 30px;

}
.mt40{
    margin-top: 40px;
}
.mt45{
    margin-top: 45px;
}
.mt70{
    margin-top: 70px;
}
.mb20{
    margin-bottom: 20px;
}
.pt30{
    padding-top: 30px;
}
.pt15 {
    padding-top: 15px;
}
.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pl160 {
    padding-left: 160px;
}
.fcw {
    color: #fff;
}
.color000 {
    color: #000;
}
.color333{
    color: #333;
}
.color666{
    color: #666;
}
.color999{
    color: #999;
}
.borderBe{
    border-bottom: 1px solid #eee;
}

.vam{
    vertical-align: middle;
}
.vam-img-span span,.vam-img-span img{
    vertical-align: middle;
}
.hidden{
    display: none;
}
.bold{
    font-weight: bold;
}
.ovH {
    overflow: hidden;
}
.width-full {
    width: 100%;
}
.clearfix:after,.clearfix:before{ content: "";display:block!important;height: 0;clear: both;visibility: hidden;}

.flex-cz-c {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}



