@charset "UTF-8";
/* 公共颜色 */
.fontWhite {
  color: #FFFFFF; }

.bgWhite {
  background-color: #FFFFFF; }

.fontBlack {
  color: #333333; }

.bgBlack {
  background-color: #333333; }

.fontGray {
  color: #666666; }

.bgGray {
  background-color: #666666; }

.fontLightGray {
  color: #999999; }

.bgLightGray {
  background-color: #999999; }

.font3da7b4 {
  color: #3da7b4; }

.bg3da7b4 {
  background-color: #3da7b4; }

.font7a8390 {
  color: #7a8390; }

.bg7a8390 {
  background-color: #7a8390; }

.fontLucency {
  color: transparent; }

.bgLucency {
  background-color: transparent; }

/* 字体加粗、变细 */
.fontLighter {
  font-weight: lighter; }

.fontBold {
  font-weight: bold; }

.p-line-1, .textOverflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.p-line-2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical !important; }

.p-line-3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical !important; }

.p-line-4 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical !important; }

.p-line-5 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical !important; }

.p-line-6 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical !important; }

.p-line-7 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical !important; }

.p-line-8 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical !important; }

.p-line-9 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical !important; }

.p-line-10 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical !important; }

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

.p-flex-nowrap {
  flex-wrap: nowrap; }

.p-flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

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

.p-flex-2 {
  flex: 2; }

.p-flex-3 {
  flex: 3; }

.p-flex-4 {
  flex: 4; }

.p-flex-5 {
  flex: 5; }

.p-flex-6 {
  flex: 6; }

.p-flex-7 {
  flex: 7; }

.p-flex-8 {
  flex: 8; }

.p-flex-9 {
  flex: 9; }

.p-flex-10 {
  flex: 10; }

.p-flex-11 {
  flex: 11; }

.p-flex-12 {
  flex: 12; }

.rowStartStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start; }

.columnStartStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }

.rowStartStartStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }

.columnStartStartStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }

.rowStartStartCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center; }

.columnStartStartCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center; }

.rowStartStartEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-end; }

.columnStartStartEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-end; }

.rowStartStartBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-between; }

.columnStartStartBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-between; }

.rowStartStartAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-around; }

.columnStartStartAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-around; }

.rowStartStartStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch; }

.columnStartStartStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch; }

.rowStartCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }

.columnStartCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }

.rowStartCenterStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start; }

.columnStartCenterStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start; }

.rowStartCenterCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }

.columnStartCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }

.rowStartCenterEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-end; }

.columnStartCenterEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-end; }

.rowStartCenterBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: space-between; }

.columnStartCenterBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: space-between; }

.rowStartCenterAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: space-around; }

.columnStartCenterAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: space-around; }

.rowStartCenterStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch; }

.columnStartCenterStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch; }

.rowStartEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end; }

.columnStartEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end; }

.rowStartEndStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-start; }

.columnStartEndStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-start; }

.rowStartEndCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: center; }

.columnStartEndCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: center; }

.rowStartEndEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end; }

.columnStartEndEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end; }

.rowStartEndBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: space-between; }

.columnStartEndBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: space-between; }

.rowStartEndAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: space-around; }

.columnStartEndAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: space-around; }

.rowStartEndStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: stretch; }

.columnStartEndStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: stretch; }

.rowStartBaseline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline; }

.columnStartBaseline {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline; }

.rowStartBaselineStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  align-content: flex-start; }

.columnStartBaselineStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  align-content: flex-start; }

.rowStartBaselineCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  align-content: center; }

.columnStartBaselineCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  align-content: center; }

.rowStartBaselineEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  align-content: flex-end; }

.columnStartBaselineEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  align-content: flex-end; }

.rowStartBaselineBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  align-content: space-between; }

.columnStartBaselineBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  align-content: space-between; }

.rowStartBaselineAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  align-content: space-around; }

.columnStartBaselineAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  align-content: space-around; }

.rowStartBaselineStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  align-content: stretch; }

.columnStartBaselineStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  align-content: stretch; }

.rowStartStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch; }

.columnStartStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch; }

.rowStartStretchStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start; }

.columnStartStretchStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start; }

.rowStartStretchCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center; }

.columnStartStretchCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center; }

.rowStartStretchEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-end; }

.columnStartStretchEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-end; }

.rowStartStretchBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-between; }

.columnStartStretchBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-between; }

.rowStartStretchAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-around; }

.columnStartStretchAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-around; }

.rowStartStretchStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch; }

.columnStartStretchStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch; }

.rowStart-Start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start; }

.columnStart-Start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start; }

.rowStart-Center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center; }

.columnStart-Center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center; }

.rowStart-End {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-end; }

.columnStart-End {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-end; }

.rowStart-Between {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: space-between; }

.columnStart-Between {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: space-between; }

.rowStart-Around {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: space-around; }

.columnStart-Around {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: space-around; }

.rowStart-Stretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: stretch; }

.columnStart-Stretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch; }

.rowCenterStart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start; }

.columnCenterStart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; }

.rowCenterStartStart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start; }

.columnCenterStartStart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start; }

.rowCenterStartCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: center; }

.columnCenterStartCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: center; }

.rowCenterStartEnd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-end; }

.columnCenterStartEnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-end; }

.rowCenterStartBetween {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: space-between; }

.columnCenterStartBetween {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: space-between; }

.rowCenterStartAround {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: space-around; }

.columnCenterStartAround {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: space-around; }

.rowCenterStartStretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch; }

.columnCenterStartStretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch; }

.rowCenterCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.columnCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.rowCenterCenterStart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: flex-start; }

.columnCenterCenterStart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: flex-start; }

.rowCenterCenterCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center; }

.columnCenterCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center; }

.rowCenterCenterEnd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: flex-end; }

.columnCenterCenterEnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: flex-end; }

.rowCenterCenterBetween {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: space-between; }

.columnCenterCenterBetween {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: space-between; }

.rowCenterCenterAround {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: space-around; }

.columnCenterCenterAround {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: space-around; }

.rowCenterCenterStretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: stretch; }

.columnCenterCenterStretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: stretch; }

.rowCenterEnd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end; }

.columnCenterEnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end; }

.rowCenterEndStart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-start; }

.columnCenterEndStart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-start; }

.rowCenterEndCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: center; }

.columnCenterEndCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-content: center; }

.rowCenterEndEnd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end; }

.columnCenterEndEnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end; }

.rowCenterEndBetween {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: space-between; }

.columnCenterEndBetween {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-content: space-between; }

.rowCenterEndAround {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: space-around; }

.columnCenterEndAround {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-content: space-around; }

.rowCenterEndStretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: stretch; }

.columnCenterEndStretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-content: stretch; }

.rowCenterBaseline {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline; }

.columnCenterBaseline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline; }

.rowCenterBaselineStart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: flex-start; }

.columnCenterBaselineStart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  align-content: flex-start; }

.rowCenterBaselineCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: center; }

.columnCenterBaselineCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  align-content: center; }

.rowCenterBaselineEnd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: flex-end; }

.columnCenterBaselineEnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  align-content: flex-end; }

.rowCenterBaselineBetween {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: space-between; }

.columnCenterBaselineBetween {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  align-content: space-between; }

.rowCenterBaselineAround {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: space-around; }

.columnCenterBaselineAround {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  align-content: space-around; }

.rowCenterBaselineStretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: stretch; }

.columnCenterBaselineStretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  align-content: stretch; }

.rowCenterStretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch; }

.columnCenterStretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch; }

.rowCenterStretchStart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start; }

.columnCenterStretchStart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start; }

.rowCenterStretchCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: center; }

.columnCenterStretchCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: center; }

.rowCenterStretchEnd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: flex-end; }

.columnCenterStretchEnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: flex-end; }

.rowCenterStretchBetween {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: space-between; }

.columnCenterStretchBetween {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: space-between; }

.rowCenterStretchAround {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: space-around; }

.columnCenterStretchAround {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: space-around; }

.rowCenterStretchStretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: stretch; }

.columnCenterStretchStretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch; }

.rowCenter-Start {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start; }

.columnCenter-Start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start; }

.rowCenter-Center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center; }

.columnCenter-Center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center; }

.rowCenter-End {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-end; }

.columnCenter-End {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-end; }

.rowCenter-Between {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: space-between; }

.columnCenter-Between {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: space-between; }

.rowCenter-Around {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: space-around; }

.columnCenter-Around {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: space-around; }

.rowCenter-Stretch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch; }

.columnCenter-Stretch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: stretch; }

.rowEndStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start; }

.columnEndStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start; }

.rowEndStartStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start; }

.columnEndStartStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start; }

.rowEndStartCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: center; }

.columnEndStartCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: center; }

.rowEndStartEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-end; }

.columnEndStartEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-end; }

.rowEndStartBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: space-between; }

.columnEndStartBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: space-between; }

.rowEndStartAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: space-around; }

.columnEndStartAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: space-around; }

.rowEndStartStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: stretch; }

.columnEndStartStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: stretch; }

.rowEndCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center; }

.columnEndCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center; }

.rowEndCenterStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: flex-start; }

.columnEndCenterStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: flex-start; }

.rowEndCenterCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center; }

.columnEndCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: center; }

.rowEndCenterEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: flex-end; }

.columnEndCenterEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: flex-end; }

.rowEndCenterBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: space-between; }

.columnEndCenterBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: space-between; }

.rowEndCenterAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: space-around; }

.columnEndCenterAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: space-around; }

.rowEndCenterStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: stretch; }

.columnEndCenterStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: stretch; }

.rowEndEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end; }

.columnEndEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end; }

.rowEndEndStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-start; }

.columnEndEndStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-start; }

.rowEndEndCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: center; }

.columnEndEndCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: center; }

.rowEndEndEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end; }

.columnEndEndEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end; }

.rowEndEndBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: space-between; }

.columnEndEndBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: space-between; }

.rowEndEndAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: space-around; }

.columnEndEndAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: space-around; }

.rowEndEndStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: stretch; }

.columnEndEndStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: stretch; }

.rowEndBaseline {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline; }

.columnEndBaseline {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline; }

.rowEndBaselineStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  align-content: flex-start; }

.columnEndBaselineStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  align-content: flex-start; }

.rowEndBaselineCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  align-content: center; }

.columnEndBaselineCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  align-content: center; }

.rowEndBaselineEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  align-content: flex-end; }

.columnEndBaselineEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  align-content: flex-end; }

.rowEndBaselineBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  align-content: space-between; }

.columnEndBaselineBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  align-content: space-between; }

.rowEndBaselineAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  align-content: space-around; }

.columnEndBaselineAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  align-content: space-around; }

.rowEndBaselineStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  align-content: stretch; }

.columnEndBaselineStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  align-content: stretch; }

.rowEndStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch; }

.columnEndStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch; }

.rowEndStretchStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  align-content: flex-start; }

.columnEndStretchStart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-content: flex-start; }

.rowEndStretchCenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  align-content: center; }

.columnEndStretchCenter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-content: center; }

.rowEndStretchEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  align-content: flex-end; }

.columnEndStretchEnd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-content: flex-end; }

.rowEndStretchBetween {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  align-content: space-between; }

.columnEndStretchBetween {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-content: space-between; }

.rowEndStretchAround {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  align-content: space-around; }

.columnEndStretchAround {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-content: space-around; }

.rowEndStretchStretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch; }

.columnEndStretchStretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch; }

.rowEnd-Start {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: flex-start; }

.columnEnd-Start {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: flex-start; }

.rowEnd-Center {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center; }

.columnEnd-Center {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: center; }

.rowEnd-End {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: flex-end; }

.columnEnd-End {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: flex-end; }

.rowEnd-Between {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: space-between; }

.columnEnd-Between {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: space-between; }

.rowEnd-Around {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: space-around; }

.columnEnd-Around {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: space-around; }

.rowEnd-Stretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: stretch; }

.columnEnd-Stretch {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: stretch; }

.rowBetweenStart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }

.columnBetweenStart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start; }

.rowBetweenStartStart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start; }

.columnBetweenStartStart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start; }

.rowBetweenStartCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center; }

.columnBetweenStartCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center; }

.rowBetweenStartEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-end; }

.columnBetweenStartEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-end; }

.rowBetweenStartBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between; }

.columnBetweenStartBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between; }

.rowBetweenStartAround {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-around; }

.columnBetweenStartAround {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-around; }

.rowBetweenStartStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }

.columnBetweenStartStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }

.rowBetweenCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.columnBetweenCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }

.rowBetweenCenterStart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start; }

.columnBetweenCenterStart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start; }

.rowBetweenCenterCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center; }

.columnBetweenCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: center; }

.rowBetweenCenterEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: flex-end; }

.columnBetweenCenterEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: flex-end; }

.rowBetweenCenterBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: space-between; }

.columnBetweenCenterBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: space-between; }

.rowBetweenCenterAround {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: space-around; }

.columnBetweenCenterAround {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: space-around; }

.rowBetweenCenterStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: stretch; }

.columnBetweenCenterStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: stretch; }

.rowBetweenEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end; }

.columnBetweenEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end; }

.rowBetweenEndStart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-start; }

.columnBetweenEndStart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-start; }

.rowBetweenEndCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-content: center; }

.columnBetweenEndCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-content: center; }

.rowBetweenEndEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end; }

.columnBetweenEndEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end; }

.rowBetweenEndBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-content: space-between; }

.columnBetweenEndBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-content: space-between; }

.rowBetweenEndAround {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-content: space-around; }

.columnBetweenEndAround {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-content: space-around; }

.rowBetweenEndStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch; }

.columnBetweenEndStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch; }

.rowBetweenBaseline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline; }

.columnBetweenBaseline {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline; }

.rowBetweenBaselineStart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  align-content: flex-start; }

.columnBetweenBaselineStart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  align-content: flex-start; }

.rowBetweenBaselineCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  align-content: center; }

.columnBetweenBaselineCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  align-content: center; }

.rowBetweenBaselineEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  align-content: flex-end; }

.columnBetweenBaselineEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  align-content: flex-end; }

.rowBetweenBaselineBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  align-content: space-between; }

.columnBetweenBaselineBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  align-content: space-between; }

.rowBetweenBaselineAround {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  align-content: space-around; }

.columnBetweenBaselineAround {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  align-content: space-around; }

.rowBetweenBaselineStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  align-content: stretch; }

.columnBetweenBaselineStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  align-content: stretch; }

.rowBetweenStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch; }

.columnBetweenStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch; }

.rowBetweenStretchStart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start; }

.columnBetweenStretchStart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start; }

.rowBetweenStretchCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: center; }

.columnBetweenStretchCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: center; }

.rowBetweenStretchEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-end; }

.columnBetweenStretchEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-end; }

.rowBetweenStretchBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-between; }

.columnBetweenStretchBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-between; }

.rowBetweenStretchAround {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-around; }

.columnBetweenStretchAround {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-around; }

.rowBetweenStretchStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }

.columnBetweenStretchStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }

.rowBetween-Start {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start; }

.columnBetween-Start {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: flex-start; }

.rowBetween-Center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center; }

.columnBetween-Center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center; }

.rowBetween-End {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-end; }

.columnBetween-End {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: flex-end; }

.rowBetween-Between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between; }

.columnBetween-Between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between; }

.rowBetween-Around {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-around; }

.columnBetween-Around {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-around; }

.rowBetween-Stretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: stretch; }

.columnBetween-Stretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: stretch; }

.rowAroundStart {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start; }

.columnAroundStart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start; }

.rowAroundStartStart {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start; }

.columnAroundStartStart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start; }

.rowAroundStartCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  align-content: center; }

.columnAroundStartCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  align-content: center; }

.rowAroundStartEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-end; }

.columnAroundStartEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-end; }

.rowAroundStartBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  align-content: space-between; }

.columnAroundStartBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  align-content: space-between; }

.rowAroundStartAround {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  align-content: space-around; }

.columnAroundStartAround {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  align-content: space-around; }

.rowAroundStartStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  align-content: stretch; }

.columnAroundStartStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  align-content: stretch; }

.rowAroundCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center; }

.columnAroundCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center; }

.rowAroundCenterStart {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: flex-start; }

.columnAroundCenterStart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  align-content: flex-start; }

.rowAroundCenterCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: center; }

.columnAroundCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  align-content: center; }

.rowAroundCenterEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: flex-end; }

.columnAroundCenterEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  align-content: flex-end; }

.rowAroundCenterBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: space-between; }

.columnAroundCenterBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  align-content: space-between; }

.rowAroundCenterAround {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: space-around; }

.columnAroundCenterAround {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  align-content: space-around; }

.rowAroundCenterStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: stretch; }

.columnAroundCenterStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  align-content: stretch; }

.rowAroundEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end; }

.columnAroundEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end; }

.rowAroundEndStart {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  align-content: flex-start; }

.columnAroundEndStart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  align-content: flex-start; }

.rowAroundEndCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  align-content: center; }

.columnAroundEndCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  align-content: center; }

.rowAroundEndEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  align-content: flex-end; }

.columnAroundEndEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  align-content: flex-end; }

.rowAroundEndBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  align-content: space-between; }

.columnAroundEndBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  align-content: space-between; }

.rowAroundEndAround {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  align-content: space-around; }

.columnAroundEndAround {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  align-content: space-around; }

.rowAroundEndStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  align-content: stretch; }

.columnAroundEndStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  align-content: stretch; }

.rowAroundBaseline {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline; }

.columnAroundBaseline {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline; }

.rowAroundBaselineStart {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  align-content: flex-start; }

.columnAroundBaselineStart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;
  align-content: flex-start; }

.rowAroundBaselineCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  align-content: center; }

.columnAroundBaselineCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;
  align-content: center; }

.rowAroundBaselineEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  align-content: flex-end; }

.columnAroundBaselineEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;
  align-content: flex-end; }

.rowAroundBaselineBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  align-content: space-between; }

.columnAroundBaselineBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;
  align-content: space-between; }

.rowAroundBaselineAround {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  align-content: space-around; }

.columnAroundBaselineAround {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;
  align-content: space-around; }

.rowAroundBaselineStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  align-content: stretch; }

.columnAroundBaselineStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: baseline;
  align-content: stretch; }

.rowAroundStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch; }

.columnAroundStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch; }

.rowAroundStretchStart {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: flex-start; }

.columnAroundStretchStart {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: flex-start; }

.rowAroundStretchCenter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: center; }

.columnAroundStretchCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: center; }

.rowAroundStretchEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: flex-end; }

.columnAroundStretchEnd {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: flex-end; }

.rowAroundStretchBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: space-between; }

.columnAroundStretchBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: space-between; }

.rowAroundStretchAround {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: space-around; }

.columnAroundStretchAround {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: space-around; }

.rowAroundStretchStretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch; }

.columnAroundStretchStretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch; }

.rowAround-Start {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: flex-start; }

.columnAround-Start {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: flex-start; }

.rowAround-Center {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: center; }

.columnAround-Center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: center; }

.rowAround-End {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: flex-end; }

.columnAround-End {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: flex-end; }

.rowAround-Between {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: space-between; }

.columnAround-Between {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: space-between; }

.rowAround-Around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: space-around; }

.columnAround-Around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: space-around; }

.rowAround-Stretch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: stretch; }

.columnAround-Stretch {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: stretch; }

.grid-r5-c5 {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(5, 20%) 0px; }

.grid-r5-c10 {
  display: grid;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(5, 20%) 0px; }

.grid-r5-c20 {
  display: grid;
  grid-template-columns: repeat(20, 5%);
  grid-template-rows: repeat(5, 20%) 0px; }

.grid-r5-c25 {
  display: grid;
  grid-template-columns: repeat(25, 4%);
  grid-template-rows: repeat(5, 20%) 0px; }

.grid-r10-c5 {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(10, 10%) 0px; }

.grid-r10-c10 {
  display: grid;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(10, 10%) 0px; }

.grid-r10-c20 {
  display: grid;
  grid-template-columns: repeat(20, 5%);
  grid-template-rows: repeat(10, 10%) 0px; }

.grid-r10-c25 {
  display: grid;
  grid-template-columns: repeat(25, 4%);
  grid-template-rows: repeat(10, 10%) 0px; }

.grid-r20-c5 {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(20, 5%) 0px; }

.grid-r20-c10 {
  display: grid;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(20, 5%) 0px; }

.grid-r20-c20 {
  display: grid;
  grid-template-columns: repeat(20, 5%);
  grid-template-rows: repeat(20, 5%) 0px; }

.grid-r20-c25 {
  display: grid;
  grid-template-columns: repeat(25, 4%);
  grid-template-rows: repeat(20, 5%) 0px; }

.grid-r25-c5 {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(25, 4%) 0px; }

.grid-r25-c10 {
  display: grid;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(25, 4%) 0px; }

.grid-r25-c20 {
  display: grid;
  grid-template-columns: repeat(20, 5%);
  grid-template-rows: repeat(25, 4%) 0px; }

.grid-r25-c25 {
  display: grid;
  grid-template-columns: repeat(25, 4%);
  grid-template-rows: repeat(25, 4%) 0px; }

.p-rela {
  position: relative; }

.p-abso {
  position: absolute; }

.absoLeftTop {
  position: absolute;
  top: 0;
  left: 0; }

.absoRightTop {
  position: absolute;
  top: 0;
  right: 0; }

.absoLeftBottom {
  position: absolute;
  bottom: 0;
  left: 0; }

.absoRightBottom {
  position: absolute;
  bottom: 0;
  right: 0; }

.p-text-left {
  text-align: left; }

.p-text-center {
  text-align: center; }

.p-text-right {
  text-align: right; }

/* 滤镜 */
.filterGray {
  filter: grayscale(100%);
  filter: gray; }

/* 变小手 */
.pointer {
  cursor: pointer; }

.pointer:hover {
  opacity: 0.6; }

/* 全屏 */
.fullScreen {
  width: 100%;
  height: 100%; }

.fullWidth {
  width: 100%; }

.fullHeight {
  height: 100%; }

/* 无边框 */
.noBorder {
  border: none; }

.overHidden {
  overflow: hidden; }

.overYauto {
  overflow: auto; }

.noWrap {
  white-space: nowrap; }
  
  
/* pagingBtn分页 */
.pagingBtn {
	padding: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagingBtn li {
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 0 5px;
	color: #999999;
	background-color: #ffffff;
}

.pagingBtn .Pointerpaging {
	cursor: pointer;
	background-color: #ffffff;
}
.pagingBtn .nextPage{
	cursor: pointer;
	background-color: #ffffff;
}

.pagingBtn li:nth-child(5) {
	border: none;
}

.pagingBtn li:nth-child(7) {
	border: none;
}

.pagingBtn .Pointerpaging:hover {
	background-color: #3da7b4;
	color: #FFFFFF;
}
.pagingBtn .nextPage:hover {
	background-color: #3da7b4;
	color: #FFFFFF;
}
.selectedPage{
	background-color: #3da7b4;
	color: #FFFFFF !important;
}
.CurrentPage{
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 0 5px;
	background-color: #3da7b4;
	color: #FFFFFF !important;
}
.Number{
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 0 5px;
	color: #999999;
	background-color: #ffffff;
}
.Number:hover{
	background-color: #3da7b4;
	color: #FFFFFF;
}