@charset "UTF-8";
.d-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; }

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

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

.row-wrap-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap-reverse; flex-flow: row wrap-reverse; }

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

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

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

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

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

.column-wrap-reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap-reverse; flex-flow: column wrap-reverse; }

.column-reverse-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; }

.column-reverse-nowrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap; }

.column-reverse-wrap-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse wrap-reverse; flex-flow: column-reverse wrap-reverse; }

.align-content-flex-start { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: start; align-content: flex-start; }

.align-content-flex-end { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: end; align-content: flex-end; }

.align-content-center { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: center; align-content: center; }

.align-content-space-between { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: justify; align-content: space-between; }

.align-content-space-around { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: distribute; align-content: space-around; }

.align-content-stretch { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: stretch; align-content: stretch; }

.justify-content-flex-start { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.justify-content-flex-end { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.justify-content-center { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-content-space-between { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.justify-content-space-around { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; }

.justify-content-stretch { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; }

.align-items-flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.align-items-flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

/*  项目的属性
*/
.align-self-center { -ms-flex-item-align: center; align-self: center; }

.align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; }

.align-self-flex-start { -ms-flex-item-align: start; align-self: flex-start; }

.align-self-flex-end { -ms-flex-item-align: end; align-self: flex-end; }

.order--1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }

.order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

.order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }

.order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }

.order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }

.order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }

.order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }

.order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }

.order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }

.order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }

.order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; }

.order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; }

.order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; }

.order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; }

.order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; }

.order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; }

.order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; }

.order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; }

.order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; }

.order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; }

.order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; }