.wux-text--left {
    text-align: left !important;
}
.wux-text--right {
    text-align: right !important;
}
.wux-text--center {
    text-align: center !important;
}
.wux-text--justify {
    text-align: justify !important;
}
.wux-text--nowrap {
    text-align: nowrap !important;
}
.wux-text--lowercase {
    text-transform: lowercase !important;
}
.wux-text--uppercase {
    text-transform: uppercase !important;
}
.wux-text--capitalize {
    text-transform: capitalize !important;
}
.wux-light {
    color: #fff !important;
}
.wux-light--bg {
    background-color: #fff !important;
}
.wux-light--border {
    border-color: #fff !important;
}
.wux-stable {
    color: #f8f8f8 !important;
}
.wux-stable--bg {
    background-color: #f8f8f8 !important;
}
.wux-stable--border {
    border-color: #f8f8f8 !important;
}
.wux-positive {
    color: #387ef5 !important;
}
.wux-positive--bg {
    background-color: #387ef5 !important;
}
.wux-positive--border {
    border-color: #387ef5 !important;
}
.wux-calm {
    color: #11c1f3 !important;
}
.wux-calm--bg {
    background-color: #11c1f3 !important;
}
.wux-calm--border {
    border-color: #11c1f3 !important;
}
.wux-balanced {
    color: #33cd5f !important;
}
.wux-balanced--bg {
    background-color: #33cd5f !important;
}
.wux-balanced--border {
    border-color: #33cd5f !important;
}
.wux-energized {
    color: #ffc900 !important;
}
.wux-energized--bg {
    background-color: #ffc900 !important;
}
.wux-energized--border {
    border-color: #ffc900 !important;
}
.wux-assertive {
    color: #ef473a !important;
}
.wux-assertive--bg {
    background-color: #ef473a !important;
}
.wux-assertive--border {
    border-color: #ef473a !important;
}
.wux-royal {
    color: #886aea !important;
}
.wux-royal--bg {
    background-color: #886aea !important;
}
.wux-royal--border {
    border-color: #886aea !important;
}
.wux-dark {
    color: #444 !important;
}
.wux-dark--bg {
    background-color: #444 !important;
}
.wux-dark--border {
    border-color: #444 !important;
}
.wux-m--30,
.wux-margin--30 {
    margin: 60rpx !important;
}
.wux-margin-top--30,
.wux-mt--30 {
    margin-top: 60rpx !important;
}
.wux-margin-right--30,
.wux-mr--30 {
    margin-right: 60rpx !important;
}
.wux-margin-bottom--30,
.wux-mb--30 {
    margin-bottom: 60rpx !important;
}
.wux-margin-left--30,
.wux-ml--30 {
    margin-left: 60rpx !important;
}
.wux-margin-vertical--30,
.wux-mv--30 {
    margin: 60rpx 0 !important;
}
.wux-margin-horizontal--30,
.wux-mh--30 {
    margin: 0 60rpx !important;
}
.wux-p--30,
.wux-padding--30 {
    padding: 60rpx !important;
}
.wux-padding-top--30,
.wux-pt--30 {
    padding-top: 60rpx !important;
}
.wux-padding-right--30,
.wux-pr--30 {
    padding-right: 60rpx !important;
}
.wux-padding-bottom--30,
.wux-pb--30 {
    padding-bottom: 60rpx !important;
}
.wux-padding-left--30,
.wux-pl--30 {
    padding-left: 60rpx !important;
}
.wux-padding-vertical--30,
.wux-pv--30 {
    padding: 60rpx 0 !important;
}
.wux-padding-horizontal--30,
.wux-ph--30 {
    padding: 0 60rpx !important;
}
.wux-m--25,
.wux-margin--25 {
    margin: 50rpx !important;
}
.wux-margin-top--25,
.wux-mt--25 {
    margin-top: 50rpx !important;
}
.wux-margin-right--25,
.wux-mr--25 {
    margin-right: 50rpx !important;
}
.wux-margin-bottom--25,
.wux-mb--25 {
    margin-bottom: 50rpx !important;
}
.wux-margin-left--25,
.wux-ml--25 {
    margin-left: 50rpx !important;
}
.wux-margin-vertical--25,
.wux-mv--25 {
    margin: 50rpx 0 !important;
}
.wux-margin-horizontal--25,
.wux-mh--25 {
    margin: 0 50rpx !important;
}
.wux-p--25,
.wux-padding--25 {
    padding: 50rpx !important;
}
.wux-padding-top--25,
.wux-pt--25 {
    padding-top: 50rpx !important;
}
.wux-padding-right--25,
.wux-pr--25 {
    padding-right: 50rpx !important;
}
.wux-padding-bottom--25,
.wux-pb--25 {
    padding-bottom: 50rpx !important;
}
.wux-padding-left--25,
.wux-pl--25 {
    padding-left: 50rpx !important;
}
.wux-padding-vertical--25,
.wux-pv--25 {
    padding: 50rpx 0 !important;
}
.wux-padding-horizontal--25,
.wux-ph--25 {
    padding: 0 50rpx !important;
}
.wux-m--20,
.wux-margin--20 {
    margin: 40rpx !important;
}
.wux-margin-top--20,
.wux-mt--20 {
    margin-top: 40rpx !important;
}
.wux-margin-right--20,
.wux-mr--20 {
    margin-right: 40rpx !important;
}
.wux-margin-bottom--20,
.wux-mb--20 {
    margin-bottom: 40rpx !important;
}
.wux-margin-left--20,
.wux-ml--20 {
    margin-left: 40rpx !important;
}
.wux-margin-vertical--20,
.wux-mv--20 {
    margin: 40rpx 0 !important;
}
.wux-margin-horizontal--20,
.wux-mh--20 {
    margin: 0 40rpx !important;
}
.wux-p--20,
.wux-padding--20 {
    padding: 40rpx !important;
}
.wux-padding-top--20,
.wux-pt--20 {
    padding-top: 40rpx !important;
}
.wux-padding-right--20,
.wux-pr--20 {
    padding-right: 40rpx !important;
}
.wux-padding-bottom--20,
.wux-pb--20 {
    padding-bottom: 40rpx !important;
}
.wux-padding-left--20,
.wux-pl--20 {
    padding-left: 40rpx !important;
}
.wux-padding-vertical--20,
.wux-pv--20 {
    padding: 40rpx 0 !important;
}
.wux-padding-horizontal--20,
.wux-ph--20 {
    padding: 0 40rpx !important;
}
.wux-m--15,
.wux-margin--15 {
    margin: 30rpx !important;
}
.wux-margin-top--15,
.wux-mt--15 {
    margin-top: 30rpx !important;
}
.wux-margin-right--15,
.wux-mr--15 {
    margin-right: 30rpx !important;
}
.wux-margin-bottom--15,
.wux-mb--15 {
    margin-bottom: 30rpx !important;
}
.wux-margin-left--15,
.wux-ml--15 {
    margin-left: 30rpx !important;
}
.wux-margin-vertical--15,
.wux-mv--15 {
    margin: 30rpx 0 !important;
}
.wux-margin-horizontal--15,
.wux-mh--15 {
    margin: 0 30rpx !important;
}
.wux-p--15,
.wux-padding--15 {
    padding: 30rpx !important;
}
.wux-padding-top--15,
.wux-pt--15 {
    padding-top: 30rpx !important;
}
.wux-padding-right--15,
.wux-pr--15 {
    padding-right: 30rpx !important;
}
.wux-padding-bottom--15,
.wux-pb--15 {
    padding-bottom: 30rpx !important;
}
.wux-padding-left--15,
.wux-pl--15 {
    padding-left: 30rpx !important;
}
.wux-padding-vertical--15,
.wux-pv--15 {
    padding: 30rpx 0 !important;
}
.wux-padding-horizontal--15,
.wux-ph--15 {
    padding: 0 30rpx !important;
}
.wux-m--10,
.wux-margin--10 {
    margin: 20rpx !important;
}
.wux-margin-top--10,
.wux-mt--10 {
    margin-top: 20rpx !important;
}
.wux-margin-right--10,
.wux-mr--10 {
    margin-right: 20rpx !important;
}
.wux-margin-bottom--10,
.wux-mb--10 {
    margin-bottom: 20rpx !important;
}
.wux-margin-left--10,
.wux-ml--10 {
    margin-left: 20rpx !important;
}
.wux-margin-vertical--10,
.wux-mv--10 {
    margin: 20rpx 0 !important;
}
.wux-margin-horizontal--10,
.wux-mh--10 {
    margin: 0 20rpx !important;
}
.wux-p--10,
.wux-padding--10 {
    padding: 20rpx !important;
}
.wux-padding-top--10,
.wux-pt--10 {
    padding-top: 20rpx !important;
}
.wux-padding-right--10,
.wux-pr--10 {
    padding-right: 20rpx !important;
}
.wux-padding-bottom--10,
.wux-pb--10 {
    padding-bottom: 20rpx !important;
}
.wux-padding-left--10,
.wux-pl--10 {
    padding-left: 20rpx !important;
}
.wux-padding-vertical--10,
.wux-pv--10 {
    padding: 20rpx 0 !important;
}
.wux-padding-horizontal--10,
.wux-ph--10 {
    padding: 0 20rpx !important;
}
.wux-m--5,
.wux-margin--5 {
    margin: 10rpx !important;
}
.wux-margin-top--5,
.wux-mt--5 {
    margin-top: 10rpx !important;
}
.wux-margin-right--5,
.wux-mr--5 {
    margin-right: 10rpx !important;
}
.wux-margin-bottom--5,
.wux-mb--5 {
    margin-bottom: 10rpx !important;
}
.wux-margin-left--5,
.wux-ml--5 {
    margin-left: 10rpx !important;
}
.wux-margin-vertical--5,
.wux-mv--5 {
    margin: 10rpx 0 !important;
}
.wux-margin-horizontal--5,
.wux-mh--5 {
    margin: 0 10rpx !important;
}
.wux-p--5,
.wux-padding--5 {
    padding: 10rpx !important;
}
.wux-padding-top--5,
.wux-pt--5 {
    padding-top: 10rpx !important;
}
.wux-padding-right--5,
.wux-pr--5 {
    padding-right: 10rpx !important;
}
.wux-padding-bottom--5,
.wux-pb--5 {
    padding-bottom: 10rpx !important;
}
.wux-padding-left--5,
.wux-pl--5 {
    padding-left: 10rpx !important;
}
.wux-padding-vertical--5,
.wux-pv--5 {
    padding: 10rpx 0 !important;
}
.wux-padding-horizontal--5,
.wux-ph--5 {
    padding: 0 10rpx !important;
}
.wux-m--0,
.wux-margin--0 {
    margin: 0rpx !important;
}
.wux-margin-top--0,
.wux-mt--0 {
    margin-top: 0rpx !important;
}
.wux-margin-right--0,
.wux-mr--0 {
    margin-right: 0rpx !important;
}
.wux-margin-bottom--0,
.wux-mb--0 {
    margin-bottom: 0rpx !important;
}
.wux-margin-left--0,
.wux-ml--0 {
    margin-left: 0rpx !important;
}
.wux-margin-vertical--0,
.wux-mv--0 {
    margin: 0rpx 0 !important;
}
.wux-margin-horizontal--0,
.wux-mh--0 {
    margin: 0 0rpx !important;
}
.wux-p--0,
.wux-padding--0 {
    padding: 0rpx !important;
}
.wux-padding-top--0,
.wux-pt--0 {
    padding-top: 0rpx !important;
}
.wux-padding-right--0,
.wux-pr--0 {
    padding-right: 0rpx !important;
}
.wux-padding-bottom--0,
.wux-pb--0 {
    padding-bottom: 0rpx !important;
}
.wux-padding-left--0,
.wux-pl--0 {
    padding-left: 0rpx !important;
}
.wux-padding-vertical--0,
.wux-pv--0 {
    padding: 0rpx 0 !important;
}
.wux-padding-horizontal--0,
.wux-ph--0 {
    padding: 0 0rpx !important;
}
.wux-clearfix::after,
.wux-clearfix::before {
    display: table;
    content: ' ';
}
.wux-clearfix::after {
    clear: both;
}
.wux-pull-right {
    float: right !important;
}
.wux-pull-left {
    float: left !important;
}
.wux-ellipsis {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.wux-ellipsis--l2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wux-ellipsis--l3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wux-hairline,
.wux-hairline--bottom,
.wux-hairline--horizontal,
.wux-hairline--left,
.wux-hairline--right,
.wux-hairline--surrounded,
.wux-hairline--top,
.wux-hairline--vertical {
    position: relative;
}
.wux-hairline--bottom::after,
.wux-hairline--horizontal::after,
.wux-hairline--left::after,
.wux-hairline--right::after,
.wux-hairline--surrounded::after,
.wux-hairline--top::after,
.wux-hairline--vertical::after,
.wux-hairline::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
    border: 0 solid #d9d9d9;
}
.wux-hairline--top::after {
    border-top-width: 1px;
}
.wux-hairline--right::after {
    border-right-width: 1px;
}
.wux-hairline--bottom::after {
    border-bottom-width: 1px;
}
.wux-hairline--left::after {
    border-left-width: 1px;
}
.wux-hairline--horizontal::after {
    border-width: 1px 0;
}
.wux-hairline--vertical::after {
    border-width: 0 1px;
}
.wux-hairline--surrounded::after {
    border-width: 1px;
}
