@charset "UTF-8";

/* flex  弹性布局**************************************************************************************/

.flex-item{
    flex: 1;
}

.flex-half{
    flex: 1 1 50%;
}

.fx-none{
    display: none;
}

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

.fx-inline-flex {
    display: inline-flex;
}

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

.fx-direction-columnrev {
    flex-direction: column-reverse;
}

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

.fx-direction-rowrev {
    flex-direction: row-reverse;
}


.fx-sticky {
    position: sticky;
}

/* 取值：默认1，用于决定项目在空间不足时是否缩小，默认项目都是1，即空间不足时大家一起等比缩小；
  注意，即便设置了固定宽度，也会缩小。但如果某个项目flex-shrink设置为0，则即便空间不够，自身也不缩小 */
.fx-shrink-0 {
    flex-shrink: 0;
}


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


.fx-grow-0 {
    flex-grow: 0;
}

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

.fx-half-wrap {
    flex: 1 1 50%;
}


.fx-jc-center {
    justify-content: center;
}

.fx-jc-start {
    justify-content: flex-start;
}

.fx-jc-end {
    justify-content: flex-end;
}

.fx-jc-spacebetween {
    justify-content: space-between;
}

.fx-jc-spacearound {
    justify-content: space-around;
}


.fx-jc-spaceevenly {
    justify-content: space-evenly;
}

.fx-jc-initial {
    justify-content: initial;
}

.fx-jc-inherit {
    justify-content: inherit;
}

.fx-ac-center {
    align-content: center;
}

.fx-ac-start {
    align-content: flex-start;
}

.fx-ac-end {
    align-content: flex-end;
}

.fx-ac-stretch {
    align-content: stretch;
}

.fx-ac-spacebetween {
    align-content: space-between;
}

.fx-ac-spacearound {
    align-content: space-around;
}

.fx-ac-initial {
    align-content: initial;
}

.fx-ac-inherit {
    align-content: inherit;
}


.fx-ais-center {
    align-items: center;
}

.fx-ais-start {
    align-items: flex-start;
}

.fx-ais-end {
    align-items: flex-end;
}


.fx-ais-stretch {
    align-items: stretch;
}

.fx-ais-initial {
    align-items: initial;
}

.fx-ais-inherit {
    align-items: inherit;
}

.fx-as-center {
    align-self: center;
}

.fx-as-start {
    align-self: flex-start;
}

.fx-as-end {
    align-self: flex-end;
}

.fx-as-stretch {
    align-self: stretch;
}

.fx-as-auto {
    align-self: auto;
}

.fx-as-baseline {
    align-self: baseline;
}

.fx-as-initial {
    align-self: initial;
}

.fx-as-inherit {
    align-self: inherit;
}

/* overflow   ************************************************************************************** */

.of-auto {
    overflow: auto;
}

.of-hidden {
    overflow: hidden;
}

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

/* grid   网络布局************************************************************************************** */

.gd-grid {
    display: grid;
}

.gd-inline-grid {
    display: -ms-inline-grid;
}

.gd-flow-column {
    grid-auto-flow: column;
}


/* cursor  鼠标样式**************************************************************************************/


.cs-zoomin {
    cursor: zoom-in;
}

.cs-zoomout {
    cursor: zoom-out;
}

.cs-pointer {
    cursor: pointer;
}

.cs-text {
    cursor: text;
}