.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(.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 }