/* flex box */
.cw-flex,
.cw-flex-show,
.cw-flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}
.cw-flex-hide {
  display: none;
}
/* flex排列方式 */
.cw-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cw-flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.cw-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cw-flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/* flex容器内对齐方式 */
.cw-flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cw-flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cw-flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.cw-flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cw-flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cw-flex-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.cw-flex-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.cw-flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cw-flex-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.cw-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* flex栅格化 */
.cw-flex-1,
.cw-flex-fit {
  -webkit-box-flex: 1!important;
  -webkit-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
}
.cw-flex-2 {
  -webkit-box-flex: 2!important;
  -webkit-flex: 2!important;
  -ms-flex: 2!important;
  flex: 2!important;
}
.cw-flex-3 {
  -webkit-box-flex: 3!important;
  -webkit-flex: 3!important;
  -ms-flex: 3!important;
  flex: 3!important;
}
.cw-flex-4 {
  -webkit-box-flex: 4!important;
  -webkit-flex: 4!important;
  -ms-flex: 4!important;
  flex: 4!important;
}
.cw-flex-5 {
  -webkit-box-flex: 5!important;
  -webkit-flex: 5!important;
  -ms-flex: 5!important;
  flex: 5!important;
}
.cw-flex-6 {
  -webkit-box-flex: 6!important;
  -webkit-flex: 6!important;
  -ms-flex: 6!important;
  flex: 6!important;
}
[cw-role='cell'],
[cw-mode='x-equal'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}
[cw-role='cell'] > * {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
[cw-mode='y'],
[cw-mode='y-equal'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
[cw-mode='wrap'] {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
[cw-show='true'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}
[cw-show='false'] {
  display: none;
}
[cw-talign='left'] {
  text-align: left;
}
[cw-talign='center'] {
  text-align: center;
}
[cw-talign='left'] {
  text-align: left;
}
[cw-talign='right'] {
  text-align: right;
}
[cw-valign='bottom'] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
[cw-valign='middle'] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
[cw-valign='top'] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
[cw-valign='baseline'] {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
[cw-align='center'] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
[cw-align='right'] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
[cw-align='left'] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}
[cw-valign='fit'] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
[cw-layout='fit'] {
  -webkit-box-flex: 1!important;
  -webkit-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
}
[cw-layout='text'] {
  display: block !important;
  padding: 5px !important;
  line-height: 150%;
}
[cw-layout='text'] p {
  text-indent: 2em;
  margin: 5px 0 5px 5px;
}
[cw-mode='x-equal'] > [cw-role='cell'] {
  -webkit-box-flex: 1!important;
  -webkit-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
}
[cw-mode='y-equal'] > [cw-role='cell'] {
  -webkit-box-flex: 1!important;
  -webkit-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
}
[cw-mode='y'][cw-valign='middle'],
[cw-mode='y-equal'][cw-valign='middle'] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
[cw-mode='y'][cw-align='center'],
[cw-mode='y-equal'][cw-align='center'] {
  -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;
}
[cw-mode='y'][cw-align='left'],
[cw-mode='y-equal'][cw-align='left'] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
[cw-mode='y'][cw-align='right'],
[cw-mode='y-equal'][cw-align='right'] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
[cw-mode='wrap'][cw-layout='fit'] {
  -webkit-box-align: start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
[cw-flex='1'] {
  -webkit-box-flex: 1!important;
  -webkit-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
}
[cw-flex='2'] {
  -webkit-box-flex: 2!important;
  -webkit-flex: 2!important;
  -ms-flex: 2!important;
  flex: 2!important;
}
[cw-flex='3'] {
  -webkit-box-flex: 3!important;
  -webkit-flex: 3!important;
  -ms-flex: 3!important;
  flex: 3!important;
}
[cw-flex='4'] {
  -webkit-box-flex: 4!important;
  -webkit-flex: 4!important;
  -ms-flex: 4!important;
  flex: 4!important;
}
[cw-flex='5'] {
  -webkit-box-flex: 5!important;
  -webkit-flex: 5!important;
  -ms-flex: 5!important;
  flex: 5!important;
}
[cw-flex='6'] {
  -webkit-box-flex: 6!important;
  -webkit-flex: 6!important;
  -ms-flex: 6!important;
  flex: 6!important;
}
[cw-role='split'] {
  height: 0.5rem;
}
/*----------间距-----------*/
[cw-padding='0 0 0 0'],
[cw-padding='0'] {
  padding: 0 0 0 0 !important;
}
[cw-padding='1 0 0 0'] {
  padding: 0.25rem 0 0 0 !important;
}
[cw-padding='0 1 0 0'] {
  padding: 0 0.25rem 0 0 !important;
}
[cw-padding='0 0 1 0'] {
  padding: 0 0 0.25rem 0 !important;
}
[cw-padding='0 0 0 1'] {
  padding: 0 0 0 0.25rem !important;
}
[cw-padding='1 1 0 0'] {
  padding: 0.25rem 0.25rem 0 0 !important;
}
[cw-padding='1 0 1 0'] {
  padding: 0.25rem 0 0.25rem 0 !important;
}
[cw-padding='1 0 0 1'] {
  padding: 0.25rem 0 0 0.25rem !important;
}
[cw-padding='0 1 0 1'] {
  padding: 0 0.25rem 0 0.25rem !important;
}
[cw-padding='0 1 1 0'] {
  padding: 0 0.25rem 0.25rem 0 !important;
}
[cw-padding='0 0 1 1'] {
  padding: 0 0 0.25rem 0.25rem !important;
}
[cw-padding='1 1 1 0'] {
  padding: 0.25rem 0.25rem 0.25rem 0 !important;
}
[cw-padding='1 1 0 1'] {
  padding: 0.25rem 0.25rem 0 0.25rem !important;
}
[cw-padding='1 0 1 1'] {
  padding: 0.25rem 0 0.25rem 0.25rem !important;
}
[cw-padding='0 1 1 1'] {
  padding: 0 0.25rem 0.25rem 0.25rem !important;
}
[cw-padding='1 1 1 1'] {
  padding: 0.25rem !important;
}
[cw-margin='0 0 0 0'],
[cw-margin='0'] {
  margin: 0 0 0 0 !important;
}
[cw-margin='1 0 0 0'] {
  margin: 0.25rem 0 0 0 !important;
}
[cw-margin='0 1 0 0'] {
  margin: 0 0.25rem 0 0 !important;
}
[cw-margin='0 0 1 0'] {
  margin: 0 0 0.25rem 0 !important;
}
[cw-margin='0 0 0 1'] {
  margin: 0 0 0 0.25rem !important;
}
[cw-margin='1 1 0 0'] {
  margin: 0.25rem 0.25rem 0 0 !important;
}
[cw-margin='1 0 1 0'] {
  margin: 0.25rem 0 0.25rem 0 !important;
}
[cw-margin='1 0 0 1'] {
  margin: 0.25rem 0 0 0.25rem !important;
}
[cw-margin='0 1 0 1'] {
  margin: 0 0.25rem 0 0.25rem !important;
}
[cw-margin='0 1 1 0'] {
  margin: 0 0.25rem 0.25rem 0 !important;
}
[cw-margin='0 0 1 1'] {
  margin: 0 0 0.25rem 0.25rem !important;
}
[cw-margin='1 1 1 0'] {
  margin: 0.25rem 0.25rem 0.25rem 0 !important;
}
[cw-margin='1 1 0 1'] {
  margin: 0.25rem 0.25rem 0 0.25rem !important;
}
[cw-margin='1 0 1 1'] {
  margin: 0.25rem 0 0.25rem 0.25rem !important;
}
[cw-margin='0 1 1 1'] {
  margin: 0 0.25rem 0.25rem 0.25rem !important;
}
[cw-margin='1 1 1 1'] {
  margin: 0.25rem !important;
}
.padding-10 {
  padding: 0.5rem!important;
}
.padding-l-10 {
  padding-left: 0.5rem!important;
}
.padding-r-10 {
  padding-right: 0.5rem!important;
}
.padding-t-10 {
  padding-top: 0.5rem!important;
}
.padding-b-10 {
  padding-bottom: 0.5rem!important;
}
.padding-15 {
  padding: 0.75rem!important;
}
.padding-l-15 {
  padding-left: 0.75rem!important;
}
.padding-r-15 {
  padding-right: 0.75rem!important;
}
.padding-t-15 {
  padding-top: 0.75rem!important;
}
.padding-b-15 {
  padding-bottom: 0.75rem!important;
}
.padding-20 {
  padding: 1rem!important;
}
.padding-l-20 {
  padding-left: 1rem!important;
}
.padding-r-20 {
  padding-right: 1rem!important;
}
.padding-t-20 {
  padding-top: 1rem!important;
}
.padding-b-20 {
  padding-bottom: 1rem!important;
}
.margin-10 {
  margin: 0.5rem!important;
}
.margin-l-10 {
  margin-left: 0.5rem!important;
}
.margin-r-10 {
  margin-right: 0.5rem!important;
}
.margin-t-10 {
  margin-top: 0.5rem!important;
}
.margin-b-10 {
  margin-bottom: 0.5rem!important;
}
.margin-15 {
  margin: 0.75rem!important;
}
.margin-l-15 {
  margin-left: 0.75rem!important;
}
.margin-r-15 {
  margin-right: 0.75rem!important;
}
.margin-t-15 {
  margin-top: 0.75rem!important;
}
.margin-b-15 {
  margin-bottom: 0.75rem!important;
}


.avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}