*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0056b3;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
html {
  font: normal 13px/18px "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #F4F6F8;
  color: #444;
}
.iconfont {
  font-size: inherit;
}
pre,
code {
  border: 1px solid #CCC;
  background: #F4F6F8;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.margin-top {
  margin-top: 10px !important;
}
.margin-top-remove {
  margin-top: 0 !important;
}
.margin-left {
  margin-left: 10px !important;
}
.margin-left-remove {
  margin-left: 0 !important;
}
.margin-bottom {
  margin-bottom: 10px !important;
}
.margin-bottom-remove {
  margin-bottom: 0 !important;
}
.margin-right {
  margin-right: 10px !important;
}
.margin-right-remove {
  margin-right: 0 !important;
}
.ub-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.ub-color-a {
  color: #4F7FF3 !important;
}
.ub-color-b {
  color: #5BC692 !important;
}
.ub-color-c {
  color: #F0A453 !important;
}
.ub-color-d {
  color: #6A46BD !important;
}
.ub-color-e {
  color: #587BE9 !important;
}
.ub-color-vip {
  color: #e9bd6c !important;
}
.ub-color-f {
  color: #ed3f14 !important;
}
.ub-bg-a {
  background: #4F7FF3 !important;
  color: #FFF !important;
}
.ub-bg-b {
  background: #5BC692 !important;
  color: #FFF !important;
}
.ub-bg-c {
  background: #F0A453 !important;
  color: #FFF !important;
}
.ub-bg-d {
  background: #6A46BD !important;
  color: #FFF !important;
}
.ub-bg-e {
  background: #587BE9 !important;
  color: #FFF !important;
}
.ub-bg-f {
  background: #ed3f14 !important;
  color: #FFF !important;
}
.ub-bg-vip {
  background: #e9bd6c !important;
  color: #FFF !important;
}
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  box-sizing: border-box;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn {
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #dedede;
}
.btn-primary {
  color: #fff;
  background-color: #419488;
  border-color: #419488;
}
.btn-primary:hover {
  color: #fff;
  background-color: #317167;
  border-color: #317167;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #419488;
  border-color: #419488;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #317167;
  border-color: #317167;
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.btn-warning {
  color: #FFF;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  background-color: #dc6502;
  border-color: #dc6502;
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bd2130;
  border-color: #bd2130;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #bd2130;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
input,
select,
textarea {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 3px;
  /* 4 */
  font: inherit;
  color: inherit;
}
/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
select {
  text-transform: none;
}
/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Removes excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
/*
 * Improves consistency of cursor style for clickable elements
 */
input[type="checkbox"]:not(:disabled),
input[type="radio"]:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove default style in iOS.
 */
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="datetime"] {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
}
/*
 * Removes placeholder transparency in Firefox.
 */
::-moz-placeholder {
  opacity: 1;
}
/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
:invalid {
  box-shadow: none;
}
/*
 * Vertical alignment
 */
input:not([type="radio"]):not([type="checkbox"]),
select {
  vertical-align: middle;
}
/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
 > :last-child {
  margin-bottom: 0;
}
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
select,
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  /* 1 */
  /* 2 */
  max-width: 100%;
  /* 3 */
  padding: 4px 6px;
  /* 4 */
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #444444;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
select:focus,
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
  color: #444444;
}
select:disabled,
textarea:disabled,
input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled {
  border-color: #dddddd;
  background-color: #f5f5f5;
  color: #999999;
}
/*
 * Placeholder
 */
:-ms-input-placeholder {
  color: #999999 !important;
}
::-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
:disabled:-ms-input-placeholder {
  color: #999999 !important;
}
:disabled::-moz-placeholder {
  color: #999999;
}
:disabled::-webkit-input-placeholder {
  color: #999999;
}
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
legend {
  /* 1 */
  width: 100%;
  /* 2 */
  border: 0;
  /* 3 */
  padding: 0;
  /* 4 */
  padding-bottom: 15px;
  /* 5 */
  font-size: 18px;
  line-height: 30px;
}
/*
 * 1. Fixes IE9
 */
legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #dddddd;
  /* 1 */
  width: 100%;
}
/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.form,
textarea.form,
input[type].form,
input:not([type]).form {
  height: 29px;
  padding: 3px 3px;
  font-size: 12px;
}
select.form-sm,
textarea.form-sm,
input[type].form-sm,
input:not([type]).form-sm {
  height: 25px;
  padding: 3px 3px;
  font-size: 12px;
}
select.form-lg,
textarea.form-lg,
input[type].form-lg,
input:not([type]).form-lg {
  height: 40px;
  padding: 8px 6px;
  font-size: 16px;
}
/* Reset height
 * Must be after size modifiers
 ========================================================================== */
textarea,
select[multiple],
select[size] {
  height: auto;
}
@keyframes animate-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.animate-rotate {
  display: inline-block;
  animation: animate-rotate 2s infinite linear;
  -webkit-animation: animate-rotate 2s infinite linear;
}
*::-webkit-scrollbar-track {
  background-color: #F8F8F8;
  border: 1px solid #EEE;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #CCC;
}
.ub-loading {
  text-align: center;
  color: #999;
  padding: 20px 0;
}
.ub-empty {
  text-align: center;
  color: #999;
  padding: 20px 0;
}
.ub-empty .icon {
  font-size: 40px;
  text-align: center;
  color: #CCC;
  line-height: 40px;
}
.ub-empty .text {
  line-height: 30px;
}
.ub-load-more {
  text-align: center;
  color: #999;
  padding: 10px 0;
  cursor: pointer;
  font-size: 13px;
}
.ub-no-more {
  text-align: center;
  color: #999;
  padding: 10px 0;
  font-size: 13px;
}
.ub-text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ub-text-bold {
  font-weight: bold;
}
.ub-text-muted {
  color: #C4CFDB !important;
}
.ub-text-primary {
  color: #2d7091 !important;
}
.ub-text-success {
  color: #659f13 !important;
}
.ub-text-warning {
  color: #e28327 !important;
}
.ub-text-danger {
  color: #d85030 !important;
}
.ub-text-small {
  font-size: 12px;
}
.ub-text-center {
  text-align: center !important;
}
.ub-text-right {
  text-align: right;
}
.ub-text-left {
  text-align: left;
}
.ub-text-no-wrap {
  white-space: nowrap;
}
.ub-text-slash-separate .item {
  display: inline-block;
}
.ub-text-slash-separate .item:after {
  content: '/';
  color: #CCC;
  display: inline-block;
  margin: 0 2px;
}
.ub-text-slash-separate .item:last-child:after {
  display: none;
}
.widget-radio {
  display: inline-block;
}
.widget-radio label {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  color: #b3b3b3;
  cursor: pointer;
}
.widget-radio label.select {
  color: #07d;
}
.widget-radio label input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.widget-radio.widget-radio-primary label {
  line-height: 28px;
  background: #FFF;
  border: 1px solid #EEE;
  border-radius: 3px;
}
.widget-radio.widget-radio-primary label.select {
  color: #DE402E;
  border: 1px solid #DE402E;
  background: url(data:image/png;base64,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) no-repeat bottom right;
}
.widget-radio.widget-radio-secondary label {
  line-height: 28px;
  background: #FFF;
  border-radius: 3px;
  padding: 0 1px;
  margin-right: 10px;
  border: none;
}
.widget-radio-choose {
  display: inline-block;
}
.widget-radio-choose label {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  color: #b3b3b3;
  cursor: pointer;
}
.widget-radio-choose label.select {
  color: #07d;
}
.widget-radio-choose label input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.widget-radio-choose.widget-radio-choose-primary label {
  line-height: 28px;
  background: #FFF;
  border: 1px solid #EEE;
  border-radius: 3px;
}
.widget-radio-choose.widget-radio-choose-primary label.select {
  color: #DE402E;
  border: 1px solid #DE402E;
  background: url(data:image/png;base64,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) no-repeat bottom right;
}
.widget-choose {
  visibility: hidden;
  display: inline-block;
}
.widget-choose .value {
  display: inline-block;
  cursor: pointer;
}
.widget-choose .clear {
  display: inline-block;
  padding: 0 10px;
}
.widget-choose .empty {
  color: #999999;
}
.widget-choose.widget-choose-primary .value {
  line-height: 28px;
  background: #FFF;
  border: 1px solid #EEE;
  color: #666666;
  padding: 0 10px;
  border-radius: 3px;
}
.widget-choose.widget-choose-primary .clear {
  line-height: 28px;
  background: #FFF;
  border: 1px solid #FFF;
  color: #666666;
  margin: 0 5px;
  border-radius: 3px;
}
.widget-tab .head .menu {
  border-bottom: 1px solid #EEE;
}
.widget-tab .head .menu a {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  color: #666;
  font-size: 13px;
  background: #F8F8F8;
  border-radius: 3px 3px 0 0;
  border: 1px solid #EEE;
  border-bottom-color: #F8F8F8;
}
.widget-tab .head .menu a.cur {
  border-bottom-color: #DE402E;
  color: #DE402E;
}
.widget-tab .body > .item {
  display: none;
}
.widget-tab .body > .item.cur {
  display: inherit;
}
.widget-tab.widget-tab-center .head .menu {
  text-align: center;
}
.widget-tab.widget-tab-secondary .head .menu {
  border-bottom: none;
}
.widget-tab.widget-tab-secondary .head .menu a {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  color: #666;
  font-size: 13px;
  background: #EEE;
  border-radius: 3px 3px 0 0;
  border: 1px solid #EEE;
}
.widget-tab.widget-tab-secondary .head .menu a.cur {
  border-bottom-color: #FFF;
  color: #333;
  background: #FFF;
}
.widget-tab.widget-tab-secondary .body {
  border: 1px solid #EEE;
  margin-top: -1px;
}
.widget-images-uploader .list .item,
.widget-images-uploader .list .uploader {
  width: 50px;
  height: 50px;
  border: 1px solid #EEE;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
}
.widget-images-uploader .list .item .close,
.widget-images-uploader .list .uploader .close {
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  color: #FFF;
  font-weight: bold;
  background: #EEE;
  line-height: 16px;
  text-align: center;
  position: absolute;
  right: -8px;
  top: -8px;
  text-decoration: none;
}
.widget-images-uploader .list .item .close:hover,
.widget-images-uploader .list .uploader .close:hover {
  background: #CCC;
}
.widget-images-uploader .list .item .cover,
.widget-images-uploader .list .uploader .cover {
  width: 50px;
  height: 50px;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-size: cover;
}
.widget-images-uploader .list .cf {
  clear: both;
}
.widget-images-uploader .list .uploader {
  cursor: pointer;
}
.page-container .pages {
  text-align: center;
  padding: 1em 0;
}
.page-container .pages a,
.page-container .pages span,
.page-container .pages input,
.page-container .pages button {
  display: inline-block;
  line-height: 20px;
  padding: 0 5px;
  color: #666;
  border: 1px solid #CCC;
  margin: 0 5px 5px 5px;
  vertical-align: bottom;
  border-radius: 2px;
  text-decoration: none;
  background: #FFF;
}
.page-container .pages span {
  color: #111;
  border-color: transparent;
  background: transparent;
}
.page-container .pages .jumpBox {
  position: relative;
  border: 1px solid #CCC;
  border-radius: 2px;
  padding: 0;
}
.page-container .pages .jumpBox input {
  width: 4em;
  line-height: 20px;
  outline: none;
  margin: 0;
  float: left;
  border: none;
  text-align: center;
  height: 20px;
}
.page-container .pages .jumpBox button {
  width: 4em;
  background: #FFF;
  margin: 0;
  right: 0;
  float: left;
  border: none;
  border-left: 1px dotted #CCC;
  outline: none;
}
.html-container {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #333333;
  overflow: hidden;
  line-height: 1.6;
  word-wrap: break-word;
  font-size: 14px;
}
.html-container p {
  padding: 0;
  margin: 0;
}
.html-container img {
  max-width: 100%;
}
.html-container img.emotion {
  height: 2em;
}
.html-container iframe {
  width: 100%;
  height: auto;
}
.html-container video {
  width: 100%;
  height: auto;
}
.html-container > h2:first-child {
  margin-top: 0.4em;
}
.html-container a {
  background: transparent;
}
.html-container a:active,
.html-container a:hover {
  outline: 0;
}
.html-container ol li {
  margin: 8px 0;
}
.html-container pre[class*=language-] {
  margin: 1.2em 0 !important;
}
.html-container strong {
  font-weight: bold;
}
.html-container h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.html-container img {
  border: 0;
}
.html-container hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.html-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
.html-container td,
.html-container th {
  padding: 0;
}
.html-container * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.html-container a {
  text-decoration: none;
}
.html-container a:hover,
.html-container a:focus,
.html-container a:active {
  text-decoration: underline;
}
.html-container hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.html-container hr:before,
.html-container hr:after {
  display: table;
  content: " ";
}
.html-container hr:after {
  clear: both;
}
.html-container h1,
.html-container h2,
.html-container h3,
.html-container h4,
.html-container h5,
.html-container h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1;
}
.html-container h1 {
  font-size: 30px;
}
.html-container h2 {
  font-size: 21px;
}
.html-container h3 {
  font-size: 16px;
}
.html-container h4 {
  font-size: 14px;
}
.html-container h5 {
  font-size: 12px;
}
.html-container h6 {
  font-size: 11px;
}
.html-container blockquote {
  margin: 0;
}
.html-container ul,
.html-container ol {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.html-container ol ol {
  list-style-type: lower-roman;
}
.html-container dd {
  margin-left: 0;
}
.html-container code,
.html-container pre {
  font-family: monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 1em;
}
.html-container pre {
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
}
.html-container .markdown-body > *:first-child {
  margin-top: 0 !important;
}
.html-container .markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.html-container .anchor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding-right: 6px;
  padding-left: 30px;
  margin-left: -30px;
}
.html-container .anchor:focus {
  outline: none;
}
.html-container h1,
.html-container h2,
.html-container h3,
.html-container h4,
.html-container h5,
.html-container h6 {
  position: relative;
  margin-top: 1em;
  margin-bottom: 16px;
  font-weight: bold;
  line-height: 1.4;
}
.html-container h1 {
  padding-bottom: 0.3em;
  font-size: 2.25em;
  line-height: 1.2;
  border-bottom: 2px solid #eee;
}
.html-container h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  line-height: 1.225;
  border-bottom: 2px solid #eee;
}
.html-container h3 {
  font-size: 1.4em;
  line-height: 1.43;
}
.html-container h4 {
  font-size: 1.3em;
}
.html-container h5 {
  font-size: 1.2em;
}
.html-container h6 {
  font-size: 1.1em;
  color: #777;
}
.html-container p,
.html-container blockquote,
.html-container ul,
.html-container ol,
.html-container dl,
.html-container table,
.html-container pre {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 30px;
}
.html-container hr {
  height: 4px;
  padding: 0;
  margin: 16px 0;
  background-color: #e7e7e7;
  border: 0 none;
}
.html-container ul,
.html-container ol {
  padding-left: 2em;
}
.html-container ol ol,
.html-container ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.html-container li > p {
  margin-top: 16px;
}
.html-container dl {
  padding: 0;
}
.html-container dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: bold;
}
.html-container dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.html-container blockquote {
  font-size: inherit;
  padding: 0 15px;
  color: #777;
  border-left: 4px solid #ddd;
  font-style: normal;
}
.html-container blockquote > :first-child {
  margin-top: 20;
}
.html-container blockquote > :last-child {
  margin-bottom: 20;
}
.html-container blockquote {
  margin: 20px 0!important;
  background-color: #f7f7f7;
  padding: 6px 8px;
}
.html-container table {
  width: 100%;
  overflow: auto;
  margin: 25px 0;
}
.html-container table th {
  font-weight: bold;
}
.html-container table th,
.html-container table td {
  padding: 6px 13px;
  border: 1px solid #ddd;
}
.html-container table tr {
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.html-container table tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.html-container img {
  max-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.html-container img:not(.emoji) {
  max-width: 100%;
}
.html-container code {
  margin: 0;
  color: #e68270;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 0px;
  background-color: transparent;
  padding: 1px 0px 1px;
  border-bottom: 1px dotted #ee9898;
  max-width: 740px;
  overflow-x: auto;
}
.html-container code:before,
.html-container code:after {
  letter-spacing: -0.2em;
  content: "\00a0";
}
.html-container pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  white-space: pre;
  background: transparent;
  border: 0;
  color: #E6E8D3;
}
.html-container .highlight {
  margin-bottom: 16px;
}
.html-container .highlight pre,
.html-container pre {
  padding: 14px;
  overflow: auto;
  line-height: 1.45;
  background-color: #4e4e4e;
  border-radius: 3px;
  color: #fff;
  border: none;
}
.html-container .highlight pre {
  margin-bottom: 0;
}
.html-container pre {
  word-wrap: normal;
}
.html-container pre code {
  display: inline;
  max-width: initial;
  padding: 0;
  margin: 0;
  overflow: initial;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.html-container pre code:before,
.html-container pre code:after {
  content: normal;
}
.html-container .highlight {
  background: #ffffff;
}
.html-container .highlight .c {
  color: #999988;
  font-style: italic;
}
.html-container .highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.html-container .highlight .k {
  font-weight: bold;
}
.html-container .highlight .o {
  font-weight: bold;
}
.html-container .highlight .cm {
  color: #999988;
  font-style: italic;
}
.html-container .highlight .cp {
  color: #999999;
  font-weight: bold;
}
.html-container .highlight .c1 {
  color: #999988;
  font-style: italic;
}
.html-container .highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic;
}
.html-container .highlight .gd {
  color: #000000;
  background-color: #ffdddd;
}
.html-container .highlight .gd .x {
  color: #000000;
  background-color: #ffaaaa;
}
.html-container .highlight .ge {
  font-style: italic;
}
.html-container .highlight .gr {
  color: #aa0000;
}
.html-container .highlight .gh {
  color: #999999;
}
.html-container .highlight .gi {
  color: #000000;
  background-color: #ddffdd;
}
.html-container .highlight .gi .x {
  color: #000000;
  background-color: #aaffaa;
}
.html-container .highlight .go {
  color: #888888;
}
.html-container .highlight .gp {
  color: #555555;
}
.html-container .highlight .gs {
  font-weight: bold;
}
.html-container .highlight .gu {
  color: #800080;
  font-weight: bold;
}
.html-container .highlight .gt {
  color: #aa0000;
}
.html-container .highlight .kc {
  font-weight: bold;
}
.html-container .highlight .kd {
  font-weight: bold;
}
.html-container .highlight .kn {
  font-weight: bold;
}
.html-container .highlight .kp {
  font-weight: bold;
}
.html-container .highlight .kr {
  font-weight: bold;
}
.html-container .highlight .kt {
  color: #445588;
  font-weight: bold;
}
.html-container .highlight .m {
  color: #009999;
}
.html-container .highlight .s {
  color: #dd1144;
}
.html-container .highlight .n {
  color: #333333;
}
.html-container .highlight .na {
  color: teal;
}
.html-container .highlight .nb {
  color: #0086b3;
}
.html-container .highlight .nc {
  color: #445588;
  font-weight: bold;
}
.html-container .highlight .no {
  color: teal;
}
.html-container .highlight .ni {
  color: purple;
}
.html-container .highlight .ne {
  color: #990000;
  font-weight: bold;
}
.html-container .highlight .nf {
  color: #990000;
  font-weight: bold;
}
.html-container .highlight .nn {
  color: #555555;
}
.html-container .highlight .nt {
  color: navy;
}
.html-container .highlight .nv {
  color: teal;
}
.html-container .highlight .ow {
  font-weight: bold;
}
.html-container .highlight .w {
  color: #bbbbbb;
}
.html-container .highlight .mf {
  color: #009999;
}
.html-container .highlight .mh {
  color: #009999;
}
.html-container .highlight .mi {
  color: #009999;
}
.html-container .highlight .mo {
  color: #009999;
}
.html-container .highlight .sb {
  color: #dd1144;
}
.html-container .highlight .sc {
  color: #dd1144;
}
.html-container .highlight .sd {
  color: #dd1144;
}
.html-container .highlight .s2 {
  color: #dd1144;
}
.html-container .highlight .se {
  color: #dd1144;
}
.html-container .highlight .sh {
  color: #dd1144;
}
.html-container .highlight .si {
  color: #dd1144;
}
.html-container .highlight .sx {
  color: #dd1144;
}
.html-container .highlight .sr {
  color: #009926;
}
.html-container .highlight .s1 {
  color: #dd1144;
}
.html-container .highlight .ss {
  color: #990073;
}
.html-container .highlight .bp {
  color: #999999;
}
.html-container .highlight .vc {
  color: teal;
}
.html-container .highlight .vg {
  color: teal;
}
.html-container .highlight .vi {
  color: teal;
}
.html-container .highlight .il {
  color: #009999;
}
.html-container .highlight .gc {
  color: #999;
  background-color: #EAF2F5;
}
.markdown-reply h1,
.markdown-reply h2,
.markdown-reply h3,
.markdown-reply h4,
.markdown-reply h5,
.markdown-reply h6 {
  position: relative;
  margin-top: 0.5em;
  margin-bottom: 16px;
  font-weight: bold;
  line-height: 1.4;
}
.markdown-reply h1 {
  padding-bottom: 0.3em;
  font-size: 1.4em;
  line-height: 1.2;
  border-bottom: 1px solid #eee;
}
.markdown-reply h2 {
  padding-bottom: 0.3em;
  font-size: 1.25em;
  line-height: 1.225;
  border-bottom: 1px solid #eee;
}
.markdown-reply h3 {
  font-size: 1.2em;
  line-height: 1.43;
}
.markdown-reply h4 {
  font-size: 1.1em;
}
.markdown-reply h5 {
  font-size: 1em;
}
.markdown-reply h6 {
  font-size: 1em;
  color: #777;
}
.browser-outdated-container {
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
  padding: 5px 0;
  text-align: center;
  font-size: 12px;
  position: fixed;
  top: 0px;
  left: 50%;
  right: 0px;
  z-index: 99999;
  width: 600px;
  margin-left: -300px;
  border-radius: 0 0 5px 5px;
}
.browser-outdated-container a {
  display: inline-block;
  padding: 0 10px;
  color: #316FC9;
  text-decoration: none;
}
.browser-outdated-container a:hover {
  color: #2758a0;
}
.browser-outdated-container .close {
  color: #999 !important;
  font-size: 12px;
  opacity: 1;
}
.browser-outdated-container .close:hover {
  color: #808080 !important;
}
.main-container {
  max-width: 1000px;
  min-width: 900px;
  margin: 0 auto;
  padding: 0 10px;
}
body,
html {
  background: #FFF;
  font-size: 13px;
}
body a,
html a {
  color: #07d;
}
body a:hover,
html a:hover {
  color: #1191ff;
  text-decoration: none;
}
body *,
html * {
  text-shadow: none !important;
}
[v-cloak] {
  display: none;
}
.pb {
  margin: 15px 0;
}
.pb > .head {
  padding: 10px 0;
  color: #333;
  line-height: 20px;
  font-size: 14px;
}
.pb > .head > a {
  font-size: 13px;
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  color: #999;
  margin: -10px -5px;
}
.pb > .head > a.active {
  color: #EA6F5A;
  border-bottom: 2px solid #EA6F5A;
}
.pb > .head .uk-tab li.uk-active a {
  color: #EA6F5A;
}
.pb > .head .uk-tab li a {
  font-size: 13px;
  color: #999;
}
.pb > .head .more {
  float: right;
}
.pb > .head .more a {
  font-size: 12px;
}
.pb > .head h1 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #999;
  margin: 0;
}
.pb > .head h2 {
  line-height: 20px;
  margin: 0;
  color: #999;
  font-size: 13px;
}
.pb > .body {
  padding: 10px 0;
  color: #333;
}
.pb-spacer {
  height: 1px;
  background: #EEE;
}
.page-container .pages a:hover {
  color: #EA6F5A;
  border-color: #EA6F5A;
}
.empty-container {
  padding: 40px 0;
  text-align: center;
  color: #999;
}
.uk-form .line {
  padding: 10px 0 10px 100px;
}
.uk-form .line.line-label-narrow {
  padding: 10px 0 10px 50px;
}
.uk-form .line.line-label-narrow.label {
  margin: 0 0 0 -50px;
  width: 40px;
}
.uk-form .line .label {
  display: block;
  float: left;
  text-align: right;
  line-height: 30px;
  padding: 0 5px 0 0;
  margin: 0 0 0 -100px;
  width: 90px !important;
}
.uk-form .line .label span {
  color: red;
  display: inline-block;
  line-height: 30px;
  font-size: 12px;
}
.uk-form .line .field {
  line-height: 30px;
  margin-left: 0;
}
.uk-form .line .field .help {
  color: #808080;
  line-height: 18px;
  padding: 5px 0;
}
.uk-form .line .field textarea {
  line-height: 1.5em;
}
.uk-button-primary {
  background: #3db922;
}
.uk-button-primary:hover,
.uk-button-primary:focus {
  background: #36a31e;
}
header {
  min-width: 920px;
  background: #FFF;
  border-bottom: 1px solid #EEE;
}
header nav.uk-navbar {
  background: #FFF;
  color: #333;
  height: 50px;
  border: none;
}
header nav.uk-navbar .uk-navbar-brand {
  color: #333;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  padding-left: 0;
  width: 160px;
}
header nav.uk-navbar .uk-navbar-brand:before {
  display: none;
}
header nav.uk-navbar .uk-navbar-brand img {
  max-width: 160px;
  height: 50px;
  vertical-align: top;
  display: inline-block;
}
header nav.uk-navbar .uk-navbar-nav-right {
  float: right;
}
header nav.uk-navbar .uk-navbar-nav-right > li > a {
  padding: 0 20px !important;
  border-radius: 0 !important;
}
header nav.uk-navbar .uk-navbar-nav-right > li > a.username .avatar {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  vertical-align: middle;
}
header nav.uk-navbar .uk-navbar-nav-right > li > a.username span {
  min-width: 80px;
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  height: 50px;
  vertical-align: middle;
}
header nav.uk-navbar .uk-navbar-nav-right > li > a.notice {
  position: relative;
}
header nav.uk-navbar .uk-navbar-nav-right > li > a.notice .count {
  font-size: 12px;
  min-width: 20px;
  padding: 0 8px;
  box-sizing: border-box;
  height: 20px;
  color: #FFF;
  background: red;
  line-height: 20px;
  border-radius: 10px;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 10px;
  display: none;
}
header nav.uk-navbar .uk-navbar-nav-right > li > a.notice .count.show {
  display: block;
}
header nav.uk-navbar .uk-navbar-nav {
  height: 50px;
}
header nav.uk-navbar .uk-navbar-nav li .search {
  position: relative;
  width: 200px;
  background: #EEE;
  border-radius: 15px;
  margin: 10px;
  padding: 5px;
}
header nav.uk-navbar .uk-navbar-nav li .search input {
  height: 20px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #EEE;
  background: none;
}
header nav.uk-navbar .uk-navbar-nav li .search button {
  border: none;
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  bottom: 5px;
  width: 20px;
  text-align: center;
  line-height: 18px;
  color: #999;
  font-size: 16px;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
}
header nav.uk-navbar .uk-navbar-nav li .search button i {
  display: block;
}
header nav.uk-navbar .uk-navbar-nav li {
  height: 50px;
}
header nav.uk-navbar .uk-navbar-nav li.uk-active > a {
  color: #EA6F5A;
  border-bottom: 3px solid #EA6F5A;
}
header nav.uk-navbar .uk-navbar-nav li a {
  border: none;
  background: none;
  color: #333;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
  margin: 0;
  text-align: center;
  display: inline-block;
  font-size: 14px;
}
header nav.uk-navbar .uk-navbar-nav li a:hover {
  color: #333;
  background: #EEE;
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar {
  background: #FFF;
  color: #FFF;
  padding: 0px;
  margin-top: 0px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar.uk-dropdown {
  width: 100%;
  border: none;
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar.uk-dropdown .uk-nav {
  margin: 0px;
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar.uk-dropdown .uk-nav li {
  height: 40px;
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar.uk-dropdown .uk-nav li a {
  font-size: 13px;
  text-align: left;
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  display: block;
  border-radius: 5px;
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar.uk-dropdown .uk-nav li a i {
  width: 1.2em;
}
header nav.uk-navbar .uk-navbar-nav .uk-dropdown-navbar.uk-dropdown .uk-nav li a:hover {
  background: #F8F8F8;
}
footer {
  min-width: 920px;
  text-align: center;
  padding: 30px 0;
  border-top: 1px solid #CCC;
  margin-top: 15px;
  color: #999;
}
footer .articles a {
  color: #333;
  display: inline-block;
  margin: 0 5px;
}
footer .link a {
  color: #999;
}
footer .copyright {
  padding: 10px 0;
  color: #999;
}
footer .copyright a {
  color: #999;
}
.pb-logo {
  background: none;
  box-shadow: none;
  text-align: center;
  border: none;
}
.pb-logo a img {
  height: 60px;
}
.pb-account {
  background: #FFF;
  margin: 15px 0;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 8px #DDD;
  -webkit-box-shadow: 0px 0px 8px #DDD;
  box-shadow: 0px 0px 8px #DDD;
}
.pb-account > .head {
  padding: 10px 20px;
  text-align: left;
}
.pb-account > .head h1 {
  color: #EA6F5A;
  font-size: 18px;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: left;
}
.pb-account > .body .form {
  margin: 30px 0;
  padding: 30px;
  border-right: 1px solid #EEE;
}
.pb-account > .body .text {
  margin: 30px 0;
  padding: 30px;
  line-height: 2em;
}
.pb-account > .body .text .oauth {
  padding: 10px 0;
}
.pb-account > .body .text .oauth .item {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #999;
  color: #FFF;
  border-radius: 50%;
  text-align: center;
  margin: 0 10px 0 0;
}
.pb-account > .body .text .oauth .item i {
  font-size: 30px;
  line-height: 50px;
}
.pb-account > .body .text .oauth .item.wechat {
  background: #00bb29;
}
.pb-account > .body .text .oauth .item.qq {
  background: #498ad5;
}
.pb-account > .body .text .oauth .item.weibo {
  background: #e05244;
}
.pb-member-info .box {
  overflow: hidden;
  padding: 0 0 0 100px;
}
.pb-member-info .box .avatar {
  float: left;
  margin: 0 0 0 -100px;
}
.pb-member-info .box .avatar a img {
  width: 80px;
  height: 80px;
  border: 1px solid #EEE;
  border-radius: 50%;
}
.pb-member-info .box .action {
  float: right;
  margin: 30px 20px 0 0;
}
.pb-member-info .box .action a {
  background: #3db922;
  color: #FFF;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
  box-sizing: content-box;
  border: 1px solid transparent;
}
.pb-member-info .box .action a.msg {
  border: 1px solid #3db922;
  color: #3db922;
  background: #FFF;
}
.pb-member-info .box .action .user-follow-box {
  display: inline-block;
}
.pb-member-info .box .action .user-follow-box a {
  border-color: #3db922;
  display: none;
}
.pb-member-info .box .action .user-follow-box a.unfollow {
  background: #CCC;
  border-color: #CCC;
}
.pb-member-info .box .action .user-follow-box a.show {
  display: inline-block;
}
.pb-member-info .box .name {
  color: #111;
  line-height: 2em;
}
.pb-member-info .box .name a {
  color: #111;
  font-size: 18px;
}
.pb-member-info .box .name .gender {
  display: inline-block;
  padding: 0 5px;
}
.pb-member-info .box .name .gender.male {
  color: #35A2E7;
}
.pb-member-info .box .name .gender.female {
  color: #EA6F5A;
}
.pb-member-info .box .stat {
  padding: 10px 0 0 0;
}
.pb-member-info .box .stat a {
  color: #999;
  display: inline-block;
  padding: 0 8px;
  border-right: 1px solid #EEE;
  font-size: 12px;
}
.pb-member-info .box .stat a.info {
  cursor: default;
}
.pb-member-info .box .stat a:first-child {
  padding-left: 0;
}
.pb-member-info .box .stat a:last-child {
  border-right: none;
}
.pb-member-info .box .stat a span {
  font-size: 16px;
  line-height: 1.5em;
  color: #333;
}
.pb-member-list-tab {
  margin-bottom: -15px;
}
.pb-member-list-tab .menu {
  border-bottom: 2px solid #EEE;
}
.pb-member-list-tab .menu a {
  display: inline-block;
  line-height: 40px;
  color: #666;
  padding: 0 20px;
  margin: 0 0 -2px 0;
}
.pb-member-list-tab .menu a.active {
  border-bottom: 2px solid #EA6F5A;
  color: #EA6F5A;
}
.pb-note-list {
  margin-top: 0px;
}
.pb-note-list > .head {
  border-bottom: 1px solid #EEE;
}
.pb-note-list .empty {
  text-align: center;
  padding: 50px 0;
  color: #999;
}
.pb-note-list .loading {
  text-align: center;
  padding: 50px 0;
  color: #999;
}
.pb-note-list .no-more {
  text-align: center;
  padding: 50px 0;
  color: #999;
  display: none;
}
.pb-note-list .item {
  padding: 20px 0;
  border-bottom: 1px solid #EEE;
  position: relative;
}
.pb-note-list .item .author .avatar {
  display: inline-block;
}
.pb-note-list .item .author .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #EEE;
}
.pb-note-list .item .author .name {
  color: #111;
  display: inline-block;
  margin-right: 10px;
  line-height: 40px;
}
.pb-note-list .item .author .time {
  color: #999;
  display: inline-block;
  line-height: 40px;
}
.pb-note-list .item .cover {
  float: right;
  margin: 0 0 0 20px;
}
.pb-note-list .item .cover a {
  display: block;
  width: 140px;
  height: 100px;
  border-radius: 3px;
  border: 1px solid #EEE;
  background: #EEE no-repeat center;
  background-size: cover;
}
.pb-note-list .item .title {
  display: block;
  font-size: 16px;
  line-height: 1em;
  color: #111;
  padding: 15px 0;
  font-weight: bold;
}
.pb-note-list .item .summary {
  height: 40px;
  overflow: hidden;
}
.pb-note-list .item .summary .text {
  color: #999;
  line-height: 20px;
}
.pb-note-list .item .stat {
  padding: 20px 0 0 0;
}
.pb-note-list .item .stat a {
  color: #999;
}
.pb-note-list .item .stat a:hover {
  color: #666;
}
.pb-note-list .item .action {
  position: absolute;
  right: 10px;
  bottom: 20px;
}
.pb-note-list .item .action a {
  color: #999;
}
.pb-note-list .item.hover .action a {
  color: inherit;
}
.pb-member-right-menu a {
  display: block;
  color: #666;
  line-height: 30px;
}
.pb-simple-topic-list .empty {
  line-height: 30px;
  color: #CCC;
  text-align: center;
}
.pb-simple-topic-list .item {
  line-height: 30px;
  display: block;
  padding: 5px 0;
  color: #333;
}
.pb-simple-topic-list .item img {
  display: inline-block;
  border-radius: 3px;
  height: 30px;
  width: 30px;
}
.pb-member-profile-menu .list a {
  display: block;
  line-height: 30px;
  border-radius: 4px;
  padding: 10px;
  color: #333;
  border: 1px solid #FFF;
}
.pb-member-profile-menu .list a:hover {
  color: #EA6F5A;
}
.pb-member-profile-menu .list a.active {
  background: #FFF;
  border: 1px solid #EEE;
}
.pb-member-profile-menu .list a.active i {
  color: #3db922;
}
.pb-member-profile-menu .list a .count {
  float: right;
  height: 20px;
  line-height: 20px;
  background: red;
  color: #FFF;
  border-radius: 10px;
  padding: 0 8px;
  margin-top: 5px;
}
.pb-member-profile-menu .list a i {
  height: 30px;
  width: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  color: #999;
  font-size: 20px;
  border-radius: 3px;
}
.pb-member-profile-form .line {
  border-top: 1px solid #EEE;
}
.pb-member-profile-form .line .label {
  text-align: left;
  color: #999;
}
.pb-topic-edit {
  width: 600px;
  margin: 0 auto;
}
.pb-topic-edit .line {
  border-top: 1px solid #EEE;
}
.pb-topic-edit .line .label {
  text-align: left;
  color: #999;
}
.pb-topic-info .box {
  overflow: hidden;
  padding: 0 0 0 100px;
}
.pb-topic-info .box .cover {
  float: left;
  margin: 0 0 0 -100px;
}
.pb-topic-info .box .cover a img {
  width: 80px;
  height: 80px;
  border: 1px solid #EEE;
  border-radius: 10px;
}
.pb-topic-info .box .action {
  float: right;
  margin: 30px 20px 0 0;
}
.pb-topic-info .box .action a {
  background: #3db922;
  color: #FFF;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
}
.pb-topic-info .box .action a.msg {
  border: 1px solid #3db922;
  color: #3db922;
  background: #FFF;
}
.pb-topic-info .box .action .topic-follow-box {
  display: inline-block;
}
.pb-topic-info .box .action .topic-follow-box a {
  border-color: #3db922;
  display: none;
}
.pb-topic-info .box .action .topic-follow-box a.unfollow {
  background: #CCC;
  border-color: #CCC;
}
.pb-topic-info .box .action .topic-follow-box a.show {
  display: inline-block;
}
.pb-topic-info .box .name {
  color: #111;
  line-height: 2em;
  padding: 10px 0 0 0;
}
.pb-topic-info .box .name a {
  color: #111;
  font-size: 20px;
}
.pb-topic-info .box .stat {
  padding: 10px 0 0 0;
  color: #999;
}
.pb-topic-manager .item {
  color: #333;
  line-height: 30px;
}
.pb-topic-manager .item img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.pb-topic-follower .empty {
  text-align: center;
  padding: 20px 0;
  color: #999;
}
.pb-topic-follower .item {
  color: #333;
  line-height: 30px;
  display: inline-block;
  margin: 5px 5px 0 0;
}
.pb-topic-follower .item img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.pb-topic-follower .more {
  margin: 5px 5px 0 0;
  line-height: 30px;
  width: 30px;
  display: inline-block;
  background: #CCC;
  text-align: center;
  color: #FFF;
  border-radius: 50%;
}
.writer-container {
  padding: 0 0 0 400px;
}
.writer-container .category-box {
  width: 150px;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: scroll;
  background: #36312C;
}
.writer-container .category-box .logo {
  text-align: center;
  padding: 20px 0;
}
.writer-container .category-box .logo a img {
  height: 40px;
  max-width: 100%;
}
.writer-container .category-box .back {
  text-align: center;
  padding: 20px 10px 0 10px;
}
.writer-container .category-box .back a {
  display: block;
  text-align: center;
  line-height: 30px;
  border: 1px solid #EA6F5A;
  border-radius: 5px;
  color: #EA6F5A;
}
.writer-container .category-box .loading {
  padding: 10px 10px;
  color: #FFF;
  text-align: center;
}
.writer-container .category-box .empty {
  padding: 10px 10px;
  color: #999;
  font-size: 13px;
}
.writer-container .category-box .add {
  padding: 10px 10px;
}
.writer-container .category-box .add a {
  color: #FFF;
  font-size: 10px;
  display: block;
}
.writer-container .category-box .list .item {
  padding: 10px;
  border-left: 3px solid transparent;
}
.writer-container .category-box .list .item.active {
  background: #646464;
  border-left: 3px solid #EA6F5A;
}
.writer-container .category-box .list .item .operation {
  float: right;
}
.writer-container .category-box .list .item .operation a {
  color: #999;
}
.writer-container .category-box .list .item .title {
  color: #FFF;
}
.writer-container .note-box {
  position: fixed;
  left: 150px;
  top: 0px;
  bottom: 0px;
  width: 250px;
  overflow: scroll;
  border-right: 1px solid #CCC;
}
.writer-container .note-box .add {
  padding: 20px;
  border-bottom: 1px solid #CCC;
}
.writer-container .note-box .add a {
  color: #999;
  line-height: 20px;
  display: inline-block;
  height: 20px;
}
.writer-container .note-box .empty {
  padding: 20px;
  color: #999;
  border-bottom: 1px solid #EEE;
  text-align: center;
}
.writer-container .note-box .list .loading {
  padding: 10px 10px;
  color: #999;
  text-align: center;
}
.writer-container .note-box .list .tail {
  padding: 20px 10px;
  color: #999;
  text-align: center;
  cursor: pointer;
  background: #F8F8F8;
  font-size: 12px;
}
.writer-container .note-box .list .item {
  padding: 10px 40px 10px 40px;
  border-bottom: 1px solid #EEE;
  border-left: 4px solid #FFF;
}
.writer-container .note-box .list .item.active {
  border-left: 4px solid #EA6F5A;
  background: #EEE;
}
.writer-container .note-box .list .item .icon {
  float: left;
  margin: 20px 0px 0 -30px;
  line-height: 40px;
}
.writer-container .note-box .list .item .icon i {
  font-size: 20px;
  color: #999;
}
.writer-container .note-box .list .item .icon i.active {
  color: #CDBD8A;
}
.writer-container .note-box .list .item .operation {
  float: right;
  margin: 20px -20px 0 0;
  text-align: center;
  line-height: 40px;
}
.writer-container .note-box .list .item .operation a {
  color: #999;
  font-size: 14px;
}
.writer-container .note-box .list .item .title {
  color: #111;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}
.writer-container .note-box .list .item .time {
  font-size: 10px;
  color: #999;
}
.writer-container .note-box .list .item .summary {
  padding: 5px 0 0 0;
  color: #999;
  font-size: 10px;
  line-height: 16px;
  height: 32px;
  overflow: hidden;
}
.writer-container .editor-box {
  position: fixed;
  left: 400px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.writer-container .editor-box .title {
  padding: 10px 20px;
  border-bottom: 1px solid #CCC;
  position: relative;
}
.writer-container .editor-box .title .action {
  position: absolute;
  right: 20px;
  top: 10px;
}
.writer-container .editor-box .title .action a {
  height: 38px;
  background: #EEE;
  border-radius: 3px;
  line-height: 38px;
  text-align: center;
  width: 38px;
  display: inline-block;
  color: #EA6F5A;
  font-size: 16px;
  margin: 0 2px;
}
.writer-container .editor-box .title .action a.gray {
  color: #999;
}
.writer-container .editor-box .title .input {
  padding: 0 230px 0 0;
}
.writer-container .editor-box .title .input input {
  height: 40px;
  line-height: 40px;
  border: none;
  font-size: 16px;
  box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
}
.writer-container .editor-box .editor {
  position: relative;
}
.writer-container .editor-box .editor .rich-editor {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin-left: 100%;
}
.writer-container .editor-box .editor .rich-editor .w-e-toolbar {
  padding: 5px !important;
  background: #FFF !important;
}
.writer-container .editor-box .editor .rich-editor.show {
  visibility: visible;
  margin-left: 0;
}
.writer-container .editor-box .editor .markdown-editor {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin-left: 100%;
}
.writer-container .editor-box .editor .markdown-editor.show {
  visibility: visible;
  margin-left: 0;
}
.writer-container .history-box .body {
  position: absolute;
  left: 0px;
  top: 70px;
  bottom: 0px;
  right: 0px;
  padding: 0 10px 0 300px;
}
.writer-container .history-box .empty {
  text-align: center;
  color: #999;
  line-height: 100px;
  margin-left: -300px;
}
.writer-container .history-box .list {
  width: 280px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  top: 0px;
  overflow: auto;
}
.writer-container .history-box .list .item {
  padding: 5px 80px 5px 5px;
  color: #333;
  border: 1px solid #EEE;
  border-radius: 3px;
  margin: 0 0 5px 0;
  cursor: pointer;
  line-height: 30px;
}
.writer-container .history-box .list .item.active {
  background: #EEE;
}
.writer-container .history-box .list .item .time {
  float: right;
  padding: 0 5px 0 0;
  color: #999;
  margin: 0 -80px 0 0;
}
.writer-container .history-box .view {
  border: 1px solid #36312C;
  border-radius: 3px;
  overflow: auto;
  position: absolute;
  top: 0px;
  right: 10px;
  bottom: 10px;
  left: 300px;
}
.writer-container .history-box .view .head {
  border-bottom: 1px solid #36312C;
  padding: 10px;
  background: #36312C;
  color: #FFF;
  overflow: hidden;
  line-height: 30px;
}
.writer-container .history-box .view .head .action {
  float: right;
}
.writer-container .history-box .view .content {
  padding: 10px;
}
.writer-container .history-box .view .content pre.markdown {
  font-size: 13px;
}
.writer-container .history-box .view .content .rich {
  border: 1px solid #EEE;
  background: #F8F8F8;
  padding: 10px;
  border-radius: 3px;
}
.writer-container .top-message {
  position: absolute;
  bottom: 5px;
  right: 5px;
  line-height: 30px;
  padding: 0 20px;
  background: #f2fae3;
  color: #659f13;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(101, 159, 19, 0.5);
  border-radius: 4px;
  text-shadow: 0 1px 0 #fff;
  box-sizing: border-box;
  display: none;
  text-align: center;
}
.writer-container .top-message.error {
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.5);
}
.writer-container .top-message.loading {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.5);
}
.pb-note-view h1 {
  font-size: 30px;
  color: #111;
  line-height: 36px;
  padding: 20px 0 0 0;
}
.pb-note-view .author-top {
  padding: 10px 0 0 60px;
  overflow: hidden;
}
.pb-note-view .author-top .avatar {
  float: left;
  margin: 0 0 0 -60px;
}
.pb-note-view .author-top .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.pb-note-view .author-top .user .name {
  color: #333;
  display: inline-block;
  line-height: 30px;
}
.pb-note-view .author-top .user .edit {
  float: right;
  display: inline-block;
  color: #999;
  border: 1px solid #CCC;
  border-radius: 15px;
  line-height: 30px;
  padding: 0 10px;
}
.pb-note-view .author-top .user .user-follow-box {
  display: inline-block;
  line-height: 20px;
}
.pb-note-view .author-top .user .user-follow-box a {
  color: #FFF;
  display: none;
  line-height: 20px;
  background: #3db922;
  border-radius: 12px;
  padding: 0 8px;
  font-size: 12px;
}
.pb-note-view .author-top .user .user-follow-box a.unfollow {
  background: #CCC;
}
.pb-note-view .author-top .user .user-follow-box a.show {
  display: inline-block;
}
.pb-note-view .author-top .stat {
  font-size: 12px;
  color: #999;
}
.pb-note-view .content {
  padding: 20px 0 0 0;
}
.pb-note-view .content p {
  font-size: 16px;
}
.pb-note-view .content-copyright {
  text-align: right;
  color: #999;
  padding: 10px 0;
}
.pb-note-view .content-copyright a {
  color: #999;
  display: inline-block;
  margin-right: 10px;
}
.pb-note-view .tip {
  padding: 40px 0 0 0;
}
.pb-note-view .tip .action {
  text-align: center;
}
.pb-note-view .tip .action a {
  display: inline-block;
  line-height: 40px;
  border-radius: 3px;
  color: #FFF;
  padding: 0 20px;
  background: #EA6F5A;
  font-size: 14px;
}
.pb-note-view .tip .tip-users {
  padding: 20px 0 0 0;
}
.pb-note-view .tip .tip-users .title {
  text-align: center;
  color: #999;
  padding: 10px 0;
}
.pb-note-view .tip .tip-users .list {
  text-align: center;
}
.pb-note-view .tip .tip-users .list a {
  display: inline-block;
  margin: 5px;
}
.pb-note-view .tip .tip-users .list a img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.pb-note-view .author-bottom {
  padding: 20px 20px 20px 80px;
  overflow: hidden;
  border: 1px solid #CCC;
  background: #F8F8F8;
  border-radius: 7px;
  margin: 20px 0 0 0;
}
.pb-note-view .author-bottom .avatar {
  float: left;
  margin: 0 0 0 -60px;
}
.pb-note-view .author-bottom .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.pb-note-view .author-bottom .user-follow-box {
  float: right;
}
.pb-note-view .author-bottom .user-follow-box a {
  color: #FFF;
  display: none;
  line-height: 40px;
  background: #3db922;
  border-radius: 20px;
  padding: 0 20px;
}
.pb-note-view .author-bottom .user-follow-box a.unfollow {
  background: #CCC;
}
.pb-note-view .author-bottom .user-follow-box a.show {
  display: inline-block;
}
.pb-note-view .author-bottom .user .name {
  color: #333;
  display: inline-block;
  line-height: 30px;
}
.pb-note-view .author-bottom .stat {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}
.pb-note-view .author-bottom .signature {
  margin: 20px 0 0 -50px;
  border-top: 1px solid #CCC;
  padding: 10px 0 0 0;
  color: #999;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  box-sizing: content-box;
}
.pb-note-view .tool {
  border-top: 1px solid #EEE;
  padding: 40px 0 0 0;
  margin-top: 40px;
}
.pb-note-view .tool .share {
  float: right;
}
.pb-note-view .tool .note-like-box {
  border: 1px solid #EA6F5A;
  line-height: 34px;
  color: #EA6F5A;
  padding: 0 20px;
  border-radius: 17px;
  display: inline-block;
}
.pb-note-view .tool .note-like-box.liked {
  background: #EA6F5A;
  color: #FFF;
}
.pb-note-view .tool .add-to-topic {
  border: 1px solid #3db922;
  line-height: 34px;
  color: #3db922;
  padding: 0 20px;
  border-radius: 17px;
  display: inline-block;
}
.pb-note-comment-post {
  margin: 40px 0 0 0;
}
.pb-note-comment-post .login {
  text-align: center;
  padding: 20px 0;
  background: #F8F8F8;
  border-radius: 8px;
}
.pb-note-comment-post .login a {
  color: #EA6F5A;
}
.pb-note-comment-post .post {
  overflow: hidden;
}
.pb-note-comment-post .post .avatar {
  display: block;
  float: left;
  margin: 0 0 0 0px;
}
.pb-note-comment-post .post .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.pb-note-comment-post .post .comment-editor {
  padding: 0 0 0 60px;
}
.pb-note-comment-list {
  margin: 40px 0 0 0;
}
.pb-note-comment-list .title {
  border-bottom: 1px solid #EEE;
  font-size: 20px;
  line-height: 30px;
  padding: 10px 0;
}
.pb-note-comment-list .list .loading {
  padding: 40px 0;
  text-align: center;
  color: #999;
}
.pb-note-comment-list .list .empty {
  padding: 40px 0;
  text-align: center;
  color: #999;
}
.pb-note-comment-list .list .item {
  padding: 30px 0;
  border-bottom: 1px solid #EEE;
}
.pb-note-comment-list .list .item .user {
  padding: 0 0 0 50px;
}
.pb-note-comment-list .list .item .user .avatar {
  display: block;
  float: left;
  margin: 0 0 0 -50px;
}
.pb-note-comment-list .list .item .user .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.pb-note-comment-list .list .item .user .name {
  color: #333;
  line-height: 20px;
  font-size: 14px;
  display: block;
}
.pb-note-comment-list .list .item .user .time {
  color: #999;
  font-size: 12px;
  line-height: 20px;
}
.pb-note-comment-list .list .item .message {
  clear: both;
  padding: 10px 0 0 0;
}
.pb-note-comment-list .list .item .message .emotion {
  height: 1.5em;
  vertical-align: middle;
}
.pb-note-comment-list .list .item .message p {
  line-height: 1.5em;
  margin: 0;
}
.pb-note-comment-list .list .item .stat {
  padding: 0 0 0 0;
}
.pb-note-comment-list .list .item .stat a {
  color: #999;
  display: inline-block;
  margin: 10px 10px 0 0;
  border: none;
  padding: 0;
}
.pb-note-comment-list .list .item .stat .like.liked {
  color: #EA6F5A;
}
.pb-note-comment-list .list .item .stat .delete {
  color: #CCC;
}
.pb-note-comment-list .list .item .stat .delete:hover {
  color: red;
}
.pb-note-comment-list .list .item .reply {
  border-left: 2px solid #CCC;
  padding: 0 0 0 20px;
  margin: 20px 0 0 0;
}
.pb-note-comment-list .list .item .reply .reply-item {
  margin-top: 20px;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-text {
  line-height: 1.5em;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-text .emotion {
  height: 1.5em;
  vertical-align: middle;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-text .reply-user {
  float: left;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-stat {
  color: #999;
  padding: 5px 0 0 0;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-stat .reply-time {
  color: #999;
  margin-right: 20px;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-stat .reply-reply {
  color: #999;
  margin-right: 10px;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-stat .reply-delete {
  color: #CCC;
}
.pb-note-comment-list .list .item .reply .reply-item .reply-stat .reply-delete:hover {
  color: red;
}
.pb-note-comment-list .list .item .reply .reply-new {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #CCC;
}
.pb-note-comment-list .list .item .reply .reply-new a {
  color: #999;
}
.pb-note-comment-list .list .item .reply .reply-editor {
  padding: 10px 0 0 0;
}
.pb-banner {
  background: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 260px;
  overflow: hidden;
  box-shadow: none;
}
.pb-banner .swiper-slide {
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFF;
  background-position: center;
}
.pb-banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #EA6F5A;
}
.pb-member-list .empty {
  padding: 40px 0;
  text-align: center;
  color: #999;
}
.pb-member-list .item {
  padding: 20px 0 20px 80px;
  border-bottom: 1px solid #EEE;
  overflow: hidden;
}
.pb-member-list .item .action {
  float: right;
}
.pb-member-list .item .action .user-follow-box {
  display: inline-block;
}
.pb-member-list .item .action .user-follow-box a {
  background: #3db922;
  color: #FFF;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  font-size: 14px;
  box-sizing: content-box;
  border: 1px solid #3db922;
  display: none;
}
.pb-member-list .item .action .user-follow-box a.unfollow {
  background: #CCCCCC;
  border-color: #CCCCCC;
}
.pb-member-list .item .action .user-follow-box a.show {
  display: inline-block;
}
.pb-member-list .item .avatar {
  display: block;
  float: left;
  margin: 0 0 0 -80px;
}
.pb-member-list .item .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.pb-member-list .item .name {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 30px;
}
.pb-member-list .item .stat {
  display: block;
  color: #999;
  font-size: 12px;
  line-height: 16px;
}
.pb-topic-note-select .empty {
  padding: 20px 0;
  text-align: center;
  color: #999;
}
.pb-topic-note-select .item {
  border: 1px solid #EEE;
  margin: 10px;
  padding: 10px 80px 10px 10px;
  overflow: hidden;
}
.pb-topic-note-select .item:hover {
  background: #F8F8F8;
}
.pb-topic-note-select .item .title {
  line-height: 30px;
  color: #333;
  height: 30px;
  display: block;
  overflow: hidden;
}
.pb-topic-note-select .item .title img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: none;
}
.pb-topic-note-select .item .action {
  float: right;
  margin: 5px -70px 0 0;
}
.pb-topic-note-select .item .action a {
  display: inline-block;
  border: 1px solid #3db922;
  color: #3db922;
  border-radius: 3px;
  padding: 0 10px;
  line-height: 20px;
}
.pb-topic-note-select .item .action a:hover {
  background: #EEE;
}
.pb-topic-note-select .item .action a.revert {
  color: #999;
  border-color: #999;
}
.pb-topic-note-select .item .action a.remove {
  color: red;
  border-color: red;
}
.pb-topic-list .empty {
  padding: 40px 0;
  text-align: center;
  color: #999;
}
.pb-topic-list .item {
  padding: 20px 0 20px 80px;
  border-bottom: 1px solid #EEE;
  overflow: hidden;
}
.pb-topic-list .item .action {
  float: right;
}
.pb-topic-list .item .action .topic-follow-box {
  display: inline-block;
}
.pb-topic-list .item .action .topic-follow-box a {
  background: #3db922;
  color: #FFF;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 15px;
  box-sizing: content-box;
  border: 1px solid #3db922;
  display: none;
}
.pb-topic-list .item .action .topic-follow-box a.unfollow {
  background: #CCCCCC;
  border-color: #CCCCCC;
}
.pb-topic-list .item .action .topic-follow-box a.show {
  display: inline-block;
}
.pb-topic-list .item .action .contribute {
  background: #FFF;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  font-size: 14px;
  box-sizing: content-box;
  border: 1px solid #3db922;
  display: inline-block;
  color: #3db922;
}
.pb-topic-list .item .cover {
  display: block;
  float: left;
  margin: 0 0 0 -80px;
}
.pb-topic-list .item .cover img {
  width: 50px;
  height: 50px;
  border: 1px solid #EEE;
  border-radius: 3px;
}
.pb-topic-list .item .name {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 30px;
}
.pb-topic-list .item .stat {
  display: block;
  color: #999;
  font-size: 12px;
  line-height: 16px;
}
.pb-home-topic-list {
  margin-top: 0px;
}
.pb-home-topic-list > .head {
  border-bottom: 1px solid #EEE;
}
.pb-home-topic-list .empty {
  line-height: 30px;
  color: #CCC;
  text-align: center;
}
.pb-home-topic-list .item {
  box-sizing: content-box;
  line-height: 30px;
  display: block;
  padding: 5px 0;
  color: #333;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.pb-home-topic-list .item .contribute {
  float: right;
  color: #3db922;
  border: 1px solid #3db922;
  line-height: 20px;
  padding: 0 10px;
  display: inline-block;
  border-radius: 10px;
  margin: 5px 0 0 0;
}
.pb-home-topic-list .item:hover {
  color: #EA6F5A;
}
.pb-home-topic-list .item img {
  display: inline-block;
  border-radius: 3px;
  height: 30px;
  width: 30px;
}
.pb-member-chat-list .empty {
  color: #999;
  padding: 40px 0;
  text-align: center;
}
.pb-member-chat-list .item {
  padding: 20px 10px 20px 70px;
  overflow: hidden;
  border: 1px solid #EEE;
  margin-bottom: 10px;
  border-radius: 3px;
}
.pb-member-chat-list .item:hover {
  background: #F8F8F8;
}
.pb-member-chat-list .item:hover .remove {
  display: block;
}
.pb-member-chat-list .item .remove {
  float: right;
  color: #999;
  display: none;
  margin: -10px 0 0 0;
}
.pb-member-chat-list .item .avatar {
  display: block;
  float: left;
  margin: 0 0 0 -60px;
}
.pb-member-chat-list .item .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.pb-member-chat-list .item .summary {
  color: #333;
  padding: 0;
  max-height: 40px;
  line-height: 20px;
}
.pb-member-chat-list .item .summary time {
  color: #999;
  font-size: 12px;
}
.pb-member-chat-list .item .bottom {
  font-size: 12px;
  padding: 10px 0 0 0;
}
.pb-member-chat-list .item .bottom .view {
  display: inline-block;
  color: #07d;
}
.pb-member-chat-list .item .bottom .unread {
  color: red;
  display: inline-block;
}
.pb-member-chat-list .item .bottom .time {
  color: #CCC;
}
.pb-member-message-list .empty {
  color: #999;
  padding: 40px 0;
  text-align: center;
}
.pb-member-message-list .item {
  padding: 10px;
  overflow: hidden;
  border: 1px solid #EEE;
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
}
.pb-member-message-list .item .remove {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #999;
  display: none;
}
.pb-member-message-list .item .time {
  color: #999;
  line-height: 20px;
  margin-top: 10px;
}
.pb-member-message-list .item .html {
  line-height: 1.5em;
}
.pb-member-message-list .item .html p {
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
.pb-member-message-list .item:hover .remove {
  display: block;
}
.pb-article {
  margin: 10px 0;
}
.pb-article .container {
  background: #FFF;
}
.pb-article .container h1 {
  color: #EA6F5A;
  font-size: 20px;
  padding: 0;
  margin: 0;
  line-height: 60px;
  border-bottom: 1px solid #EA6F5A;
  text-align: center;
}
.pb-article .container .content {
  padding: 20px;
  font-size: 13px;
}
.pb-member-chat-room .chat-messages {
  border: 1px solid #EEE;
  border-radius: 3px;
  padding: 20px;
}
.pb-member-chat-room .chat-messages .list {
  overflow: auto;
}
.pb-member-chat-room .chat-messages .list .more {
  text-align: center;
  color: #999;
  padding: 0px 0px 20px 0;
  border-bottom: 1px solid #EEE;
  cursor: pointer;
}
.pb-member-chat-room .chat-messages .list .loading {
  text-align: center;
  color: #999;
  padding: 20px 0;
}
.pb-member-chat-room .chat-messages .list .empty {
  text-align: center;
  color: #999;
  padding: 20px 0;
}
.pb-member-chat-room .chat-messages .list .item {
  padding: 20px 60px;
}
.pb-member-chat-room .chat-messages .list .item.send .avatar {
  float: left;
  margin: 0 0 0 -60px;
}
.pb-member-chat-room .chat-messages .list .item.send .message {
  text-align: left;
}
.pb-member-chat-room .chat-messages .list .item.send .message .content {
  background: #F0F7FF;
}
.pb-member-chat-room .chat-messages .list .item.send .message .content .arrow {
  right: auto;
  left: -16px;
  border-left-color: transparent;
  border-right-color: #F0F7FF;
}
.pb-member-chat-room .chat-messages .list .item .avatar {
  float: right;
  margin: 0 -60px 0 0;
}
.pb-member-chat-room .chat-messages .list .item .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.pb-member-chat-room .chat-messages .list .item .message {
  text-align: right;
}
.pb-member-chat-room .chat-messages .list .item .message .content {
  background: #F3F4F6;
  padding: 10px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
}
.pb-member-chat-room .chat-messages .list .item .message .content .arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-left-color: #F3F4F6;
  right: -16px;
  top: 8px;
}
.pb-member-chat-room .chat-messages .list .item .message .content .text {
  color: #333;
  text-align: left;
}
.pb-member-chat-room .chat-messages .list .item .message .content .text p {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  line-height: 1.5em;
}
.pb-member-chat-room .chat-messages .list .item .message .content .text p .emotion {
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}
.pb-member-chat-room .chat-messages .list .item .message .content .image img {
  max-width: 120px;
  max-height: 120px;
}
.pb-member-chat-room .chat-messages .list .item .message .content .time {
  text-align: left;
  color: #999;
  font-size: 12px;
  padding: 10px 0 0 0;
}
.pb-member-chat-room .chat-message-editor {
  padding: 0 0 0 60px;
}
.pb-member-chat-room .chat-message-editor .avatar {
  display: block;
  float: left;
  margin: 0 0 0 -60px;
}
.pb-member-chat-room .chat-message-editor .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.pb-home-writing a {
  display: block;
  line-height: 40px;
  border-radius: 5px;
  background: #EA6F5A;
  color: #FFF;
  text-align: center;
}
.pb-home-writing a:hover {
  color: #FFF;
}
.pb-home-member-list .head {
  padding: 0;
}
.pb-home-member-list .empty {
  line-height: 30px;
  color: #CCC;
  text-align: center;
}
.pb-home-member-list .item {
  display: block;
  padding: 5px 0;
  color: #333;
  border-bottom: 1px dashed #EEE;
}
.pb-home-member-list .item .user-follow-box {
  display: inline-block;
  line-height: 20px;
  float: right;
}
.pb-home-member-list .item .user-follow-box a {
  color: #FFF;
  display: none;
  line-height: 20px;
  background: #3db922;
  border-radius: 12px;
  padding: 0 8px;
  font-size: 12px;
}
.pb-home-member-list .item .user-follow-box a.unfollow {
  background: #CCC;
}
.pb-home-member-list .item .user-follow-box a.show {
  display: inline-block;
}
.pb-home-member-list .item .user {
  color: #333;
}
.pb-home-member-list .item .user:hover {
  color: #EA6F5A;
}
.pb-home-member-list .item .user img {
  display: inline-block;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin: 0 10px 0 0;
}
.pb-member-data-list .head {
  border-bottom: 1px solid #EEE;
}
.pb-member-data-list .body {
  padding: 10px 0;
}
.pb-member-data-list .body .empty {
  padding: 40px 0;
  text-align: center;
  color: #999;
}
.pb-note-tip .body {
  padding: 0;
}
.pb-note-tip .body .tip-title {
  color: #999;
  padding: 0;
  text-align: center;
}
.pb-note-tip .body .tip-value {
  text-align: center;
  padding: 10px 0 0 0;
}
.pb-note-tip .body .tip-value input {
  text-align: center;
}
.pb-note-tip .body .msg-title {
  color: #999;
  padding: 40px 0 0 0;
  text-align: center;
}
.pb-note-tip .body .msg-value {
  text-align: center;
  padding: 10px 0 0 0;
}
.pb-note-tip .body .msg-value input {
  text-align: center;
}
.pb-note-tip .body .pay-list {
  padding: 40px 0 0 0;
  text-align: center;
}
.pb-note-tip .body .pay-list a {
  display: inline-block;
  line-height: 40px;
  border: 3px solid #EEE;
  padding: 0 10px;
  border-radius: 8px;
  text-align: left;
  width: 100px;
  color: #333;
  margin: 0 10px;
}
.pb-note-tip .body .pay-list a.cur {
  border-color: #EA6F5A;
}
.pb-note-tip .body .pay-list a img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.pb-note-tip .body .pay-submit {
  padding: 40px 0 0 0;
  text-align: center;
  height: 200px;
}
.pb-note-tip .body .pay-submit a {
  height: 40px;
  line-height: 40px;
  background: #EA6F5A;
  color: #FFF;
  padding: 0 25px;
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
}
.pb-member-money .dashboard .value {
  color: #999;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
}
.pb-member-money .dashboard .value span {
  font-size: 30px;
  color: #3db922;
}
.pb-member-money .dashboard .action {
  display: inline-block;
  margin: 0 0 0 20px;
}
.pb-member-money .dashboard .action a {
  color: #FFF;
  background: #3db922;
  line-height: 30px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 15px;
  border: 1px solid #3db922;
}
.pb-member-money .dashboard .action a.cash-log {
  background: #FFF;
  color: #3db922;
}
.pb-member-money .dashboard .action a.log {
  background: #FFF;
  border-color: #CCC;
  color: #999;
}
.pb-member-money .money-tip p {
  margin: 0;
  color: #999;
  line-height: 1.5em;
}
.pb-member-money .log {
  clear: both;
  padding: 20px 0 0 0;
}
.pb-footer-toolbox {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 2000;
}
.pb-footer-toolbox a {
  display: block;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 0 5px 0;
}
.pb-footer-toolbox a.top {
  display: none;
}
.pb-footer-toolbox a i {
  font-size: 20px;
  line-height: 30px;
}
.pb-side-banner a {
  display: block;
}
.pb-side-banner img {
  width: 100%;
}
/*# sourceMappingURL=style.css.map */